@font-face {
    font-family: FontAwesome;
    src: url(../font/fontawesome-webfont.eot?v=4.4.0);
    src: url(../font/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(../font/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),url(../font/fontawesome-webfont.woff?v=4.4.0) format('woff'),url(../font/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url(../font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

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

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

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

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

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,.fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before,.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.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-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

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

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3,1.3);
    -moz-transition: scale(1.3,1.3);
    -ms-transition: scale(1.3,1.3);
    -o-transition: scale(1.3,1.3);
    transition: 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;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-nav.disabled {
    display: none
}

.owl-dots {
    height: auto;
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom:1;transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    cursor: pointer;
    margin: 0 10px
}

.owl-dots .owl-dot span {
    display: inline-block;
    margin: 0 auto;
    width: 6px;
    height: 6px;
    background: #a9abaf;
    border-radius: 50%
}

.owl-dots .owl-dot.active span {
    background: #4e4e4e
}

.container,.page-wrap,body,html {
    width: 100%;
    height: 100%
}

.menu-wrap a {
    color: #fff;
    text-transform: uppercase
}

.menu-wrap a:focus,.menu-wrap a:hover {
    color: #08bdcc
}

.page-wrap {
    -webkit-overflow-scrolling: touch
}

.page-wrap {
    position: relative
}

.page-wrap::before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: opacity .4s,-webkit-transform 0s .4s;
    transition: opacity .4s,transform 0s .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.menu-button {
    float: right;
    padding: 10px 14px;
    margin: 10px 22px 0 0;
    width: 24px;
    height: 20px;
    border: none;
    color: transparent;
    display: none;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    position: relative
}

.menu-button::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(#464545 15%,transparent 15%,transparent 42%,#464545 42%,#464545 57%,transparent 57%,transparent 85%,#464545 85%);
    content: ''
}

.menu-button:hover {
    opacity: .8
}

.close-button {
    width: 2em;
    height: 2em;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    font-size: .75em;
    border: none;
    background: 0 0;
    color: transparent;
    cursor: pointer;
    display: none
}

.close-button::after,.close-button::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-wrap {
    position: fixed;
    overflow: auto;
    z-index: 1001;
    width: 250px;
    right: 0;
    height: 100%;
    background: #373a47;
    background: rgba(0,0,0,.9);
    padding: 2.5em 1.5em 0;
    font-size: 1.15em;
    -webkit-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.show-menu .page-wrap {
    -webkit-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.icon-list,.menu {
    height: 100%
}

.icon-list a {
    display: block;
    padding: .8em;
    line-height: 1;
    text-transform: capitalize;
    font-size: 14px
}

.icon-list,.icon-list a {
    -webkit-transition: -webkit-transform 0s .4s;
    transition: transform 0s .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.icon-list a span {
    margin-left: 10px;
    font-weight: 700
}

.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.show-menu .icon-list,.show-menu .icon-list a {
    -webkit-transition: -webkit-transform .8s;
    transition: transform .8s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.show-menu .icon-list a {
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    line-height: 1;
    text-transform: capitalize;
    font-size: 14px
}

.show-menu .page-wrap::before {
    opacity: 1;
    -webkit-transition: opacity .8s;
    transition: opacity .8s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@media only screen and (max-width : 1190px) {
    .menu-button {
        display:block
    }
}

* {
    margin: 0;
    padding: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li,ul {
    list-style: none
}

html {
    min-height: 100%
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

a {
    text-decoration: none
}

.clear:after,.row:after {
    content: "";
    display: table;
    clear: both
}

body {
    background: #000;
    padding-bottom: 42px;
    font-family: Poppins,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #464545;
    line-height: 30px;
    letter-spacing: .050em;
    min-width: 340px;
    height: auto
}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {
    float: left;
    position: relative;
    min-height: 1px
}

.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}

svg:not(:root) {
    overflow: hidden
}

.svg-off {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.btn {
    display: inline-block;
    text-align: center;
    background: 0 0;
    border: none;
    outline: 0
}

.btn-outlined {
    height: 50px;
    line-height: 48px;
    border: 2px solid #dfdfdf;
    padding: 0 30px;
    font-size: 14px;
    color: #464545;
    background: 0 0;
    font-weight: 600
}

hr {
    max-width: 1000px;
    width: 100%;
    height: 1px;
    border: none;
    background: #ccc;
    margin: 0 auto
}

h2 {
    font-weight: 400;
    font-size: 26px
}

h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 2.2;
    letter-spacing: 0;
    position: relative;
    color: #000
}

.img-vert:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.section h3 {
    margin-bottom: 30px
}

.page-title {
    margin-bottom: 0;
    position: relative;
    line-height: 2.2
}

.ecom-ban-content h2:after,.page-title:after,h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -19px;
    width: 25px;
    height: 2px;
    background: #00aeef
}

.page-title:after {
    background: #00aeef
}

h4 {
    font-weight: 600;
    font-size: 30px
}

h5 {
    font-weight: 600;
    font-size: 15px
}

h6 {
    font-weight: 600;
    font-size: 14px;
    color: #333
}

.grey-bg {
    background: #f6f6f6
}

.page-wrap {
    width: 1170px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.content-wrap {
    background: #fff
}

.fleft {
    float: left
}

.fright {
    float: right
}

.text-center {
    text-align: center
}

.section {
    padding: 56px 0
}

#top-nav {
    text-align: right
}

#top-nav li {
    margin-left: 20px;
    display: inline-block
}

#top-nav li a {
    font-size: 14px;
    color: #989898;
    line-height: 3;
    transition: color .5s
}

#top-nav li a:hover,#top-nav li.active a {
    color: #fff
}

.top-logo {
    border-radius: 3px 3px 0 0;
    background: #fff;
    padding: 22px 0 20px 38px
}

.top-logo a {
    display: inline-block;
    width: 256px
}

.main-nav {
    width: 100%;
    background: #222;
    border-bottom: 2px solid #00aeef;
    height: 50px;
    text-align: center
}

.main-nav li {
    display: inline-block;
    margin: 0 14px
}

.main-nav li a {
    color: #fff;
    font-size: 14px;
    padding: 10px 14px;
    display: inline-block;
    transition: color .5s
}

.main-nav li a:hover,.main-nav li.active a {
    color: #fff
}

.top-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: table;
    width: 100%
}

.banner-row {
    padding-top: 416px;
    position: relative;
    overflow: hidden;
    width: 100%
}

.ecom-ban-content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 60px
}

.ecom-ban-content h2 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    font-weight: 500
}

.ecomm-txt h2 {
    color: #424241
}

.custom1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

#home .top-banner {
    height: 416px;
    display: table;
    width: 100%;
    background-color: #15161a;
    overflow: hidden;
    position: relative
}

.recent-works .owl-nav {
    display: none
}

.table {
    display: table
}

.inner {
    display: table-cell;
    vertical-align: middle
}

.top-banner .inner {
    text-align: center;
    color: #ececec
}

.top-banner .inner h1,.top-banner .inner h2,.top-banner .inner h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400
}

.top-banner .inner h2 {
    margin-top: 20px;
    text-align: left;
    margin-left: 350px
}

.top-banner .inner h2 strong {
    font-weight: 600
}

.top-banner .inner p {
    margin-top: 25px;
    line-height: 1.7
}

.blog-home {
    color: #464545;
    background: #fff;
    padding: 40px 0 90px
}

.blog-home h3 {
    text-align: center
}

.blog-home-item {
    padding: 8px 75px 0;
    position: relative
}

.blog-home-item+.blog-home-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #d8d8d8
}

.blog-date-wrap {
    float: left;
    width: 90px;
    margin-top: 15px
}

.blog-date-wrap h4 {
    position: relative;
    line-height: 1.5
}

.blog-date-wrap h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #00aeef
}

.blog-dates {
    display: inline-block;
    text-align: center
}

.blog-date-wrap p {
    line-height: 1.8
}

.blog-home-content {
    float: left;
    width: 345px;
    margin-top: 15px
}

.blog-home-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
    padding-top: 8px
}

.blog-home-title a {
    color: #464545
}

.blog-home-content>p {
    line-height: 1.7;
    margin-bottom: 25px
}

.blog-home-content>ul li {
    display: inline-block;
    padding-right: 14px;
    color: #7f7f7f;
    font-style: italic
}

.blog-home-content>ul li+li {
    padding-right: 0;
    padding-left: 14px;
    position: relative
}

.blog-home-content>ul li+li:before {
    content: '|';
    display: inline-block;
    position: absolute;
    left: -5px;
    top: -6px;
    font-style: normal;
    width: 2px;
    line-height: 24px
}

.blog-home-content>ul a {
    font-style: italic;
    color: #7f7f7f;
    transition: color .5s
}

.blog-home-content>ul a:hover {
    text-decoration: underline;
    color: #00aeef
}

.home-video-wrap {
    width: 100%;
    height: 420px;
    background-size: cover;
    position: relative
}

.home-iframe {
    display: none
}

.home-iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.home-video-wrap a {
    display: table;
    width: 100%;
    height: 100%
}

.home-video-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    padding-top: 95px
}

.home-video-inner .h-play-icon,.post_video .h-play-icon {
    display: inline-block;
    width: 56px;
    height: 56px;
    border: 3px solid #fff;
    border-radius: 28px
}

.post_video .h-play-icon .fa {
    font-size: 14px;
    margin-top: 27px;
    margin-left: 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.home-video-inner .h-play-icon .fa {
    font-size: 14px;
    margin-top: 19px;
    margin-left: 5px
}

.home-video-inner h4 {
    margin: 25px 0 20px;
    font-weight: 400;
    font-size: 28px
}

.home-video-inner p {
    line-height: 2;
    max-width: 490px;
    margin: 0 auto;
    color: #ddd
}

.industry-recognition {
    background: #fff;
    text-align: center;
    color: #464545;
    padding: 60px 0 42px
}

.industry-recognition p {
    max-width: 880px;
    margin: 30px auto 40px;
    line-height: 1.8
}

.industry-recognition ul li {
    padding: 0 35px;
    display: inline-block;
    vertical-align: middle;
    height: 82px
}

.industry-recognition ul {
    max-width: 945px;
    margin: 0 auto
}

.industry-recognition .owl-nav {
    font-size: 27px;
    color: #7f7f7f
}

.industry-recognition .owl-prev {
    position: absolute;
    top: 30%;
    left: -30px;
    padding: 2px 10px
}

.industry-recognition .owl-next {
    position: absolute;
    top: 30%;
    right: -30px;
    padding: 2px 10px
}

.recent-works,.testimony {
    text-align: center;
    color: #464545;
    padding: 50px 0 5px;
    background: #fff
}

.recent-works p {
    max-width: 880px;
    margin: 30px auto 40px;
    line-height: 1.8
}

.transition {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.works-grid {
    padding: 0 8px 0 7px
}

.awards-overviewLeft a,.works-grid a {
    display: block;
    overflow: hidden;
    position: relative
}

.works-grid-l1 .cstudy {
    position: relative
}

.works-grid-l1 .overlay {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.works-grid-l1 .cstudy:hover .overlay {
    visibility: visible;
    opacity: 1
}

.works-grid-l1 .overlay-content {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%)
}

.works-grid-l1 .overlay h5 {
    font-size: 18px;
    font-weight: 600
}

.read-link-btn,.works-grid-l1 .read-more-btn {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #898989;
    border-radius: 4px
}

.read-link-btn:hover,.works-grid-l1 .read-more-btn:hover {
    border-color: #fff
}

.awards-overviewLeft a img,.recent-works-wrap>div a:hover img,.works-grid a img {
    transition: all .5s
}

.awards-overviewLeft a:hover img,.recent-works-wrap>div a:hover img,.works-grid a:hover img {
    transform: scale(1.05)
}

.works-grid-l1 {
    float: left;
    width: 488px;
    margin: 15px 7px 0 8px
}

.works-grid-l2 {
    float: left;
    width: 410px;
    margin: 15px 7px 0 8px
}

.works-grid-l3 {
    float: left;
    width: 212px;
    margin: 15px 7px 0 8px
}

.works-grid-s1 {
    float: left;
    width: 200px;
    margin: 15px 15px 0 0
}

.works-grid-s2 {
    float: left;
    width: 195px;
    margin-top: 15px
}

.home-stats {
    width: 100%;
    background: url(../images/home-stats-bg.jpg) center center no-repeat;
    background-size: cover
}

.home-stats-top {
    width: 100%;
    height: 404px;
    display: table;
    background: rgba(25,28,34,.8)
}

.home-stats-topInner {
    color: #dbdbdb;
    text-align: center
}

.home-stats-topInner h4 {
    font-weight: 400;
    font-size: 28px;
    margin: 35px auto 25px
}

.home-stats-topInner p {
    max-width: 595px;
    margin: 0 auto;
    line-height: 2.1
}

.home-stats-btm>.col-3 {
    height: 182px;
    color: #fff;
    text-align: center
}

.home-stats-btm>.col-3:nth-child(even) {
    background: rgba(0,0,0,.3)
}

.home-stats-btm p.stats-count {
    font-size: 32px;
    padding: 60px 0 20px
}

.latest-works-row {
    background: #f7f7f7;
    margin-top: 48px;
    padding: 35px 0 5px
}

.latest-works-row .al-ser-btn {
    margin: 50px 0
}

.blog-home-cnt,.recent-client-slide,.works-grid_block {
    position: relative;
    padding: 0 60px
}

.works-grid_block .rc-work {
    background-color: #fff
}

.works-grid_block .rc-work .rc-work_img {
    overflow: hidden;
    background-color: #efefef;
    padding-top: 71.5%;
    position: relative
}

.works-grid_block .rc-work .rc-work_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.works-grid_block .rc-work .rc-work_tlt {
    padding: 22px 28px;
    color: #000;
    text-align: left
}

.rc-work .rc-work_tlt h5 {
    font-size: 16px;
    color: #222;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: capitalize;
    display: block;
    font-weight: 500
}

.rc-work .rc-work_tlt label {
    font-weight: 300
}

.recent-client-row {
    margin-top: 105px
}

.testimony-slider .custom3 .owl-dots {
    bottom: -52px
}

.slide-btn-carousel .owl-nav {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 45px
}

.slide-btn-carousel .owl-nav .owl-next,.slide-btn-carousel .owl-nav .owl-prev {
    font-size: 30px;
    font-weight: 300;
    color: #d3d3d3;
    position: absolute;
    cursor: pointer;
    padding: 5px 8px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear
}

.slide-btn-carousel .owl-nav .owl-next:hover,.slide-btn-carousel .owl-nav .owl-prev:hover {
    color: #00aeef
}

.slide-btn-carousel .owl-nav .owl-next {
    right: 14px
}

.slide-btn-carousel .owl-nav .owl-prev {
    left: 14px
}

.blog-home .blog-home-item {
    padding: 8px 68px 0
}

.blog-home-cnt {
    position: relative;
    padding-top: 40px
}

.blog-home-cnt .blog-box_item {
    background-color: #fff
}

.blog-home {
    background-color: #f7f7f7
}

.blog-home-cnt .blg-box-img {
    padding-top: 50%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.blog-home-cnt .blg-box-cnt {
    position: relative;
    padding: 30px 20px 30px
}

.blog-box_item:hover h4 {
    color: #2e3192!important
}

.blog-home-cnt .owl-nav {
    display: none!important
}

.blg-box-cnt .date-post {
    display: block;
    position: absolute;
    right: 18px;
    top: 8px
}

.recent-works .al-ser-btn {
    margin: 35px 0 35px!important
}

.recent-client-slide.owl-carousel .owl-stage-outer,.slide-btn-carousel.owl-carousel .owl-stage-outer {
    z-index: 2
}

.client-bx {
    border: 1px solid rgba(112,112,112,.1);
    width: 156px;
    height: 78px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline-flex;
    margin: 8px
}

.client-bx:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.client-bx img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.blg-box-cnt .date-post span {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    padding: 0 5px
}

.blg-box-cnt .date-post p {
    font-size: 9px!important;
    letter-spacing: .020em!important;
    color: #000!important;
    font-weight: 300;
    margin: 5px 0 0;
    text-align: center!important
}

.blg-box-cnt h4 {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    color: #464545!important;
    letter-spacing: normal;
    padding: 0 0 0;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear
}

.blog-home-cnt .blg-box-cnt p {
    margin: 0 0;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: normal;
    color: #000!important;
    padding: 0 0
}

.top-cards {
    background: #fff;
    padding: 30px 0 60px;
    color: #464545
}

.top-cards a {
    color: inherit
}

.top-cards article {
    text-align: left;
    padding: 0 15px
}

.top-cards article .img-wrap {
    position: relative;
    overflow: hidden
}

.top-cards article img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s
}

.top-cards article:hover img {
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05)
}

.top-cards h5 {
    margin: 35px auto 20px
}

.top-cards p {
    line-height: 1.8
}

.footer-quoteRequest {
    background: url(../images/requestQuote-bg.jpg) right center no-repeat;
    background-size: cover;
    width: 100%;
    height: 225px;
    padding: 32px 0;
    color: #fff;
    text-align: center
}

.career-fbnr {
    background-image: url(../images/career-btm-bnr.jpg)
}

.career-fbnr h5 {
    font-size: 26px;
    margin-top: 60px;
    margin-bottom: 20px;
    line-height: 1.4
}

.portfolio-fbnr {
    background-image: url(../images/portfolio-btm-bnr.jpg)
}

.footer-quoteRequest h4 {
    margin: 40px 0 15px
}

.footer-quoteRequest .col-6+.col-6 {
    position: relative
}

.footer-quoteRequest .col-6+.col-6:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 160px;
    background: #8b8988
}

.footer-quoteRequest p {
    line-height: 1.5
}

.footer-quoteRequest .btn {
    background: #0072bc;
    background: rgba(0,114,188,.7);
    border: 1px solid rgba(0,114,188,.6);
    width: 284px;
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 52px;
    border-radius: 3px
}

.footer-top {
    background: #fff;
    width: 100%;
    padding: 80px 0 50px
}

.footer-wrap {
    width: 1005px;
    margin: 0 auto
}

.footer-top h6 {
    margin-bottom: 32px
}

.footer-top ul li {
    list-style: none
}

.footer-top ul li:before {
    content: '•';
    color: #a9abaf
}

.footer-top ul li a {
    color: #484848;
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    margin-left: 15px;
    transition: color .5s
}

.footer-top li a:hover {
    color: #00aeef
}

.footer-bottom {
    background: #17191d;
    padding-top: 70px
}

.footer-bottom h6 {
    color: #d2d2d2;
    margin-bottom: 25px
}

.footer-bottom li,.footer-bottom li a {
    color: #ababab;
    line-height: 30px;
    font-weight: 400;
    font-size: 13px;
    transition: color .5s
}

.footer-bottom li a:hover {
    color: #fff
}

.footer-bottom .pay-opts {
    padding-top: 5px
}

.footer-bottom .pay-icon {
    background: url(../images/payment.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.footer-bottom .pay-icon.master {
    background-position: 0;
    width: 40px;
    height: 25px
}

.footer-bottom .pay-icon.visa {
    background-position: -45px 0;
    width: 40px;
    height: 25px
}

.footer-bottom .pay-icon.american {
    background-position: -90px 0;
    width: 40px;
    height: 25px
}

.footer-bottom .pay-icon.paypal {
    background-position: -138px 0;
    width: 22px;
    height: 25px
}

.footer-bottom .pay-icon.cc-ave {
    background-position: -168px 0;
    width: 71px;
    height: 25px
}

.footer-info {
    margin-top: 50px;
    border-top: 1px solid #393b3e;
    padding: 30px 0 35px
}

#newsletter-form {
    width: 240px;
    position: relative
}

#newsletter-form input {
    outline: 0;
    width: 100%;
    border: 1px solid #414141;
    padding: 0 88px 0 15px;
    height: 35px;
    color: #ababab;
    background: 0 0
}

#newsletter-form button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    border: 1px solid #414141;
    height: 35px;
    width: 84px;
    color: #ababab;
    font-size: 13px;
    transition: all .5s
}

#newsletter-form button:hover {
    border-color: #909090
}

.social-links li {
    display: inline-block;
    margin-right: 24px
}

.social-links li:last-of-type {
    margin-right: 0
}

.social-links li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 28px;
    font-size: 14px;
    border-radius: 50%;
    color: #a2a3a5;
    border: 2px solid #a2a3a5;
    text-align: center;
    transition: all .5s
}

.social-links li a:hover {
    border-color: transparent;
    color: #fff
}

.social-links li:nth-child(1) a:hover {
    background: #3b5998
}

.social-links li:nth-child(2) a:hover {
    background: #55acee
}

.social-links li:nth-child(3) a:hover {
    background: #3f729b
}

.social-links li:nth-child(4) a:hover {
    background: #449a88
}

.footer-info address {
    font-size: 18px;
    color: #ababab;
    font-style: normal
}

.footer-info address a {
    font-size: 18px;
    color: #ababab;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.footer-info address a:hover .sp-circle {
    background: #00e676;
    color: #fff;
    border-color: transparent
}

.footer-info address a:hover {
    color: #fff
}

.footer-copyright {
    background: #101115;
    color: #a5a5a5;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    padding: 10px
}

.footer-copyright span {
    display: inline-block
}

#about-us .section {
    padding: 56px 0 72px
}

.secondary-menu {
    padding: 34px 0 54px
}

.secondary-menu li {
    display: inline-block;
    margin: 0 16px
}

.secondary-menu li a {
    color: #464545;
    font-size: 15px;
    transition: color .5s
}

.secondary-menu li a:hover,.secondary-menu li.active a {
    color: #009bd3
}

.section p {
    max-width: 980px;
    margin: 0 auto;
    line-height: 2.1
}

.about-companyBanner {
    width: 100%;
    height: 300px;
    display: table;
    text-align: center;
    background: url(../images/about-companyBanner.jpg) no-repeat;
    background-size: cover
}

.about-companyBanner h2 {
    color: #ececec
}

.top-cards.section>p {
    margin: 30px auto 60px
}

.our-mission {
    text-align: center;
    color: #464545;
    padding: 50px 0 75px;
    background: #fff
}

.our-mission p {
    max-width: 622px;
    margin: 30px auto 0;
    line-height: 1.8
}

.awards-overview {
    background: #f7f5f5;
    padding: 74px 0
}

.awards-overviewRight {
    float: right;
    width: 500px;
    text-align: center;
    padding-top: 15px
}

.awards-overviewRight p {
    line-height: 2;
    max-width: 380px;
    margin: 30px auto 50px
}

.awards-overviewLeft .btn,.awards-overviewRight .btn {
    width: 184px;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #464545;
    font-weight: 500;
    border: 2px solid #ccc;
    transition: all .5s
}

.awards-overviewLeft .btn {
    display: none
}

.awards-overviewLeft a.btn {
    margin: 30px auto 0
}

.awards-overviewRight .btn:hover {
    background: #0072bc;
    color: #fff;
    border-color: transparent
}

.awards-overviewLeft {
    float: left;
    width: 667px
}

.awards-grid-tall {
    width: 242px;
    float: right;
    padding-left: 15px
}

.awards-grid-left {
    float: left;
    padding-left: 15px
}

.awards-grid-small {
    width: 200px;
    padding-top: 15px;
    float: left
}

.awards-grid-small+.awards-grid-small {
    padding-left: 15px;
    width: 210px
}

.section h3.secondary-title {
    margin-bottom: 35px
}

.how-we-work .step-title {
    font-size: 16px;
    font-weight: 500;
    color: #464545;
    margin-bottom: 30px
}

.how-we-work .step-desc {
    line-height: 2
}

.how-we-work li {
    position: relative;
    float: left;
    width: 33.333%;
    min-height: 450px;
    padding-left: 140px;
    padding-right: 15px;
    padding-bottom: 30px
}

.how-we-work li:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 140px;
    top: 0;
    background-position: center top;
    background-repeat: no-repeat
}

.how-we-work li.step-1:before {
    background-image: url(../images/step1.png)
}

.how-we-work li.step-2:before {
    background-image: url(../images/step2.png)
}

.how-we-work li.step-3:before {
    background-image: url(../images/step3.png)
}

.how-we-work li.step-4:before {
    background-image: url(../images/step4.png)
}

.how-we-work li.step-5:before {
    background-image: url(../images/step5.png)
}

.how-we-work li.step-6:before {
    background-image: url(../images/step6.png)
}

.our-profile .section p {
    line-height: 2.2
}

.our-profile .section p+p {
    margin-top: 45px
}

.we-are-global {
    text-align: center;
    background: url(../images/bg-map.jpg) center center no-repeat;
    padding: 30px 0 50px
}

.we-are-global h3 {
    margin-bottom: 35px
}

.we-are-global p {
    line-height: 2;
    max-width: 570px;
    margin: 0 auto;
    color: #000
}

.global-stats-btm {
    padding: 80px 0
}

.global-stats-btm .col-3 {
    padding-bottom: 30px
}

.global-stats-btm .col-3+.col-3 {
    border-left: 1px solid #dedede
}

.global-stats-btm p {
    font-size: 16px
}

.global-stats-btm .stats-count {
    font-size: 36px;
    color: #464545
}

.our-culture {
    text-align: center;
    background: #000;
    color: #dbdbdb;
    padding: 65px 0 80px
}

.our-culture>p {
    max-width: 715px;
    line-height: 2;
    margin: 20px auto 50px
}

.our-culture-btm p {
    font-weight: 500;
    color: #dbdbdb;
    margin-top: 20px
}

.culture-img {
    height: 80px;
    line-height: 80px
}

.our-strength p {
    max-width: 780px;
    margin: 30px auto 0
}

.privacy-policy h4 {
    text-align: left;
    max-width: 980px;
    margin: 30px auto 20px auto;
    font-weight: 400;
    font-size: 24px
}

.privacy-policy p {
    text-align: left
}

.privacy-policy ul {
    max-width: 980px;
    margin: 20px auto;
    padding-left: 20px
}

.privacy-policy ul li {
    list-style: disc;
    text-align: left;
    margin-left: 15px;
    line-height: 1.8;
    margin-bottom: 15px
}

.brand-img {
    margin: 12px auto 40px
}

.hosting-info {
    color: #fff;
    text-align: center;
    padding-top: 80px;
    background: url(../images/hosting-stats-bg.jpg) no-repeat;
    background-size: cover
}

.hosting-info>p {
    max-width: 596px;
    margin: 22px auto 62px;
    line-height: 2
}

.hosting-stats-btm {
    background: rgba(0,0,0,.5);
    padding: 50px 0 60px
}

.hosting-stats-btm .col {
    float: left;
    width: 20%
}

.hosting-stats-btm .col p {
    line-height: 1.7
}

.hosting-stats-img {
    height: 68px;
    line-height: 68px;
    margin-bottom: 20px
}

.awards-wrap {
    padding: 0 15px
}

.award-item {
    height: 390px;
    position: relative
}

.award-item.award-item-txt {
    display: table;
    padding: 42px 25px 0
}

.award-item-btm {
    padding: 0 15px 0
}

.award-item-btm .award-item {
    border: 1px solid #959595;
    height: 424px
}

.award-item-btm .award-item+.award-item {
    border-left: 0
}

.award-time {
    color: #8e8e8e;
    font-size: 14px;
    text-align: right;
    top: 25px;
    right: 25px;
    position: absolute
}

.award-item h2 {
    font-size: 28px;
    margin-bottom: 10px
}

.award-item h6 {
    line-height: 1.7;
    color: #464545;
    max-width: 440px
}

.award-desc {
    margin: 30px auto 35px;
    line-height: 1.9
}

.award-item .buy-here {
    height: 42px;
    line-height: 42px;
    width: 122px;
    font-size: 14px;
    color: #fff;
    background: #00aeef;
    font-weight: 600;
    border-radius: 3px;
    margin-top: 4px
}

.award-item.your-story .award-desc {
    margin: 20px auto 25px
}

.award-item.your-story {
    background: #b60100;
    color: #fff
}

.award-item.your-story>* {
    color: #fff
}

.award-item.your-story .btn {
    color: #fff;
    border-color: #cc3736
}

.award-media-list {
    padding: 75px 0 0;
    text-align: center
}

.award-media-list li {
    display: inline-block;
    padding: 0 50px 80px;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s
}

.award-media-list li:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0)
}

#services .top-banner {
    height: 308px;
    background-image: url(../images/banner-services.jpg)
}

#services-animation .top-banner {
    height: 308px;
    background-image: url(../images/banner-animation.jpg)
}

.animationsRow-wrap {
    padding: 0 15px
}

.anim-item-left,.anim-item-right {
    height: 432px;
    display: block;
    position: relative;
    float: left;
    text-align: center;
    width: 50%
}

.anim-item-right {
    float: right
}

.anim-item-txt {
    background: #f6f6f6;
    display: table
}

.anim-item-txt h2 {
    color: #000;
    font-size: 28px;
    margin-bottom: 30px
}

.anim-item-txt p {
    max-width: 454px;
    margin: 0 auto 40px;
    line-height: 2.1
}

.anim-item-video {
    cursor: pointer
}

.anim-item-video:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px;
    width: 56px;
    height: 56px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,.44);
    background-image: url(../images/icons/anim-play.png);
    background-position: 18px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 10px rgba(0,0,0,.13);
    transition: all .3s
}

.anim-item-video:hover:after {
    box-shadow: 0 0 0 14px rgba(0,114,188,.5);
    background-color: rgba(0,74,123,.8)
}

.recent-works-wrap>div {
    padding: 15px
}

.recent-works-wrap>div a {
    display: block;
    overflow: hidden
}

.view-folioBtn {
    text-align: center;
    padding: 60px 0 5px
}

#services-social .section {
    padding-left: 15px;
    padding-right: 15px
}

.work-with-intro p {
    padding-left: 20px;
    padding-right: 20px
}

.work-withUs-points {
    padding: 45px 15px 90px
}

.work-withUs-points li {
    width: 33.333%;
    padding: 15px;
    float: left;
    height: 200px
}

.work-withUs-points li:nth-child(4n) {
    border-left: 0
}

.work-withUs-points li+li+li+li {
    padding-top: 46px
}

.workWith-img {
    float: left;
    width: 110px;
    text-align: center
}

.workWith-txt {
    float: right;
    width: 238px;
    text-align: left
}

.workWith-txt h6 {
    font-weight: 500;
    color: #464545;
    font-size: 16px;
    margin-bottom: 24px
}

.workWith-txt p {
    line-height: 1.6;
    font-family: Poppins,sans-serif;
    font-size: 13px;
    letter-spacing: .05em
}

.serviceMain-wrap {
    padding: 0 15px 50px
}

.serviceMain-wrap .item {
    border: 1px solid #b7b7b7;
    padding: 15px;
    transition: all .5s
}

.serviceMain-wrap .col-4 .item {
    padding-right: 22px
}

.serviceMain-wrap .item .row {
    height: 100%
}

.serviceMain-wrap .item .item-img svg {
    vertical-align: middle;
    width: 94%
}

.serviceMain-wrap .item .item-img {
    text-align: center
}

.serviceMain-wrap .item .row .item-img {
    float: left;
    width: 50%;
    height: 100%
}

.serviceMain-wrap .item .row .item-img:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.serviceMain-wrap .item .row .item-text {
    float: left;
    width: 50%;
    height: 100%
}

.serviceMain-wrap .row1 .item {
    height: 323px
}

.serviceMain-wrap .item h2 {
    font-size: 24px;
    margin-bottom: 20px
}

.serviceMain-wrap .item h2 span {
    font-size: 36px;
    font-weight: 500
}

.serviceMain-wrap .item p {
    margin-bottom: 25px;
    line-height: 1.4
}

.serviceMain-wrap .item a {
    font-size: 13px;
    font-style: italic;
    color: #464545;
    transition: color .3s
}

.serviceMain-wrap .item {
    cursor: pointer
}

.serviceMain-wrap .item a:hover {
    color: #0072bc
}

.serviceMain-wrap .row2 .col-4 a {
    padding: 15px 0 0 40px;
    display: inline-block
}

.serviceMain-wrap .row1 .col-4 .item,.serviceMain-wrap .row2 .col-4 h2,.serviceMain-wrap .row2 .col-6 .item {
    padding-left: 40px
}

.serviceMain-wrap .row1,.serviceMain-wrap .row2 {
    margin-bottom: 15px
}

.serviceMain-wrap .row2 .col-4 .item {
    padding: 15px
}

.serviceMain-wrap .row1 .col-4 .item-img {
    text-align: right
}

.serviceMain-wrap .row1 .col-4 {
    padding-left: 15px
}

.serviceMain-wrap .row2 .item h2 {
    margin-top: 70px
}

.serviceMain-wrap .row2 .col-12 .item {
    padding-left: 0
}

.serviceMain-wrap .row2 .col-12 .item h2 {
    margin-top: 0
}

.serviceMain-wrap .row2 .col-12 .item .item-img,.serviceMain-wrap .row3 .col-8 .item .item-img {
    width: 55%
}

.serviceMain-wrap .row2 .col-12 .item .item-text,.serviceMain-wrap .row3 .col-8 .item .item-text {
    width: 45%
}

.serviceMain-wrap .row2 .col-4 .item {
    height: 675px
}

.serviceMain-wrap .row2 .col-6 .item {
    margin-bottom: 15px
}

.serviceMain-wrap .row2 .col-12 .item,.serviceMain-wrap .row2 .col-6 .item,.serviceMain-wrap .row3 .item {
    height: 330px
}

.serviceMain-wrap .row2 .col-6 .item-img {
    text-align: left;
    margin-bottom: 22px
}

.serviceMain-wrap .row2 .col-6 .item-img ul li {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    text-align: center;
    line-height: 52px;
    font-size: 28px;
    color: #7d7d7d;
    margin-right: 12px
}

.serviceMain-wrap .row2 .col-4 {
    padding-right: 15px
}

.serviceMain-wrap .row2 .col-6+.col-6 {
    padding-left: 15px
}

.serviceMain-wrap .row3 .col-4 {
    padding-left: 15px
}

.serviceMain-wrap .row3 .col-4 .item {
    padding-left: 40px
}

.serviceMain-wrap .row1 .col-4:hover .item {
    color: #fff;
    background: #898989
}

.serviceMain-wrap .row1 .col-4:hover .item a {
    color: #fff
}

.serviceMain-wrap .row1 .col-8 :hover.item {
    background: #00aeef;
    border-color: transparent;
    color: #fff
}

.serviceMain-wrap .row2 .col-6:hover .item {
    background: #3d3d3d;
    border-color: transparent;
    color: #fff
}

.serviceMain-wrap .row2 .col-6:hover .item ul li {
    color: #c5c5c5;
    border-color: #515151
}

.serviceMain-wrap .row2 .col-6+.col-6:hover .item {
    background: #e2e2e2;
    border-color: #b7b7b7;
    color: #464545
}

.serviceMain-wrap .row2 .col-4:hover .item {
    background: #f5514c;
    border-color: transparent;
    color: #fff
}

.serviceMain-wrap .row2 .col-12:hover .item {
    background: #86708a;
    color: #fff
}

.serviceMain-wrap .row3 .col-4:hover .item {
    background: #f6cb36;
    border-color: transparent
}

.serviceMain-wrap .row3 .col-8:hover .item {
    background: #cce7e4;
    border-color: transparent;
    color: #003b2b
}

.serviceMain-wrap .row3 .col-8:hover .item a {
    color: #003b2b
}

.serviceMain-wrap .row1 .col-8:hover .item a,.serviceMain-wrap .row2 .col-4:hover .item a,.serviceMain-wrap .row2 .col-6:first-child:hover .item a {
    color: #fff
}

.serviceMain-wrap .row1 .col-8 .item .item-img svg {
    width: 65%
}

.serviceMain-wrap .row1 .col-4 .item .item-img svg {
    width: 64%;
    max-width: 210px
}

.serviceMain-wrap .row2 .col-4 .item .item-img svg {
    width: 64%
}

.serviceMain-wrap .row2 .col-4:hover .item #service-m3 .st0,.serviceMain-wrap .row2 .col-4:hover .item #service-m3 .st1 {
    stroke: #fff
}

.serviceMain-wrap .row1 .col-4:hover .item #service-m2 circle,.serviceMain-wrap .row1 .col-4:hover .item #service-m2 ellipse,.serviceMain-wrap .row1 .col-4:hover .item #service-m2 path {
    stroke: #fff;
    fill: transparent
}

.serviceMain-wrap .row1 .col-8:hover .item #service-m1 circle,.serviceMain-wrap .row1 .col-8:hover .item #service-m1 ellipse,.serviceMain-wrap .row1 .col-8:hover .item #service-m1 path {
    stroke: #fff;
    fill: transparent
}

.serviceMain-wrap .row1 .col-8:hover .item #service-m1 .st3 {
    fill: #fff;
    stroke: #fff
}

.serviceMain-wrap .row2 .col-12:hover .item a {
    color: #fff
}

.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st5,.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st6,.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st7 {
    fill: #fff
}

.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st0,.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st2,.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st3,.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st4 {
    stroke: #fff
}

.serviceMain-wrap .row2 .col-12 .item #service-m5 .st5 {
    transition: transform 5s;
    transform-origin: bottom center
}

.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st5 {
    transform: rotate(720deg)
}

.serviceMain-wrap .row2 .col-12 .item #service-m5 .st6 {
    transition: transform 8s;
    transform-origin: bottom right
}

.serviceMain-wrap .row2 .col-12:hover .item #service-m5 .st6 {
    transform: rotate(85deg)
}

#services-graphic .top-banner {
    height: 308px;
    background-image: url(../images/banner-graphic-design.jpg)
}

.workTypeList {
    padding: 38px 0
}

.workTypeList .col-6+.col-6 {
    padding-left: 15px
}

.workType-img {
    float: left;
    width: 146px;
    text-align: center
}

.workType-txt {
    float: left;
    width: 400px;
    text-align: left
}

.workType-txt h2 {
    font-size: 24px;
    color: #000;
    margin-bottom: 15px
}

.workType-txt h6 {
    font-weight: 400;
    color: #636363;
    margin-bottom: 30px
}

.workType-txt p {
    color: #020202;
    line-height: 2.1
}

.workType-txt a {
    color: #636363;
    display: inline-block;
    padding-top: 25px;
    transition: color .5s
}

.workType-txt a:hover {
    color: #00aeef
}

#services-marketing .top-banner {
    height: 308px;
    background-image: url(../images/banner-marketing.jpg)
}

#services-web-design .top-banner {
    height: 308px;
    background-image: url(../images/banner-web-design.jpg)
}

.web-dev-block1 {
    background: url(../images/web-dev-block1.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    margin-bottom: 60px
}

.web-dev-block1 h4 {
    font-size: 24px;
    font-weight: 400
}

.web-dev-block1 p {
    max-width: 445px;
    margin: 30px auto 40px
}

.web-dev-block1 .block-img {
    margin-bottom: 25px
}

.web-dev-block1 a {
    color: #fff;
    border-color: rgba(198,216,222,.3);
    transition: all .5s
}

.web-dev-block1 a:hover {
    border-color: #fff
}

.web-dev-block2 {
    margin-top: 80px;
    background: #f7f7f7;
    text-align: center
}

.platforms-list {
    padding: 70px 0 80px
}

.platforms-list .col {
    float: left;
    width: 234px
}

.platforms-list .block-img {
    height: 100px;
    line-height: 100px;
    margin-bottom: 10px
}

.platforms-list p {
    font-size: 16px;
    line-height: 1.2
}

#services-mobile-development .top-banner {
    height: 308px;
    text-align: center;
    color: #fff;
    background-image: url(../images/banner-mobile.jpg)
}

.mobile-dev-block1 {
    max-width: 1000px;
    margin: 0 auto
}

.mobile-dev-block1>.block-img {
    float: left;
    width: 450px;
    text-align: center
}

.mobile-dev-block1 .block-right {
    float: left;
    width: calc(100% - 450px);
    text-align: left
}

.mobile-dev-block1 h2 {
    font-size: 40px;
    line-height: 1.2;
    margin: 20px 0 40px
}

.mobile-dev-block1 ul li {
    padding-left: 42px;
    line-height: 1.3;
    margin-bottom: 15px;
    background: url(../images/icons/bullet-disc.png) left center no-repeat
}

.mobDev-block1-icons {
    margin-top: 65px;
    text-align: center
}

.mobDev-block1-icons .block-img {
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px
}

.mobile-dev-block1 h4 {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    margin: 60px 0 28px
}

.mobile-dev-block1 p {
    max-width: 380px;
    margin: 0
}

.mobile-dev-block2 {
    background: #222;
    color: #f6f6f6;
    text-align: center
}

.mobile-dev-block2 ul {
    max-width: 822px;
    padding: 50px 0 10px;
    margin: 0 auto
}

.mobile-dev-block2 ul li {
    font-weight: 600;
    width: 274px;
    float: left;
    padding-bottom: 35px
}

.mobile-dev-block2 ul li+li {
    border-left: 1px dotted #777
}

.mobile-dev-block2 ul li .block-img {
    margin: 10px auto 22px
}

.mobile-dev-block3 {
    background: #f6f6f6;
    text-align: center
}

.mobile-dev-block1.block4 {
    padding: 70px 0 0
}

.mobile-dev-block1.block4 p {
    line-height: 2.1;
    margin-bottom: 30px
}

.mobile-dev-block1.block4 .block-left {
    float: left;
    padding: 0 15px
}

.mobile-dev-block1.block4>.block-img {
    width: 465px;
    float: right
}

.mobile-dev-block5 {
    background: url(../images/mobile-block5-img.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff
}

.mobile-dev-block5>p {
    color: #ccc
}

.mobile-dev-block5 ul {
    max-width: 822px;
    padding: 50px 0 10px;
    margin: 0 auto
}

.mobile-dev-block5 ul li {
    font-weight: 600;
    text-transform: uppercase;
    width: 274px;
    float: left;
    padding-bottom: 35px
}

.mobile-dev-block5 ul li .block-img {
    margin: 10px auto 22px
}

.mobile-dev-block6 ul {
    padding: 50px 0 0
}

.mobile-dev-block6 ul li {
    font-weight: 400;
    width: 390px;
    float: left;
    padding: 0 50px 25px
}

.mobile-dev-block6 ul li+li {
    border-left: 1px dotted #777
}

.mobile-dev-block6 ul li h5 {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 30px
}

.mobile-dev-block6 ul li .block-img {
    height: 110px;
    margin: 10px auto 0
}

.portfolio-mainItem {
    float: left;
    width: 563px;
    height: 360px;
    margin: 0 0 16px 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 0 80px
}

.portfolio-mainItem+.portfolio-mainItem {
    margin-right: 14px
}

.portfolio-mainItem.port1 {
    background-image: url(../images/portfolio-item1.jpg)
}

.portfolio-mainItem.port2 {
    background-image: url(../images/portfolio-item2.jpg)
}

.portfolio-mainItem.port3 {
    background-image: url(../images/portfolio-item3.jpg);
    padding-top: 100px
}

.portfolio-mainItem.port4 {
    background-image: url(../images/portfolio-item4.jpg);
    padding-top: 100px
}

.portfolio-mainItem h4 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 30px
}

.portfolio-mainItem.port3 h4 {
    color: #000
}

.portfolio-mainItem h4 span {
    font-weight: 300;
    text-transform: capitalize;
    font-size: 50px;
    color: rgba(255,255,255,.6)
}

.portfolio-mainItem.port3 h4 span {
    color: rgba(0,0,0,.7)
}

.portfolio-mainItem .btn {
    width: 178px;
    color: #fff;
    color: rgba(255,255,255,.7);
    border-color: rgba(255,255,255,.7)
}

.portfolio-mainItem.port3 .btn {
    color: #000;
    font-weight: 500;
    color: rgba(0,0,0,.7);
    border-color: #000;
    border-color: rgba(0,0,0,.7)
}

.port-quote {
    color: #000;
    padding: 100px 0 90px
}

.quotation h4 {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 300;
    max-width: 600px;
    display: inline-block;
    letter-spacing: .01em;
    line-height: 1.4
}

.quotation p {
    font-weight: 500
}

#career .top-cards .col-4 {
    width: 390px;
    padding: 0 27px
}

#career .top-cards h5 {
    font-size: 18px
}

.footer-quote {
    color: #fff;
    text-align: center;
    padding: 80px 0 70px;
    background: url(../images/footer-quotation-bg.jpg) no-repeat;
    background-size: cover
}

.career-believes {
    margin-top: 40px
}

.career-believes .col-3 {
    padding: 0 30px 25px
}

.career-believes .col-3+.col-3 {
    border-left: 1px solid #e0e0e0
}

.career-believes .block-img {
    height: 130px
}

.career-believes .block-img:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.career-believes h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px
}

.career-believes p {
    font-size: 14px;
    line-height: 2.1
}

.job-openings-btn {
    padding: 0 0 90px
}

.job-openings-btn .btn {
    width: 264px;
    border-color: #00aeef;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.job-openings-btn .btn:hover {
    background: #00aeef;
    color: #fff
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both
}

.technologies-list {
    margin: 20px 0 0
}

.technologies-list li {
    display: inline-block;
    height: 130px;
    margin: 0 45px
}

.technologies-list li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.technologies-list li a {
    display: inline-block;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s
}

.technologies-list li a:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0)
}

.tech-wrap {
    position: relative;
    padding: 0 10px;
    padding-bottom: 30px
}

.tech-wrap .tech-box {
    border: 1px solid #e1e1e1;
    color: #464545;
    font-size: 18px;
    float: left;
    width: 32.65%;
    min-height: 380px;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 30px 30px 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative
}

.tech-wrap .tech-box:not(.no-border):hover {
    box-shadow: 0 0 5px #dcdcdc
}

.tech-wrap .tech-box.no-border {
    border: none
}

.tech-wrap .tech-box:nth-child(3n) {
    margin-right: 0
}

.tech-wrap .tech-box h4 {
    color: #464545;
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 30px;
    box-sizing: content-box;
    min-height: 40px
}

.tech-wrap .tech-box p {
    line-height: 1.6
}

.tech-wrap .tech-box .tech-imgs {
    margin: 40px 0 25px 0;
    min-height: 55px
}

.tech-wrap .tech-box .read-more {
    font-size: 14px;
    color: #464545;
    position: absolute;
    bottom: 30px
}

.tech-wrap .tech-box .read-more:hover {
    color: #00aeef
}

.tech-wrap .tech-box .tech-specl {
    width: 70%;
    color: #cacbcb;
    font-weight: 800;
    font-size: 24px;
    text-decoration: underline;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}

.tech-wrap .tech-icons {
    background: url(../images/tech-icons.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.tech-wrap .tech-box .tech-imgs .tech-icons {
    margin-bottom: 15px
}

.tech-wrap .tech-box .tech-imgs .tech-icons:last-child {
    margin-right: 0
}

.tech-wrap .tech-icons.big-data {
    width: 38px;
    height: 30px
}

.tech-wrap .tech-icons.mongodb {
    background-position: 0 -84px;
    width: 112px;
    height: 32px
}

.tech-wrap .tech-icons.couchdb {
    background-position: -121px -87px;
    width: 117px;
    height: 31px;
    margin-left: 30px
}

.tech-wrap .tech-icons.cloud {
    background-position: -45px 0;
    width: 45px;
    height: 29px
}

.tech-wrap .tech-icons.amazon {
    background-position: 0 -132px;
    width: 95px;
    height: 37px
}

.tech-wrap .tech-icons.azure {
    background-position: -122px -140px;
    width: 91px;
    height: 30px;
    margin-left: 40px
}

.tech-wrap .tech-icons.open-source {
    background-position: 0 -35px;
    width: 40px;
    height: 40px
}

.tech-wrap .tech-icons.python {
    background-position: 0 -181px;
    width: 98px;
    height: 31px
}

.tech-wrap .tech-icons.php {
    background-position: -122px -181px;
    width: 50px;
    height: 26px;
    margin-left: 20px
}

.tech-wrap .tech-icons.mobile {
    background-position: -48px -38px;
    width: 23px;
    height: 34px
}

.tech-wrap .tech-icons.apple {
    background-position: 0 -220px;
    width: 28px;
    height: 34px
}

.tech-wrap .tech-icons.android {
    background-position: -38px -220px;
    width: 33px;
    height: 40px;
    margin-left: 20px
}

.tech-wrap .tech-icons.microsoft {
    background-position: -78px -226px;
    width: 28px;
    height: 28px;
    margin-left: 20px
}

.tech-wrap .tech-icons.microsoft-vector {
    background-position: -100px 0;
    width: 33px;
    height: 32px
}

.tech-wrap .tech-icons.share-point {
    background-position: 0 -269px;
    width: 132px;
    height: 28px
}

.tech-wrap .tech-icons.asp-net {
    background-position: -117px -226px;
    width: 122px;
    height: 28px;
    margin-left: 20px
}

#support .top-banner {
    height: 215px;
    background-image: url(../images/banner-support.jpg)
}

#support .top-banner h1 {
    font-size: 28px
}

#support .section h6 {
    font-size: 18px;
    color: #000;
    line-height: 1.6;
    margin-top: 40px;
    font-weight: 400
}

.support-bottom {
    text-align: center;
    background: #f6f6f6
}

.support-bottom>.col-4 {
    height: 260px
}

.support-bottom>.col-4+.col-4 {
    border-left: 1px solid #ccc
}

.support-bottom h4 {
    margin: 15px 0;
    font-size: 26px;
    font-weight: 600
}

.support-bottom p {
    font-size: 16px;
    line-height: 1.9;
    max-width: 260px
}

.support-bottom address {
    font-size: 16px;
    line-height: 1.9;
    font-style: normal;
    margin-top: 15px
}

.support-bottom .block-img {
    height: 88px
}

.support-bottom .block-img:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#contact .top-banner,#quote-request .top-banner {
    height: 215px;
    background-image: url(../images/banner-contact.jpg)
}

#quote-request .top-banner h1 {
    font-weight: 300;
    color: #ececec
}

.contact-inner {
    width: 930px;
    margin: 0 auto
}

.contact-left {
    float: left;
    width: 362px
}

.intl-tel-input {
    display: block
}

.intl-tel-input .flag-container {
    height: 42px
}

textarea.g-recaptcha-response {
    display: block!important;
    height: 0!important;
    visibility: hidden;
    opacity: 0;
    margin: 0!important
}

.csub-btn {
    margin-top: 10px
}

.field-row {
    margin-bottom: 34px
}

.field-row input,.field-row select,.field-row textarea {
    width: 100%;
    display: block;
    background: 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 0 30px;
    height: 42px;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    color: #464545;
    outline: 0
}

.field-row textarea {
    height: auto;
    padding: 15px 30px;
    resize: none
}

.contact-left .field-row button {
    background: #00aeef;
    height: 46px;
    width: 192px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600
}

.contact-right {
    float: right;
    width: 460px;
    text-align: left
}

.contact-right h3,.quote-right h3 {
    line-height: 1.1;
    margin-bottom: 50px
}

.contact-right h3:after,.quote-right h3:after {
    left: 0;
    bottom: -16px;
    margin: 0
}

.contact-right .address-line1,.quote-right .address-line1 {
    font-size: 18px
}

.contact-right .contact-tel,.quote-right .contact-tel {
    line-height: 1.6;
    font-weight: 600;
    vertical-align: top;
    margin-top: 20px
}

.contact-right .contact-email,.quote-right .contact-email {
    line-height: 1.6;
    font-weight: 600
}

.contact-right .contact-email span,.contact-right .contact-tel span,.quote-right .contact-email span,.quote-right .contact-tel span {
    display: inline-block;
    width: 60px;
    font-size: 14px;
    font-weight: 400
}

.contact-right hr,.quote-right hr {
    margin: 50px 0
}

.contact-right .contact-person {
    font-weight: 600
}

.find-us-btn {
    width: 384px;
    height: 82px;
    line-height: 82px;
    color: #000;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    padding-left: 50px;
    text-align: left;
    background: url(../images/location-pin2.png) 0 center no-repeat
}

#quote-request .top-banner {
    background-image: url(../images/banner-quote.jpg)
}

.quote-inner {
    width: 100%;
    padding: 0 22px
}

.quote-left {
    float: left;
    width: 362px;
    margin-left: 50px
}

.quote-right {
    float: right;
    width: 644px
}

.quote-left .btn {
    background: #525252;
    color: #fff;
    font-weight: 600;
    width: 116px;
    padding: 15px 0;
    border-radius: 3px;
    cursor: pointer
}

.quote-left .btn.fleft {
    color: #00aeef;
    font-size: 12px;
    line-height: 46px;
    cursor: pointer
}

.required-servicesList li {
    float: left;
    width: 50%;
    margin-top: 25px;
    line-height: 1.7
}

.checkbox {
    position: relative;
    overflow: hidden
}

.checkbox>input {
    padding: 0;
    margin: 0;
    height: 13px;
    width: 13px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0
}

.checkbox label {
    color: #464545;
    font-size: 14px;
    cursor: pointer;
    padding: 0 0 0 30px
}

.checkbox:not(#foo)>input+label {
    background: url(../images/checkbox-bg.png) 0 -15px no-repeat
}

.checkbox:not(#foo)>input[type=checkbox]:checked+label {
    background-position: 0 4px
}

.technology-item-features {
    max-width: 980px;
    margin: 0 auto;
    text-align: left
}

.technology-item-features h5 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px
}

.technology-item-features p+h5 {
    margin-top: 55px
}

.technology-item-features ul {
    padding-left: 100px
}

.technology-item-features ul li {
    margin-bottom: 25px;
    text-align: left;
    list-style: disc;
    line-height: 1.7
}

.technology-item-services {
    margin: 50px auto
}

.technology-item-services ul {
    padding-left: 100px
}

.technology-item-services ul+ul {
    border-left: 1px dotted #b9b9b9
}

.technology-item-services ul li {
    margin-bottom: 25px;
    text-align: left;
    list-style: disc;
    list-style-position: inside
}

.technology-item-services ul li:last-child {
    margin-bottom: 0
}

.technology-item-services .list3 {
    padding-left: 100px;
    display: inline-block
}

.technology-item-services .list3 li {
    float: left;
    margin-right: 40px
}

.portfolio-showcase {
    padding: 10px 15px 54px
}

.portfolio-showcase .block-img,.portfolio-showcase .block-text {
    width: 50%;
    height: 563px
}

.portfolio-imgLeft .block-img,.portfolio-imgRight .block-text {
    float: left
}

.portfolio-imgLeft .block-text,.portfolio-imgRight .block-img {
    float: right
}

.portfolio-showcase .block-text {
    display: table;
    padding: 0 30px
}

.portfolio-showcase .block-text .btn+.btn {
    margin-left: 10px
}

.portfolio-showcase .block-text a.socialmedia-wrk-link {
    color: #0095cc
}

.portfolio-showcase .block-text p {
    line-height: 2.1;
    margin-bottom: 30px
}

.portfolio-showcase .block-text h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 36px 0 32px
}

.portfolio-showcase .block-text ul {
    margin-bottom: 45px
}

.portfolio-showcase .block-text ul li {
    width: 36%;
    float: left;
    height: 75px;
    padding: 20px 0 0 75px;
    background-repeat: no-repeat;
    background-position: 22px center;
    line-height: 1.4
}

.portfolio-showcase .block-text ul li:first-child,.portfolio-showcase .block-text ul li:last-child {
    width: 32%
}

.portfolio-showcase .block-text ul li:first-child {
    background-position: left center;
    padding: 21px 0 0 40px
}

.portfolio-showcase .block-text ul li+li {
    border-left: 1px solid #ebebeb;
    padding: 21px 0 0 70px
}

.portfolio-showcase .block-text ul li.rwd {
    background-image: url(../images/icons/rwd.png)
}

.portfolio-showcase .block-text ul li.webd {
    background-image: url(../images/icons/code.png)
}

.portfolio-showcase .block-text ul li.onln {
    background-image: url(../images/icons/online.png)
}

.portfolio-showcase .block-text ul li.wpp {
    background-image: url(../images/icons/wp.jpg)
}

.portfolio-showcase .block-text ul li.magento {
    background-image: url(../images/icons/magento.png)
}

.portfolio-showcase .block-text ul li.mrkt {
    background-image: url(../images/icons/marketing.png)
}

.portfolio-showcase .block-text ul li.cnslt {
    background-image: url(../images/icons/consult.png)
}

.portfolio-showcase .block-text ul li.dsgn {
    background-image: url(../images/icons/design.png)
}

#portfolio-mobile #block1 {
    padding: 0 0 96px;
    max-width: 930px;
    margin: 0 auto
}

#portfolio-mobile #block1 p {
    line-height: 2.1;
    margin: 50px auto 70px
}

#portfolio-mobile #block1 h5,#portfolio-mobile #block9 h5 {
    font-size: 21px;
    margin-bottom: 35px
}

#portfolio-mobile #block1 a+a,#portfolio-mobile #block9 a+a {
    margin-left: 25px
}

#portfolio-mobile #block2 {
    border-top: 62px solid #fff;
    background: url(../images/mobp-oto-bg.jpg) center center no-repeat;
    background-size: cover
}

#portfolio-mobile #block6 {
    border-top: 32px solid #fff;
    background: #ebeded;
    position: relative
}

#portfolio-mobile #block2 .block-img,#portfolio-mobile #block6 .block-img {
    position: absolute;
    bottom: 0;
    width: 100%
}

#portfolio-mobile #block6>.row {
    position: relative
}

#portfolio-mobile #block6 .block-img {
    width: 482px;
    left: 70px
}

#portfolio-mobile #block2 .block-text {
    text-align: left;
    color: #e7e7e7
}

#portfolio-mobile #block6 .block-text {
    height: 500px;
    display: table;
    float: right;
    width: 638px;
    text-align: left;
    color: #454545;
    z-index: 9;
    position: relative
}

#portfolio-mobile #block2 .col-6 {
    height: 425px;
    position: relative
}

#portfolio-mobile #block2 h4 {
    font-weight: 400;
    margin-bottom: 20px
}

#portfolio-mobile #block6 h4 {
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.2;
    font-size: 40px
}

#portfolio-mobile #block6 p {
    line-height: 2.1;
    max-width: 545px
}

#portfolio-mobile #block2 p {
    line-height: 2.1;
    max-width: 395px
}

#portfolio-mobile #block6 h3 {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    margin: 30px 0 25px
}

#portfolio-mobile #block2 h3 {
    font-weight: 600;
    font-size: 16px;
    margin: 40px 0 30px;
    color: #fff
}

#portfolio-mobile #block2 h3:after,#portfolio-mobile #block6 h3:after {
    left: 0;
    margin-left: 0
}

#portfolio-mobile #block2 ul li,#portfolio-mobile #block6 ul li {
    line-height: 46px;
    display: inline-block;
    padding-right: 30px
}

#portfolio-mobile #block2 ul li+li,#portfolio-mobile #block6 ul li+li {
    border-left: 1px solid #959595;
    padding-left: 30px
}

#portfolio-mobile #block4 {
    background: url(../images/mobp-block3-bg.jpg) center center no-repeat;
    background-size: cover
}

#portfolio-mobile #block4 .block-text {
    float: right;
    background: #99000f;
    background: rgba(153,0,15,.8);
    height: 456px;
    width: 535px;
    display: table;
    padding: 0 130px 0 55px
}

#portfolio-mobile #block4 h5 {
    font-size: 40px;
    line-height: 1.1;
    color: #e7e7e7;
    position: relative;
    margin-bottom: 38px;
    padding-bottom: 18px
}

#portfolio-mobile #block4 h5:after {
    content: '';
    display: block;
    width: 200px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 3px;
    bottom: 0
}

#portfolio-mobile #block4 ul li {
    padding-left: 38px;
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    line-height: 1.3
}

#portfolio-mobile #block4 ul li:before {
    content: '•';
    position: absolute;
    left: 2px;
    top: -4px;
    font-size: 26px;
    line-height: 1
}

#portfolio-mobile #block4 ul li:last-child {
    margin-bottom: 0
}

#portfolio-mobile #block5 {
    padding: 110px 0 50px
}

#portfolio-mobile #block5 p {
    max-width: 925px;
    line-height: 2.1;
    margin: 40px auto 0
}

#portfolio-mobile #block3 {
    padding: 105px 0 110px;
    text-align: center
}

#portfolio-mobile #block3 .img-vert {
    height: 82px
}

#portfolio-mobile #block3 .col-3+.col-3 {
    border-left: 1px solid #959595
}

#portfolio-mobile #block3 h5 {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 5px
}

#portfolio-mobile #block7 {
    background: url(../images/mobile-block5-img.jpg) no-repeat;
    background-size: cover;
    position: relative
}

#portfolio-mobile #block7 .block-text {
    display: table;
    float: left;
    height: 544px;
    color: #e1e1e1;
    text-align: center;
    width: 560px
}

#portfolio-mobile #block7 h4 {
    font-size: 27px;
    line-height: 1.2;
    margin: 20px 0 50px
}

#portfolio-mobile #block7 p {
    line-height: 2.1;
    max-width: 434px;
    margin: 40px auto 0
}

#portfolio-mobile #block7 .img-vert {
    float: right;
    margin-right: 38px;
    height: 544px
}

.mob-popout-right-arrow {
    position: absolute;
    width: 145px;
    height: 135px;
    top: 185px;
    left: 50%;
    margin-left: -73px
}

#portfolio-mobile #block8 {
    background: #2ca7ab;
    color: #ebeded;
    text-align: center;
    padding: 40px 0
}

#portfolio-mobile #block8 .img-vert {
    height: 110px
}

#portfolio-mobile #block8 h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2
}

#portfolio-mobile #block8 .col-3 {
    position: relative
}

#portfolio-mobile #block8 .col-3:last-child:before {
    content: '=';
    display: block;
    font-size: 40px;
    font-weight: 300;
    position: absolute;
    top: 60px
}

#portfolio-mobile #block8 .ezeedose-order-process2:before,#portfolio-mobile #block8 .ezeedose-order-process3:before {
    content: '+';
    display: block;
    font-size: 40px;
    position: absolute;
    font-weight: 300;
    top: 60px;
    left: -11px
}

#hosting #block1 {
    padding: 90px 0;
    text-align: center
}

#hosting #block1 p {
    line-height: 2.1;
    max-width: 945px;
    margin: 60px auto 80px
}

#hosting #block1 .btn {
    width: 284px;
    line-height: 52px;
    height: 52px;
    background: #c10a0a;
    font-weight: 800;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    transition: background .5s
}

#hosting #block1 .btn:hover {
    background: #960606
}

#hosting #block2 {
    background: url(../images/hosting-block2-bg.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 80px 0
}

#hosting #block2 .col-4 {
    padding: 0 68px
}

#hosting #block2 .block-img {
    height: 92px
}

#hosting #block2 h5 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 25px
}

#hosting #block2 p {
    font-size: 14px;
    line-height: 1.7
}

#hosting #block2 .col-4+.col-4 {
    border-left: 1px solid #615858
}

#hosting #block3 h6 {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #464545;
    margin: 60px 0 45px
}

#hosting #block3 .section {
    max-width: 1000px;
    margin: 0 auto
}

#hosting #block3 ul li {
    text-align: left;
    line-height: 2.1;
    padding-left: 20px;
    position: relative;
    margin-bottom: 20px
}

#hosting #block3 ul li:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d16766;
    font-size: 15px
}

#services-ecom .top-banner {
    height: 308px;
    background-image: url(../images/banner-ecommerce.jpg)
}

#services-ecom .portfolio-showcase h3 {
    text-align: center;
    margin-bottom: 75px
}

#services-ecom .ecom-features {
    text-align: center;
    margin: 50px 30px 0
}

#services-ecom .ecom-features li {
    width: 266px;
    height: 486px;
    float: left;
    border: 1px solid #dfdfdf;
    padding: 30px 35px 20px
}

#services-ecom .ecom-features li+li {
    margin-left: 15px
}

#services-ecom .ecom-features .img-vert {
    height: 146px
}

#services-ecom .ecom-features li h5 {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px
}

#services-ecom .ecom-features li p {
    line-height: 1.8
}

.view-social-media-samples {
    text-align: center;
    padding: 20px 0 100px
}

.view-social-media-samples a {
    font-size: 24px;
    color: #000;
    height: 64px;
    line-height: 62px;
    padding: 0 55px;
    font-weight: 400
}

#services-social .portfolio-showcase .block-text p {
    margin-top: 20px
}

#services-social .portfolio-showcase .block-text h6 {
    font-size: 16px;
    margin: 46px 0 25px
}

#services-social .portfolio-showcase .block-text ul li {
    font-weight: 600
}

#services-social #block3 {
    border-top: 1px dotted #cecece;
    margin-left: 15px;
    margin-right: 15px;
    padding: 45px 0 40px
}

#services-social #block3 h3 {
    margin-bottom: 30px
}

#services-social #block3>p {
    line-height: 1.8;
    width: 715px;
    margin: 0 auto
}

#social-media-tabs .img-vert {
    text-align: center
}

#social-media-tabs {
    text-align: left;
    color: #000
}

#social-media-tabs p {
    line-height: 2.1;
    max-width: 460px
}

#social-media-tabs h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 30px
}

#social-media-tabs h4 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px
}

#social-media-tabs .col-right {
    padding-left: 50px
}

#social-media-tabs .col-left {
    padding-left: 70px
}

#social-media-tabs .col-left p {
    max-width: 430px
}

#social-media-tabs .row1,#social-media-tabs .row2 {
    margin-bottom: 50px
}

#social-media-tabs #tab-1 .table {
    height: 200px
}

#social-media-tabs #tab-2 .table {
    height: 300px
}

#social-media-tabs #tab-3 .table,#social-media-tabs #tab-4 .table {
    height: 230px
}

#social-media-tabs .social-tab-titles {
    margin: 60px auto 80px;
    text-align: center
}

#social-media-tabs .social-tab-titles li {
    display: inline-block;
    border: 1px solid #c2c2c2;
    border-width: 2px 1px 2px 1px;
    transition: all .3s
}

#social-media-tabs .social-tab-titles li:last-child {
    border-width: 2px 2px 2px 1px
}

#social-media-tabs .social-tab-titles li:first-child {
    border-width: 2px 1px 2px 2px
}

#social-media-tabs .social-tab-titles li a {
    display: inline-block;
    padding: 34px 70px;
    font-weight: 500;
    transition: all .3s;
    font-size: 16px;
    color: #000
}

#social-media-tabs .social-tab-titles li.r-tabs-state-active,#social-media-tabs .social-tab-titles li:hover {
    border-color: #00aeef
}

#social-media-tabs .social-tab-titles li a:hover,#social-media-tabs .social-tab-titles li.r-tabs-state-active a {
    color: #fff;
    background: #00aeef
}

#services-social #block4 {
    padding-bottom: 75px;
    background: #004a80;
    color: #fff
}

#services-social #block4 .col-6 {
    padding-left: 100px
}

#services-social #block4 p {
    max-width: 680px;
    margin: 0 auto 50px
}

#services-social #block4>.clear+.clear {
    margin-top: 60px
}

#services-social #block4 .block-img {
    margin-top: 5px;
    width: 105px;
    float: left;
    text-align: left
}

#services-social #block4 .block-text {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
    float: left;
    width: 260px;
    font-weight: 600
}

#services-social #block5 ul {
    text-align: left;
    margin-top: 65px;
    width: 45%;
    margin-left: 5%
}

#services-social #block5 ul:first-child {
    border-right: 1px dotted #cecece
}

#services-social #block5 ul li {
    line-height: 1.4;
    position: relative;
    margin-bottom: 20px;
    padding-right: 10px
}

#services-social #block5 ul li:before {
    content: '•';
    font-size: 18px;
    color: #a9abaf;
    position: absolute;
    left: -20px
}

#services-social #block5 {
    padding: 70px 0 80px;
    border-bottom: 1px dotted #cecece;
    margin-left: 15px;
    margin-right: 15px
}

.content-wrap#portfolio-animation {
    padding-bottom: 15px
}

#portfolio-animation .section {
    padding-bottom: 20px
}

#portfolio-animation .play-video-btn,.design-service-animation .play-video-btn {
    display: inline-block;
    text-align: left;
    padding-left: 50px;
    position: relative;
    color: #000;
    line-height: 34px;
    font-weight: 600
}

#portfolio-animation .play-video-btn:before,.design-service-animation .play-video-btn:before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 2px solid #000;
    position: absolute;
    left: 0;
    background: url(../images/icons/anim-play-video.png) 11px 10px no-repeat
}

#job-openings-tabs {
    width: 1005px;
    margin: 15px auto 0;
    position: relative
}

#job-openings-tabs>h3 {
    position: absolute;
    font-size: 18px;
    top: 0;
    left: 0;
    font-weight: 600;
    color: #464545
}

#job-openings-tabs>h3:after {
    left: 0;
    margin-left: 0
}

#job-openings-tabs .job-vacancy-list {
    float: left;
    width: 375px;
    padding-top: 75px
}

#job-openings-tabs .job-vacancy-list li {
    display: block;
    margin-bottom: 30px
}

#job-openings-tabs .job-vacancy-list li:before {
    content: '•';
    margin-right: 20px;
    font-size: 16px;
    color: #a9abaf
}

#job-openings-tabs .job-vacancy-list li a {
    color: #464545
}

#job-openings-tabs .job-vacancy-list li a:hover,#job-openings-tabs .job-vacancy-list li.r-tabs-state-active a,#job-openings-tabs .job-vacancy-list li.r-tabs-state-active:before {
    color: #00aeef
}

#job-openings-tabs .job-vacancy-desc {
    float: right;
    width: 630px;
    border-left: 1px solid #e9e9e9;
    padding: 0 0 0 62px;
    line-height: 2.1
}

.job-vacancy-desc-top {
    font-weight: 600
}

.job-vacancy-desc p {
    margin-bottom: 32px
}

.job-vacancy-desc h6 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px
}

.job-vacancy-desc h6 span {
    font-size: 14px;
    font-weight: 400
}

.job-vacancy-desc ul {
    padding-bottom: 10px
}

.job-vacancy-desc ul li {
    position: relative;
    line-height: 1.7;
    margin-bottom: 20px
}

.job-vacancy-desc ul li:before {
    content: '•';
    position: absolute;
    left: -22px;
    font-size: 16px;
    color: #a9abaf
}

.job-application-form {
    width: 1010px;
    margin: 60px auto 0
}

.job-application-left {
    float: left;
    width: 47%
}

.job-application-right {
    float: right;
    width: 47%
}

.job-application-right .field-row textarea {
    padding: 10px 30px
}

.job-application-right .file-wrap {
    width: 100%;
    cursor: pointer;
    display: block;
    background: 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    color: #464545;
    outline: 0;
    position: relative
}

.job-application-right .file-wrap:after {
    content: "\f0c6";
    color: #2fd237;
    position: absolute;
    font-family: FontAwesome;
    font-size: 18px!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    top: 0
}

.job-application-right .file-wrap label {
    color: #a9a9a9
}

.job-application-right #jo-resume {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0
}

.job-application-form #jo-submit {
    background: #00aeef;
    height: 46px;
    width: 192px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
    border: none;
    outline: 0;
    display: block
}

.job-application-form label.error {
    display: block;
    margin: 10px 0 5px 0;
    text-align: left;
    color: #8ac53d
}

select.other {
    width: 30%;
    float: left
}

select.placeholder {
    color: #a9a9a9
}

#designation_other {
    width: 68%;
    float: left;
    margin-left: 2%;
    margin-top: 0
}

#designation_other-error {
    display: inline-block;
    content: " ";
    clear: both
}

.field-row.text-left {
    text-align: left
}

.mobile-menu {
    display: none;
    float: right;
    font-size: 28px;
    padding-right: 20px
}

.form-response,.quote-response {
    padding-bottom: 10px;
    color: #709e28
}

.mad-img-hover {
    display: none
}

.recent-works-wrap {
    padding: 15px 36px
}

form label.error {
    color: red;
    display: block;
    font-size: 12px;
    margin-top: 10px
}

.hidden-input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0
}

.scrolling-quote {
    background: url(../images/quote-scroll.png) no-repeat;
    position: absolute;
    width: 35px;
    height: 130px;
    right: -35px;
    top: 250px
}

.scrolling-quote a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.content-404 {
    padding: 140px 0;
    text-align: center
}

.content-404 p {
    font-size: 24px;
    font-weight: 400;
    margin-top: 30px
}

.branding-wrap {
    text-align: center;
    padding-bottom: 30px
}

.brand-item {
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    margin: 0 11px 22px 11px;
    position: relative;
    width: 202px;
    vertical-align: top;
    text-align: left;
    overflow: hidden
}

.brand-item a {
    color: inherit
}

.brand-item img {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.brand-cover {
    overflow: hidden
}

.brand-item:hover img {
    transform: scale(1.05)
}

.brand-item h4 {
    color: #464545;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 18px;
    height: 38px;
    text-align: left;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.brand-item:hover h4 {
    color: #009bd3
}

.brand-info {
    padding: 6px 10px 6px 10px;
    height: 40px;
    display: table;
    width: 100%;
    overflow: hidden
}

.brand-fields h5 {
    border-top: 1px solid #e2e2e2;
    color: #171717;
    font-size: 11px;
    font-weight: 400;
    line-height: 30px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.brand-btm {
    background-color: #f6f6f6;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #e7e7e7;
    box-shadow: 0 1px 0 0 #fff inset;
    padding: 0 8px 0;
    position: relative;
    color: #8d8c8c;
    font-weight: 500;
    font-size: 12px
}

.brand-btm span {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    line-height: 16px;
    margin-right: 10px
}

.brand-btm span:before {
    background-repeat: no-repeat;
    content: " ";
    position: absolute;
    width: 20px;
    height: 15px;
    left: 0
}

.brand-btm span.brand-likes:before {
    background-image: url(../images/icons/icon-likes.png);
    background-size: 90%
}

.brand-btm span.brand-views:before {
    background-image: url(../images/icons/icon-views.png);
    background-size: 90%
}

.insta-item {
    display: inline-block;
    margin: 0 4px 4px 0
}

.insta-item a {
    outline: 0
}

.insta-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    width: 220px;
    height: 220px
}

.insta-item img {
    width: 100%;
    height: 100%;
    opacity: 0
}

.typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    -ms-animation: blink .7s infinite;
    -o-animation: blink .7s infinite;
    animation: blink .7s infinite
}

50% {
    opacity: 0
}

100% {
    opacity: 1
}

50% {
    opacity: 0
}

100% {
    opacity: 1
}

50% {
    opacity: 0
}

100% {
    opacity: 1
}

50% {
    opacity: 0
}

100% {
    opacity: 1
}

50% {
    opacity: 0
}

100% {
    opacity: 1
}

100% {
    opacity: 1
}

100% {
    opacity: 1
}

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.g__icon__arrow {
    position: relative;
    width: .4em;
    max-width: .6em;
    height: auto;
    max-height: 100%;
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
    -webkit-transform: translateX(-.8em);
    -ms-transform: translateX(-.8em);
    transform: translateX(-.8em);
    vertical-align: middle;
    opacity: 0;
    display: inline-block
}

.g__hero__panel__caption {
    position: absolute;
    right: 40px;
    max-width: 50%;
    bottom: 36px;
    width: auto;
    height: auto;
    padding-right: 36px;
    padding-left: 36px;
    text-align: left
}

.g__hero__panel__caption>a {
    position: relative;
    display: inline-block
}

.banner_title_caption {
    display: block
}

.banner_title_caption_sub {
    position: relative;
    margin: 10px 5px
}

.banner_title_caption_sub span {
    color: #fff;
    font-weight: 400;
    letter-spacing: .065em;
    font-size: 16px
}

.g__icon__arrow_right {
    position: relative;
    width: .35em;
    max-width: .6em;
    height: auto;
    max-height: 100%;
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
    -webkit-transform: translateX(-.8em);
    -ms-transform: translateX(-.8em);
    transform: translateX(-.8em);
    vertical-align: middle;
    opacity: 1;
    display: inline-block;
    right: -12px;
    top: -1px;
    fill: #fff
}

.g__hero__panel__caption-subtitle,.g__hero__panel__caption-title {
    margin-bottom: 0;
    padding: 0;
    line-height: 100%;
    -webkit-transition: opacity 1s 1s,-webkit-transform 1s 1s;
    transition: opacity 1s 1s,-webkit-transform 1s 1s;
    transition: opacity 1s 1s,transform 1s 1s;
    transition: opacity 1s 1s,transform 1s 1s,-webkit-transform 1s 1s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    transition-timing: cubic-bezier(.25,.46,.45,.94)
}

.owl-item.active .g__hero__panel__caption-subtitle,.owl-item.active .g__hero__panel__caption-title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition-timing: cubic-bezier(.55,.085,.68,.53)
}

.inner-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center
}

.inner-center h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 400
}

.services-grid {
    padding: 0 8px 0 7px
}

.services-grid-1 {
    width: calc(68.2% - 15px);
    float: left
}

.services-grid-2 {
    width: calc(33% - 15px);
    background: #000;
    float: left;
    height: 505px;
    margin: 7px 7px 8px 8px;
    display: table;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.services-grid-2 .read-more-link {
    margin: 8px
}

.service-1,.service-2,.service-3 {
    height: 245px
}

.service-1 a,.service-2 a,.service-3 a,.services-grid-2 a {
    display: table;
    width: 100%;
    height: 100%;
    padding: 25px 20px
}

.services-grid-2 a {
    padding: 25px 25px 25px 90px;
    text-align: left
}

.service-1 {
    background: #2e3192;
    width: calc(50% - 15px);
    float: left;
    margin: 7px 7px 8px 8px;
    display: table;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.service-1:hover {
    box-shadow: rgba(131,133,190,.2) 0 2px 2px,rgba(131,133,190,.2) 0 4px 4px,rgba(131,133,190,.2) 0 8px 8px,rgba(131,133,190,.2) 4px 16px 16px,rgba(131,133,190,.22) 6px 32px 32px
}

.service-2:hover {
    box-shadow: rgba(0,116,164,.2) 0 2px 2px,rgba(0,116,164,.2) 0 4px 4px,rgba(0,116,164,.2) 0 8px 8px,rgba(0,116,164,.2) 4px 16px 16px,rgba(0,116,164,.22) 6px 32px 32px
}

.services-grid-2:hover {
    box-shadow: rgba(58,13,128,.2) 0 2px 2px,rgba(34,34,34,.2) 0 4px 4px,rgba(34,34,34,.2) 0 8px 8px,rgba(34,34,34,.2) 4px 16px 16px,rgba(34,34,34,.22) 6px 32px 32px
}

.service-3:hover {
    border: 10px solid #fff;
    box-shadow: rgba(228,228,288,.2) 0 2px 2px,rgba(228,228,288,.2) 0 4px 4px,rgba(228,228,288,.2) 0 8px 8px,rgba(228,228,288,.2) 4px 16px 16px,rgba(228,228,288,.22) 6px 32px 32px
}

.service-2 {
    background: #00aeef;
    width: calc(50% - 15px);
    float: left;
    margin: 7px 7px 8px 8px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.service-3 {
    height: 245px;
    margin: 7px 7px 8px 8px;
    border: 10px solid #e4e3e4;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.serv-inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: left
}

.ser-h2-title {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    margin: 5px;
    display: inline-block
}

.ser-h2-title b {
    display: block;
    font-weight: 500
}

.read-more-link {
    border: 2px solid rgba(255,255,255,.3);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 5px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.read-more-link svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%)
}

.div-rd {
    position: relative
}

.services-grid-2 .div-rd {
    margin-top: 15px
}

.ser-h2-title.black {
    color: #000
}

.service-3 a {
    padding: 45px 10px 15px 55px;
    text-align: left
}

.service-3 p {
    margin: 5px
}

.service-3 a .div-rd {
    display: inline-block;
    padding-right: 50px
}

.service-3 a .div-rd .read-more-link {
    border: 2px solid rgba(0,0,0,.3)
}

.service-3 a .div-rd .read-more-link svg {
    fill: #000
}

.service-3 p {
    margin: 10px 5px;
    color: #000;
    font-weight: 300
}

.ser-inn-1 {
    float: left;
    width: 60%
}

.ser-inn-2 {
    float: left;
    width: calc(100% - 60%)
}

.al-ser-btn {
    margin: 20px 0;
    min-width: 170px;
    border: 2px solid #b2b2b2;
    border-radius: 5px;
    text-align: center;
    color: #000;
    display: inline-block;
    line-height: 3.2;
    font-weight: 500;
    font-size: 15px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.our-services .al-ser-btn {
    margin: 20px 0 0
}

.works-grid-l2 a,.works-grid-l3 a,.works-grid-s1 a,.works-grid-s2 a {
    position: relative
}

.works-grid-l2 a .works-hover,.works-grid-l3 a .works-hover,.works-grid-s1 a .works-hover,.works-grid-s2 a .works-hover {
    width: 100%;
    height: 100%;
    background: rgba(0,174,239,.9);
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    padding: 25px;
    text-align: left
}

.works-grid-l2 a:hover .works-hover,.works-grid-l3 a:hover .works-hover,.works-grid-s1 a:hover .works-hover,.works-grid-s2 a:hover .works-hover {
    opacity: 1
}

.works-grid-l2 a .works-hover h2,.works-grid-l3 a .works-hover h2,.works-grid-s1 a .works-hover h2,.works-grid-s2 a .works-hover h2 {
    color: #fff;
    position: absolute;
    bottom: 20px;
    font-size: 24px;
    font-weight: 300
}

.works-grid-l2 a .works-hover h2 b,.works-grid-l3 a .works-hover h2 b,.works-grid-s1 a .works-hover h2 b,.works-grid-s2 a .works-hover h2 b {
    font-weight: 500;
    display: block
}

.works-grid-s2 a .works-hover {
    background: rgba(46,49,146,.9)
}

.live-link {
    margin: 30px 0;
    color: #fff
}

.block {
    display: block
}

.custom2.owl-carousel {
    width: 80%
}

.custom2 .img-vert {
    padding: 0 20px;
    width: calc(20% - 4px);
    text-align: center
}

.custom2 li {
    display: inline-block
}

.awards-last {
    padding: 30px 40px;
    border-top: 1px solid rgba(91,100,121,.3)
}

.read-link-btn {
    font-size: 14px;
    padding: 5px 20px;
    border: 2px solid rgba(137,137,137,.6);
    min-width: 150px
}

.portfolio-showcase .block-text ul li.plat {
    background-image: url(../images/icons/platform.png)
}

.portfolio-showcase .block-text ul li.tech {
    background-image: url(../images/icons/technology.png)
}

.video-full {
    background: #000 url(../images/video-img.jpg) no-repeat
}

.home-vid-1 {
    position: relative;
    float: left;
    margin: 0 15px
}

.home-vid-1 .h-play-icon,.post_video .h-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    border-radius: 50%
}

.home-vid-1 .h-play-icon {
    width: 55px;
    height: 55px
}

.home-vid-1 .h-play-icon .fa {
    font-size: 12px
}

.home-vid-2 {
    float: left;
    text-align: left;
    margin: 0 15px;
    width: calc(100% - 289px)
}

.home-vid-2 p {
    max-width: 100%
}

.home-vv {
    width: 860px;
    margin: 0 auto
}

.home-video-inner .home-vid-2 h4 {
    margin: 15px 0 20px
}

.endorsements-scroll .post_img {
    position: absolute;
    width: 308px;
    z-index: 2;
    margin: 0 20px
}

.endorsements-scroll .post_img img {
    vertical-align: middle
}

.endorsements-scroll .post-cont {
    width: calc(100% - 20px);
    padding-left: 390px;
    height: 210px;
    overflow: hidden;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    margin-right: 20px
}

.endorsements-scroll .post-cont p {
    font-size: 14px;
    color: #222;
    letter-spacing: .050em;
    line-height: 30px;
    font-weight: 400;
    margin: 0 0!important
}

.endorsements-scroll .post-cont .content-author {
    position: absolute;
    bottom: 0;
    display: block;
    width: calc(100% - 390px);
    z-index: 2;
    background: #fff;
    padding-bottom: 5px
}

.endorsements-scroll .post-cont .content-author .name {
    font-size: 16px;
    color: #222;
    letter-spacing: 0;
    line-height: 38px;
    text-transform: capitalize;
    display: block;
    font-weight: 500
}

.endorsements-scroll .post-cont .content-author .designation {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    display: block;
    font-weight: 400
}

.testimony-slider {
    margin: 50px 80px
}

.testimony {
    background: #fff;
    padding: 60px 0 50px
}

.post_video .h-play-icon .fa {
    color: #fff
}

.blog-home h3 {
    text-align: left;
    font-size: 24px;
    color: #464545;
    margin-bottom: 10px
}

.blog-home h3:after {
    left: 20px
}

.portfolio-showcase .block-text ul.mg-btn {
    margin-bottom: 29px
}

.tweet-feeds .twit-wrap {
    margin-left: 50px
}

.tweet-feeds .twit-btn-wrap {
    position: absolute;
    top: 5px;
    right: 5px
}

.tweet-feeds h2 {
    font-family: arial;
    padding-left: 25px
}

.tweet-feeds {
    height: 325px;
    overflow: hidden
}

.tweet-feeds li {
    padding: 20px 0 20px 0!important;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0!important;
    position: relative;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.tweet-feeds li:last-child {
    border: none
}

.tweet-feeds .twit-img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-right: 20px;
    position: absolute;
    left: 0;
    text-align: center
}

.tweet-feeds .twit-img img {
    width: 100%;
    border-radius: 5px
}

.tweet-feeds .twit-content {
    padding-left: 80px
}

.tweet-feeds .t-time {
    color: #7e7e7e;
    font-size: 12px
}

.tweet-feeds .t-name a {
    color: #000
}

.tweet-feeds .t-name a:hover {
    text-decoration: none!important
}

.tweet-feeds .t-name {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2
}

.tweet-feeds .t-sname {
    font-size: 14px;
    color: #7e7e7e
}

.tweet-feeds .t-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8;
    padding-right: 30px;
    letter-spacing: 0
}

.tweet-feeds a:hover {
    text-decoration: underline!important
}

.tweet-feeds .t-text a {
    color: #0084b4
}

.service-1 .ser-h2-title,.service-2 .ser-h2-title {
    margin: 5px 12px
}

.al-ser-btn:hover {
    border: 2px solid rgba(0,0,0,.5)
}

.ecom-ban-content h2 {
    position: relative;
    padding: 15px 0
}

.ecom-ban-content h2:after {
    left: 0;
    margin-left: 0
}

.ecom-ban-content .al-ser-btn {
    margin: 25px 0
}

.mob-txt .al-ser-btn {
    border-color: #fff;
    color: #fff
}

.mob-txt .al-ser-btn:hover {
    border-color: rgba(255,255,255,.5)
}

.mob-txt h2:after {
    background: #fff
}

#block4 h3,.mobile-dev-block2 .page-title,.mobile-dev-block5 .page-title {
    color: #fff
}

.works-grid-l2>div:nth-child(1) a .works-hover {
    background: rgba(46,49,146,.9)
}

.home-video-wrap:hover .h-play-icon,.testimony .post_video:hover .h-play-icon,.testimony .post_video:hover .h-play-icon .fa {
    border-color: #009bd3;
    color: #009bd3
}

.hosting-info .page-title,.our-culture .page-title {
    color: #fff
}

.custom1 .owl-dots {
    bottom: 0;
    right: 0;
    display: none
}

.career-top-cards {
    padding: 90px 0 90px
}

.new-main-works {
    padding: 0 8px 0 7px
}

.new-main-works .main-left {
    float: left;
    margin: 15px 7px 15px 8px;
    width: calc(24.6% - 15px);
    height: 375px;
    background: #2e3192;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.new-main-works .main-right {
    float: left;
    width: calc(76.4% - 15px);
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

.new-main-works .main-right>div {
    flex-grow: 1;
    width: calc(33% - 15px);
    height: 180px;
    margin-bottom: 15px!important;
    position: relative;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.new-main-works .main-right>div:nth-child(1) {
    background: #fff;
    border: 1px solid #e4e3e4;
    z-index: 1;
    position: relative
}

.new-main-works .main-right>div:nth-child(1) .ser-h2-title,.new-main-works .main-right>div:nth-child(2) .ser-h2-title,.new-main-works .main-right>div:nth-child(6) .ser-h2-title {
    color: #222
}

.new-main-works .main-right>div:nth-child(1) .read-more-link,.new-main-works .main-right>div:nth-child(2) .read-more-link,.new-main-works .main-right>div:nth-child(6) .read-more-link {
    border: 2px solid rgba(0,0,0,.3)
}

.new-main-works .main-right>div:nth-child(1) .read-more-link svg,.new-main-works .main-right>div:nth-child(2) .read-more-link svg,.new-main-works .main-right>div:nth-child(6) .read-more-link svg {
    fill: #000
}

.new-main-works .main-right>div:nth-child(3) img {
    margin-bottom: -30px
}

.new-main-works .main-right>div:nth-child(2) {
    background: #fff;
    border: 5px solid #e4e3e4;
    z-index: 1;
    position: relative
}

.new-main-works .main-right>div:nth-child(3) {
    background: #7c0c3b;
    z-index: 1;
    position: relative
}

.new-main-works .main-right>div:nth-child(4) {
    background: #00aeef
}

.new-main-works .main-right>div:nth-child(5) {
    background: #000
}

.new-main-works .main-right>div:nth-child(6) {
    background: #fff;
    border: 1px solid #e4e3e4;
    color: #222
}

.new-main-works .main-right>div:nth-child(5) img {
    margin-bottom: -12px
}

.new-main-works .main-right>div:nth-child(odd) {
    margin: 0 7px 0 8px
}

.new-main-works .main-right>div:nth-child(even) {
    margin: 0 8px 0 7px
}

.new-main-works .main-left>a,.new-main-works .main-right>div>a {
    display: table;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 20px
}

.new-main-works .ser-h2-title {
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 24px
}

.new-main-works .main-right .ser-h2-title {
    font-size: 22px
}

.new-main-works .div-rd {
    margin-top: 10px
}

.new-main-works .main-right>div:nth-child(4):hover {
    box-shadow: rgba(0,116,164,.2) 0 2px 2px,rgba(0,116,164,.2) 0 4px 4px,rgba(0,116,164,.2) 0 8px 8px,rgba(0,116,164,.2) 4px 16px 16px,rgba(0,116,164,.22) 6px 32px 32px
}

.new-main-works .main-right>div:nth-child(1):hover {
    box-shadow: rgba(104,148,191,.2) 0 2px 2px,rgba(104,148,191,.2) 0 4px 4px,rgba(104,148,191,.2) 0 8px 8px,rgba(104,148,191,.2) 4px 16px 16px,rgba(104,148,191,.22) 6px 32px 32px
}

.new-main-works .main-right>div:nth-child(2):hover {
    box-shadow: rgba(115,133,119,.2) 0 2px 2px,rgba(115,133,119,.2) 0 4px 4px,rgba(115,133,119,.2) 0 8px 8px,rgba(115,133,119,.2) 4px 16px 16px,rgba(115,133,119,.22) 6px 32px 32px
}

.new-main-works .main-right>div:nth-child(6):hover {
    box-shadow: rgba(89,75,66,.2) 0 2px 2px,rgba(89,75,66,.2) 0 4px 4px,rgba(89,75,66,.2) 0 8px 8px,rgba(89,75,66,.2) 4px 16px 16px,rgba(89,75,66,.22) 6px 32px 32px
}

.new-main-works .main-right>div:nth-child(3):hover {
    box-shadow: rgba(91,13,33,.2) 0 2px 2px,rgba(91,13,33,.2) 0 4px 4px,rgba(91,13,33,.2) 0 8px 8px,rgba(91,13,33,.2) 4px 16px 16px,rgba(91,13,33,.22) 6px 32px 32px
}

.new-main-works .main-left:hover {
    box-shadow: rgba(131,133,190,.2) 0 2px 2px,rgba(131,133,190,.2) 0 4px 4px,rgba(131,133,190,.2) 0 8px 8px,rgba(131,133,190,.2) 4px 16px 16px,rgba(131,133,190,.22) 6px 32px 32px
}

.new-main-works .main-right>div:nth-child(5):hover {
    box-shadow: rgba(63,69,70,.2) 0 2px 2px,rgba(63,69,70,.2) 0 4px 4px,rgba(63,69,70,.2) 0 8px 8px,rgba(63,69,70,.2) 4px 16px 16px,rgba(63,69,70,.2) 6px 32px 32px
}

.blue-btn {
    border-color: #00aeef;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.blue-btn:hover {
    background: #00aeef;
    color: #fff
}

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

.lg-outer .lg-toogle-thumb {
    right: auto!important;
    left: 0
}

.lg-outer .lg-thumb-item {
    border: 1px solid #232323;
    border-radius: 0
}

.lg-outer .lg-image {
    max-height: 80%
}

.lightgallery a:not(:first-child) {
    opacity: 0;
    display: none
}

.block-img.lightgallery img {
    width: 100%;
    height: 100%
}

.portfolio-imgLeft .block-img.lightgallery:before,.portfolio-imgRight .block-img.lightgallery:before {
    display: none!important
}

.block-img.lightgallery+.block-text .inner img {
    margin-bottom: 30px
}

.mobile-dev-block5 ul li {
    width: 33.3333%
}

.mobile-dev-block6,.section .mobile-dev-block1.section {
    padding-bottom: 0
}

.portfolio-showcase .post_video {
    position: relative;
    cursor: pointer
}

.portfolio-showcase .post_video .h-play-icon .fa {
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%,-50%)
}

.portfolio .mfp-iframe-holder .mfp-content {
    max-width: 90%
}

.portfolio .mfp-iframe-scaler {
    padding-top: 52%
}

.footer-wrap h6 {
    font-weight: 500
}

.how-we-work {
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

#about-us .award-item img.img-bg,#portfolio-animation .animationsRow-wrap img.img-bg {
    object-fit: cover;
    height: 100%
}

#portfolio-web .secondary-menu li a {
    position: relative;
    line-height: 2.3;
    display: inline-block
}

#portfolio-web .secondary-menu li.active a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -19px;
    width: 25px;
    height: 1px;
    background: #00aeef
}

.mobile-showcase .inner p {
    margin-top: 30px
}

.mobile-showcase .app-links+.btn-outlined {
    margin: 30px 0
}

.portfolio-imgLeft .block-img,.portfolio-showcase .block-img {
    background-color: #eaeaea
}

.client-list {
    margin: 0 50px 40px
}

.our-clients p {
    max-width: 760px
}

.our-clients {
    padding: 60px 0 42px
}

.our-strength {
    background-color: #1f1f21;
    color: #fff;
    font-weight: 500;
    padding: 20px 68px 0;
    padding-bottom: 20px
}

.our-strength .strength-btm {
    margin-top: -10%
}

.our-strength h3 {
    color: #fff;
    text-align: left
}

.our-strength h3:after {
    left: 0;
    margin-left: 0
}

.strength-bx .count {
    font-size: 32px
}

.strength-bx .content {
    font-size: 16px
}

.strength-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 40px 0
}

.strength-bx {
    width: 31.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #2d2d2f;
    padding: 35px 10px;
    align-items: center;
    justify-content: center;
    margin: 15px 0
}

.strength-bx span {
    text-align: left;
    margin: 10px
}

.career-top {
    max-width: 710px;
    margin: 0 auto
}

.career-title {
    font-weight: 800;
    letter-spacing: .05em;
    font-size: 36px;
    line-height: 1.4
}

.career-title:after {
    display: none
}

#career-tabs .social-tab-titles li {
    margin-left: 25px;
    display: inline-block
}

#career-tabs .social-tab-titles li a {
    color: #7c7c7c;
    font-size: 16px;
    font-weight: 800;
    transition: all .3s ease-in-out;
    line-height: 3;
    display: inline-block;
    cursor: pointer;
    position: relative
}

#career-tabs .social-tab-titles li.Tabs__presentation-slider,#career-tabs .social-tab-titles li.Tabs__presentation-slider2,#career-tabs .social-tab-titles li:first-child {
    margin-left: 0
}

#career-tabs .social-tab-titles li.r-tabs-state-active a {
    color: #000
}

#career-tabs .social-tab-titles li.Tabs__presentation-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #00aeef;
    transition: left .25s;
    z-index: 5
}

#career-tabs .social-tab-titles li.Tabs__presentation-slider2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e3e3e3
}

#career-tabs .social-tab-titles li.active a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 2px;
    background-color: #00aeef;
    transition: all .25s;
    z-index: 5
}

#career-tabs .social-tab-titles {
    display: table;
    margin: 0 auto;
    position: relative
}

.remove-underline:after {
    display: none
}

.openings-bx {
    width: calc(34.43% - 25px);
    margin-right: 20px;
    border-radius: 10px;
    background: #fff;
    padding: 3% 2% 7% 3%;
    text-align: left;
    position: relative;
    box-shadow: 3px 18px 20px 0 rgba(172,172,172,.25);
    float: left
}

.openings-bx:nth-child(3) {
    margin-right: 0
}

.openings-bx .openings-bx-inner {
    position: relative;
    z-index: 5
}

.openings-bx label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin: 15px 10px 15px 0;
    display: block;
    height: 45px
}

.openings-bx label a {
    color: #000;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.openings-bx label a:hover {
    color: #00adef
}

.openings-bx p {
    margin-bottom: 20px
}

.openings-bx a.openings-links {
    color: #00adef;
    font-weight: 700
}

.openings-bx svg.openings-illustration {
    position: absolute;
    bottom: 0;
    right: 0
}

.career-openings {
    background-color: #fafafa
}

.openings-row {
    margin: 60px auto 60px auto;
    width: 85%;
    position: relative
}

.right-arrow {
    margin: 10px 0;
    display: block
}

.blog-post-date {
    font-size: 13px;
    color: #7f7f7f;
    text-align: left;
    display: block
}

.black-btn {
    border-color: #7c7c7c;
    font-weight: 500
}

@media only screen and (min-width : 1170px) {
    .works-grid_block .rc-work {
        float:left;
        width: 331.667px;
        margin-right: 13px
    }
}

@media only screen and (max-width : 1260px) {
    .scrolling-quote {
        display:none
    }
}

@media only screen and (min-width : 1200px) {
    .client-bx {
        width:156px
    }
}

@media only screen and (max-width : 1190px) {
    .testimony-slider .custom3 .owl-dots {
        bottom:0
    }

    .main-nav {
        height: 2px
    }

    .main-nav li {
        display: none
    }

    .page-wrap {
        width: calc(100% - 35px)
    }

    .works-grid-l1 {
        width: 42%;
        margin: 1.3% .6% 0 .7%
    }

    .works-grid-l2 {
        width: 35%
    }

    .works-grid-l3 {
        width: 18.5%;
        margin: 1.3% .6% 0 .7%
    }

    .works-grid-s1 {
        width: 48.5%;
        margin: 3.65% 3.65% 0 0
    }

    .works-grid-s2 {
        width: 47.5%
    }

    .blog-home-item {
        padding: 8px 6% 0
    }

    .blog-date-wrap {
        width: 20%
    }

    .blog-home-content {
        width: 79%
    }

    .footer-wrap {
        width: 910px
    }

    .footer-wrap .col-3,.footer-wrap .col-4 {
        padding-left: 8px
    }

    .footer-wrap .payment-options {
        width: 192px
    }

    .footer-top {
        padding-top: 55px
    }

    .social-links li {
        margin-right: 10px
    }

    #newsletter-form {
        width: 194px
    }

    #newsletter-form input {
        padding: 0 68px 0 10px
    }

    #newsletter-form button {
        width: 65px
    }

    .awards-overviewLeft,.awards-overviewRight {
        float: none;
        margin: 0 auto
    }

    .awards-overviewRight .btn {
        display: none
    }

    .awards-overviewRight p {
        max-width: 100%
    }

    .awards-overviewLeft .btn {
        display: block
    }

    .portfolio-mainItem {
        width: 48%;
        margin-left: 1.28%;
        padding: 6.8% 0 0 6.8%
    }

    .portfolio-mainItem+.portfolio-mainItem {
        margin-right: 1.36%
    }

    #career .top-cards .col-4 {
        width: 33.333%
    }

    .career-believes .col-3 {
        padding-bottom: 0
    }

    .quote-left {
        margin-left: 4.46%;
        width: 32%
    }

    .quote-right {
        width: 57.5%
    }

    .workType-img {
        width: 24%
    }

    .workType-txt {
        width: 72%
    }

    .workWith-img {
        width: 25%
    }

    .workWith-txt {
        width: 72%
    }

    .platforms-list .col {
        width: 20%
    }

    .serviceMain-wrap {
        width: 80%;
        margin: 0 auto
    }

    .serviceMain-wrap .row2 .col-8 {
        width: 100%
    }

    .serviceMain-wrap .row1 .col-4,.serviceMain-wrap .row1 .col-8,.serviceMain-wrap .row3 .col-4,.serviceMain-wrap .row3 .col-8 {
        width: 50%
    }

    .serviceMain-wrap .row1 .col-8 .item-img {
        display: none
    }

    .serviceMain-wrap .row2 .col-4 {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-right: 0
    }

    .serviceMain-wrap .row2 .item h2 {
        margin-top: 15px
    }

    .serviceMain-wrap .row2 .col-4 .item {
        height: auto
    }

    .serviceMain-wrap .row2 .col-4 .item-img,.serviceMain-wrap .row3 .col-8 .item-img {
        display: none
    }

    .portfolio-imgLeft .block-img:before,.portfolio-imgRight .block-img:before {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: ''
    }

    .portfolio-showcase .block-text h6 {
        margin: 18px 0 22px
    }

    .portfolio-showcase .block-text p {
        margin-bottom: 15px
    }

    .portfolio-showcase .block-text ul {
        margin-bottom: 25px
    }

    .portfolio-showcase .block-text ul li+li,.portfolio-showcase .block-text ul li:last-child {
        max-width: 32%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .portfolio-showcase .block-text ul li+li {
        max-width: 36%
    }

    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        height: 545px
    }

    #portfolio-web .secondary-menu {
        padding: 0 0 0
    }

    .services-grid-2 a {
        padding: 25px 25px 25px 50px
    }

    .endorsements-scroll .post_img {
        position: relative;
        width: 100%;
        text-align: center;
        margin: 0
    }

    .endorsements-scroll .post-cont {
        padding-left: 0;
        margin-right: 0;
        text-align: center;
        width: 100%;
        height: auto;
        margin: 20px 0
    }

    .endorsements-scroll .post-cont .content-author {
        position: relative;
        width: 100%;
        margin: 20px 0
    }

    .owl-dots {
        bottom: -30px
    }

    .testimony-slider {
        margin: 50px 80px 0
    }

    .mobile-dev-block6 ul li {
        padding: 0 15px 25px;
        width: 33.3333%
    }

    .serviceMain-wrap .item .row .item-text,.serviceMain-wrap .row3 .col-8 .item .item-text {
        width: 100%
    }

    .serviceMain-wrap .row1 .col-4 .item-img {
        width: 75%
    }

    #portfolio-mobile #block2 .block-img {
        width: 80%
    }

    #portfolio-mobile #block2 .col-6 {
        height: 380px
    }

    #services-ecom .ecom-features li {
        width: calc((100% / 2) - 20px);
        margin: 0!important;
        margin-bottom: 20px!important
    }

    #services-ecom .ecom-features li:nth-of-type(even) {
        margin-left: 20px!important
    }

    #portfolio-mobile #block6 .block-img {
        left: 15px;
        width: 300px
    }

    #portfolio-mobile #block6 .block-text {
        width: calc(100% - 350px)
    }

    #portfolio-mobile #block7 .block-text {
        width: calc(100% - 500px);
        padding: 0 15px
    }

    .mob-popout-right-arrow {
        width: 115px;
        height: 106px;
        top: 210px;
        left: auto;
        right: 342px
    }

    #portfolio-mobile #block7 .img-vert {
        width: 350px
    }

    .banner-book_lft h1 {
        font-size: 36px!important
    }

    .bookType-img .book-cover {
        background-size: 100%!important;
        background-repeat: no-repeat
    }

    .abrd-fright {
        margin-bottom: 6px!important
    }

    .book-cart {
        margin-top: 9px
    }

    .bookType-box .workType-txt .book-price {
        margin: 9px 0!important
    }

    .bookType-box .workType-txt h2 {
        font-size: 25px!important
    }
}

@media only screen and (max-width : 1160px) {
    .tech-wrap .tech-icons {
        margin-left:0!important
    }

    #social-media-tabs .img-vert {
        text-align: left
    }

    #social-media-tabs .col-left {
        padding-left: 0
    }

    #services-social #block4 {
        padding-left: 5%!important;
        padding-right: 5%!important
    }

    #services-social #block4 .col-6 {
        padding-left: 0;
        width: 45%;
        max-width: 365px
    }

    #services-social #block4 .col-6:nth-child(2) {
        margin-left: 10%;
        float: right
    }

    .service-3 a {
        padding: 20px 10px 15px 25px
    }

    .services-grid-2 a {
        padding: 25px 25px 25px 25px
    }

    .services-grid-2 .serv-inner {
        text-align: center
    }

    .services-grid-2 .read-more-link {
        display: none
    }
}

@media only screen and (max-width : 1100px) {
    .openings-row:before {
        display:none
    }

    .our-strength>svg {
        width: 100%
    }

    #social-media-tabs .social-tab-titles li {
        width: 25%;
        vertical-align: top
    }

    #social-media-tabs .social-tab-titles li a {
        display: block;
        padding: 10% 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .works-grid_block .rc-work .rc-work_tlt {
        padding: 21px 21px!important
    }

    .openings-row {
        width: 100%;
        padding: 0 15px
    }
}

@media only screen and (max-width : 1080px) {
    .how-we-work li {
        padding-left:15px;
        padding-top: 105px;
        margin-bottom: 25px
    }

    .how-we-work .step-title {
        text-align: center
    }

    .how-we-work li:before {
        height: 100px;
        width: 100%
    }

    #hosting #block3 {
        padding: 0 15px
    }

    #hosting #block1 {
        padding: 65px 15px
    }

    .job-openings-btn {
        padding: 60px 0
    }

    .job-application-form {
        width: 94%
    }

    #job-openings-tabs .job-vacancy-list {
        width: 204px;
        margin-left: 30px
    }

    #job-openings-tabs .job-vacancy-desc {
        width: 74%
    }

    #job-openings-tabs>h3 {
        left: 25px
    }

    .bookType-img {
        width: 47%
    }

    .bookType-box .workType-txt {
        width: 53%
    }
}

@media only screen and (max-width : 1060px) {
    #home .top-banner {
        height:335px
    }

    .banner-row {
        padding-top: 335px
    }

    .industry-recognition ul {
        width: 92%
    }

    .our-profile .section p {
        padding: 0 10px
    }

    .required-servicesList li {
        float: none;
        width: 100%;
        margin-top: 5px
    }

    .checkbox label {
        font-size: 13px;
        padding-left: 20px
    }

    .quote-inner {
        margin: 0 auto;
        width: 80%;
        padding: 0
    }

    .quote-right {
        width: 50%
    }

    .quote-left {
        margin: 0;
        width: 45%
    }

    #job-openings-tabs {
        width: 98%
    }

    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        height: 510px
    }

    .ecom-ban-content {
        padding-left: 15px
    }

    .ecom-ban-content h2 {
        font-size: 24px
    }

    .top-banner .al-ser-btn {
        min-width: 120px;
        font-size: 14px;
        line-height: 2.4
    }

    .g__hero__panel__caption {
        padding-right: 0
    }

    .works-grid-s2 {
        margin-top: 10px
    }

    .works-grid-l2 a .works-hover h2,.works-grid-l3 a .works-hover h2,.works-grid-s1 a .works-hover h2,.works-grid-s2 a .works-hover h2 {
        font-size: 18px;
        line-height: 1.4
    }

    .works-grid-l2 a .works-hover,.works-grid-l3 a .works-hover,.works-grid-s1 a .works-hover,.works-grid-s2 a .works-hover {
        padding: 15px
    }

    .award-item.award-item-txt {
        padding: 15px 25px 0
    }
}

@media only screen and (max-width : 1030px) {
    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        height:470px
    }
}

@media only screen and (max-width : 1024px) {
    .award-item-btm .award-item {
        height:490px
    }

    #hosting #block2 .col-4 {
        padding: 0 8px
    }

    .technologies-list li {
        height: 115px
    }

    .career-believes .col-3 {
        padding: 0 15px
    }

    .contact-inner {
        width: 90%
    }

    .contact-left {
        width: 42%
    }

    .contact-right {
        width: 50%
    }

    .work-withUs-points li {
        width: 50%
    }

    .work-withUs-points li+li,.work-withUs-points li+li+li+li {
        border: none
    }

    .bookType-img {
        width: 50%!important
    }

    .bookType-img .book-cover {
        padding-top: 338px!important
    }

    .bookType-img .book-cover {
        background-size: contain!important
    }

    .bookType-box .workType-txt {
        width: 50%!important;
        padding-left: 40px!important
    }

    .wac-books {
        padding: 65px 40px
    }

    .bookType-box .workType-txt {
        margin-left: 0!important;
        padding-top: 0!important
    }

    .wac-books.wt-grey .bookType-box .workType-txt {
        padding-left: 0!important;
        padding-right: 40px!important;
        margin-right: 0!important
    }
}

@media only screen and (min-width : 1021px) and (max-width:1190px) {
    .port-img {
        position:absolute
    }
}

@media only screen and (max-width : 1020px) {
    .portfolio-imgLeft .block-img,.portfolio-imgLeft .block-text,.portfolio-imgRight .block-img,.portfolio-imgRight .block-text {
        float:none;
        margin: 0 auto
    }

    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        height: auto
    }

    .portfolio-showcase .block-img {
        margin-bottom: 25px;
        text-align: center
    }

    .portfolio-showcase .block-text {
        margin-bottom: 60px
    }

    .portfolio-showcase .block-img {
        width: 90%
    }

    .view-social-media-samples {
        padding-bottom: 50px
    }

    .portfolio-showcase .block-text {
        width: 90%;
        max-width: 540px
    }

    .portfolio-showcase .block-text {
        padding: 0;
        padding-top: 20px
    }

    .new-main-works .main-left {
        width: calc(100% - 15px);
        height: 180px
    }

    .new-main-works .main-right {
        width: 100%;
        margin-top: 0
    }

    .new-main-works .main-right>div {
        width: calc(50% - 15px)
    }

    .new-main-works {
        max-width: 600px;
        margin: 0 auto
    }

    .quotation h4 {
        font-size: 22px
    }

    .block-img.lightgallery {
        border: none
    }

    .block-img.lightgallery img {
        width: auto;
        height: auto
    }

    .anim-item-txt {
        background: 0 0
    }

    .anim-item-left,.anim-item-right {
        width: 100%;
        height: auto;
        margin: 20px 0
    }

    #portfolio-animation .animationsRow-wrap img.img-bg {
        height: auto;
        object-fit: contain
    }
}

@media only screen and (min-width : 971px) {
    .footer-info>.col-6 .row>div {
        width:auto;
        padding-left: 27px
    }

    .footer-info>.col-6:nth-child(1) .row>div:nth-child(1) {
        padding-left: 0
    }

    .footer-wrap div:nth-child(1) .col-6:nth-child(2) .col-6:last-child {
        padding-left: 77px
    }

    .footer-wrap div:nth-child(1) .col-6:nth-child(2) .col-6:nth-child(1) {
        padding-left: 45px
    }

    .footer-wrap div:nth-child(1) .col-6:nth-child(1) .col-6:nth-child(2) {
        padding-left: 5px
    }
}

@media only screen and (max-width : 992px) {
    .mobile-dev-block1>.block-img {
        width:350px
    }

    .mobile-dev-block1 .block-right {
        width: calc(100% - 350px)
    }

    .mobile-dev-block1.block4>.block-img {
        width: 350px
    }

    .mobile-dev-block1.block4 {
        padding: 50px 0 0
    }

    .mobile-dev-block1.block4 .block-left {
        width: calc(100% - 350px);
        padding: 0 15px
    }

    .mobile-dev-block1 h4 {
        margin: 30px 0 28px
    }

    .mobile-dev-block2 ul {
        padding: 20px 0 10px
    }

    .mobile-dev-block2 ul li {
        width: 33.3333%;
        height: 190px
    }

    #portfolio-mobile #block4 h5,#portfolio-mobile #block6 h4 {
        font-size: 25px
    }

    .blog-home-cnt .owl-nav {
        display: block!important
    }
}

@media only screen and (max-width : 970px) {
    #top-nav li a {
        font-size:13px
    }

    .footer-top {
        display: none
    }

    .footer-wrap {
        width: 95%
    }

    .footer-bottom>.footer-wrap>.row>.col-6 {
        float: none;
        margin: 0 auto 40px;
        width: 440px
    }

    .footer-info {
        margin-top: 20px
    }

    .award-media-list li {
        padding-bottom: 50px
    }

    .portfolio-mainItem .btn {
        width: 160px
    }

    #career .top-cards .col-4 {
        padding: 0 15px
    }

    #job-openings-tabs .job-vacancy-desc {
        padding-left: 45px;
        width: 67%
    }

    .career-fbnr h5 {
        margin-top: 30px
    }
}

@media only screen and (max-width : 945px) {
    #services-social #block4 .col-6 {
        max-width:265px
    }
}

@media only screen and (min-width: 680px) and (max-width :945px) {
    .strength-bx {
        display:block
    }

    .strength-bx span {
        display: block;
        text-align: center
    }
}

@media only screen and (max-width: 679px) {
    .our-strength>svg {
        display:none
    }

    .our-strength .strength-btm {
        margin-top: 20px
    }

    .strength-list {
        display: block
    }

    .our-strength {
        padding-left: 15px;
        padding-right: 15px
    }

    .strength-bx {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .our-strength h3 {
        text-align: center
    }

    .our-strength h3:after {
        left: 50%;
        margin-left: -19px
    }

    .client-list {
        margin: 0 10px
    }
}

@media only screen and (min-width : 917px) {
    .career-believes {
        display:flex
    }
}

@media only screen and (max-width : 916px) {
    .award-item {
        float:none;
        margin: 0 auto 30px;
        height: auto;
        max-width: 570px;
        width: 70%
    }

    .award-item.award-item-txt {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .award-item-btm .award-item+.award-item {
        border-left: 1px solid #959595
    }

    .award-item-btm .award-item {
        height: auto
    }

    .technologies-list li {
        margin: 0 40px
    }

    .career-believes .col-3 {
        width: 50%;
        height: auto;
        min-height: 290px
    }

    .career-believes .col-3+.col-3 {
        border: 0
    }

    .support-bottom .col-4:first-child {
        display: none
    }

    .support-bottom .col-4 {
        width: 50%
    }

    .serviceMain-wrap {
        width: 96%
    }

    .secondary-menu li {
        margin-bottom: 20px
    }

    #portfolio-web .secondary-menu {
        padding-bottom: 0
    }
}

@media only screen and (max-width : 900px) {
    .services-grid-1 {
        width:100%
    }

    .services-grid {
        position: relative
    }

    .services-grid-1 {
        width: 100%
    }

    .service-3 {
        width: calc(50% - 15px)
    }

    .services-grid-2 {
        height: 245px;
        position: absolute;
        bottom: 0;
        right: 8px;
        width: calc(50% - 22px);
        display: block
    }

    .service-3 p {
        display: none
    }

    .services-grid-2 .serv-inner {
        text-align: left;
        vertical-align: top
    }

    .services-grid-2 .serv-inner img {
        height: 112px
    }

    .services-grid-2 .div-rd {
        width: 100%
    }

    .services-grid-2 .read-more-link {
        display: block
    }

    .service-3 a {
        position: relative
    }

    .service-3 .ser-inn-1 {
        position: absolute;
        bottom: 20px;
        width: calc(100% - 40px)
    }

    .service-3 a .div-rd {
        display: block
    }

    .services-grid-2 .read-more-link {
        margin: 8px 0
    }

    .ser-inn-2 {
        float: left;
        width: 130px;
        padding-top: 35px
    }

    .service-3>a {
        position: relative
    }

    .service-3:hover .read-more-link {
        border: 1px solid rgba(255,255,255,1);
        right: 2px
    }

    .custom2 .img-vert {
        display: none
    }

    .custom2 .img-vert:last-child {
        display: block;
        width: 100%
    }

    .home-vv {
        width: 100%
    }

    .home-vid-1 {
        width: calc(100% - 30px);
        padding-bottom: 20px
    }

    .home-vid-2 {
        width: calc(100% - 30px);
        text-align: center
    }

    .awards-last {
        border-top: none;
        padding: 0 40px 50px
    }

    .home-video-wrap {
        height: auto!important
    }

    .banner-book_lft .book-cart,.banner-book_lft .book-price {
        margin-top: 8px
    }
}

@media only screen and (max-width : 991px) {
    .latest-works-row .owl-dots {
        bottom:-50px
    }

    .latest-works-row .al-ser-btn {
        margin: 65px 0 35px!important
    }

    .recent-client-row {
        margin-top: 65px;
        margin-bottom: 40px
    }

    .blog-home-cnt .owl-dots,.recent-client-slide .owl-dots {
        bottom: -50px
    }
}

@media only screen and (max-width : 880px) {
    .recent-works p {
        padding:0 15px
    }

    .blog-home h3 {
        margin-bottom: 30px
    }

    .blog-home-item {
        padding: 8px 3% 0
    }

    .blog-home-item.col-6 {
        width: 440px;
        float: none;
        margin: 0 auto
    }

    .blog-home-item.col-6+.blog-home-item.col-6 {
        margin-top: 30px
    }

    .blog-home-item+.blog-home-item:before {
        display: none
    }

    .footer-quoteRequest {
        padding: 30px 0
    }

    .footer-quoteRequest h4 {
        margin-top: 10px
    }

    .footer-quoteRequest .col-6 {
        width: 440px;
        margin: 0 auto;
        float: none
    }

    .footer-quoteRequest .col-6+.col-6:before {
        display: none
    }

    .footer-quoteRequest .btn {
        margin-top: 16px
    }

    .footer-bottom h6,.footer-bottom li,.footer-info .col-6,.footer-info address,.social-links {
        text-align: center
    }

    #newsletter-form {
        margin: 0 auto
    }

    .how-we-work .step-desc {
        font-size: 13px;
        text-align: justify
    }

    .how-we-work .step-title {
        height: 32px;
        margin-bottom: 18px;
        font-size: 15px
    }

    .technologies-list li {
        height: 90px
    }

    .workTypeList .col-6+.col-6 {
        padding-left: 0
    }

    .workType-img {
        float: none;
        margin: 0 auto 20px
    }

    .workType-txt {
        float: none;
        text-align: center;
        margin: 0 auto;
        width: 90%
    }

    .tech-wrap .tech-box {
        width: 49.5%;
        margin-right: 1%
    }

    .tech-wrap .tech-box:nth-child(3n) {
        margin-right: 1%
    }

    .tech-wrap .tech-box:nth-child(2n) {
        margin-right: 0
    }

    .bookType-img {
        width: 420px!important;
        margin: 0 auto;
        float: none!important
    }

    .bookType-box .workType-txt {
        width: 100%!important;
        padding-left: 0!important;
        margin-top: 20px;
        float: none!important
    }

    .wac-books.wt-grey .bookType-box .workType-txt {
        padding-right: 0!important;
        margin-bottom: 40px
    }
}

@media only screen and (max-width : 845px) {
    .works-grid-l1,.works-grid-l2 {
        width:62%;
        float: none;
        margin: 0 auto 10px
    }

    .works-grid-s1,.works-grid-s2 {
        margin-top: 10px
    }

    .works-grid-l3 {
        display: none
    }

    .portfolio-mainItem {
        height: 340px
    }

    .find-us-btn {
        width: 310px;
        padding-left: 90px;
        background-position: 36px center
    }

    .contact-right {
        width: 52%
    }

    .quote-inner {
        width: 90%;
        padding: 0
    }

    .web-dev-block1 .col-6 {
        padding: 0 5px
    }

    .portfolio-showcase .block-text {
        padding: 0
    }

    #services-social #block5 ul {
        float: none;
        width: 100%;
        max-width: 430px;
        margin-left: auto;
        margin-right: auto
    }

    #services-social #block5 ul:first-child {
        border-right: none
    }

    #services-social #block5 ul+ul {
        margin-top: 0
    }

    #services-social #block5 ul li {
        margin-left: 20px
    }

    .works-grid-l2 div img {
        width: 100%
    }

    #portfolio-mobile #block7 .img-vert,.mob-popout-right-arrow {
        display: none
    }

    #portfolio-mobile #block7 .block-text {
        width: 100%;
        height: auto;
        padding: 30px 0
    }

    #portfolio-mobile #block8 h5 {
        font-size: 15px
    }
}

@media only screen and (max-width : 768px) {
    .page-wrap {
        width:100%
    }

    .section {
        padding-left: 5px!important;
        padding-right: 5px!important
    }

    #home .top-banner {
        height: 295px
    }

    .banner-row {
        padding-top: 295px
    }

    .top-cards p {
        font-size: 13px
    }

    .home-video-wrap {
        height: 400px
    }

    .industry-recognition ul {
        width: 85%
    }

    .global-stats-btm {
        padding: 40px 0
    }

    #top-nav li {
        margin-right: 20px;
        margin-left: 0
    }

    #top-nav li a {
        color: #acacac
    }

    .top-logo {
        border-radius: 0;
        padding: 18px 0 18px 20px
    }

    .main-nav {
        height: 2px
    }

    .mobile-menu {
        display: block
    }

    #hosting #block1 p {
        margin: 55px auto 50px
    }

    #hosting #block1 .brand-img img {
        width: 260px
    }

    .portfolio-mainItem {
        width: 80%;
        float: none;
        margin: 0 auto 15px;
        padding-top: 9.8%
    }

    .portfolio-mainItem+.portfolio-mainItem {
        margin-right: auto
    }

    #career .top-cards .col-4 {
        float: none;
        margin: 0 auto 20px;
        width: 85%;
        text-align: center
    }

    #job-openings-tabs .job-vacancy-desc {
        width: 100%;
        padding: 0 15px 0 30px;
        float: none;
        margin: 0 auto
    }

    #job-openings-tabs>h3 {
        position: relative;
        margin-bottom: 20px
    }

    .job-vacancy-desc h6 {
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .recent-works-wrap>.col-4 {
        width: 50%
    }

    .recent-works-wrap {
        width: 95%;
        margin: 0 auto
    }

    .portfolio-showcase {
        padding-bottom: 0
    }

    #home .top-banner {
        background-position: center left
    }

    .mobile-dev-block1>.block-img {
        width: 150px;
        float: none;
        margin: 0 auto
    }

    .mobile-dev-block1>.block-img img {
        width: 100%
    }

    .mobile-dev-block1 .block-right {
        width: 100%;
        float: none;
        padding: 0 15px
    }

    .mobile-dev-block1 h2 {
        font-size: 30px;
        margin: 20px 0 30px
    }

    .mobDev-block1-icons {
        margin-top: 40px
    }

    .mobile-dev-block5 ul li {
        width: 33.3333%
    }

    .mobile-dev-block1.block4 .block-left {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .mobile-dev-block1.block4 p {
        max-width: 100%
    }

    .mobile-dev-block1.block4 {
        padding: 20px 0 0
    }

    .mobile-dev-block1 p {
        max-width: 100%
    }

    .mobile-dev-block1 h2 br {
        display: none
    }

    .portfolio-showcase .block-img video {
        width: 100%
    }

    .banner-book_lft h1 {
        font-size: 28px!important
    }

    .banner-book_lft label {
        margin: 5px 0 2px!important
    }

    .banner-book_lft .book-price {
        margin-top: 10px!important
    }
}

@media only screen and (max-width : 740px) {
    .contact-left {
        float:none;
        width: 95%;
        margin: 0 auto 30px
    }

    .contact-right {
        float: none;
        width: 95%;
        margin: 0 auto
    }

    .contact-left .field-row:last-child {
        text-align: center
    }

    .web-dev-block1 .col-6 {
        float: none;
        margin: 0 auto 20px;
        width: 90%
    }

    #services-social #block3>p {
        width: 100%
    }

    .cstudy .overlay h5,.cstudy .overlay-content p {
        display: none
    }

    .banner-book_lft p {
        display: none
    }
}

@media only screen and (max-width : 720px) {
    .how-we-work li {
        min-height:350px;
        width: 50%
    }

    .how-we-work .step-title {
        height: auto
    }

    .platforms-list p {
        font-size: 13px
    }

    .platforms-list {
        padding: 50px 0 50px
    }

    .serviceMain-wrap .item h2 span {
        font-size: 32px
    }

    .serviceMain-wrap .row1 .item {
        height: 300px
    }

    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        width: 90%
    }
}

@media only screen and (max-width : 700px) {
    .blog-home h3 {
        text-align:center;
        margin-bottom: 50px
    }

    .blog-home h3:after {
        left: 50%
    }

    .top-cards article {
        width: 60%;
        float: none;
        margin: 0 auto;
        text-align: center
    }

    .top-cards article+article {
        margin-top: 30px
    }

    .top-cards h5 {
        margin: 15px auto 20px;
        text-align: center
    }

    body {
        padding-bottom: 0
    }

    .awards-overviewLeft {
        width: 90%
    }

    .awards-grid-tall {
        width: 36.5%;
        padding-left: 1.8%
    }

    .awards-grid-left {
        width: 63%;
        padding-left: 0
    }

    .awards-grid-small {
        width: 48%
    }

    .awards-grid-small+.awards-grid-small {
        width: 51%;
        padding-left: 4%
    }

    .about-companyBanner {
        height: 240px
    }

    #about-us .section {
        padding: 35px 0 55px
    }

    .section h3 {
        margin-bottom: 20px
    }

    .secondary-menu {
        padding-bottom: 20px
    }

    .global-stats-btm .stats-count {
        font-size: 32px
    }

    .global-stats-btm p {
        font-size: 14px
    }

    .award-item {
        width: 85%
    }

    .work-withUs-points li {
        width: 95%;
        height: auto
    }

    .mobile-dev-block6 ul li {
        width: 100%
    }

    .mobile-dev-block6 ul li+li {
        border: none
    }

    .slide-btn-carousel {
        padding: 0 15px!important
    }

    .slide-btn-carousel .owl-nav .owl-prev {
        left: -6px!important
    }

    .slide-btn-carousel .owl-nav .owl-next {
        right: -6px!important
    }

    .endorsements-scroll .post_img img {
        height: initial!important
    }
}

@media only screen and (max-width : 640px) {
    .our-clients p br {
        display:none
    }

    .how-we-work li {
        float: none;
        margin: 0 auto 35px;
        min-height: auto;
        width: 90%
    }

    .how-we-work .step-title {
        height: auto
    }

    .our-culture-btm .col-3 {
        width: 50%;
        margin-bottom: 20px
    }

    .global-stats-btm .col-3 {
        width: 50%
    }

    .workTypeList .col-6+.col-6 {
        padding-left: 15px
    }

    .workTypeList .col-6 {
        float: none;
        width: 90%
    }

    .workType-img {
        float: left;
        margin: 0;
        text-align: center;
        width: 25%
    }

    .workType-txt {
        float: left;
        margin: 0;
        text-align: left;
        width: 75%;
        margin-bottom: 30px
    }

    .serviceMain-wrap .row1 .item,.serviceMain-wrap .row2 .col-12 .item,.serviceMain-wrap .row2 .col-6 .item,.serviceMain-wrap .row3 .item {
        height: auto
    }

    .serviceMain-wrap .row2 .col-6+.col-6,.serviceMain-wrap .row3 .col-4 {
        padding-left: 0
    }

    .serviceMain-wrap .row3 .col-4 {
        padding-top: 15px
    }

    .serviceMain-wrap .row1 .col-4,.serviceMain-wrap .row1 .col-8,.serviceMain-wrap .row2 .col-6,.serviceMain-wrap .row3 .col-4,.serviceMain-wrap .row3 .col-8 {
        width: 100%
    }

    .serviceMain-wrap .row1 .col-4 {
        padding-left: 0;
        padding-top: 15px
    }

    .serviceMain-wrap .row1 .item {
        padding-left: 15px
    }

    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        width: 95%
    }

    #services-social #block4 .col-6 {
        width: 100%;
        max-width: 365px;
        float: none;
        margin: 0 auto
    }

    #services-social #block4 .col-6:nth-child(2) {
        float: none;
        margin: 60px auto 0 auto
    }

    .service-1,.service-2,.service-3,.services-grid-2 {
        width: calc(100% - 15px)
    }

    .services-grid-2 {
        position: relative;
        bottom: 0;
        right: 0;
        width: calc(100% - 15px)
    }

    .testimony-slider {
        margin: 50px 15px 0
    }

    .mobile-dev-block2 ul li .block-img+p {
        padding: 0 10px;
        line-height: 1.5;
        font-size: 12px;
        font-weight: 400
    }

    .mobile-dev-block2 ul li {
        height: 160px;
        padding-bottom: 0
    }

    .mobile-dev-block6 ul {
        padding: 0
    }

    .mobile-dev-block1 h2,.mobile-dev-block1 h4 {
        font-size: 24px
    }

    .serviceMain-wrap .row1 .col-4 .item,.serviceMain-wrap .row2 .col-6 .item,.serviceMain-wrap .row3 .col-4 .item {
        padding-left: 15px
    }

    .serviceMain-wrap .row2 .col-12 .item .item-img,.serviceMain-wrap .row3 .col-8 .item .item-img {
        display: none
    }

    .serviceMain-wrap .row2 .col-12 .item .item-text {
        width: 100%;
        float: none;
        padding-left: 15px
    }

    .serviceMain-wrap .row2 .item h2 {
        padding-left: 0
    }

    .serviceMain-wrap .row2 .col-4 a {
        padding-left: 0
    }

    .serviceMain-wrap .row1 .col-4 .item-img {
        display: none
    }

    #services-ecom .ecom-features li:nth-of-type(even) {
        margin-left: 0!important
    }

    #services-ecom .ecom-features li {
        width: 100%!important;
        height: auto;
        margin: 0!important;
        margin-bottom: 10px!important;
        padding: 20px
    }

    #portfolio-mobile #block2 .block-img,#portfolio-mobile #block6 .block-img {
        display: none
    }

    #portfolio-mobile #block2 .col-6,#portfolio-mobile #block6 .block-text {
        width: 100%;
        padding: 30px 15px;
        height: auto
    }

    #portfolio-mobile #block4 .block-text {
        width: 100%;
        height: auto;
        padding: 30px 15px
    }

    #portfolio-mobile #block7 .block-text .inner {
        padding: 0 15px
    }

    #portfolio-mobile #block1 {
        padding: 0
    }

    #portfolio-mobile #block9 a {
        margin: 10px auto!important;
        float: none;
        display: table
    }

    .wac-books .bookType-box .workType-txt {
        margin-right: 0!important;
        text-align: center!important;
        width: 100%!important;
        padding: 0 15px!important
    }

    .wac-books {
        padding-bottom: 10px!important
    }

    .banner-book_lft p br {
        display: none
    }
}

@media only screen and (max-width : 580px) {
    .top-logo a {
        width:215px
    }

    .inner-center h1,.top-banner .inner h1 {
        font-size: 24px
    }

    .works-grid-l1,.works-grid-l2,.works-grid-l3 {
        width: 75%
    }

    .industry-recognition ul {
        width: 84%
    }

    .home-stats-btm>.col-3 {
        font-size: 13px;
        height: 150px;
        width: 50%
    }

    .home-stats-btm p.stats-count {
        font-size: 27px;
        padding-top: 45px
    }

    .secondary-menu li {
        margin: 0 15px 20px
    }

    .awards-overviewRight {
        width: 90%
    }

    .about-companyBanner h2 {
        font-size: 20px
    }

    .hosting-stats-btm .col:nth-child(4) {
        display: none
    }

    .hosting-stats-btm .col {
        width: 50%;
        margin-bottom: 25px
    }

    .career-believes h5 {
        margin-bottom: 20px
    }

    .career-believes .col-3 {
        float: none;
        margin: 0 auto 20px;
        width: 80%;
        height: auto;
        min-height: auto
    }

    .quote-right {
        float: none;
        margin: 0 auto 30px;
        width: 80%
    }

    .quote-left {
        float: none;
        margin: 0 auto;
        width: 80%
    }

    .quote-left .field-row {
        margin-bottom: 18px
    }

    .job-application-left,.job-application-right {
        float: none;
        margin: 0 auto;
        width: 80%
    }

    .job-application-left .field-row,.job-application-right .field-row {
        margin-bottom: 18px
    }

    .platforms-list .col {
        width: 110px;
        float: none;
        display: inline-block;
        margin: 0 5px
    }

    .portfolio-showcase .block-text .btn-outlined {
        height: 44px;
        line-height: 42px;
        padding: 0 22px;
        font-size: 12px
    }

    .portfolio-showcase .block-text ul {
        margin-bottom: 22px
    }

    .portfolio-showcase .block-text p {
        font-size: 13px
    }

    .tech-wrap .tech-box {
        width: 100%;
        margin-right: 0!important
    }

    #portfolio-web .section {
        padding-bottom: 0
    }

    .banner-book_lft p {
        display: none
    }

    .banner-book_lft h1 {
        font-size: 24px!important
    }

    .banner-book_lft label {
        line-height: 1.5!important
    }

    .banner-book .banner-book_lft {
        left: 4%!important
    }

    .fright-charge {
        line-height: 1.5;
        font-size: 13px;
        letter-spacing: normal
    }

    .works-grid_block .rc-work .rc-work_tlt {
        padding: 21px 19px!important
    }

    .works-grid_block .rc-work .rc-work_tlt label {
        letter-spacing: normal
    }
}

@media only screen and (max-width : 540px) {
    .works-grid {
        padding:0
    }

    .support-bottom .col-4 {
        width: 95%;
        float: none;
        margin: 0 auto 20px;
        height: auto
    }

    .support-bottom>.col-4+.col-4 {
        border: 0
    }

    .serviceMain-wrap .row2 .col-4 h2,.serviceMain-wrap .row3 .item {
        padding-left: 0
    }

    .serviceMain-wrap .row1 .item,.serviceMain-wrap .row2 .col-12 .item,.serviceMain-wrap .row2 .col-4 .item,.serviceMain-wrap .row3 .item {
        padding-left: 15px
    }

    .serviceMain-wrap .row2 .col-12 .item .item-text {
        width: 100%
    }

    .serviceMain-wrap .row2 .col-12 .item-img {
        display: none
    }

    .portfolio-showcase .block-text ul li {
        background-position: 10px center;
        height: 60px;
        font-size: 12px
    }

    .portfolio-showcase .block-text ul li:first-child {
        padding: 20px 0 0 45px
    }

    .portfolio-showcase .block-text ul li+li {
        padding: 20px 0 0 55px
    }

    .new-main-works .main-right>div {
        width: 100%
    }

    .quotation h4 br {
        display: none
    }

    .port-quote {
        padding: 40px 0 40px
    }

    #portfolio-mobile #block3 .col-3 {
        width: 50%;
        border: none!important
    }

    #portfolio-mobile #block3 .col-3:nth-of-type(even) {
        border-left: 1px solid #959595!important
    }

    #career-tabs .social-tab-titles {
        width: 100%;
        margin: 0 auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
        height: 48px
    }

    #career-tabs .social-tab-titles li.Tabs__presentation-slider2 {
        display: none
    }
}

@media only screen and (max-width : 480px) {
    #top-nav li:nth-child(2),#top-nav li:nth-child(4) {
        display:none
    }

    .inner-center h1,.top-banner .inner h1 {
        font-size: 20px
    }

    .top-cards article {
        width: 90%
    }

    .blog-home-item.col-6,.footer-bottom>.footer-wrap>.row>.col-6,.footer-quoteRequest .col-6 {
        width: 100%
    }

    .works-grid-l1,.works-grid-l2,.works-grid-l3 {
        width: 85%
    }

    .awards-grid-left {
        float: none;
        margin: 0 auto;
        width: 80%
    }

    .awards-grid-tall {
        float: none;
        margin: 15px auto 0;
        width: 55%;
        padding-left: 0
    }

    .our-culture {
        padding: 45px 0 70px
    }

    .award-item {
        width: 94%
    }

    #hosting #block1 {
        padding: 50px 15px
    }

    #hosting #block1 p {
        margin: 40px auto 48px
    }

    #hosting #block2 {
        padding: 50px 0
    }

    #hosting #block2 h5 {
        font-size: 21px;
        margin-bottom: 20px
    }

    #hosting #block2 .col-4 {
        float: none;
        margin: 0 auto 50px;
        width: 80%
    }

    #hosting #block2 .col-4+.col-4 {
        border: none
    }

    .page-title,h3 {
        line-height: 1.2;
        padding: 15px 0
    }

    h3 {
        font-size: 27px
    }

    .contact-right .contact-tel {
        font-size: 26px
    }

    .contact-right .contact-email {
        font-size: 21px
    }

    .workTypeList .col-6+.col-6 {
        padding-left: 0
    }

    .workTypeList .col-6 {
        margin: 0 auto
    }

    .workTypeList {
        padding: 0
    }

    .workType-img {
        float: none;
        margin: 0 auto 20px;
        width: 90%
    }

    .workType-txt {
        float: none;
        margin: 0 auto 30px;
        text-align: center;
        width: 90%
    }

    .portfolio-showcase .block-img,.portfolio-showcase .block-text {
        width: 98%
    }

    .ser-h2-title {
        font-size: 24px
    }

    .service-1,.service-2,.service-3 {
        height: 215px
    }

    .services-grid-2 {
        height: 215px
    }

    .services-grid-2 .serv-inner {
        vertical-align: bottom
    }

    .services-grid-2 .serv-inner img {
        height: 90px
    }

    .ser-inn-2 {
        padding-top: 10px
    }

    #home .top-banner {
        height: 220px
    }

    .banner-row {
        padding-top: 220px
    }

    .ecom-ban-content h2 {
        font-size: 20px
    }

    #portfolio-mobile #block8 .img-vert img {
        width: 25px
    }

    #portfolio-mobile #block8 .img-vert h5 {
        font-size: 13px
    }

    #portfolio-mobile #block8 .img-vert {
        height: 80px
    }

    #portfolio-mobile #block8 .col-3:last-child:before,#portfolio-mobile #block8 .ezeedose-order-process2:before,#portfolio-mobile #block8 .ezeedose-order-process3:before {
        font-size: 25px
    }

    #portfolio-mobile #block8 h5 {
        font-size: 11px
    }

    .book-price {
        font-size: 20px!important
    }

    .bookType-box .workType-txt h2 {
        font-size: 22px!important
    }

    .wac-books.wt-grey .bookType-box .workType-txt {
        padding-left: 15px!important;
        padding-right: 15px!important
    }

    .wac-books {
        padding: 30px 5px!important
    }

    .bookType-img .book-cover {
        background-position: right center!important
    }

    .banner-book .banner-book_bg {
        background-position: 100%!important;
        padding-top: 210px!important
    }

    .banner-book_bg:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.5)
    }

    .banner-book .banner-book_lft {
        text-align: center;
        left: 0!important;
        width: 100%!important
    }

    .banner-book .banner-book_lft .book-price .strikethrough {
        color: #2195f5!important
    }

    .banner-book .banner-book_lft .book-price .strikethrough:before {
        color: #2195f5!important
    }

    .bookType-box .workType-txt p {
        padding: 3px 0 20px!important
    }

    .bookType-box .workType-txt label {
        margin-bottom: 7px!important
    }
}

@media only screen and (max-width : 450px) {
    .portfolio-showcase .block-text .btn {
        margin-right:10px
    }

    .portfolio-showcase .block-text .btn+.btn {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px
    }

    .view-social-media-samples a {
        font-size: 20px;
        padding: 0 20px
    }

    .bookType-img {
        width: 310px!important
    }

    .bookType-img .book-cover {
        padding-top: 100%!important
    }

    .client-bx {
        width: calc(49% - 16px)
    }

    .client-list {
        margin: 0 7px
    }
}

@media only screen and (max-width : 430px) {
    .recent-works-wrap>.col-4 {
        float:none;
        width: 80%;
        margin: 0 auto
    }

    #services-social #block4 .block-img {
        width: 75px
    }

    .recent-works-banner a img {
        object-fit: cover;
        height: 200px;
        width: 100%
    }

    .recent-works-banner .visit-website {
        display: none
    }
}

@media only screen and (max-width : 410px) {
    .footer-bottom>.footer-wrap>.row:first-child>.col-6:first-child {
        display:none
    }

    .footer-bottom .col-6 {
        width: 85%;
        float: none;
        margin: 0 auto
    }

    .footer-bottom .col-6+.col-6 {
        margin-top: 30px
    }

    .footer-bottom h6 {
        margin-bottom: 14px
    }

    .footer-bottom h6,.footer-bottom li,.footer-info .col-6,.footer-info address,.social-links {
        text-align: left
    }

    .payment-opt {
        display: none
    }

    .footer-info>div {
        flex: 0 0 85%!important;
        text-align: left;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0!important
    }

    footer .footer-info>.cont-info {
        -ms-flex-pack: left;
        justify-content: left
    }

    .footer-info {
        padding-bottom: 30px
    }

    .awards-grid-left {
        width: 90%
    }

    .awards-grid-tall {
        width: 65%
    }

    .award-item {
        width: 100%
    }

    .career-believes .col-3,.portfolio-mainItem {
        width: 95%
    }

    .contact-right .contact-email {
        font-size: 18px
    }

    .portfolio-showcase .block-text ul li:first-child {
        max-width: 32%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .portfolio-showcase .block-text ul li {
        background-size: 20px auto
    }

    .portfolio-showcase .block-text ul li+li {
        padding: 20px 0 0 40px
    }

    .portfolio-showcase .block-text ul li:first-child {
        padding: 20px 0 0 35px
    }

    .recent-works-wrap>.col-4 {
        width: 95%
    }

    #services-social #block4 .block-img {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    #services-social #block4 .block-text {
        float: none;
        width: 100%;
        text-align: center
    }

    .mobile-dev-block1.block4>.block-img {
        width: 100%
    }

    .mobDev-block1-icons .col-3 {
        width: 50%;
        margin-bottom: 10px
    }
}

@media only screen and (max-width : 370px) {
    .award-item .btn {
        display:block;
        width: 162px;
        margin: 0 auto 5px;
        float: none
    }

    .award-item.award-item-txt .clear {
        text-align: center
    }

    .award-item.award-item-txt img.fright {
        float: none
    }

    #hosting #block2 .col-4 {
        width: 100%
    }

    #hosting #block1 .btn {
        width: 250px
    }

    .find-us-btn {
        width: 100%;
        padding-left: 52px;
        background-position: 20px center
    }

    .quote-left,.quote-right {
        width: 90%
    }

    .portfolio-showcase .block-text ul {
        display: none
    }

    .portfolio-showcase .block-text {
        margin-bottom: 45px
    }

    .top-reg-menu {
        display: none!important
    }

    .bookType-img {
        width: 100%!important;
        padding: 0 12px!important
    }
}

.portfolio-showcase .spaceReduce .block-text p {
    margin-bottom: 15px
}

.portfolio-showcase .spaceReduce .block-text ul {
    margin-bottom: 25px
}

.recent-works-banner a {
    position: relative
}

.recent-works-banner a img {
    vertical-align: bottom
}

.visit-website {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-weight: 500;
    color: #000
}

#bannerVideo {
    width: 100%
}

.sp-circle {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 28px;
    font-size: 14px;
    border-radius: 50%;
    color: #a2a3a5;
    border: 2px solid #a2a3a5;
    text-align: center;
    transition: all .5s
}

.wac-books {
    padding: 48px 70px
}

.wac-books.wt-grey {
    background-color: #f7f7f7
}

.wac-books.wt-grey .bookType-box {
    margin-top: 5px
}

.wac-books.wt-grey .bookType-box .workType-txt {
    margin-left: 0;
    margin-right: 7%;
    width: 38%
}

.wac-books.wt-grey .bookType-img {
    width: 53%;
    float: right
}

.wac-books.wt-grey .bookType-img .book-cover {
    padding-top: 460px
}

.bookType-box {
    margin-top: 35px
}

.bookType-img {
    width: 41%;
    float: left
}

.bookType-img .book-cover {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 430px
}

.bookType-box .workType-txt {
    width: 40%;
    margin-left: 12%;
    padding-top: 20px
}

.bookType-box .workType-txt h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 2px;
    margin-top: 8px
}

.abrd-fright {
    display: block;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 15px;
    padding-top: 15px;
    color: #818181
}

.bookType-box .workType-txt .book-price {
    margin-bottom: 20px
}

.book-price {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 22px;
    display: block;
    font-family: Poppins,sans-serif
}

.banner-book_lft .book-cart {
    border-color: #fff;
    color: #fff!important
}

.banner-book_lft symbol,.book-price symbol,.wac-books symbol {
    font-family: arial,sans-serif
}

.book-cart {
    margin-top: 15px;
    text-transform: uppercase;
    padding-top: 0!important;
    line-height: 46px;
    font-weight: 500;
    color: #636363!important;
    border-radius: 3px;
    border-color: #737373;
    transition: all .2s linear!important;
    -moz-transition: all .2s linear!important;
    -webkit-transition: all .2s linear!important
}

.book-cart:hover {
    border-color: #00aeef
}

.bookType-box .workType-txt label {
    font-weight: 500;
    margin-bottom: 18px;
    display: block;
    color: #6d6d6d
}

.bookType-box .workType-txt p {
    padding: 10px 0 20px;
    color: #000;
    font-weight: 500!important;
    line-height: 1.8;
    letter-spacing: normal;
    border-bottom: 1px solid #ddd
}

.strikethrough {
    position: relative;
    color: #b1b1b1
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: -3px;
    top: 50%;
    right: 0;
    width: 110%;
    border-top: 2px solid;
    border-color: inherit;
    color: #b1b1b1;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    transform: rotate(-12deg)
}

.book-color {
    color: #232323
}

.banner-book .banner-book_bg {
    padding-top: 39%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-book .banner-book_lft {
    position: absolute;
    top: 50%;
    left: 7%;
    width: 50%;
    transform: translateY(-50%);
    color: #fff!important
}

.banner-book_lft h1 {
    font-size: 50px;
    font-weight: 500
}

.banner-book_lft label {
    line-height: 2.4;
    margin: 15px 0 5px;
    letter-spacing: .070em;
    display: block
}

.banner-book_lft p {
    line-height: 1.8
}

.banner-book_lft .book-price .book-color {
    color: #fff!important
}

.banner-book_lft .book-price .strikethrough {
    color: #255277!important;
    letter-spacing: -.010em
}

.banner-book_lft .book-price .strikethrough:before {
    color: #255277!important
}

.fright-charge {
    margin-top: 7px;
    display: block
}

.footer-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-flow: row;
    flex-wrap: wrap
}

.payment-opt {
    padding-left: 8%
}

.cont-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 800px) {
    .footer-info>div {
        flex:0 0 100%;
        margin-bottom: 30px
    }

    .footer-bottom h6 {
        margin-bottom: 10px
    }

    .footer-info>div:last-child {
        margin-bottom: 0
    }

    .footer-info>.cont-info {
        -ms-flex-pack: center;
        justify-content: center
    }

    .pay-opts {
        text-align: center
    }

    .payment-opt {
        padding-left: 0
    }
}

@media only screen and (max-width: 560px) {
    .recent-client-row .owl-nav {
        display:none!important
    }
}

@media only screen and (max-width: 560px) {
    .recent-client-row .recent-client-slide {
        padding:0 17px!important
    }
}

#strength-map .animated {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s ease-in
}

#strength-map .map-icon-1.animateIcons {
    transition-delay: 0
}

#strength-map .map-icon-2.animateIcons {
    transition-delay: .75s
}

#strength-map .map-icon-3.animateIcons {
    transition-delay: .9s
}

#strength-map .branch1.animated {
    transition-delay: 1.5s
}

#strength-map .branch2.animated {
    transition-delay: 2.25s
}

#strength-map .branch3.animated {
    transition-delay: 3s
}

.map-icon-1,.map-icon-2,.map-icon-3 {
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.map-icon-1.animateIcons,.map-icon-2.animateIcons,.map-icon-3.animateIcons {
    opacity: 1
}

@-webkit-keyframes upDownOpacity {
    0% {
        @include translate(0,-30px);}

    100% {
        @include translate(0,0);}
}

@keyframes upDownOpacity {
    0% {
        @include translate(0,-30px);}

    100% {
        @include translate(0,0);}
}

@media only screen and (min-width : 1191px) {
    header.sticky .main-nav {
        position:fixed;
        top: 0;
        width: 1170px;
        z-index: 500;
        left: 50%;
        transform: translateX(-50%)
    }

    header.sticky+div {
        padding-top: 50px
    }
}

@media only screen and (max-width : 1190px) {
    header.sticky .top-logo {
        position:fixed;
        top: -2px;
        width: 100%;
        min-width: 100%;
        left: 0;
        z-index: 500;
        box-shadow: 1px 1px 5px 0 #ccc;
        -webkit-animation-name: upDownOpacity;
        animation-name: upDownOpacity;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
        animation-timing-function: cubic-bezier(.23,1,.32,1);
        animation-delay: 0s;
        -webkit-animation-delay: 0s
    }

    header.sticky+div {
        padding-top: 91px
    }
}

@media only screen and (max-width: 768px) {
    header.sticky+div {
        padding-top:85px
    }

    .openings-bx {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 4% 4% 7% 4%
    }

    .openings-row {
        margin: 30px auto;
        width: 100%
    }
}

@media only screen and (max-width: 580px) {
    header.sticky+div {
        padding-top:77.14px
    }
}

.r-tabs .r-tabs-accordion-title {
    padding-left: 0
}

.r-tabs .r-tabs-accordion-title a {
    display: block;
    cursor: pointer
}

.all-open-link {
    margin-top: 30px
}

.openings-row:before {
    position: absolute;
    content: '';
    bottom: -68px;
    right: -50px;
    background-image: url(../images/dots-grid.svg);
    width: 216px;
    height: 207px
}

.owl-nav.disabled {
    display: none!important
}

.life-pics-collage {
    display: flex;
    position: absolute;
    top: 10%;
    flex: 0 0 20%;
    max-width: 725px;
    right: 4%
}

.life-pics-collage div {
    width: 20%;
    margin: 5px
}

.life-pics-collage div:nth-child(odd) {
    margin-top: 45px
}

.life-pics-collage div img {
    margin-bottom: 10px
}

.life-webc-inner {
    padding: 31% 0 0 8.5%;
    position: relative;
    max-width: 730px;
    width: 100%
}

.life-webc-inner h2 {
    font-size: 43px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .03em;
    color: #000;
    margin-bottom: 40px
}

.life-webc {
    position: relative;
    padding: 50px 30px
}

.work-culture {
    margin: 6% 5.5% 0 8.5%
}

.work-culture .work-culture-inner {
    display: flex;
    justify-content: space-between
}

.work-culture .col-3 {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e3e3;
    border-radius: 23px;
    flex-direction: column
}

.work-culture .col-3 .work {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 10px 0
}

.work-culture .col-3 .work-img {
    height: 70px;
    width: 70px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.members {
    position: relative
}

.members-count {
    position: absolute;
    width: 400px;
    background: #fff;
    bottom: -20%;
    left: 10.8%;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 80px;
    box-shadow: 2px 2px 9px 9px #757e8e12
}

.mem-count {
    display: block;
    font-weight: 600;
    font-size: 70px;
    color: #000;
    line-height: 1.3;
    letter-spacing: .09em
}

.mem-titles {
    display: block;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    text-decoration: underline;
    line-height: 1.5
}

.employee-testimonial {
    display: flex;
    padding: 255px 50px 40px 90px;
    justify-content: center;
    align-items: center
}

.employee-testimonial .owl-dots {
    text-align: center
}

.testi-comment {
    max-width: 640px;
    padding: 10px 80px
}

.testi-comment q {
    display: block;
    font-size: 28px;
    font-style: italic;
    font-weight: 500;
    color: #000;
    line-height: 1.6;
    font-family: Arial;
    text-shadow: 1px 0 0 #000;
    margin-top: 60px;
    margin-left: 20px
}

.testi-comment .testi-author {
    display: block;
    margin: 20px 0 20px 20px
}

.clients {
    padding: 75px 75px
}

.clients .client-list {
    margin: 30px 0 0;
    display: flex;
    justify-content: space-between
}

.clients .client-list .client-bx:first-child,.clients .client-list .client-bx:last-child {
    margin-left: 0;
    margin-right: 0
}

#career .clients {
    padding: 75px 15px
}

.head-title {
    font-weight: 500
}

@font-face {
    font-family: KefaIIPro-Regular;
    src: url(../font/KefaIIPro-Regular.eot) format('embedded-opentype'),url(../font/KefaIIPro-Regular.otf) format('opentype'),url(../font/KefaIIPro-Regular.woff) format('woff'),url(../font/KefaIIPro-Regular.ttf) format('truetype'),url(../font/KefaIIPro-Regular.svg#KefaIIPro-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat-Black;
    src: url(../font/Montserrat-Black.eot) format('embedded-opentype'),url(../font/Montserrat-Black.otf) format('opentype'),url(../font/Montserrat-Black.woff) format('woff'),url(../font/Montserrat-Black.ttf) format('truetype'),url(../font/Montserrat-Black.svg) format('svg')
}

@font-face {
    font-family: KelsonSans-Bold;
    src: url(../font/KelsonSans-Bold.eot) format('embedded-opentype'),url(../font/KelsonSans-Bold.otf) format('opentype'),url(../font/KelsonSans-Bold.woff) format('woff'),url(../font/KelsonSans-Bold.ttf) format('truetype'),url(../font/KelsonSans-Bold.svg) format('svg')
}

.case-study-page .page-wrap {
    width: 1170px!important
}

.case-study-page .main-nav li {
    display: inline-block!important
}

.case-study-page .main-nav {
    height: 50px!important
}

.case-study-page .menu-button {
    display: none!important
}

.clear {
    clear: both
}

.case-main {
    width: 1005px;
    margin: 0 auto;
    padding: 0
}

.case-section {
    padding: 40px 0;
    width: 100%
}

.back-but {
    box-sizing: border-box;
    padding: 30px 10px
}

.back-but p {
    color: #474646;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 20pt;
    position: relative
}

.back-but a {
    color: #474646
}

.back-but p:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #00aeef;
    border-right: none;
    border-top: none;
    position: absolute;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(45deg);
    top: 2px;
    bottom: 0;
    margin: auto 0;
    left: -13px
}

.section-head {
    width: 50%;
    text-align: right;
    display: inline-block;
    float: left;
    padding-right: 30px;
    border-right: 1px solid #959595
}

.section-logo {
    width: 50%;
    display: inline-block;
    float: left
}

.section-logo>div {
    background-image: url(../images/Case-study/Bgd-logo.png);
    height: 160px;
    background-repeat: no-repeat;
    background-position: left
}

.section-head span {
    color: #474646;
    font-size: 20px;
    line-height: 1.2;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    display: block
}

.section-head p {
    color: #474646;
    font-size: 44px;
    margin: 20px 0;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 600;
    line-height: 1.2
}

.section-content {
    text-align: center;
    padding: 50px 0;
    width: 92%;
    margin: 0 auto
}

.section-content p {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    color: #000
}

.sec2-head {
    background-color: #6c757d;
    width: 100%;
    padding: 50px 0
}

.sub-head {
    width: 33.333%;
    display: inline-block;
    float: left
}

.sub-head span {
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    color: #fff;
    display: block;
    font-weight: 600
}

.sub-head p {
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    color: #fff;
    display: block;
    font-weight: 600;
    width: 150px;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    line-height: 1.2
}

.sub-head p:before {
    content: "";
    position: absolute;
    height: 70px;
    width: 6px;
    background-color: #f4814d;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -15px
}

.section-sub-head p {
    color: #474646;
    font-size: 40px;
    margin: 20px 0;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 700;
    line-height: 1.2
}

.section-sub-head span {
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #454545;
    font-size: 30px;
    line-height: 1.2;
    display: block
}

.head-content {
    padding: 20px 0
}

.head-content .section-sub-head {
    display: inline-block;
    float: left;
    margin-right: 30px;
    padding-top: 30px
}

.head-content .section-content {
    float: left;
    display: inline-block;
    text-align: left;
    margin-left: 40px;
    width: 65%
}

.case-sec-img {
    padding: 0;
    background-color: #f1f1f1
}

.case-sec-img .case-main {
    padding: 20px 0 20px 10px
}

.case-but {
    border: 2px solid #ff9d33;
    box-sizing: border-box;
    display: table;
    margin: 50px auto
}

.section-sub-head-cen {
    padding-top: 40px
}

.case-but p {
    padding: 23px 41px;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #454545
}

.section-sub-head-cen span {
    font-size: 30px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    line-height: 1.2;
    display: block;
    text-align: center
}

.section-sub-head-cen p {
    font-size: 40px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    text-align: center
}

.svg-inner {
    position: relative;
    width: 77%;
    margin: 0 auto;
    padding: 50px 0
}

.svg-inner p {
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    line-height: 2;
    text-align: center
}

.svg-inner svg:nth-child(2) {
    position: absolute;
    right: 0;
    left: 0;
    width: 222px;
    height: 111px;
    margin: 0 auto;
    top: -4px
}

.svg-inner svg:nth-child(3) {
    position: absolute;
    right: 0;
    left: 0;
    width: 222px;
    height: 111px;
    margin: 0 auto
}

.cont-main-img .case-main img {
    display: inline-block;
    float: left;
    margin-right: 30px
}

.cont-main-img .case-main ul li {
    list-style: initial;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    line-height: 2;
    font-weight: 600
}

.case-li-cont {
    float: left;
    display: inline-block;
    width: 47%
}

.cont-main-img .section-content {
    text-align: left;
    padding: 20px 0;
    width: 100%
}

.case-li-cont ul {
    margin-left: 20px
}

.cont-main-img .case-main {
    padding: 30px 0 50px 0
}

.inner-box {
    height: 454px;
    width: 454px;
    padding: 20px 0;
    box-sizing: content-box
}

.black-box,.orange-box,.transparent-box {
    height: 225px;
    width: 225px;
    float: left;
    display: table
}

.orange-box {
    border: 4px solid #ff8400
}

.black-box {
    border: 4px solid #000
}

.head-cont-bold {
    padding: 20px 0
}

.head-cont-bold p {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5
}

.head-cont-bold span {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 600;
    font-size: 28px
}

.inner-box-cont {
    display: table-cell;
    vertical-align: middle;
    padding-left: 24px
}

.inner-box-cont p:nth-child(1) {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px
}

.inner-box-cont p:nth-child(2) {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    line-height: 1.5
}

.inner-box-cont p:nth-child(2) span {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700
}

.transparent-box .head-cont-bold {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.case-box .inner-box:nth-child(2) {
    float: left
}

.case-box .inner-box:nth-child(3) {
    float: right;
    width: 373px
}

.inner-box1 .orange-box {
    float: none
}

.grey-box ul li {
    float: left;
    display: inline-block;
    width: 25%
}

.grey-box ul {
    margin-bottom: 20px;
    text-align: center
}

.grey-box {
    border: 4px solid #f1f1f1;
    width: 370px;
    margin-top: 55px
}

.grey-box .head-cont-bold,.inner-box1 .orange-box .head-cont-bold {
    margin-left: 20px
}

.inner-box1 .orange-box .head-cont-bold span {
    display: block
}

.case-quote p {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
    color: #5f5f5f;
    position: relative;
    width: 93%;
    margin: 0 auto
}

.case-quote p:before {
    content: "";
    background: url(../images/Case-study/top-comma.png) no-repeat;
    width: 24px;
    height: 22px;
    background-size: contain;
    position: absolute;
    left: -22px;
    top: -25px
}

.case-quote p:after {
    content: "";
    background: url(../images/Case-study/bottom-comma.png) no-repeat;
    width: 24px;
    height: 22px;
    background-size: contain;
    position: absolute;
    right: -22px;
    bottom: -25px
}

.case-manage .case-manage-inner {
    width: 50%;
    float: left;
    display: table;
    height: 94px
}

.case-manage .section-sub-head {
    width: 50%;
    display: inline-block;
    float: left
}

.case-manage-inner p {
    font-family: 'Open Sans',serif;
    font-size: 16px;
    line-height: 1.6;
    color: #5f5f5f;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 20px
}

.case-manage .section-sub-head {
    border-left: 1px solid #b2b2b2;
    padding-left: 20px
}

.case-manage .section-sub-head p {
    font-size: 36px;
    margin: 10px 0
}

.case-manage .section-sub-head span {
    font-size: 26px
}

.case-manage,.case-quote {
    padding: 50px 0
}

.case-develop .section-content {
    text-align: left;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto
}

.case-develop ul li {
    display: table;
    float: left;
    height: 50px;
    border-right: 1px solid #ddd;
    padding: 0 20px
}

.case-develop ul li p {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Open Sans',serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700
}

.case-develop {
    width: 70%;
    float: left
}

.case-develop ul li:nth-child(4) {
    border: none
}

.case-week {
    float: right;
    width: 30%;
    margin-top: 69px
}

.case-week-inner {
    width: 200px;
    height: 200px;
    background-color: #ff8400;
    display: table;
    margin-left: 60px
}

.case-week-inner p span {
    font-family: 'Open Sans',sans-serif;
    font-size: 112px;
    line-height: 1;
    color: #fff;
    display: block;
    font-weight: 600
}

.case-week-inner p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    line-height: 1.2;
    color: #fff
}

.case-develop-main {
    padding: 60px 0 100px 0
}

.case-italic p {
    color: #454646;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 3;
    text-align: center
}

.cs-step {
    width: 304px;
    height: 267px;
    display: table;
    float: left
}

.case-box-step .cs-step:nth-child(1) {
    background: url(../images/Case-study/bgd-pen.png);
    margin-right: 30px
}

.case-box-step .cs-step:nth-child(1) .cs-step-inner {
    padding-top: 23px
}

.case-box-step .cs-step:nth-child(2) {
    background-color: #ff8400;
    margin-right: 30px;
    margin-top: 140px
}

.case-box-step .cs-step:nth-child(3) {
    border: 4px solid #ff8400;
    margin-top: 290px
}

.cs-step ul li p:before {
    content: "";
    background: url(../images/Case-study/arrow-right.png) no-repeat;
    width: 18px;
    height: 5px;
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.cs-step ul {
    display: table-cell;
    vertical-align: middle
}

.cs-step ul li {
    margin-left: 18%
}

.cs-step ul li p {
    font-family: 'Open Sans',serif;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    line-height: 2.5;
    color: #000
}

.case-box .case-main {
    position: relative
}

.case-overlap {
    position: absolute;
    top: 76px;
    right: 0;
    width: 100%;
    text-align: right
}

.case-overlap p {
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #454545;
    line-height: 1.5
}

.case-overlap-sub {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #454545;
    line-height: 1.5
}

.cs-step h2 {
    color: #fff;
    font-family: KefaIIPro-Regular,'Open Sans';
    font-size: 20px;
    margin-bottom: 15px
}

.cs-step p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    line-height: 1.4;
    width: 95%
}

.cs-step-inner {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
    position: relative
}

.case-box-step .cs-step:nth-child(1) .cs-step-inner svg {
    position: absolute;
    top: 49px;
    left: 8px;
    height: 303px;
    width: 450px
}

.case-box-step .cs-step:nth-child(2) .cs-step-inner svg {
    position: absolute;
    top: 7px;
    left: 8px;
    height: 303px;
    width: 450px
}

.head-cont-bold svg:nth-child(2) {
    width: 105px;
    height: 105px
}

.head-cont-bold svg:nth-child(3) {
    width: 35px;
    height: 35px;
    margin-left: 20px
}

.cont h2 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 600;
    color: #484848;
    font-size: 40px;
    line-height: 1.5;
    margin: 20px 0
}

.cont p {
    color: #414141;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 2;
    margin: 20px 0
}

.cont {
    display: table;
    width: 35%;
    float: left;
    margin-top: 35px
}

.img-cont {
    float: right
}

.clearfix:after,.clearfix:before {
    clear: both;
    content: "";
    position: relative;
    display: table
}

.section-list {
    height: 140px;
    width: 100%
}

.section-list li {
    width: 20%;
    float: left;
    border: 1px solid #ddd;
    display: table;
    height: 140px;
    text-align: center;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    cursor: pointer
}

.section-list li div {
    display: block;
    vertical-align: middle;
    width: 75px;
    height: 46px;
    margin: 20px auto
}

.section-list li:nth-child(1) div {
    background: url(../images/Case-study/complist.png) no-repeat;
    background-position: top center
}

.section-list li:nth-child(2) div {
    background: url(../images/Case-study/moblist.png) no-repeat;
    background-position: top center
}

.section-list li:nth-child(3) div {
    background: url(../images/Case-study/carlist.png) no-repeat;
    background-position: top center
}

.section-list li:nth-child(4) div {
    background: url(../images/Case-study/supportlist.png) no-repeat;
    background-position: top center
}

.section-list li:nth-child(5) div {
    background: url(../images/Case-study/printlist.png) no-repeat;
    background-position: top center
}

.section-list li p {
    font-family: 'Open Sans',serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    color: #616161
}

.section-img {
    padding-top: 0
}

.section-img img {
    padding: 5px
}

.section-img :nth-child(2) {
    padding-left: 15px
}

.section-img h2 {
    display: block;
    margin: 80px auto;
    text-align: center
}

.big-heading h2 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 96px;
    color: #000;
    opacity: .2;
    font-weight: 700;
    line-height: 1.2
}

#Print-collaterals .resp-dsg {
    margin-bottom: 40px
}

.case-main1 {
    width: 1070px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.main-img {
    background: url(../images/Case-study/oto-car.png) no-repeat;
    background-position: center center;
    height: 600px
}

.cont-img-marg .cont {
    width: 28%;
    margin-left: 40px;
    margin-top: 70px
}

.cont-img-marg h4 {
    font-size: 63px;
    font-weight: 300;
    font-family: 'Open Sans',serif;
    color: #000;
    line-height: 1.3
}

.cont-img-marg h4 span {
    color: #be1c2c
}

.list-background {
    background: #f8f8f8;
    width: 100%;
    display: table;
    height: 250px
}

.section-list-big {
    display: table-cell;
    vertical-align: middle
}

.section-list-big li {
    width: 25%;
    height: 120px;
    display: inline-block;
    float: left;
    text-align: center;
    border-right: 1px solid #959595
}

.section-list-big li:last-child {
    border: none
}

.section-list-big li p {
    font-family: 'Open Sans',serif;
    font-weight: 600;
    font-size: 16px;
    width: 39%;
    line-height: 1.5;
    margin: 0 auto
}

.section-list-big li div {
    background: url(../images/Case-study/sprite-sec.png) no-repeat;
    height: 70px;
    width: 60px;
    margin: 0 auto
}

.section-list-big li:nth-child(1) div {
    background-position: -4px 1px
}

.section-list-big li:nth-child(2) div {
    background-position: -67px 1px
}

.section-list-big li:nth-child(3) div {
    background-position: -3px -62px
}

.section-list-big li:nth-child(4) div {
    background-position: -72px -63px
}

.red-heading h3 {
    font-family: 'Open Sans',serif;
    font-size: 22px;
    color: #1e1e1e;
    line-height: 1.5;
    position: relative;
    text-transform: uppercase
}

.red-heading h3:after {
    position: absolute;
    content: "";
    background: #bf1e2e;
    left: 19px;
    width: 26px;
    bottom: -8px
}

.red-heading p {
    font-family: 'Open Sans',serif;
    font-size: 15px;
    line-height: 2;
    color: #414141;
    margin-top: 30px
}

.phone-section {
    position: relative
}

.phone-section h2 {
    width: 63%;
    position: absolute;
    left: 0;
    top: 100px
}

.phone-section .red-heading {
    width: 37%;
    position: absolute;
    right: 40px;
    top: 112px
}

.oto-slider .red-heading {
    position: absolute;
    top: 50px
}

.oto-car-sec {
    background: url(../images/Case-study/car-div.png) no-repeat;
    height: 469px;
    width: 100%;
    display: table
}

.inner-info h5 {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 1.5
}

.inner-info h2 {
    font-family: 'Open Sans',serif;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.inner-info p {
    font-family: 'Open Sans',serif;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 15px
}

.inner-info ul {
    margin-top: 10px;
    margin-bottom: 10px
}

.inner-info ul li {
    float: left;
    font-family: 'Open Sans',serif;
    font-size: 18px;
    color: #fff;
    margin-right: 40px;
    display: inline-block
}

.inner-info {
    margin-left: 40px;
    display: inline-block;
    position: absolute;
    top: 265px
}

.oto-car-sec .inner-info:last-child {
    right: 9%
}

.logo-create {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 250px
}

.logo-create ul {
    display: inline-block
}

.logo-create ul li p {
    font-family: Montserrat,sans-serif;
    font-size: 44px;
    line-height: 1.5;
    color: #616161
}

.logo-create ul li {
    float: left;
    display: inline-block;
    margin-left: 130px;
    position: relative
}

.logo-create ul li:first-child {
    margin: 0
}

.logo-create ul li:first-child:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #616161;
    right: -59px;
    top: 33px
}

.logo-create ul li:first-child:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #616161;
    right: -50px;
    top: 24px
}

.logo-create ul li:nth-child(2):after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #616161;
    right: -65px;
    top: 37px
}

.logo-create ul li:nth-child(2):before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #616161;
    right: -65px;
    top: 30px
}

.logo-create-main {
    position: relative;
    height: 200px;
    display: table
}

.logo-create-main .red-heading {
    display: table-caption
}

.logo-create-main .big-heading h2 {
    transform: rotate(270deg);
    font-size: 144px;
    position: absolute;
    left: -108px;
    top: 229px;
    letter-spacing: 1.5px
}

.main-img h3:after {
    width: 0;
    height: 0;
    background: 0 0
}

.main-img h3 {
    font-family: Montserrat-Black;
    font-size: 36px;
    position: absolute;
    top: 46%;
    mix-blend-mode: color-dodge;
    line-height: 1.3;
    right: 90px;
    text-transform: uppercase
}

.main-img img {
    position: absolute;
    right: 200px;
    top: 34%
}

.main-img h3 span {
    display: block
}

.main-img1 {
    position: relative
}

.main-img1 .red-heading {
    position: absolute;
    left: 50px;
    top: 75px;
    color: #616161
}

.main-img1 .red-heading h3 {
    color: #616161
}

.resp-dsg p {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 2;
    width: 82%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-top: 50px
}

.resp-dsg img {
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 101
}

.web-app-sec h3 {
    margin: 20px 0 40px 0
}

.web-app-sec img {
    z-index: 100;
    position: relative
}

.rLine {
    position: absolute;
    bottom: -380px;
    left: 50%;
    margin-left: -378px;
    width: 756px;
    height: 684px;
    border: 2px solid #e9d7c1;
    border-radius: 50%
}

.how_itWorks {
    height: 500px;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden
}

.how_itWorks h4 {
    font-family: KelsonSans-Bold;
    font-size: 22px;
    font-size: 30px;
    text-align: center;
    color: #0e0e0e
}

.how_itWorks .how_itContent {
    width: 100%;
    height: 100%;
    z-index: 201;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden
}

.stepTitle {
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.step2_title {
    width: 300px;
    margin: 0 auto 105px;
    margin-top: 138px;
    margin-bottom: 140px
}

.stepTitle div {
    width: 68px;
    height: 68px;
    line-height: 68px;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #3a3a3a;
    margin: 0 auto
}

.step2_title div {
    margin-top: 25px
}

.step1-3 {
    width: 946px;
    margin: 0 auto;
    position: relative
}

.step1_title {
    width: 170px;
    float: left
}

.step1_title div {
    float: right
}

.step1_title {
    width: 166px;
    float: left
}

.step3_title {
    width: 260px;
    float: right
}

.stepTitle h6 {
    font-family: KelsonSans-Bold;
    font-size: 22px;
    line-height: 1.5;
    position: absolute
}

.step1_title h6 {
    top: 0;
    left: 0
}

.step2_title h6 {
    top: 90px;
    left: 44%
}

.step3_title h6 {
    right: -8px
}

.particles-js-canvas-el {
    position: absolute;
    z-index: 99
}

.step-main-disp {
    position: absolute;
    bottom: 69px;
    width: 35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 20px
}

.step-main-disp p {
    font-family: Lato,sans-serif;
    font-size: 17px;
    line-height: 1.5;
    text-align: center
}

.step2Txt,.step3Txt {
    display: none
}

.section-list li:hover {
    background: #bf1e2e
}

.section-list li:hover div {
    background-position: bottom center
}

.section-list li:hover p {
    color: #fff
}

.pad-top {
    padding-top: 80px
}

.no-pad {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

.tech-section {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 44%;
    text-align: left
}

.tech-section p {
    font-family: 'Open Sans',serif;
    font-size: 14px;
    line-height: 2;
    color: #fff;
    width: 75%
}

.tech-section h3 {
    font-family: 'Open Sans',serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin: 30px 0
}

.tech-section h3:after {
    left: 20px
}

.tech-section ul li {
    float: left;
    display: inline-block;
    border-right: 1px solid #ddd;
    width: 100px
}

.tech-section ul li:last-child {
    border: none
}

.tech-section ul li img {
    display: block;
    margin: 0 auto
}

.tech-section ul {
    margin-left: -24px
}

.tech-sec-inner {
    float: left;
    width: 44%;
    margin: 40px 0;
    flex-grow: 1;
    padding-right: 6%
}

.tech-sec-inner:nth-child(2n) {
    float: right;
    padding-right: 0;
    padding-left: 6%
}

.tech-sec-inner span {
    display: block;
    width: 100%;
    text-align: left
}

.tech-sec-inner span a {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #636363;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.tech-sec-inner span a:hover {
    color: #00aeef
}

.tech-inside h3 {
    font-family: 'Open Sans',sans-serif
}

.tech-sec-inner p {
    margin: 40px 0 30px 0
}

.tech-inside {
    padding: 20px 0 0
}

.tech-inside p {
    margin-bottom: 20px
}

.tech-sec-pad {
    max-width: 1060px;
    margin: 0 auto;
    display: block;
    display: flex;
    flex-wrap: wrap
}

.no-pad-top {
    padding-top: 0
}

.breadcrumb {
    text-align: right;
    padding: 25px 15px
}

#technology .breadcrumb {
    padding-bottom: 0
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li a {
    font-family: 'Open Sans',serif;
    font-size: 12px;
    color: #000
}

.breadcrumb li:last-child a {
    color: #00aeef
}

.section-tech {
    padding: 20px 30px
}

.section-tech h4 {
    font-size: 20px;
    padding-bottom: 20px
}

.section-tech h5 {
    font-size: 18px
}

.tech-main-cont p {
    font-family: 'Open Sans',serif;
    font-size: 14px;
    color: #000;
    line-height: 2.2;
    margin: 20px 0
}

.tech-main-cont li {
    list-style: none;
    position: relative;
    padding-bottom: 20px;
    padding-left: 10px;
    line-height: 2.2
}

.tech-main-cont ul li:last-child {
    padding-bottom: 0
}

.tech-main-cont li:before {
    content: " ";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 4px;
    background-color: #00aeef;
    left: -10px;
    top: 12px
}

.tech-main-cont li h4 {
    font-size: 14px;
    font-weight: 800;
    margin: 0;
    padding: 0;
    padding-bottom: 15px
}

.tech-main-cont li p {
    font-family: 'Open Sans',serif;
    line-height: 2.2;
    padding-bottom: 15px;
    margin: 0
}

.tech-main-cont ul {
    margin-left: 20px;
    margin-bottom: 20px
}

.tech-head-list li p {
    margin: 5px 0
}

.tech-head-list h3 {
    font-size: 22px;
    color: #000;
    margin: 30px 0
}

.tech-head-list h3:after {
    width: 0;
    height: 0;
    background: 0 0
}

.tech-head-list ul:last-child {
    padding-bottom: 30px
}

.tech-sec-inner div:first-child {
    height: 46px
}

.tech-cont-sec {
    height: 275px
}

.cs-otobots .section-sub-head-cen {
    padding-top: 0
}

.cs-otobots .case-but {
    border-color: #bf1e2e
}

.cs-otobots .case-but:hover,.cs-otobots .case-but:hover p {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.cs-otobots .case-but:hover {
    background-color: #bf1e2e;
    color: #fff
}

.cs-otobots .case-but:hover p {
    color: #fff
}

.portfolio-showcase .block-img img {
    width: 100%;
    height: 100%
}

.wac_job_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.job_opening__tab {
    padding: 50px 35px 140px
}

.wac_job_column aside>div {
    background-color: #f4f4f4;
    padding: 35px;
    border-radius: 2px;
    position: sticky;
    top: 60px
}

.wac_category_box h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 1.3;
    letter-spacing: .030em
}

.wac_category_box ul {
    margin-top: 35px
}

.wac_category_box ul li {
    padding: 8px 0
}

.job_box_list ul li a,.wac_category_box ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #7c7c7c;
    line-height: 2.1;
    letter-spacing: .030em;
    display: block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.wac_category_box ul li a:hover,.wac_category_box ul li.current-menu-item a {
    color: #000
}

.job_box_list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #d6d6d6;
    position: relative
}

.job_box_list ul li:after {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    width: 10px;
    height: 10px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070
}

.job_box_list ul li a {
    line-height: 1.5;
    padding: 12px 30px 12px 0;
    color: #000;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.job_box_list ul li a:hover {
    color: #00aeef
}

.wac_job_data {
    width: calc(100% - 245px)
}

.wac_job_box {
    padding-left: 70px
}

.wac_job_box h1 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    line-height: 1.3;
    letter-spacing: .030em;
    margin: 30px 0 36px;
    padding-bottom: 12px;
    position: relative
}

.wac_job_box h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 2px;
    background: #00aeef
}

.wac_job_box .b_send {
    font-weight: 700;
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    display: block;
    margin-top: 20px
}

.wac_job_box .b_send a {
    color: #00adef
}

header.sticky .job_detail_box .w_box_tlt {
    padding-bottom: 10px
}

header.sticky .job_detail_box .w_table_left span {
    display: none
}

.w_box_tlt {
    display: flex;
    justify-content: space-between;
    padding-bottom: 28px;
    border-bottom: 1px solid #d6d6d6;
    position: sticky;
    top: 46px;
    background-color: #fff;
    z-index: 10
}

.w_table_left h1 {
    margin-bottom: 15px
}

.w_table_left span {
    color: #7c7c7c;
    font-size: 14px;
    font-weight: 600
}

.w_table_right {
    align-self: center!important
}

.wac_job_data .apply_btn {
    min-width: 150px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    border: 1.5px solid #7c7c7c;
    line-height: 2.9;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.wac_job_data .apply_btn:hover {
    border-color: #00aeef
}

.share-poster {
    display: inline-block;
    padding: 7px 15px;
    vertical-align: bottom;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.share-poster span {
    width: 28px;
    height: 34px;
    display: inline-block;
    vertical-align: bottom
}

.share-poster span svg {
    width: 100%;
    height: 100%
}

.share-poster:hover {
    border: 1px solid #dcdee0
}

.share-poster:hover ul.social-care li {
    opacity: 1;
    background-color: #fff
}

.share-poster:hover ul.social-care li:nth-of-type(1) {
    right: 152px
}

.share-poster:hover ul.social-care li:nth-of-type(2) {
    right: 95px
}

.share-poster:hover ul.social-care li:nth-of-type(3) {
    right: 39px;
    border-right: 1px solid #dcdee0
}

ul.social-care {
    width: 0;
    float: right;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -1px;
    right: 18px;
    height: 51px
}

ul.social-care li {
    height: 50px;
    width: 58px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    right: -12px;
    border-left: 1px solid #dcdee0;
    opacity: 0
}

ul.social-care li a {
    font-size: 16px;
    color: #252525;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #dcdee0;
    border-top: 1px solid #dcdee0
}

ul.social-care li a i {
    color: #707070;
    text-align: center;
    width: 100%;
    position: relative;
    top: 12px;
    font-size: 22px;
    left: 0;
    transition: all .2s linear
}

ul.social-care li:hover {
    background-color: #f3f4f5
}

ul.social-care li:hover a i {
    color: #00aeef
}

ul.social-care li:nth-of-type(1) {
    -webkit-transition: all .16s linear;
    -moz-transition: all .16s linear;
    -o-transition: all .16s linear;
    -ms-transition: all .16s linear;
    transition: all .16s linear
}

ul.social-care li:nth-of-type(2) {
    -webkit-transition: all .14s linear;
    -moz-transition: all .14s linear;
    -o-transition: all .14s linear;
    -ms-transition: all .14s linear;
    transition: all .14s linear
}

ul.social-care li:nth-of-type(3) {
    -webkit-transition: all .12s linear;
    -moz-transition: all .12s linear;
    -o-transition: all .12s linear;
    -ms-transition: all .12s linear;
    transition: all .12s linear
}

ul.social-care li:nth-of-type(4) {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.wc_post_cnt h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 18px 0 16px
}

.wc_post_cnt ul {
    padding-bottom: 20px
}

.wc_post_cnt p,.wc_post_cnt ul li {
    position: relative;
    letter-spacing: .050em;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 2;
    padding: 10px 20px
}

.wc_post_cnt p {
    padding: 10px 0
}

.wc_post_cnt ul li:before {
    content: '';
    position: absolute;
    top: 21px;
    left: 4px;
    width: 6px;
    height: 6px;
    background-color: #00aeef;
    border-radius: 50%
}

.job_detail_box {
    padding-left: 70px
}

.job_opening__tab .job-application-form {
    width: 100%!important;
    margin: 40px auto 0
}

.job_opening__tab .field-row {
    margin-bottom: 0;
    height: 70px
}

.job_opening__tab .field-row-x {
    height: 140px
}

.field-row input,.field-row select,.job-application-right .file-wrap {
    padding: 0 16px!important
}

.field-row-x textarea {
    padding: 12px 16px!important
}

.job_opening__tab .field-row-x textarea {
    height: 112px
}

.job-application-form #jo-submit {
    text-transform: uppercase;
    margin-top: 30px;
    border: 2px solid #9e9e9e;
    padding: 0 0!important;
    background-color: transparent!important;
    width: 140px;
    color: #000!important;
    border-radius: 3px;
    font-weight: 500;
    font-family: Poppins;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px!important
}

.job-application-left,.job-application-right {
    width: 48%
}

.job-application-form label.error {
    margin: -1px 0 0 0;
    color: #ef5431
}

#applynow-section {
    padding: 48px 0 0 70px
}

.job_detail_box h3 {
    text-align: left
}

.job_detail_box h3:after {
    left: 0;
    margin-left: 0
}

.job_opening_inner {
    padding: 50px 35px 60px
}

.employee-slider .item {
    display: flex;
    justify-content: center;
    align-items: center
}

body.career-type {
    overflow-x: hidden
}

.openings-bx-inner i {
    width: 12px;
    height: 20px;
    display: inline-block
}

.openings-bx i.bx-icon {
    width: 100px;
    height: 81px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10
}

.openings-bx:nth-of-type(3) i.bx-icon {
    width: 100px;
    height: 81px
}

svg {
    width: 100%;
    height: 100%
}

body.career-type .blog-header {
    display: none
}

.openings-bx p {
    max-height: 94px;
    overflow: hidden
}

.tooltip-tag {
    position: relative
}

.tooltip-tag:before {
    content: 'We are Hiring!';
    position: absolute;
    top: -10px;
    right: -3px;
    background-color: #00adef;
    font-size: 10px;
    color: #fff;
    padding: 0 6px;
    line-height: 2;
    border-radius: 3px;
    letter-spacing: normal
}

.tooltip-tag:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 7px;
    width: 6px;
    height: 6px;
    background-color: #00adef;
    transform: rotate(45deg)
}

.office-address {
    background-color: #edf1f4;
    padding: 70px 0 60px
}

.office-address .contact-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.office-addr,.office-cont {
    max-width: 50%;
    flex: 0 0 50%
}

.office-addr h3 {
    font-weight: 600;
    letter-spacing: .030em;
    font-size: 28px
}

.office-addr h3:after {
    left: 0;
    margin-left: 0;
    width: 40px
}

.office-addr address {
    padding-top: 30px
}

.office-addr address p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .050em;
    font-style: normal;
    line-height: 2
}

.office-cont {
    padding: 90px 0 0
}

.office-cont p {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    font-style: normal;
    letter-spacing: 3px;
    margin-bottom: 5px
}

.office-cont a.find-us-btn {
    background-size: 16px;
    padding-left: 25px;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: auto;
    position: relative;
    letter-spacing: .040em
}

.office-cont a.find-us-btn:after {
    content: '';
    position: absolute;
    bottom: 11px;
    right: 0;
    height: 2px;
    width: 96px;
    background-color: #232323
}

.contact-work {
    margin-top: 0;
    padding: 80px 0 40px!important
}

.contact-work h3 {
    font-weight: 600;
    margin-bottom: 45px
}

.contact-work .al-ser-btn {
    margin-top: 50px!important
}

.contact-dtl .contact-right h1 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.52;
    color: #000;
    margin-bottom: 70px
}

.contact-dtl .field-row {
    height: 75px
}

.contact-dtl .field-row-txt {
    height: auto
}

.contact-dtl .contact-right {
    width: calc(100% - 315px)
}

.contact-dtl .contact-right h3 {
    font-weight: 600;
    margin-bottom: 30px
}

.contact-dtl .contact-right span.h6 {
    display: block;
    color: #9d9d9d;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500
}

.contact-dtl .contact-right span a {
    color: #9d9d9d;
    transition: all .2s linear
}

.contact-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 85px
}

.contact-dtl .contact-left {
    float: left;
    width: 248px
}

.contact-svg {
    margin-right: 25px;
    margin-bottom: 35px
}

.contact-svg img {
    width: 100%
}

.contact-dtl {
    padding: 56px 0 30px
}

.contact-dtl form {
    padding-top: 30px
}

#g-recaptcha-response-error {
    margin-top: -10px
}

.contact-dtl .field-row input,.contact-dtl .field-row select,.contact-dtl .field-row textarea {
    border: 0;
    border-bottom: 1.5px solid #a2a2a2!important;
    border-radius: 0!important;
    color: #000;
    font-size: 15px;
    padding: 0 0!important;
    font-weight: 500
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 84px!important
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 92px!important
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 100px!important
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 76px!important
}

.contact-dtl .field-row textarea {
    padding: 15px 0
}

.contact-dtl .csub-btn {
    margin-top: 10px;
    border: 2px solid #9e9e9e;
    padding: 13px 25px;
    min-width: 160px;
    border-radius: 3px;
    font-weight: 500;
    font-family: Poppins;
    letter-spacing: 1px;
    font-size: 16px;
    cursor: pointer
}

.contact-dtl .form-response {
    padding: 5% 0;
    font-weight: 500
}

.contact-dtl form label.error {
    margin-top: 0
}

.field-row {
    position: relative
}

.block-field-div:after,.block-field-div:before {
    display: table;
    content: '';
    clear: both
}

.block-field-div .field-row {
    width: 48%;
    float: left
}

.block-field-div .field-row:last-child {
    float: right
}

.contact-dtl .field-row input~.focus-border,.contact-dtl .field-row select~.focus-border,.contact-dtl .field-row textarea~.focus-border {
    position: absolute;
    top: 40px!important;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #6a6a6a;
    transition: .4s
}

.contact-dtl .field-row textarea~.focus-border {
    top: inherit!important;
    bottom: 0!important
}

.contact-dtl .field-row input:focus~.focus-border,.contact-dtl .field-row select:focus~.focus-border,.contact-dtl .field-row textarea:focus~.focus-border {
    width: 100%!important;
    transition: .4s
}

.selected-dial-code {
    font-weight: 500
}

.field-row::-webkit-input-placeholder {
    color: #000;
    font-weight: 500
}

.field-row::-moz-placeholder {
    color: #000;
    font-weight: 500
}

.field-row:-ms-input-placeholder {
    color: #000;
    font-weight: 500
}

.field-row:-moz-placeholder {
    color: #000;
    font-weight: 500
}

body.career-type #content {
    padding: 0 0
}

#career .clients {
    padding: 80px 45px
}

html {
    margin-top: 0!important
}

.sticky .tooltip-tag:after,.sticky .tooltip-tag:before {
    display: none
}

.client-slider .owl-carousel .owl-stage-outer {
    padding: 0 10px
}

span.wpcf7-not-valid-tip {
    font-size: 12px;
    text-align: left
}

.job-application-right input[type=file] {
    position: relative;
    top: 0;
    width: 100%;
    height: 42px;
    cursor: pointer;
    font-size: 0;
    opacity: 0;
    padding: 0
}

.field-row span.resume {
    display: inline-block;
    width: 100%;
    height: 42px;
    float: right;
    margin-top: -45px;
    top: -28px;
    cursor: pointer;
    z-index: 1
}

.pin-icon {
    position: relative
}

.pin-icon:after {
    content: "\f0c6";
    color: #00adef;
    position: absolute;
    font-family: FontAwesome;
    font-size: 18px!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    top: 6px
}

div.wpcf7-response-output {
    border: none;
    text-align: left;
    padding: 0 0;
    margin: 0 0
}

div.wpcf7 .ajax-loader {
    position: absolute;
    right: 0;
    top: 16px
}

.btn-row {
    width: 172px
}

div.wpcf7-mail-sent-ok {
    color: green;
    border: 0
}

div.wpcf7-validation-errors {
    color: red;
    border: 0;
    line-height: 1.4;
    font-size: 12px
}

.job-application-form #jo-submit {
    margin-top: 1px
}

.client-slider .owl-nav {
    display: block!important;
    position: absolute;
    right: 0;
    top: -52px;
    width: 91px
}

.client-slider .owl-nav>div {
    width: 45px;
    display: inline-block;
    position: relative;
    height: 45px;
    cursor: pointer
}

.client-slider .owl-nav>div:nth-of-type(1):after {
    content: '|';
    position: absolute;
    right: -2px;
    top: 9px;
    color: #626161;
    font-size: 18px;
    font-weight: 200
}

.client-slider .owl-nav>div i {
    font-size: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.client-bx {
    width: 100%!important
}

.load_tb {
    position: relative
}

.opening-loader {
    opacity: 0;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 110%;
    background-color: #fafafa;
    background-image: url(../blog/wp-content/themes/webandcrafts/images/filter-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px
}

.job_box_list ul li a i {
    font-size: 13px;
    font-style: normal;
    color: #8c8c8c
}

.office-cont p a {
    color: #000
}

.openings-row.owl-carousel {
    display: block
}

.client-list.home-clnt .client-bx {
    width: 156px!important
}

.contact-right span.h6 a {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear
}

.contact-right span.h6 a:hover {
    color: #00adef
}

.designation input {
    pointer-events: none
}

.career-type .clients .client-list {
    margin-top: 0!important
}

.job-application-left .phone-code {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    z-index: 2
}

.job-application-left .phone-code input {
    padding: 0 10px!important
}

.job-application-left .phone input {
    padding-left: 50px!important
}

div.wpcf7-mail-sent-ok {
    color: green;
    border: 0;
    font-size: 12px;
    line-height: 1.4
}

.abt-strength h3 {
    text-align: center
}

.abt-strength h3:after {
    left: 50%;
    transform: translateX(-50%)
}

.grecaptcha-badge {
    display: none
}

@media only screen and (max-width: 1190px) {
    .tech-sec-pad {
        width:96%
    }

    .tech-inside {
        width: 96%;
        margin: 0 auto
    }

    .tech-inside p {
        padding: 0
    }

    .contact-inner {
        padding: 0 55px
    }

    .office-cont p {
        font-size: 19px
    }

    .contact-dtl .contact-right h1 {
        margin-bottom: 45px;
        font-size: 28px
    }

    .contact-svg {
        margin-right: 45px
    }

    .contact-dtl .contact-right {
        width: calc(100% - 295px)
    }

    .career-title {
        font-size: 25px
    }

    .career-top {
        padding: 56px 0 26px
    }

    .career-openings {
        padding: 30px 0 50px
    }

    .life-webc-inner {
        padding: 34% 0 0 4.5%
    }

    .life-webc-inner h2 {
        font-size: 27px
    }

    .work-culture {
        margin: 6% 2.5% 0 2.5%
    }

    .life-webc {
        padding: 32px 30px 50px
    }

    .members-count {
        height: 240px
    }

    .employee-testimonial {
        padding: 126px 50px 40px 90px
    }

    #career .clients {
        padding: 30px 45px 50px
    }
}

@media only screen and (max-width: 1060px) {
    .tech-sec-pad {
        max-width:100%
    }

    .tech-sec-pad-top {
        padding-top: 0
    }

    .tech-inside {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

@media only screen and (max-width: 991px) {
    .contact-dtl .contact-left {
        width:200px
    }

    .contact-inner {
        padding: 0 35px
    }

    .contact-svg {
        margin-right: 31px
    }

    .contact-dtl .contact-right {
        width: calc(100% - 230px)
    }

    .contact-dtl .contact-right h1 {
        margin-bottom: 25px;
        font-size: 22px
    }

    .contact-dtl .contact-right h3 {
        font-weight: 500;
        margin-bottom: 30px;
        font-size: 22px
    }

    .contact-dtl .field-row {
        height: 65px;
        margin-bottom: 18px
    }

    .contact-dtl .field-row-txt {
        height: auto!important
    }

    form label.error {
        font-size: 10px
    }

    .office-cont {
        padding: 91px 0 0 35px
    }

    .office-addr address p {
        font-size: 15px;
        letter-spacing: .020em
    }

    .office-cont p {
        font-size: 16px;
        letter-spacing: 1px
    }

    .office-cont a.find-us-btn {
        background-position: 0 center;
        margin-top: 8px;
        padding-left: 23px
    }

    .contact-work .al-ser-btn {
        margin-top: 65px!important;
        margin-bottom: 10px!important
    }

    .opening-slider.owl-carousel .owl-stage-outer {
        padding: 15px 0
    }

    .openings-bx {
        width: 100%;
        float: none;
        padding: 20px 20px 80px 20px;
        box-shadow: 2px 4px 2px 0 rgba(172,172,172,.25)
    }

    .life-webc-inner h2 {
        font-size: 26px;
        margin-bottom: 17px
    }

    .life-webc-inner {
        padding: 45% 0 0 0;
        max-width: 100%
    }

    .life-webc {
        padding: 32px 16px 50px
    }

    .life-pics-collage>div:last-child img:last-child {
        display: none
    }

    .work-culture {
        margin: 6% 0 0 0
    }

    .work-culture .col-3 {
        width: 168px;
        height: 168px
    }

    .life-pics-collage {
        top: 4%
    }

    .work-culture {
        margin: 2% 0 0 0
    }

    .members-count {
        height: 185px;
        width: 300px;
        padding-left: 50px
    }

    .mem-count {
        font-size: 50px
    }

    .mem-titles {
        font-size: 22px
    }

    .employee-testimonial {
        padding: 126px 40px 40px 40px
    }

    .testi-comment {
        padding: 10px 24px
    }

    .testi-comment q {
        font-size: 22px
    }

    .all-open-link {
        margin-top: 47px
    }

    .wac_job_box {
        padding-left: 40px
    }

    .wac_job_box h1 {
        font-size: 21px;
        font-weight: 600;
        margin: 23px 0 12px
    }

    .wac_job_data {
        width: calc(100% - 210px)
    }

    .wac_job_column aside>div {
        max-width: 210px;
        min-width: 210px;
        padding: 35px 16px
    }

    .wac_category_box h4 {
        font-size: 20px
    }

    .wac_category_box ul {
        margin-top: 17px
    }

    .opening-slider.owl-carousel .owl-stage {
        padding-left: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .tech-cont-sec {
        height:100%
    }

    .contact-inner {
        padding: 0 15px
    }

    .contact-dtl .contact-left {
        width: 120px
    }

    .contact-dtl .contact-right {
        width: calc(100% - 130px);
        float: right
    }

    .office-address {
        padding: 30px 0 40px
    }

    .contact-work h3,.office-addr h3 {
        font-weight: 500;
        font-size: 22px
    }

    .office-cont {
        padding: 77px 0 0 35px
    }

    .office-cont p {
        font-size: 15px
    }

    .contact-work {
        margin-top: 0;
        padding: 30px 0 40px!important
    }

    .client-bx {
        width: 140px;
        height: 64px
    }

    .life-webc-inner {
        padding: 54% 0 0 0
    }

    .life-pics-collage>div:last-child img:last-child {
        display: block
    }

    .work-culture .col-3 {
        width: 140px;
        height: 140px
    }

    .work-culture .col-3 .work-img {
        height: 50px;
        width: 30px
    }

    .work-culture .col-3:nth-of-type(2) .work-img {
        width: 50px
    }

    .work-culture .col-3:nth-of-type(3) .work-img {
        width: 42px
    }

    .work-culture .col-3 .work {
        font-size: 13px
    }

    .members-count {
        height: 161px
    }

    .testi-pic {
        width: 185px
    }

    .testi-comment q {
        font-size: 17px
    }

    .employee-testimonial {
        padding: 76px 20px 40px 20px
    }

    #career .clients {
        padding: 30px 20px 50px
    }

    .w_table_left {
        width: 100%
    }

    .w_table_right {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    .w_box_tlt {
        display: block
    }

    .wac_job_column {
        display: block
    }

    .wac_job_category {
        width: 100%
    }

    .job_opening__tab {
        padding: 30px 15px 70px
    }

    .wac_job_data {
        width: 100%
    }

    .wac_job_box {
        padding-left: 0
    }

    .wac_job_column aside>div {
        max-width: inherit;
        min-width: inherit;
        padding: 7px 0;
        background-color: #fff
    }

    .wac_category_box ul {
        display: block;
        border: 1px solid #aba6a6;
        border-bottom: 0;
        position: relative
    }

    .wac_category_box ul:after {
        content: '';
        position: absolute;
        top: 15px;
        right: 15px;
        width: 10px;
        height: 10px;
        border-top: 2px solid #00a2e0;
        border-right: 2px solid #00a2e0;
        transform: rotate(135deg)
    }

    .wac_category_box ul li {
        padding: 6px 13px;
        border-bottom: 1px solid #aba6a6
    }

    .wac_category_box ul.sub-menu-show {
        z-index: 20;
        height: auto;
        overflow: visible;
        box-shadow: 0 0 10px 1px #ccc
    }

    .wac_category_box ul.sub-menu-show>li {
        display: block;
        pointer-events: all
    }

    .wac_category_box ul li.current-menu-item {
        display: block
    }

    .wac_category_box ul li {
        display: none;
        pointer-events: none
    }

    .wac_category_box ul .sub-menu-show>li {
        display: block;
        pointer-events: all
    }

    #career-tabs .social-tab-titles {
        margin: 0 auto;
        position: relative;
        overflow-x: inherit;
        white-space: inherit;
        display: block;
        height: auto
    }

    #career-tabs .social-tab-titles li {
        margin-bottom: 10px;
        margin-left: 8px!important
    }
}

@media only screen and (max-width: 640px) {
    .tech-sec-inner {
        float:none!important;
        width: 100%;
        margin: 10px 0;
        position: relative;
        display: block;
        padding-right: 0
    }

    .tech-sec-inner img {
        margin: 0 auto;
        display: block;
        margin-top: 20px
    }

    .tech-sec-inner div:first-child,.tech-sec-inner p {
        height: auto
    }

    .tech-cont-sec {
        height: 100%
    }

    .tech-sec-inner:nth-child(2n) {
        padding-left: 0
    }

    .contact-dtl .contact-left {
        display: none
    }

    .contact-dtl .contact-right {
        float: none;
        width: 100%
    }

    .contact-dtl {
        padding: 30px 0 30px
    }

    .office-addr,.office-cont {
        max-width: 100%;
        flex: 0 0 100%
    }

    .office-address .contact-inner {
        display: block
    }

    .office-cont {
        padding: 15px 0 0 0
    }

    .block-field-div .field-row {
        width: 100%;
        float: none
    }

    .career-top {
        padding: 26px 0 26px
    }

    .career-title {
        font-size: 21px
    }

    .career-openings h3 {
        font-size: 22px
    }

    #career-tabs .social-tab-titles {
        padding: 0 15px
    }

    #career-tabs .social-tab-titles li {
        padding: 0 15px;
        border: 1px solid #b5b5b5;
        font-weight: 500!important;
        margin-left: 16px
    }

    #career-tabs .social-tab-titles li a {
        line-height: 2.4;
        font-size: 16px;
        font-weight: 500!important
    }

    #career-tabs .social-tab-titles li.active a {
        color: #00aeef
    }

    #career-tabs .social-tab-titles li a:before {
        display: none
    }

    .openings-bx label {
        height: auto
    }

    .openings-bx {
        padding: 17px 10px 59px 10px
    }

    .work-culture .col-3 .work-img {
        height: 38px;
        width: 30px;
        margin-top: 16px
    }

    .work-culture .col-3 {
        width: 104px;
        height: 104px
    }

    .work-culture .col-3 .work {
        font-size: 9px
    }

    .members-count {
        height: 116px;
        width: 220px;
        padding-left: 23px
    }

    .mem-count {
        font-size: 30px
    }

    .mem-titles {
        font-size: 18px
    }

    .employee-testimonial {
        padding: 35px 20px 40px 20px
    }

    .testi-comment .testi-author {
        letter-spacing: normal;
        margin: 9px 0 7px 20px
    }

    #career .clients {
        padding: 13px 20px 50px
    }

    #career .clients .page-title {
        line-height: 1.2
    }

    .testi-comment q {
        margin-top: 38px
    }

    .w_table_right {
        margin-top: 15px;
        display: block
    }

    #applynow-section {
        padding: 18px 0 0 70px
    }

    .job_detail_box h3 {
        text-align: center;
        font-size: 21px;
        font-weight: 500;
        line-height: 2;
        margin-bottom: 5px!important;
        padding-top: 0
    }

    .job_detail_box h3:after {
        left: 50%;
        transform: translateX(-50%)
    }

    .job-application-left,.job-application-right {
        width: 80%
    }

    .wac_job_box .b_send {
        margin-top: 0
    }

    .section p:empty {
        display: none
    }

    .job_opening__tab .field-row {
        margin: 0 auto
    }

    .wc_post_cnt p,.wc_post_cnt ul li {
        padding: 5px 20px
    }

    .wc_post_cnt ul {
        padding-bottom: 9px
    }

    .w_box_tlt {
        top: 0;
        position: relative
    }

    .share-poster {
        z-index: 8
    }

    ul.social-care li {
        right: -14px
    }

    .contact-fm .block-field-div.ct-div {
        margin-top: 40px
    }
}

@media only screen and (max-width: 480px) {
    .contact-dtl .contact-right span.h6 {
        letter-spacing:normal
    }

    .contact-dtl .contact-right h1 {
        margin-bottom: 5px;
        font-size: 16px
    }

    .contact-dtl .contact-right h3 {
        padding-bottom: 0
    }

    .contact-dtl form {
        padding-top: 20px
    }

    .contact-dtl {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .intl-tel-input .country-list {
        min-width: 270px
    }

    .office-addr address {
        padding-top: 20px
    }

    .career-top {
        padding: 14px 0 12px
    }

    .career-top .career-title {
        font-size: 16px;
        margin-bottom: 0
    }

    .career-openings {
        padding: 14px 0 50px
    }

    .career-openings h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .openings-row {
        margin: 15px auto
    }

    .opening-slider.owl-carousel .owl-stage-outer {
        padding: 0 0
    }

    .opening-slider.owl-carousel .owl-stage {
        padding-left: 0!important
    }

    .life-webc-inner h2 {
        font-size: 22px
    }

    .life-webc-inner {
        padding: 60% 0 0 0
    }

    .life-pics-collage {
        right: 15px;
        left: 15px
    }

    .work-culture .work-culture-inner {
        display: table;
        margin: 0 auto
    }

    .work-culture .col-3 .work {
        font-size: 11px
    }

    .work-culture .col-3:nth-of-type(even) {
        float: right
    }

    .work-culture .col-3 {
        width: 48%;
        height: auto;
        margin-bottom: 15px
    }

    .employee-testimonial {
        padding: 95px 20px 40px 20px
    }

    .employee-slider .item {
        display: block
    }

    .testi-comment q {
        margin-top: 15px;
        margin-left: 0
    }

    .testi-pic {
        width: 120px;
        display: block;
        margin: 0 auto
    }

    .testi-comment {
        padding: 10px 0;
        max-width: 100%;
        display: block;
        text-align: center
    }

    .members-count {
        height: 109px;
        width: 168px;
        padding-left: 12px
    }

    .mem-count {
        font-size: 25px
    }

    .mem-titles {
        font-size: 15px
    }

    .life-webc {
        padding: 32px 16px 30px
    }

    .job-application-left,.job-application-right {
        width: 100%
    }

    .job_opening__tab {
        padding: 30px 15px 40px
    }

    .job_opening__tab .job-application-form {
        width: 100%!important;
        margin: 20px auto 0
    }

    .wc_post_cnt ul li:before {
        top: 16px
    }

    .share-poster {
        float: right!important;
        width: 190px;
        padding: 0 4px 0 4px
    }

    .wac_job_data .apply_btn {
        min-width: 115px
    }

    .share-poster span {
        width: 48px;
        float: right;
        padding: 12px 7px;
        height: 50px;
        top: -1px;
        position: relative;
        left: 0;
        border: 1px solid #dcdee0
    }

    ul.social-care {
        width: 73%;
        float: left;
        position: relative;
        top: -1px;
        right: -10px
    }

    ul.social-care li {
        width: 45px;
        margin-left: -6px;
        right: 0;
        position: relative;
        opacity: 1;
        display: inline-block
    }

    .share-poster:hover ul.social-care li:nth-of-type(3) {
        right: 0
    }

    .share-poster:hover ul.social-care li:nth-of-type(2) {
        right: 0
    }

    .share-poster:hover ul.social-care li:nth-of-type(1) {
        right: 0
    }

    .share-poster:hover {
        border: transparent
    }
}

#video1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}


/*Custom style 11/28*/
.white-txt p{
    color: white;
}

.ecom-ban-content .al-ser-btn{
    border-width: 1px;
}

/* .banner-row-new .top-banner{
    
} */


/* .ecom-ban-content h2:after{
    background: #ddd;
} */

.color-ash h2::after{
    background: #7C7C7C;
}

.btn-noradius{
    border-radius: 0px;
}


.btn-new{
    border-color: #22424E;
    color:#22424E;
}

.ecom-ban-content h2:after{
    top:0;
}

select::-ms-expand {

    display: none;

}

.our-strength h3{

    text-align: center;

}



.our-strength h3::after{

    left: 50%;

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    

    textarea { overflow: auto; }



    .our-strength svg{

        height: 500px;

        display: inline-block;

    }



    .content svg{

        width: 185px;

        height: 20px;

        display: inline-block;

    }



    .client-bx{

        position: relative;

    }

    

   .client-bx img{

        position: absolute;

        top: 0px;

        bottom: 0px;

        left: 0px;

        right: 0px;

        margin: auto auto;

        width: 60%;

        height: 60%;

        -o-object-fit: contain;

        -o-object-position: 50% 50%;

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

        transform-origin: 0% 0%;

    }    

}



@media only screen and (max-width: 1190px)
{
    header.sticky .top-logo{
        width: 100vw !important;
    }
     
    .height-auto{
        height: auto !important;
    }

    #portfolio-web .portfolio-showcase .block-img, #portfolio-web .portfolio-showcase .block-text {
        display: flex;
        overflow: hidden;
    }

    /* #portfolio-web .portfolio-showcase .block-img.post_video{
        height: auto;
    } */


    #portfolio-web .portfolio-showcase .block-text{
        height: 600px;
    }

    #portfolio-web .portfolio-showcase .block-img a{
        display:block;
    }

    #portfolio-web .portfolio-showcase .block-img video{
        max-width: 100%;
        display: block;
    }
    
    .anim-item-left, .anim-item-right{
      display:flex;        
    }

    .anim-item-left , .anim-item-right {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f6f6f6;
    }

    .anim-item-left video, .anim-item-right video{
        max-width: 100%;
        /* height: 100%; */
        background: #424242;
    }
    
    .anim-item-left img, .anim-item-right img{
        max-width: 100%;
        /* height: 100%; */
        background: #424242;
    }


}

.work-withUs-points.clear{
    clear:inherit;
}





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

{



    /* .portfolio-showcase .row{

        display: flex;

        flex-direction: column-reverse;

    } */

    #portfolio-web .portfolio-showcase .block-text{

        height: auto;

    }

    

    .portfolio-showcase .block-img{

        width: 100%;

        max-width: 550px;

    }



    .portfolio-showcase .block-text{

        height: auto;

    }



    .tech-wrap .tech-box{

        width: 49.5%;

    }

    .tech-wrap div[class*='tech-']{

        margin-right:5px;

        margin-bottom: 5px;

    }

    .tech-wrap div[class*='tech-']:nth-child(even){

        margin-right: 0px;

    }

    .tech-wrap .tech-box:nth-child(3n){
        margin-right:5px;
    }

    .anim-item-left , .anim-item-right {
        background:white; 
    }
    

}





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

    .r-tabs .r-tabs-accordion-title{
        height: auto;
    }

    .r-tabs .r-tabs-accordion-title a{
        padding: 10px;
    }
    .banner-row-new .top-banner{
        background-size: cover;
        background-position: 50% !important;
    }
    /* .overlay-mob::before{
        content:'';
        position: absolute;
        width:100%;
        height: 100%;
        background:rgba(39, 39, 39, 0.12);
    } */

}



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

    #about-us .award-item img.img-bg, #portfolio-animation .animationsRow-wrap img.img-bg{

        object-fit:contain;

        height: auto;

    }

}



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

    body{
        min-width: initial;
    }

    .banner-row-new{
        padding-top: 275px;
    }

    .banner-row-new .top-banner{
        height: 269px !important;
    }

    .tech-wrap .tech-box{
        width: 100%;
    }

    .g__hero__panel__caption{
        right: 15px;
        padding-left: 15px;
        width: 22%;
        bottom: 15px;
    }

}


@media only screen and (max-width:575px){
    .banner-row-new .top-banner p{
        display: none;
    }
    .banner-row-new .top-banner h2{
        font-size: 18px;
    }
    .banner-row-new {
        padding-top: 200px;
    }
    .banner-row-new .top-banner{
        height: 215px !important;
    }
    #top-nav {
        text-align: center;
    }
    #top-nav li:last-child {
        margin-right: 0;
    }
}
@media only screen and (max-width: 320px) {
    #top-nav li {
        margin-right: 10px;
    }
}
.footer-top ul li::before{
    display:none;
}
.footer-top ul li{
    position: relative;
    padding-left: 18px;
}
.footer-top ul li a{
    margin-left: 0px;
}
.footer-top ul li::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: black;
  left: 0;
  top: 12px;
}

/*End custom css*/