@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}
.main_ftr {
    margin: auto;
    width: 100%;
    max-width: 840px;
}
section.bg-grey-light.black-box {
    margin: 50px 0;
}
.new_in a.btn3.getintouch-contact {
    width: 93.5% !important;
    float: right;
    margin-right: 25px;
    margin-top: 40px;
    cursor: pointer;
    padding-left: 24px;
}
section.contact-sidebar .new_in input[type=email] {
    width: 100% !important;
}
.new_in input {
    width: 100% !important;
    border-bottom: 1px solid #282526 !important;
    border: none;
    padding-bottom: 10px !important;
    margin-bottom: 40px !important;
}
header {
    background: linear-gradient(11deg, rgba(6, 19, 38, 1) 0, rgba(1576, 101, 26, 1) 100%);
}
.openNavcs {
    font-size: 30px;
    cursor: pointer;
    color: #fff;
}
header.header.new_head{
    background: transparent;
}
.circle-inner.new-about:before {
    content: "";
    background: url(../images/Untitled-1.png) no-repeat !important;
    width: 431px;
    position: absolute;
    left: 25%;
    top: 0;
    height: 445px;
    background-size: 53% !important;
}
.circle-innerr ul li a {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    color:#fff;
}
h3.our_inds {
    padding-left: 140px;
}
div#wVXc9ES-1570793845798 {
    display: none !important;
    overflow: hidden;
    opacity: 0 !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

.foriremember {
    display: none
}

.iremembered .foriremember, .picture-pick .foriremember {
    display: block
}
.col-md-12.col-lg-12 p {
    text-align: center;
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: 700
}
section#contact {
    padding-bottom: 30px;
}
.col-sm-6.text-col.new_contact p {
    margin: 0 !important;
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.col-s12.col4.logo.padleft img {
    max-width: 270px;
    margin-top: 8px;
}
.col-s12.col4.logo.padleft.new-logo img {
    max-width: 150px;
    margin-top: 10px;
}
input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.true-vine-media .introduction2 {
    padding: 50px 0;
    display: inline-block
}

.true-vine-media .caption .col-sm-6.text-col {
    padding-top: 140px
}

.true-vine-media .introduction3 {
    background-size: 61% !important
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus, a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .featured_in {
        margin-top: 0px !important;
        padding: 0px !important;
    }

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

    .featured_in .slider {
        margin-top: 30px !important;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

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

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

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

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777
}

.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

@media (min-width: 768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
/*header.header {
    background: #171425;
}*/
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8px -15px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label, .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #080808
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb > .active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li > a:focus, .pager li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron .h1, .jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a > img, .thumbnail > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

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

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow:after {
    content: "";
    border-width: 10px
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

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

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .iremembered #introduction5:before, .picture-pick #introduction5:before{
        display:none;
    }
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.7.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-pp: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, .fa-resistance: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, .fa-battery: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"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

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

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

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

.fa-stop-circle:before {
    content: "\f28d"
}

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

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

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

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

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

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

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

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

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

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.slick-loading .slick-list {
    background: #fff url(https://www.tekrevol.com/assets/slick/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(https://www.tekrevol.com/assets/slick/fonts/slick.eot);
    src: url(https://www.tekrevol.com/assets/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.tekrevol.com/assets/slick/fonts/slick.woff) format("woff"), url(https://www.tekrevol.com/assets/slick/fonts/slick.ttf) format("truetype"), url(https://www.tekrevol.com/assets/slick/fonts/slick.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '→'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '→'
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

hr {
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    *, :after, :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .form-control, .navbar-toggle, .open > .btn-danger.dropdown-toggle, .open > .btn-default.dropdown-toggle, .open > .btn-info.dropdown-toggle, .open > .btn-success.dropdown-toggle, .open > .btn-warning.dropdown-toggle {
    background-image: none
}

.carousel-caption, .carousel-control {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.img-thumbnail, body {
    background-color: #fff
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot);
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before, .glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before, .glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #232323
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #4a9af8;
    text-decoration: none
}

a:focus, a:hover {
    color: #0972ec;
    text-decoration: underline
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 26px
}

.h4, h4 {
    font-size: 16px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

dt, kbd kbd, label {
    font-weight: 700
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism, .text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.heading-rotated, .nav-tabs-custom > li > a {
    text-transform: uppercase;
    font-size: 12px
}

.text-muted {
    color: #777
}

.text-primary {
    color: #4a9af8
}

a.text-primary:focus, a.text-primary:hover {
    color: #197ff6
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #4a9af8
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #197ff6
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

pre code, table {
    background-color: transparent
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

dl, ol, ul {
    margin-top: 0
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

address, dl {
    margin-bottom: 20px
}

ol, ul {
    margin-bottom: 10px
}

.list-inline {
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dd, dt {
    line-height: 1.42857
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .container {
        width: 750px
    }
}

.clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
    clear: both
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

legend, pre {
    color: #333
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

caption, th {
    text-align: left
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    font-style: normal;
    line-height: 1.42857
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    display: table;
    content: " "
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    border-radius: 0
}

.container, .container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.pre-scrollable {
    overflow-y: scroll
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1060px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

fieldset, legend {
    padding: 0;
    border: 0
}

fieldset {
    margin: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px
}

.checkbox label, .checkbox-inline, .radio label, .radio-inline {
    font-weight: 400;
    padding-left: 20px;
    cursor: pointer;
    margin-bottom: 0
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

.form-control, output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 8px
}

.form-control {
    width: 100%;
    height: 36px;
    padding: 7px 12px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6)
}

.form-control::-moz-placeholder {
    color: silver;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: silver
}

.form-control::-webkit-input-placeholder {
    color: silver
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 36px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 26px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label, .radio label {
    min-height: 20px
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.form-group-sm .form-control, .input-sm {
    padding: 3px 9px;
    border-radius: 3px;
    font-size: 12px
}

.input-sm {
    height: 26px;
    line-height: 1.5
}

select.input-sm {
    height: 26px;
    line-height: 26px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 26px;
    line-height: 1.5
}

.form-group-lg .form-control, .input-lg {
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 18px
}

.form-group-sm select.form-control {
    height: 26px;
    line-height: 26px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 26px;
    min-height: 32px;
    padding: 4px 9px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    line-height: 1.33333
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    line-height: 1.33333
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 45px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 26px;
    height: 26px;
    line-height: 26px
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #636363
}

.btn, .nav {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .form-inline .form-control-static, .form-inline .form-group {
        display: inline-block
    }

    .form-inline .control-label, .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 8px
    }
}

.btn-block, .nav-justified, .nav-tabs.nav-justified, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 28px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 4px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 7px 24px;
    line-height: 1.42857;
    border-radius: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

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

.btn-primary {
    color: #fff;
    background-color: #4a9af8;
    border-color: #318cf7
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #197ff6;
    border-color: #064ea3
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #197ff6;
    border-color: #096de3
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #096de3;
    border-color: #064ea3
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #4a9af8;
    border-color: #318cf7
}

.btn-primary .badge {
    color: #4a9af8;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #4a9af8;
    font-weight: 400;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #0972ec;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-lg {
    padding: 10px 32px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-sm, .btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 12px
}

.btn-sm {
    padding: 3px 18px
}

.btn-xs {
    padding: 1px 10px
}

.btn-block {
    display: block
}

.btn-block + .btn-block {
    margin-top: 5px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.nav {
    padding-left: 0;
    list-style: none
}

.nav:after, .nav:before {
    content: " ";
    display: table
}

.nav > li, .nav > li > a {
    display: block;
    position: relative
}

.nav > li > a {
    padding: 10px 12px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #4a9af8
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills > li {
    float: left
}

.nav-justified > li, .nav-stacked > li, .nav-tabs.nav-justified > li {
    float: none
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #4a9af8
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
    content: " ";
    display: table
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 7px -15px
}

@media (min-width: 768px) {
    .navbar-form .form-control-static, .navbar-form .form-group {
        display: inline-block
    }

    .navbar-form .control-label, .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label, .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 7px;
    margin-bottom: 7px
}

.navbar-btn.btn-sm {
    margin-top: 12px;
    margin-bottom: 12px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: transparent
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #4a9af8
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #4a9af8;
    border-color: #4a9af8
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #fff
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.carousel, .carousel-inner {
    position: relative
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.bg-polka, .inner-page {
    background-repeat: no-repeat
}

.carousel-control:focus, .carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #4a9af8
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.carousel-caption .btn, .text-hide {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

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

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

.porfolio-showcase {
    max-width: 1400px;
    margin: 0 auto
}

body::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
    background-color: #4a9af8
}

.scrollmagic-pin-spacer {
    pointer-events: none;
    z-index: 90 !important
}

body.no-mg {
    margin-top: 0
}

.mg-top {
    margin-top: 15px !important
}

.mg-top-double {
    margin-top: 30px !important
}

.mg-bot {
    margin-bottom: 15px !important
}

.mg-bot-double {
    margin-bottom: 30px !important
}

.alpha {
    padding-left: 0
}

.omega {
    padding-right: 0
}

.typed-cursor {
    color: #4a9af8
}

.paper-plane {
    position: absolute;
    left: 63%;
    top: 345px;
    margin: 0 0 0 -60px;
    z-index: 90;
    transform-origin: left bottom
}

.brand-border, .content-wrapper {
    position: relative
}

.paper-plane img {
    width: 100%
}

@media (min-width: 768px) {
    .paper-plane {
        left: 43%;
        top: 230px;
        margin: 0 0 0 -60px
    }

    .home-banner {
        text-align: center
    }
}

@media (min-width: 992px) {
    .paper-plane {
        left: 41%;
        top: 315px;
        margin: 0 0 0 -60px
    }
}

@media (min-width: 1200px) {
    .paper-plane {
        left: 60%;
        top: 345px;
        margin: 0 0 0 -60px
    }
}

.typed-area {
    min-height: 82px
}

.content-wrapper #home-4, .content-wrapper #home-5 .waves, .content-wrapper > .container {
    z-index: 9
}

.bg-polka {
    background-image: url(../images/bg.png);
    background-position: center 300px
}

.banner-area {
    margin-top: 50px
}

.banner-area-text h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 1px
}

.banner-area-text h3 {
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: -1px
}

.banner-area-text p {
    color: #939393;
    line-height: 1.8;
    margin-top: 30px
}

.banner-area-text p.small {
    font-size: 10px;
    color: #545454;
    margin-top: 10px
}

.banner-area-text.white, .banner-area-text.white h3, .banner-area-text.white p {
    color: #fff
}

.banner-area-text a.btn {
    margin-top: 20px
}

.tab-pane img {
    opacity: 0;
    transition: .5s all;
    transition-delay: .5s
}

.tab-pane.active img {
    opacity: 1
}

.bg-gray {
    background-color: #f6f6f6
}

.text-gray {
    color: #7d7d7d
}

.inner-page {
    background-image: url(../images/bg-build.jpg);
    background-position: center top;
    background-size: 1400px
}

.waves-bottom, .waves-top {
    background-repeat: repeat-x;
    background-size: auto
}

.waves-top {
    background-image: url(../images/waves-top-gray.png);
    background-position: top;
    padding-top: 200px
}

.waves-bottom {
    background-position: bottom;
    padding-bottom: 180px;
    background-image: url(../images/waves-bottom-gray.png)
}

.bg-smudge, .bg-smudge-flip, .full-image-container, .scroll-pointer {
    background-position: top center
}

.bg-smudge, .bg-smudge-flip, .full-image-container, .scroll-pointer, .scroll-pointer-invert {
    background-repeat: no-repeat
}

.bg-primary-darker {
    background-color: #3880d3;
    color: #fff
}

.full-image-container {
    background-image: url(../images/build/bg-full-width.jpg);
    background-size: 1487px;
    padding-top: 160px
}

@media (max-width: 767px) {
    .typed-area {
        min-height: 123px
    }

    .content-wrapper > .container {
        min-height: 440px
    }

    .full-image-container {
        background-size: 1679px
    }
}

.bg-smudge {
    background-image: url(../images/smudge-bg.png)
}

.bg-smudge-flip {
    background-image: url(../images/smudge-bg-flip.png)
}

.bg-smudge .text-gray, .bg-smudge-flip .text-gray {
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.8
}

.scroll-pointer {
    background-image: url(../images/scroll-pointer.png);
    padding-top: 70px
}

.scroll-pointer-invert {
    background-image: url(../images/build/scroll-pointer-invert.png);
    background-position: bottom center;
    padding-bottom: 70px
}

.brand-border {
    font-weight: 600;
    margin-top: 35px !important
}

.brand-border::before {
    content: " ";
    position: absolute;
    top: -18px;
    height: 2px;
    width: 52px;
    background: #4a9af8
}

.brand-border.center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.brand-border.left::before {
    left: 0
}

.brand-border.right::before {
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.brand-border.bottom::before {
    top: auto;
    bottom: -18px
}

.brand-border.white::before {
    background: #fff
}

.container-relative {
    position: relative
}

#cover {
    display: none
}

.home-banner {
    text-align: center;
    margin-bottom: 30px
}

.home-banner .brand-border.left:before {
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width: 992px) {
    #cover {
        display: block
    }

    .home-banner {
        position: absolute;
        text-align: left;
        height: 100%
    }

    .home-banner .brand-border.left:before {
        left: 0;
        transform: none
    }

    .home-banner #cover {
        display: block
    }
}

@media (min-width: 1200px) {
    .home-banner {
        margin-top: 30px
    }
}

.nav-tabs-custom {
    overflow: hidden;
    border-bottom: none;
    margin-bottom: 20px
}

.nav-tabs-custom > li {
    position: relative
}

.nav-tabs-custom > li > a {
    margin-right: 0;
    border-radius: 0;
    border: none;
    transition: .5s all;
    background-color: #5ca7ff;
    color: #fff;
    position: relative;
    margin-top: 10px;
    font-weight: 600;
    padding: 15px 25px
}

.nav-tabs-custom > li.active > a, .nav-tabs-custom > li.active > a:focus, .nav-tabs-custom > li.active > a:hover, .nav-tabs-custom > li > a:active, .nav-tabs-custom > li > a:focus, .nav-tabs-custom > li > a:hover {
    padding-top: 25px;
    margin-top: 0;
    background-color: #4a9af8;
    z-index: 9;
    box-shadow: 5px 8px 5px rgba(0, 0, 0, .2);
    border: none;
    color: #fff
}

.partners-list li, .process {
    padding-top: 20px;
    transition: .5s all
}

.process-list.service-1 .process, .process-list.service-2 .process, .process-list.service-3 .process, .process-list.service-4 .process {
    box-shadow: 0 20px 20px 2px rgba(29, 29, 29, .15)
}

.heading-rotated {
    position: absolute;
    top: 140px;
    left: 0;
    color: #888;
    z-index: 1;
    letter-spacing: 1px;
    font-weight: 600
}

.heading-rotated > div {
    position: relative;
    text-align: right;
    width: 210px
}

.heading-rotated > div::after, .process-list.service-1:before {
    content: " ";
    position: absolute
}

.heading-rotated > div::after {
    background-color: #888;
    height: 1px;
    top: 7px;
    right: -85px;
    width: 75px
}

.heading-rotated.white > div::after, .process {
    background-color: #fff
}

.heading-rotated.white {
    color: #fff
}

.heading-rotated.left {
    transform: rotate(270deg);
    padding-right: 85px;
    left: -140px
}

.heading-rotated.right {
    transform: rotate(270deg);
    padding-right: 85px;
    left: auto;
    right: -140px
}

@media (max-width: 767px) {
    .heading-rotated {
        font-size: 10px;
        display: none
    }
}

.breath-area-double-top {
    margin-top: 80px
}

.breath-area {
    margin-top: 40px;
    margin-bottom: 40px
}

.breath-area-half {
    margin-top: 20px;
    margin-bottom: 20px
}

.main-heading {
    margin-bottom: 25px;
    letter-spacing: -1px;
    line-height: 1.6
}

.main-heading-text {
    line-height: 1.8;
    margin-bottom: 30px
}

.main-heading-text.text-gray {
    color: #888;
    font-size: 14px
}

.line-1-8 {
    line-height: 1.8 !important
}

.partners-list li {
    padding-bottom: 20px;
    margin-bottom: 40px
}

.process {
    margin-bottom: 30px;
    border-radius: 8px
}

.process p {
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 20px
}

.process h4 {
    margin-bottom: 15px;
    margin-top: 20px;
    text-transform: uppercase
}

.process h4 a {
    color: inherit
}

.process h4 a:hover {
    color: inherit;
    text-decoration: none
}

.process h4 i.glyphicon {
    font-size: 11px;
    line-height: 14px;
    vertical-align: top;
    margin-left: 4px
}

.process-list {
    position: relative
}

.process-list.service-1:before {
    z-index: 5;
    top: -64px;
    width: 131px;
    height: 124px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/services-pointer-1.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 46px;
    border-radius: 0
}

.process-list.service-2:before, .process-list.service-3:before {
    -webkit-transform: translateX(-50%);
    z-index: 5;
    position: absolute;
    top: -64px;
    width: 131px;
    height: 124px;
    padding-top: 46px;
    border-radius: 0;
    content: " ";
    left: 50%;
    background-position: top center;
    background-repeat: no-repeat
}

.process-list.service-2:before {
    transform: translateX(-50%);
    background-image: url(../images/services-pointer-2.png)
}

.process-list.service-3:before {
    transform: translateX(-50%);
    background-image: url(../images/services-pointer-3.png)
}

.process-list.service-4:before {
    z-index: 5;
    content: " ";
    position: absolute;
    top: -64px;
    width: 131px;
    height: 124px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/services-pointer-4.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 46px;
    border-radius: 0
}

.process .process-description {
    transition: .5s all;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../images/list-stylesm.png);
    background-repeat: no-repeat;
    background-position: top center;
    color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #d2e9f7;
    position: relative
}

.process .process-description h4 {
    line-height: 1.4
}

.process .process-description ul {
    margin-top: 16px
}

.process .process-description ul li {
    font-size: 12px;
    margin: 9px 0
}

.process .process-description ul li i.glyphicon {
    font-size: 8px;
    vertical-align: top;
    line-height: 12px;
    margin-right: 8px
}

.process .process-description ul li a {
    color: inherit;
    transition: .5s all
}

.process .process-description ul li a:focus, .process .process-description ul li a:hover {
    border-left: 1px solid #fff;
    color: inherit;
    padding-left: 10px;
    text-decoration: none
}

.process .process-description .btn-white {
    transition: .7s all;
    padding: 2px 18px;
    margin-bottom: -15px;
    opacity: 0;
    -webkit-box-shadow: 0 13px 42px 5px rgba(173, 171, 171, .5);
    -moz-box-shadow: 0 13px 42px 5px rgba(173, 171, 171, .5);
    box-shadow: 0 13px 42px 5px rgba(173, 171, 171, .5)
}

.process:hover {
    -webkit-box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    -moz-box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13)
}

.process:hover .process-description {
    background-color: #4a9af8
}

.process:hover .btn-white {
    opacity: 1
}

.process:hover .btn-white:hover {
    background-color: #fff;
    color: #4a9af8;
    border-color: #fff
}

@media (max-width: 767px) {
    .process {
        padding-left: 30px;
        padding-right: 30px
    }
}

.brand-carousel {
    position: relative
}

.brand-carousel::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/scroll-pointer.png);
    width: 296px;
    height: 63px
}

.brand-carousel .carousel-text {
    position: absolute;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    overflow: hidden
}

.brand-carousel .carousel-indicators {
    position: absolute;
    bottom: auto;
    left: auto;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    width: 12px;
    margin-left: 0
}

.brand-carousel .carousel-indicators li {
    margin: 5px 0;
    display: block;
    background-color: #bcbcbc
}

.brand-carousel .carousel-indicators .active {
    width: 10px;
    margin: 5px 0;
    height: 10px;
    background-color: #4a9af8;
    border-color: #4a9af8
}

.scaled-area-item {
    border-radius: 12px;
    transition: .5s all
}

.scaled-area-item.active {
    -webkit-box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    -moz-box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    background-color: #fff;
    z-index: 9
}

@media (max-width: 768px) {
    .scaled-area-item {
        margin-top: 10px
    }
}

.scaled-area-horizontal .scaled-area-item {
    background-color: #fcfcfc;
    color: #4a9af8;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 40px
}

.scaled-area-horizontal .scaled-area-item h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.scaled-area-horizontal .scaled-area-item p {
    padding: 7px 22px;
    color: #939393;
    font-size: 12px;
    line-height: 1.8
}

.scaled-area-horizontal .scaled-area-item.active, .scaled-area-horizontal .scaled-area-item:hover {
    -webkit-box-shadow: 0 0 69px 1px rgba(177, 177, 177, .14);
    -moz-box-shadow: 0 0 69px 1px rgba(177, 177, 177, .14);
    box-shadow: 0 0 69px 1px rgba(177, 177, 177, .14);
    background-color: #fff;
    z-index: 9
}

@media (min-width: 768px) {
    .scaled-area-horizontal .scaled-area-item.active, .scaled-area-horizontal .scaled-area-item:hover {
        transform: scale(1.1)
    }

    .text-center .interactive:focus:before {
        top: 30px
    }
}

.text-white {
    color: #fff
}

.scaled-area-vertical .scaled-area-item {
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px
}

.scaled-area-vertical .scaled-area-item h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.scaled-area-vertical .scaled-area-item p {
    color: #939393;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.6
}

.scaled-area-vertical .scaled-area-item:focus, .scaled-area-vertical .scaled-area-item:hover {
    -webkit-box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    -moz-box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    box-shadow: 0 0 40px 0 rgba(132, 131, 131, .13);
    z-index: 9;
    background-color: #fff
}

.contact-form p {
    font-size: 18px;
    line-height: 2.6;
    color: #6c6c6c
}

.interactive, .interactive:before {
    color: #4a9af8;
    display: inline-block
}

.contact-form .interactive.name-input:before {
    content: 'Jhon Doe'
}

.contact-form .interactive.business-input:before {
    content: 'business name, type, etc.'
}

.contact-form .interactive.contact-input:before {
    content: 'email@example.com'
}

.map-list li:after, .map-list li:before {
    content: ''
}

.icon-list li {
    margin: 0 0 15px
}

.icon-list span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.text-center .contact-form p {
    font-size: 20px
}

.text-center .contact-form .interactive:before {
    left: auto;
    transform: translateX(0)
}

.interactive {
    position: relative;
    text-align: left;
    min-width: 110px;
    outline: 0;
    border-bottom: #4a9af8 1px solid;
    line-height: 1.4;
    min-height: 22px
}

.interactive:before {
    transition: all .4s cubic-bezier(.52, 0, .08, 1) 0;
    position: absolute;
    opacity: 0;
    width: 200px;
    top: 15px;
    font-size: 11px
}

.interactive:before.underline {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.interactive .options {
    transition: all .25s cubic-bezier(.52, 0, .08, 1) 0;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    width: 300px;
    max-height: 0;
    top: 5px;
    left: -15px;
    z-index: 9;
    background-color: transparent;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0);
    user-select: none
}

.interactive .options .option {
    display: block;
    padding: 3px 0 0 15px
}

.interactive .options .option.button {
    width: 100%;
    border: none;
    background-color: transparent;
    text-transform: capitalize;
    font-size: 18px;
    color: #fff
}

.interactive:active:before, .interactive:focus:before {
    opacity: 1;
    top: 25px
}

.interactive:active .options, .interactive:focus .options {
    top: -95px;
    background-color: #4a9af8;
    max-height: 330px;
    color: #fff
}

.interactive:active .options .option, .interactive:focus .options .option {
    padding: 3px 0 0 15px
}

.interactive:active .options .option.selected, .interactive:focus .options .option.selected {
    background-color: #197ff6
}

.interactive:active .options .option:hover, .interactive:focus .options .option:hover {
    cursor: pointer;
    background-color: #fff;
    color: #333
}

.interactive.center .options {
    left: 50%;
    margin-left: -150px
}

.interactive.center .options .option {
    padding: 3px 0 0
}

.bd-bottom {
    border-bottom: 1px solid #dedede
}

.bd-right {
    border-right: 1px solid #dedede
}

.bd-top {
    border-top: 1px solid #dedede
}

.bd-left {
    border-left: 1px solid #dedede
}

.form-inner-pages {
    font-size: 12px
}

.form-inner-pages .control-wrapper {
    margin-top: 5px;
    position: relative
}

.form-inner-pages span {
    position: absolute;
    left: 6px;
    top: 10px
}

.form-inner-pages label {
    display: none
}

.form-inner-pages .form-input {
    padding: 20px 48px 30px;
    outline: 0;
    border: none;
    max-height: 210px;
    width: 100%
}

.form-inner-pages a.btn {
    margin-top: 20px
}

.mini-carousel .item, .strategy {
    margin-top: 40px
}

.strategy-description p {
    line-height: 2;
    margin-bottom: 30px
}

.strategy-description p.emphasized-text {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 40px;
    line-height: 1.8
}

@media (max-width: 767px) {
    .strategy-description p.emphasized-text {
        font-size: 18px;
        line-height: 1.6
    }
}

.quote-area {
    text-align: center;
    background-image: url(../images/common/quote-area.png);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 442px;
    padding-top: 50px;
    padding-bottom: 50px
}

.quote-area .main-heading {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px
}

.quote-area blockquote {
    font-size: 29px;
    font-style: italic;
    line-height: 1.53;
    letter-spacing: -1px;
    font-family: "Source Serif Pro", sans-serif;
    padding: 30px 0;
    border: none;
    margin-bottom: 0
}

.quote-area .quote-cite {
    font-size: 12px;
    color: #939393;
    line-height: 1.8
}

.quote-area .quote-cite b, .quote-area .quote-cite strong {
    color: #747474;
    font-weight: 600
}

.about-us .full-image-container .container {
    padding-bottom: 110px
}

.about-us .full-image-container h4 {
    margin-bottom: 40px
}

.about-us .full-image-container h3 {
    margin-bottom: 30px;
    letter-spacing: -1px;
    line-height: 1.6
}

.mini-carousel .item ul {
    margin-bottom: 20px
}

.mini-carousel .item ul li {
    vertical-align: top
}

.mini-carousel .item ul li img {
    width: 50px
}

.mini-carousel .item .testimonial-name {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #8e8e8e;
    margin-top: 8px;
    margin-bottom: 5px
}

.mini-carousel .item .testimonial-position {
    font-size: 10px;
    font-weight: 500;
    color: #333
}

.mini-carousel .item .testimonial-description {
    font-size: 10px;
    color: #8e8e8e;
    line-height: 2
}

.mini-carousel .carousel-indicators {
    text-align: left;
    position: absolute;
    bottom: auto;
    left: 3px;
    top: 0;
    z-index: 15;
    width: 100%;
    margin-left: 0
}

.mini-carousel .carousel-indicators li {
    margin: 5px 2px;
    background-color: #e7e7e7;
    border-color: #e7e7e7
}

.mini-carousel .carousel-indicators .active {
    width: 10px;
    margin: 5px 2px;
    height: 10px;
    background-color: #4a9af8;
    border-color: #4a9af8
}

.design-area-heading {
    margin-bottom: 80px
}

.design-area-item img {
    margin-bottom: 15px
}

.design-area-item h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.design-area-item p {
    color: #939393;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.6
}

.small-heading {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600
}

.map-list {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/map.png);
    background-size: 100%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    padding-top: 43%;
    list-style: none
}

.map-list li {
    position: absolute;
    padding: 0;
    transform: translateZ(0)
}

.map-list li:after {
    position: absolute;
    bottom: 0;
    left: -1.5em;
    display: block;
    width: 14px;
    height: 14px;
    background: #4a9af8;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer
}

.map-list li:before {
    position: absolute;
    bottom: -2px;
    left: -23px;
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #4a9af8;
    border-radius: 50%;
    animation: ripple-animation 2s infinite ease-in-out
}

.map-list li .details {
    padding: 0;
    margin-bottom: 1rem;
    transform: scale(0);
    font-size: 75%;
    background: #fff;
    opacity: 0;
    transition: opacity .5s, transform .4s cubic-bezier(.6, -.3, .3, 1.3);
    position: absolute;
    bottom: 18px;
    left: 100%;
    transform-origin: 0 100%;
    white-space: nowrap;
    margin-right: -22px
}

.map-list li .details:after {
    position: absolute;
    right: 23px;
    bottom: -10px;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.bg-wrap, .bg-wrap > img {
    bottom: 0;
    left: 0;
    width: 100%
}

.map-list li .details .event-head {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 15px 40px 13px;
    text-transform: uppercase
}

.map-list li .details .event-head h2 {
    color: #fff;
    font-size: 20px
}

.map-list li .details .event-head p {
    font-size: .9rem
}

.map-list li .details .event-content {
    color: #6b6b6b;
    padding: 15px 45px 8px 25px;
    text-align: left
}

.map-list li .details .event-content p {
    font-size: 1rem;
    margin-bottom: 15px
}

.contact-us-form > .row, .form_status h3 {
    margin-bottom: 30px
}

.map-list li .details .event-content a {
    color: #6b6b6b
}

.map-list li .details .event-content a:hover {
    text-decoration: underline
}

.map-list li .details .event-content i.fa {
    margin-right: 10px;
    color: #4a9af8;
    height: 18px;
    float: left;
    margin-top: 4px
}

.map-list li.active .details, .map-list li:hover .details {
    transform: scale(1);
    opacity: 1;
    display: block
}

@media (min-width: 1200px) {
    .map-list li.office-east {
        top: 33%;
        left: 15.5%
    }

    .map-list li.office-west {
        top: 26%;
        left: 20%
    }
}

@keyframes ripple-animation {
    0% {
        transform: scale(0);
        opacity: 1
    }
    100% {
        transform: scale(1.8);
        opacity: 0
    }
}

.form_status {
    position: fixed;
    top: 0;
    z-index: 9999999;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .88);
    padding-top: 150px;
    color: #4a9af8
}

.form_status h3 {
    color: #4a9af8;
    line-height: 44px;
    letter-spacing: -1px
}

.form_status h3 span {
    color: #111
}

.form-group {
    position: relative;
    margin-top: 20px
}

.form-group input, .form-group select, .form-group textarea {
    box-shadow: none;
    outline: 0;
    border-bottom: 1px solid #ccc
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    box-shadow: none;
    border-bottom: 1px solid #000
}

.form-group input:focus ~ label, .form-group input:valid ~ label, .form-group select:focus ~ label, .form-group select:valid ~ label, .form-group textarea:focus ~ label, .form-group textarea:valid ~ label {
    top: -20px;
    font-size: 10px;
    color: #939393
}

.form-group label {
    position: absolute;
    top: 6px;
    left: 6px;
    font-weight: 400;
    transition: .5s all
}

.contact-info {
    color: #525252;
    margin-top: 75px;
    margin-bottom: 75px
}

.contact-info h5 {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px
}

.contact-info h6 {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.contact-info a, .contact-info p {
    color: #939393;
    font-size: 12px;
    margin-bottom: 30px
}

.btn {
    font-weight: 500;
    font-size: 12px;
    transition: .3s all;
    border: 2px solid #4a9af8
}

.btn.with-shadow {
    -webkit-box-shadow: 0 18px 38px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 18px 38px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 18px 38px 0 rgba(0, 0, 0, .1)
}

.btn .icon-circle {
    background-color: #fff;
    border-radius: 50%;
    padding: 6px;
    margin: -3px 4px -4px -8px
}

.btn.btn-xs .icon-circle {
    padding: 3px;
    margin: 1px 3px -3px -2px
}

.btn.btn-sm .icon-circle {
    padding: 5px;
    margin: -2px 4px -2px -7px
}

.btn.btn-lg .icon-circle {
    padding: 10px;
    margin: -6px 6px -6px -10px
}

.btn.btn-white {
    color: #4a9af8;
    background-color: #fff;
    border-color: #fff;
    font-weight: 600
}

.btn.btn-white.focus, .btn.btn-white:focus {
    color: #4a9af8;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn.btn-white.active, .btn.btn-white:active, .btn.btn-white:hover, .open > .btn.btn-white.dropdown-toggle {
    color: #4a9af8;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

.btn.btn-white.active.focus, .btn.btn-white.active:focus, .btn.btn-white.active:hover, .btn.btn-white:active.focus, .btn.btn-white:active:focus, .btn.btn-white:active:hover, .open > .btn.btn-white.dropdown-toggle.focus, .open > .btn.btn-white.dropdown-toggle:focus, .open > .btn.btn-white.dropdown-toggle:hover {
    color: #4a9af8;
    background-color: #d4d4d4;
    border-color: #bfbfbf
}

.btn.btn-white.active, .btn.btn-white:active, .open > .btn.btn-white.dropdown-toggle {
    background-image: none
}

.btn.btn-white.disabled.focus, .btn.btn-white.disabled:focus, .btn.btn-white.disabled:hover, .btn.btn-white[disabled].focus, .btn.btn-white[disabled]:focus, .btn.btn-white[disabled]:hover, fieldset[disabled] .btn.btn-white.focus, fieldset[disabled] .btn.btn-white:focus, fieldset[disabled] .btn.btn-white:hover {
    background-color: #fff;
    border-color: #fff
}

.btn.btn-white .badge, .btn.btn-white .icon-circle {
    background-color: #4a9af8;
    color: #fff
}

.navbar-arturo {
    background: #fff;
    border-bottom: none
}

.navbar-arturo .navbar-nav > li > a {
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    transition: .3s all
}

.navbar-arturo .navbar-nav > li > a:hover {
    background-color: #4a9af8;
    color: #fff
}

.navbar-arturo .header-cta {
    margin-right: 15px
}

.navbar-arturo .header-cta:active, .navbar-arturo .header-cta:focus, .navbar-arturo .header-cta:hover {
    background-color: #fff;
    color: #4a9af8;
    border: 2px solid #4a9af8;
    outline: 0
}

@media (max-width: 767px) {
    .navbar-arturo .navbar-nav {
        background-color: #fff
    }

    .navbar-arturo .navbar-nav.navbar-right {
        padding: 0 15px
    }

    .navbar-arturo .navbar-nav .header-cta {
        display: block;
        width: 100%
    }

    .navbar-arturo .navbar-nav > li > a {
        color: #000
    }

    .navbar-arturo .navbar-nav > li > a:hover {
        background-color: #4a9af8;
        color: #fff
    }
}

@media (min-width: 767px) {
    .navbar-arturo.navbar-inverse {
        background: 0 0
    }

    .navbar-arturo.navbar-inverse .navbar-brand {
        fill: #fff
    }

    .navbar-arturo.navbar-inverse .header-cta {
        background-color: #fff;
        border: 2px solid #fff;
        color: #4a9af8
    }

    .navbar-arturo.navbar-inverse .header-cta:hover {
        background: #4a9af8;
        color: #fff;
        border: 2px solid #fff
    }

    .navbar-arturo.navbar-inverse .navbar-nav > li > a {
        color: #fff
    }

    .navbar-arturo.navbar-inverse .navbar-nav > li > a:hover {
        background-color: #fff;
        color: #4a9af8
    }

    .navbar-arturo .header-cta {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-arturo .navbar-nav > li > a {
        padding-top: 20px
    }
}

.dropdown-services {
    background: #2f6ab0;
    background: -moz-linear-gradient(-45deg, #2f6ab0 0, #4188da 100%);
    background: -webkit-linear-gradient(-45deg, #2f6ab0 0, #4188da 100%);
    background: linear-gradient(135deg, #2f6ab0 0, #4188da 100%);
    top: 50px;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    color: #fff;
    display: none
}

.dropdown-services #close-menu {
    position: absolute;
    top: -20px;
    right: 20px;
    font-size: 20px
}

.dropdown-services #close-menu:active, .dropdown-services #close-menu:focus, .dropdown-services #close-menu:hover {
    cursor: pointer
}

.dropdown-services > .container {
    position: relative
}

.dropdown-services h3 {
    font-weight: 300;
    position: relative;
    font-size: 22px;
    margin-top: 35px !important;
    color: #fff;
    margin-bottom: 20px
}

.dropdown-services h3::before {
    content: " ";
    position: absolute;
    top: -18px;
    height: 2px;
    width: 52px;
    left: 0;
    background: #fff
}

.dropdown-services h5 {
    font-weight: 500
}

.dropdown-services ul {
    font-size: 12px
}

.dropdown-services ul i.glyphicon {
    font-size: 8px;
    vertical-align: top;
    line-height: 12px;
    margin-right: 8px
}

.dropdown-services a {
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    transition: .5s all;
    text-decoration: none
}

.dropdown-services a:hover {
    border-left: 1px solid #fff;
    color: #fff;
    padding-left: 10px;
    text-decoration: none
}

@media (max-width: 767px) {
    .dropdown-services {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
        height: 100%;
        overflow-y: scroll
    }

    .dropdown-services h3::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .dropdown-services ul {
        display: none
    }
}

@media (min-width: 1200px) {
    .dropdown-services {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

#cover {
    opacity: 0
}

.page-home .content-wrapper {
    overflow: hidden;
    position: relative;
    z-index: 8;
    margin: 0 auto
}

.page-home section {
    position: relative;
    z-index: 8
}

.page-home section#home-6 {
    position: relative;
    overflow: hidden;
    z-index: 3;
    min-height: 600px
}

.testimonial-grid > [class^=col-5th] {
    float: left;
    width: 20%;
    position: relative;
    z-index: 1;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.testimonial-grid > li {
    border: 1px solid #e9e9e9;
    color: #ababab;
    transition: .5s all;
    position: relative;
    z-index: 2;
    height: 470px
}

@media (min-width: 992px) {
    .testimonial-grid > li {
        height: 400px
    }
}

.testimonial-grid > li .testimonial-quote-area {
    height: 255px
}

.testimonial-grid > li .testimonial-quote-area::after {
    position: absolute;
    transition: .5s all;
    content: "“";
    width: 50px;
    left: 0;
    font-size: 50px;
    margin: 0 auto;
    top: 0;
    right: 0;
    opacity: 0
}

.testimonial-grid > li .testimonial-quote {
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    font-family: 'Source Serif Pro';
    transition: .5s all;
    margin-bottom: 65px;
    font-style: italic
}

.testimonial-grid > li .name {
    font-size: 16px;
    transition: .5s all
}

.testimonial-grid > li .position {
    font-size: 10px;
    padding-bottom: 30px;
    transition: .5s all;
    font-style: italic
}

.testimonial-grid > li .name-area {
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
    transition: .5s all
}

.testimonial-grid > li img {
    height: 0;
    transition: .5s all;
    opacity: 0;
    margin-bottom: 20px
}

.testimonial-grid > li.active, .testimonial-grid > li:hover {
    background-color: #fff;
    border-top: 1px solid #4a9af8;
    z-index: 5;
    box-shadow: 0 20px 29px 5px rgba(234, 233, 233, .62)
}

.testimonial-grid > li.active .name-area, .testimonial-grid > li:hover .name-area {
    padding-top: 15px
}

.testimonial-grid > li.active .testimonial-quote-area, .testimonial-grid > li:hover .testimonial-quote-area {
    height: 230px
}

.testimonial-grid > li.active .testimonial-quote, .testimonial-grid > li:hover .testimonial-quote {
    color: #282828;
    position: relative;
    padding-top: 50px;
    margin-bottom: 25px
}

.testimonial-grid > li.active .testimonial-quote::after, .testimonial-grid > li:hover .testimonial-quote::after {
    position: absolute;
    transition: .5s all;
    content: "“";
    width: 50px;
    left: 0;
    font-size: 50px;
    margin: 0 auto;
    top: 0;
    right: 0;
    opacity: 1
}

.testimonial-grid > li.active .name, .testimonial-grid > li:hover .name {
    font-size: 16px;
    color: #232323
}

.testimonial-grid > li.active img, .testimonial-grid > li:hover img {
    height: auto;
    opacity: 1;
    margin-bottom: 15px
}

.testimonial-grid > li.active .position, .testimonial-grid > li:hover .position {
    font-size: 10px;
    color: #8e8e8e;
    padding-bottom: 30px
}

@media (min-width: 767px) and (max-width: 991px) {
    .testimonial-grid > [class^=col-5th] {
        width: 33.33%
    }

    .testimonial-grid > [class^=col-5th]:nth-last-child(-n+2) {
        display: none
    }
}

@media (max-width: 767px) {
    .testimonial-grid > [class^=col-5th] {
        width: 50%
    }

    .testimonial-grid > [class^=col-5th]:nth-first-child(-n+2), .testimonial-grid > [class^=col-5th]:nth-last-child(-n+1) {
        display: none
    }
}

@media (min-width: 768px) {
    .testimonial-grid > li.active, .testimonial-grid > li:hover {
        transform: scale(1.1)
    }
}

.portfolio-case figcaption {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #fff;
    transition: .5s opacity;
    padding: 20px;
    z-index: 11
}

.bg-wrap > img, .mac-area, .mac-gif {
    display: block
}

.portfolio-case figcaption h5 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -1px
}

.portfolio-case figcaption p {
    font-size: 10px;
    color: #545454;
    letter-spacing: 1px;
    text-transform: uppercase
}

.portfolio-case a {
    display: block;
    color: #000;
    position: relative
}

.portfolio-case a:hover figcaption, .portfolio-case a:hover figcaption h5, .portfolio-case a:hover figcaption p {
    opacity: 1
}

.android-app-area {
    margin-top: 15px
}

.android-app-area h4, .game-features h5 {
    margin-top: 0;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 1.6
}

.android-app-area h4 {
    font-size: 16px
}

.android-app-area p {
    color: #939393;
    font-size: 12px;
    line-height: 1.6
}

.mac-area-clip-inner {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mac-area-clip {
    padding: 25% 0;
    position: relative
}

.mac-area {
    left: 50%;
    max-width: 800px;
    max-height: 866px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    width: 80%
}

.responsive-mac-wrap {
    padding-top: 94%;
    position: relative
}

.bg-wrap, .bg-wrap > img, .mac-reveal {
    position: absolute
}

.responsive-mac-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bg-wrap {
    height: 100%;
    overflow: hidden
}

.mac-reveal {
    height: 46.02922%;
    left: 15.9%;
    top: 25.35%;
    width: 68.89963%
}

.mac-gif, .mac-reveal-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.mac-reveal-wrap {
    height: 100%;
    overflow: hidden
}

.game-features {
    margin-bottom: 40px
}

.game-features h5 {
    font-size: 16px
}

.game-features p {
    color: #939393;
    font-size: 12px;
    line-height: 1.6
}

@media (min-width: 768px) {
    .interactive:focus:before {
        top: 26px
    }

    .vertical-align {
        display: flex;
        flex-direction: row
    }

    .vertical-align > [class*=" col-"], .vertical-align > [class^=col-] {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .vertical-align > [class*=" col-"] > div, .vertical-align > [class^=col-] > div {
        flex-grow: 1
    }

    .bd-right-min-breakpoint {
        border-right: 1px solid #dedede
    }
}

@media (min-width: 992px) {
    .interactive:focus:before {
        top: 28px
    }

    .interactive:focus .options {
        top: -115px
    }
}

@media (max-width: 767px) {
    .mg-bot-xs {
        margin-bottom: 15px !important
    }

    .mg-bot-double-xs {
        margin-bottom: 30px !important
    }

    .alpha-xs {
        padding-left: 0
    }

    .omega-xs {
        padding-right: 0
    }

    .center-xs {
        text-align: center
    }

    .contact-form p {
        line-height: 2;
        font-size: 16px
    }

    .text-center .contact-form p {
        font-size: 16px
    }

    .quote-area blockquote {
        font-size: 24px
    }

    .bd-bottom-xs {
        border-bottom: 1px solid #dedede
    }
}

.inner-page .first-fold {
    min-height: 580px
}

@media (max-width: 1199px) {
    .inner-page {
        background-size: 1200px
    }

    .inner-page .first-fold {
        min-height: 520px
    }
}

@media (max-width: 991px) {
    .inner-page {
        background-size: 1100px
    }

    .inner-page .first-fold {
        min-height: 480px
    }
}

.slick-loading .slick-list {
    background: #fff url(https://www.tekrevol.com/assets/slick/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(https://www.tekrevol.com/assets/slick/fonts/slick.eot);
    src: url(https://www.tekrevol.com/assets/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.tekrevol.com/assets/slick/fonts/slick.woff) format("woff"), url(https://www.tekrevol.com/assets/slick/fonts/slick.ttf) format("truetype"), url(https://www.tekrevol.com/assets/slick/fonts/slick.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '→'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '→'
}

.slick-dots {
    list-style: none
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

@media (max-width: 992px) {
    .wrapper {
        width: 100%
    }
}

.panel-heading {
    padding: 0;
    border: 0
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #fff;
    font-family: Gilroy-SemiBold;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    border: 0 !important
}

.game-development .the-centaur .panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all .5s;
    background: url(../images/arrow-top.svg) no-repeat !important;
    width: 20px;
    height: auto;
    padding: 10px;
    position: absolute;
    right: 30px;
    font-size: 0
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0 !important;
    color: #fff;
    padding-left: 60px
}

.panel-group .panel + .panel {
    margin-top: 5px;
    background: 0 0 !important;
    border: 0;
    box-shadow: none
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: transparent;
    border: 0 !important
}

.panel-body {
    font-size: 12px;
    font-family: Gilroy-Regular
}

.collapse.in {
    display: block;
    color: #fff;
    font-size: 12px;
    font-family: Gilroy-Regular
}

.panel-default {
    border-color: #ddd;
    border: 0;
    background: 0 0 !important;
    box-shadow: none
}

h2 {
    color: #fff;
    font-size: 32px;
    font-family: Gilroy-Regular;
    position: relative;
    margin-top: 30px;
    padding-left: 0
}

h2:before {
    position: absolute;
    width: 10%;
    height: 100%;
    padding: 75px;
    content: "";
    border-top: 1px solid #ccc;
    right: 25%;
    top: 0;
    margin-top: 20px
}

.panel-heading a:after {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30%;
    padding: 10px;
    border-top: 1px solid #ccc;
    top: 0;
    content: "";
    margin-top: 35px;
    margin-left: -30px
}

.panel-heading a {
    position: relative
}

.black-box {
    color: #fff;
    background: #282526;
    padding: 50px 0 0;
    margin-top: -50px;
    padding-top: 100px;
    z-index: 99999
}

.blk-box-inner {
    background: #fff;
    color: #000;
    margin-bottom: 30px
}

.app-title {
    font-size: 17px;
    color: #282526;
    line-height: 26px;
    padding-bottom: 10px;
    font-weight: 600
}

.app-title h3 {
    font-size: 17px;
    color: #282526;
    line-height: 26px;
    padding-bottom: 10px;
    font-weight: 600;
    margin: 0
}

.blk-box-inner:hover .app-title h3 {
    color: #fff
}

.blk-box-inner p {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #061327;
    line-height: 22px
}

.blk-box-inner a {
    color: #ee3824;
    font-family: Gilroy-Bold;
    text-transform: uppercase;
    float: right
}

.blk-box-inner > img {
    float: left;
    padding-right: 7px
}

.title-small {
    font-family: Gilroy-Medium;
    font-size: 12px;
    text-transform: lowercase;
    letter-spacing: 2px;
    font-weight: 300;
    position: relative;
    padding-left: 40px
}

.title-small:before {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30%;
    padding: 30px;
    border-top: 2px solid #ee3824;
    top: 0;
    content: "";
    margin-top: -8px;
    margin-left: -10px
}

.box-black-inner2 p.caps2 {
    font-family: Gilroy-Light;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 30px
}

.box-black-inner2 p {
    line-height: 22px;
    font-family: Gilroy-Light;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300 !important
}

.box-black-inner2 a.btn3 {
    color: #fff;
    padding-left: 55px;
    margin-top: 30px
}

.brands {
    background: #f0f0f0;
    position: relative;
    margin-top: -60px;
    padding: 70px 0;
    z-index: 9999
}

.black-box .col-md-6 .col-md-6:nth-child(3) .blk-box-inner, .black-box .col-md-6 .col-md-6:nth-child(4) .blk-box-inner {
    margin-bottom: 0
}

.black-box .col-md-6 .col-md-6 {
    z-index: 999999999
}

.brands h3 {
    font-size: 32px;
    color: #282526;
    font-family: Gilroy-Medium;
    padding-top: 50px
}

div.brands img {
    width: auto;
    padding: 10px 2.5%
}

div.brands .container {
    position: relative
}

div.brands .container:before {
    background-position: top right;
    content: "";
    width: 9px;
    height: 209%;
    padding: 109px;
    position: absolute;
    right: 0;
    margin-top: -90px;
    top: 0
}

section.technology .container {
    position: relative
}

section.technology .container:before {
    background-position: top right;
    content: "";
    width: 9px;
    height: 209%;
    padding: 109px 10px;
    position: absolute;
    left: 0;
    margin-top: -90px;
    top: 0
}

section.technology .container h3 {
    color: #282526;
    margin-bottom: 20px;
    margin-top: 90px
}

section.technology .container img {
    padding-top: 60px
}

.red-section {
    background: #ef5123;
    padding: 180px;
    margin-top: -327px
}

.clients-slider {
    background: #f7f7f7;
    padding: 90px 0
}

.clients-slider .container {
    position: relative
}

.clients-slider .container:before {
    background-position: top right;
    content: "";
    width: 9px;
    height: 209%;
    padding: 109px 10px;
    position: absolute;
    left: 0;
    margin-top: -90px;
    top: 0
}

.testimonial-author img {
    float: left
}

.clients-slider button.slick-next.slick-arrow {
    background: url(../images/arrow-right.jpg) no-repeat;
    width: 116px;
    height: 30px;
    position: absolute;
    right: 10px;
    left: auto;
    top: 50%;
    padding: 10px
}

.clients-slider button.slick-prev.slick-arrow {
    background: url(../images/arrow-right.jpg) no-repeat;
    width: 116px;
    height: 30px;
    position: absolute;
    left: 10px;
    right: auto;
    top: 50%;
    padding: 10px
}

.clients-slider button.slick-arrow:before {
    content: none !important
}

.quotebg {
    background: url(../images/quote-red.jpg) no-repeat;
    position: absolute;
    padding: 10px;
    width: 59px;
    height: 41px;
    right: 20px;
    top: 25px
}

.col-sm-6.testimonial-slider {
    position: initial !important
}

.col-sm-6.testimonial-slider p {
    font-size: 32px;
    font-family: Gilroy-Medium;
    color: #282526
}

.col-sm-6.testimonial-slider h1 {
    font-size: 42px;
    font-family: Gilroy-Bold;
    color: #282526;
    padding-top: 20px
}

.testimonial-author {
    color: #282526;
    font-family: Gilroy-SemiBold;
    font-size: 12px;
    padding-top: 20px
}

.testimonial-author span {
    color: #ee3824;
    font-family: Gilroy-Bold;
    font-size: 20px;
    padding-top: 18px;
    display: inline-block
}

.testimonial-author img {
    padding-right: 10px
}

footer.footer h3 {
    margin-bottom: 30px;
    color: #282526;
    font-family: Gilroy-Medium;
    font-size: 22px
}

footer.footer .widget_title {
    margin-bottom: 30px;
    color: #282526;
    font-family: Gilroy-Medium;
    font-size: 21px;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: capitalize !important;
}

.softwares {
    padding: 50px 0;
    color: #282526
}

.softwares h3 {
    color: #282526
}

.softwares .title-small:before {
    margin-left: 0
}

.softwares h4 {
    color: #282526;
    font-family: Gilroy-SemiBold;
    font-size: 18px;
    margin-top: 0
}

.softwares .col-md-3 img {
    float: left;
    padding-right: 10px
}

.software-inner {
    display: inline-block;
    padding: 14px 8px;
    width: 80%;
    padding-right: 0;
    margin-bottom: 40px
}

.softwares .software-inner:hover {
    box-shadow: 0 10px 60.4624px 11px #fdefed;
    transition: all .5s ease;
    transition: box-shadow .5s
}

.facts-figures {
    padding: 80px 0 120px;
    background: #f7f7f7
}

.facts-figures h3 {
    color: #282526
}

.facts-figures .col-sm-4 {
    margin-bottom: 30px
}

.counter.count1 {
    font-family: Gilroy-ExtraBold;
    font-size: 50px;
    color: #ee3824
}

.counter.count2 {
    font-family: Gilroy-ExtraBold;
    font-size: 50px;
    color: #fe9131
}

.facts-figures .counter div {
    font-family: Gilroy-SemiBold;
    font-size: 20px;
    color: #282526;
    margin-top: -20px;
    margin-left: 100px
}

.counter {
    height: 100px
}

.facts-figures .counter {
    position: relative;
    margin-bottom: 30px
}

.facts-figures .col-sm-4:nth-child(2) .counter:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    right: 0;
    top: -10px;
    padding: 10px;
    border-right: 1px solid #ccc;
    margin-right: 15px
}

.boost {
    padding: 100px 0;
    color: #fff;
    font-size: 14px;
    position: relative;
    background: #f37a20;
    background: linear-gradient(-138deg, rgba(243, 122, 32, 1) 0, rgba(239, 81, 35, 1) 55%, rgba(238, 56, 36, 1) 100%)
}

.boost > .container:nth-child(1) {
     padding: 0px 50px;
    background: #282526;
    margin-top: -240px;
}

.boost a.btn3 {
    color: #fff;
    padding-left: 55px;
    border: 1px solid #ee3824;
    margin-top: 30px
}

.sub-heading {
    font-family: Gilroy-Regular;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

.boost h1 {
    font-size: 42px;
    color: #edffff;
    font-family: Gilroy-Bold
}

.boost h1 span {
    color: #ef5123;
    text-transform: lowercase
}

.boost .title-small:before {
    position: absolute;
    left: 0;
    width: 45px;
    height: 30%;
    padding: 10px;
    border-top: 1px solid #ee3824;
    top: 0;
    content: "";
    margin-top: 0;
    margin-left: 0
}

.boost .bg-image:before {
    padding: 100px 0;
    background: url(../img/sprite-min.png) no-repeat -805px -973px;
    width: 424px;
    height: 529px;
    position: absolute;
    content: "";
    padding: 10px;
    left: 47%;
    top: 0;
    margin-top: -120px;
    margin-left: -215px;
    display:none;
}

main {
    overflow: hidden
}

.boost > .container:nth-child(2) {
    padding: 130px 0 0
}

.boost > .container:nth-child(2) .title-small:before {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30%;
    padding: 10px;
    border-top: 1px solid #fff;
    top: 0;
    content: "";
    margin-top: 9px;
    margin-left: 0
}

.interest a {
    color: #fff;
    text-decoration: underline
}

span.empty {
    width: 50px;
    border-bottom: 1px solid #fff;
    padding: 0 30px
}

.bg-primary {
    background-color: #ef5123 !important
}

.interest {
    line-height: 40px;
    font-size: 20px;
    font-family: Gilroy-Regular;
    font-weight: 300 !important;
    padding-left: 20px
}

span.placeholder1 {
    position: relative;
    width: 50px;
    padding-left: 55px
}

span.placeholder1:before {
    position: absolute;
    width: 50px;
    height: 15px;
    padding: 1px;
    content: "John Doe";
    border-top: 1px solid #fff;
    top: 0;
    left: 0;
    margin-top: 12px;
    font-size: 10px;
    line-height: 10px
}

span.placeholder2 {
    position: relative;
    width: 100px
}

span.placeholder2:before {
    position: absolute;
    width: 100px;
    height: 15px;
    padding: 1px;
    content: "email@example.com";
    border-top: 1px solid #fff;
    top: 0;
    left: 0;
    margin-top: 12px;
    font-size: 10px;
    line-height: 10px
}

a.btn-white {
    border: 1px solid #fff;
    width: 258px;
    height: 40px;
    font-family: Gilroy-Medium;
    font-size: 12px;
    background-size: 100% 100%;
    display: inline-block;
    text-align: left;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-top: 11px;
    padding-left: 30px;
    margin-left: 22px;
    margin-top: 30px;
    position: relative
}

section.boost h3 {
    margin-top: 25px;
    margin-bottom: 40px;
    text-transform: lowercase
}

section.boost .title_class {
    margin-top: 25px;
    margin-bottom: 40px;
    text-transform: capitalize;
    font-size: 32px;
    font-family: Gilroy-Regular;
    color: #fff;
    font-weight: 600;
    line-height: 1.1
}

body, html {
    overflow-x: hidden !important
}

.enterprise-fixed {
    display: none
}

h2:before {
    content: none
}

.panel-title > a, .panel-title > a:active {
    font-size: 14px
}

.panel-heading a:before {
    right: -20px;
    margin-top: 12px
}

.journey {
    padding: 0 !important
}

.journey:before {
    content: none !important
}

.panel-body {
    padding: 0 0 0 25px !important
}

.journey-main {
    position: relative
}

.journey-main:before {
    position: absolute;
    content: "";
    padding: 9px;
    width: 9px;
    height: 138px;
    left: 0;
    top: 20%
}

#journey-main {
    position: relative
}

#journey-main:before {
    position: absolute;
    content: "";
    background: url(../images/logo-watermarks.jpg) no-repeat;
    padding: 9px;
    width: 524px;
    height: 558px;
    left: 0;
    top: 0;
    margin-left: -68px
}

.journey {
    padding: 100px 40px !important
}

.bg-primary3 {
    background-color: #f4a80e !important
}

.bg-primary4 {
    background-color: #50e6ff !important
}

img.logos {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

img.logos:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all .5s ease
}

footer.footer input[type=submit]:hover {
    transition: all .5s ease;
    cursor: pointer;
    z-index: 1;
    position: relative
}

footer.footer input[type=submit] {
    cursor: pointer;
    z-index: 1;
    position: relative
}

.game-development .main-header {
    background: #fff !important;
    background-color: #fff
}

.game-development .menu-header > ul > li > a {
    color: #fffbfc;
}

.game-development a.btn2 {
    color: #282526 !important
}

.game-development a.btn1 {
    color: #282526 !important
}

.game-development .caption {
    color: #282526 !important
}

.game-development .col-sm-6.image-col {
    padding-top: 90px
}

.game-development header.header.fixed {
    background: linear-gradient(11deg, rgba(6, 19, 38, 1) 0, rgba(1576, 101, 26, 1) 100%);
    opacity: 1;
    padding-bottom: 0;
    box-shadow: 2px 5px 10px #ccc;
    z-index: 999999999999
}

.game-development .menu-header > ul > li:hover > a {
    color: #fffcfde3;
}

.game-development a.btn2:before {
    /* background: url(../images/arrow.svg) no-repeat !important; */
}

.game-development .the-centaur {
    background: url(../images/red-bg-game.png) !important;
    position: relative;
    min-height: 540px;
    background-repeat: no-repeat;
    background-size: cover !important
}

#page1.game-development.android-development .the-centaur.android-app-centaur {
    background: url(../images/rectangle-copy-centaur.png) !important;
    position: relative;
    min-height: 540px;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: -154px 0 !important
}

.game-development .the-centaur:before {
    /*background: url(../images/the-centaur.png) no-repeat !important;*/
    /*z-index: 999;*/
    /*min-height: 784px;*/
    /*content: "";*/
    /*position: absolute;*/
    /*width: 375px;*/
    /*height: 724px;*/
    /*left: 50%;*/
    /*margin-left: -200px;*/
    /*top: 0;*/
    /*margin-top: -99px*/
}

.game-development .brands-game .container {
    padding-bottom: 100px
}

section.brands-game img {
    width: auto;
    padding: 15px 4%
}

.game-col .game-col1 {
    padding-top: 100px;
    padding-left: 60px;
    color: #fff;
    line-height: 24px
}

.game-col .game-col1 h3 {
    margin-bottom: 30px
}

.game-col2 {
    padding-top: 100px;
    color: #fff;
    line-height: 24px
}

.game-col2 p {
    padding-bottom: 30px
}

.game-col2 img {
    padding-top: 10px
}

.game-col2 h4 {
    font-size: 22px;
    letter-spacing: .5px
}

.ultimate2 {
    padding: 85px 0 0;
    padding-left: 8.32%
}

.ultimate_2 {
    padding: 0;
    padding-left: 8.32%
}

.ultimate {
    padding: 100px 0;
    color: #282526
}

.ultimate .tit_sec {
    color: #282526;
    margin-bottom: 25px;
    font-size: 32px;
    font-family: Gilroy-Regular;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1.1
}

.clss_apart {
    font-size: 42px;
    font-family: Gilroy-Medium;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1.1
}

.title_tab {
    font-size: 32px;
    font-family: Gilroy-Medium;
    margin-bottom: 30px;
    margin-top: 20px;
    color: #282526;
    font-weight: 600;
    line-height: 1.1
}

.ultimate1 h4 {
    line-height: 28px
}

.ultimate1 h3 {
    color: #282526
}

.game-4-boxes h3 {
    color: #282526;
    font-size: 26px;
    margin-top: 0
}

.game_tile {
    font-size: 42px;
    font-family: Gilroy-Bold;
    line-height: 55px;
    font-size: 42px !important;
    font-size: 42px !important;
    font-weight: 600
}

.game-4-boxes .tit_game {
    color: #282526;
    font-size: 26px;
    margin-top: 0;
    font-family: Gilroy-Regular;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.1
}

.game-4-boxes p {
    font-size: 14px;
    line-height: 26px
}

.ultimate p {
    font-size: 14px;
    line-height: 26px
}

.game-4-boxes li:before {
    position: absolute;
    left: 0;
    width: 20px;
    height: 30%;
    padding: 10px;
    border-top: 2px solid #ee3824;
    top: 0;
    content: "";
    margin-top: 15px;
    margin-left: 0
}

.game-4-boxes ul {
    padding-left: 0
}

.game-4-boxes li {
    width: 50%;
    display: inline-block;
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #282526;
    position: relative;
    padding-left: 35px
}

.game-4-boxes .col-sm-6 {
    padding-bottom: 50px
}

.android-development .caption h1 {
    line-height: 42px;
    text-transform: capitalize;
}

.android-development .col-sm-6.image-col {
    padding-top: 130px
}

.android-development .container.baner-caption {
    padding-bottom: 40px
}

.android-development .col12.col-s24 .row .col12.col-s24:first-child .blk-box-inner {
    margin-right: 20px;
    margin-top: 30px
}

.android-development .blk-box-inner1 > img {
    float: none;
    padding-right: 15px;
    padding-bottom: 15px
}

.android-development .col12.col-s24 .row + .row .col12.col-s24:first-child .blk-box-inner {
    margin-top: 0
}

.android-development .col12.col-s24 .row + .row .col12.col-s24:nth-child(2) .blk-box-inner {
    margin-top: -30px
}

.android-development .blk-box-inner:hover {
    background: url(../images/android-bg.jpg);
    transition: all 2s ease;
    transition: background .9s;
    color: #fff
}

.android-development .blk-box-inner:hover div, .android-development .blk-box-inner:hover p {
    color: #fff
}

.android-development section.brands-game img {
    width: 140px
}

section.boost.ideas > .container:nth-child(1) {
    background: 0 0;
    margin-top: 0;
    padding: 0
}

section.boost.ideas .title-small:before {
    border-top: 2px solid #fff
}

section.boost.ideas p {
    line-height: 24px
}

section.boost.ideas section.game-4-boxes img {
    padding-top: 22px
}

section.boost.ideas section.game-4-boxes h3 {
    color: #fff;
    margin-bottom: 20px
}

section.boost.ideas {
    background-size: contain;
    padding: 100px 0 50px
}

.app-development .ultimate2 {
    padding: 33px 0 0;
    padding-left: 8.32%
}

.app-development .title-small {
    margin-bottom: 22px
}

.app-development .title-small:before {
    width: 14.32%
}

.app-development .ultimate h3 {
    font-size: 31px
}

.app-development .ultimate {
    padding: 100px 0 0
}

.app-development.game-development .the-centaur:before {
    /*background: url(../images/app-mobile-dev.png) no-repeat !important;*/
    /*z-index: 999;*/
    /*min-height: 784px;*/
    /*content: "";*/
    /*position: absolute;*/
    /*width: 385px;*/
    /*height: 700px;*/
    /*left: 50%;*/
    /*margin-left: -230px;*/
    /*top: 0;*/
    /*margin-top: -60px*/
}

.app-development.game-development .the-centaur {
    background: url(../images/mid-app-dev.png) no-repeat !important;
    position: relative;
    min-height: 540px
}

.app-development.game-development .game-col2 a.btn1 {
    color: #fff !important
}

.app-development .game-col1 h3 {
    font-size: 30px;
    margin-bottom: 30px
}

.app-development .game-col2 h3 {
    font-size: 30px;
    margin-bottom: 30px
}

.title-small.title-small01:before {
    border-top: 1px solid #fff;
    margin-top: 12px;
    margin-left: 30px
}

.title-small.title-small01 {
    padding: 0
}

.tabs-solutions h3 {
    color: #282526 !important;
    margin-bottom: 30px
}

.tabs-solutions {
    padding: 150px 0 20px
}

.nav-tabs > li > a {
    text-align: center;
    border: 1px solid #ccc !important;
    border-radius: 4px 4px 0 0;
    font-family: Gilroy-Bold;
    font-size: 14px;
    color: #282526;
    padding: 12px;
    border-radius: 5px;
    margin-right: 5px
}

.nav-tabs {
    border-bottom: 0 !important
}

ul.nav.nav-tabs li.active a {
    background: url(../images/nav-tab-bg.jpg);
    background-size: contain;
    color: #fff;
    box-shadow: 0 10px 60.4624px 11px #fdefed;
    border: 0 !important;
    padding: 13px 12px
}

.tab-content {
    font-family: Gilroy-Medium;
    font-size: 14px;
    color: #282526;
    line-height: 24px;
    padding-top: 50px
}

.tab-pane.active img {
    margin-top: -150px
}

#menu1 img {
    margin-top: -80px
}

#menu2 img {
    margin-top: -90px
}

ul.nav.nav-tabs li:hover a {
    background: url(../images/nav-tab-bg.jpg);
    background-size: contain;
    color: #fff;
    box-shadow: 0 10px 60.4624px 11px #fdefed;
    transition: box-shadow .5s;
    border: 0 !important;
    padding: 13px 12px;
    margin-right: 5px
}

.tab-pane.active a.btn3 {
    position: relative;
    color: #253858;
    font-family: Gilroy-Bold;
    padding-top: 8px;
    padding-left: 30px;
    margin-top: 20px
}

section.brands-game a.btn3 {
    position: relative;
    color: #253858;
    font-family: Gilroy-Bold;
    padding-top: 10px;
    padding-left: 62px;
    margin-top: 40px
}

.recent-work {
    padding: 50px 0;
    font-family: Gilroy-Medium;
    font-size: 14px;
    color: #282526;
    line-height: 24px
}

.recent-work h4 {
    color: #282526;
    font-size: 26px;
    padding: 20px 0 10px;
    font-family: Gilroy-Medium
}

section.recent-work a.btn3 {
    position: relative;
    /*color: #253858;*/
    font-family: Gilroy-Bold;
    padding-top: 7px;
    padding-left: 28px;
    margin-top: 25px
}

.app-development section.recent-work .title-small {
    margin-bottom: 22px;
    color: #282526;
    font-size: 32px;
    text-transform: inherit;
    padding-left: 85px;
    margin-bottom: 40px
}

.app-development section.recent-work .title-small:before {
    margin-top: 15px
}

.app-development section.recent-work + section.facts-figures {
    background: #fff
}

.app-development.android-development section.brands-game .col4 img {
    width: auto
}

.app-development.android-development section.brands-game .col4 {
    text-align: center;
    color: #282526;
    font-size: 16px;
    font-family: Gilroy-SemiBold;
    letter-spacing: 1px
}

.industries-icons {
    margin: 30px 0;
    padding: 14px 0 30px !important
}

.industries-icons:hover {
    box-shadow: 0 10px 22px 0 #ccc;
    transition: box-shadow .5s
}

.app-development section.the-centaur + .facts-figures {
    padding: 80px 0 0;
    background: #fff
}

.industries-icons:hover img.logos {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all .5s ease
}

.robust .col12.ultimate2 {
    padding-top: 40px
}

.robust .title-small {
    margin-bottom: 70px
}

.android-development .game-4-boxes li {
    width: 30.33%;
    padding-bottom: 35px;
    margin-right: 3% !important
}

.industries-ultimate {
    padding-bottom: 20px
}

.android-development .game-4-boxes li:before {
    margin-left: -10px
}

.android-development section.game-4-boxes a.btn3 {
    width: 335px;
    margin-bottom: 80px;
    margin-top: 20px;
    color: #253858;
    font-family: Gilroy-Bold
}

.empty-space {
    padding: 10px
}

.android-development .facts-figures h3 {
    color: #282526;
    margin-bottom: 25px
}

.android-development .black-box {
    color: #fff;
    background: #282526 url(../images/vertical-bg.jpg);
    padding: 50px 0 0;
    margin-top: -10px;
    padding-top: 100px;
    z-index: 99999;
    background-repeat: repeat-x;
    background-position: bottom
}

section.ultimate.robust {
    background: #282526 url(../images/vertical-bg.jpg);
    padding-top: 80px;
    margin-top: -15px
}

.android-development #journey-main:before, .android-development .journey-main:before {
    content: none
}

.android-development .journey {
    padding-left: 0 !important;
    padding-right: 50px !important
}

.android-development #journey-main {
    background: #282526 url(../images/red-bg-box.png);
    background-size: 58% 142% !important;
    background-repeat: no-repeat !important;
    background-position: right center !important
}

.android-development .our-expertise {
    background: 0 0
}

.android-development .journey h3 {
    color: #fff
}

.android-development .journey h4 {
    color: #fff;
    font-size: 18px;
    font-family: Gilroy-Medium;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px
}

.android-development .journey p {
    color: #fff
}

.android-development .journey a {
    color: #fff
}

.android-development .col13.pull-right.our-expertise.col-s24 {
    padding-top: 60px
}

.android-development .panel-heading a:before {
    background: url(../images/top-white.png) no-repeat !important;
    width: 12px;
    height: 10px;
    margin-top: 22px
}

.android-development .panel-heading.active a:before {
    right: 8px;
    margin-top: 12px
}

.android-development .panel.panel-default:nth-child(1) .panel-heading .panel-title:before {
    content: "01"
}

.android-development .panel.panel-default:nth-child(2) .panel-heading .panel-title:before {
    content: "02"
}

.android-development .panel.panel-default:nth-child(3) .panel-heading .panel-title:before {
    content: "03"
}

.android-development .panel.panel-default:nth-child(4) .panel-heading .panel-title:before {
    content: "04"
}

.android-development .panel.panel-default:nth-child(5) .panel-heading .panel-title:before {
    content: "05"
}

.android-development .panel.panel-default:nth-child(6) .panel-heading .panel-title:before {
    content: "06"
}

.android-development .panel.panel-default:nth-child(7) .panel-heading .panel-title:before {
    content: "07"
}

.android-development .panel.panel-default:nth-child(8) .panel-heading .panel-title:before {
    content: "08"
}

.android-development .panel-title {
    position: relative;
    padding-left: 10px
}

.android-development .panel-heading .panel-title:before {
    left: -22px;
    position: absolute;
    top: 27px
}

.android-development .panel-heading a:after {
    width: 10.64%;
    margin-left: -101px
}

.android-development .panel-default > .panel-heading + .panel-collapse > .panel-body {
    position: absolute;
    margin-top: -20px;
    margin-left: 55px;
    font-size: 14px;
    font-family: Gilroy-Medium
}

.android-development .panel-title > a, .panel-title > a:active {
    font-size: 18px;
    text-transform: inherit;
    font-family: Gilroy-SemiBold
}

.android-development .panel-group .panel {
    height: auto !important
}

.android-development .panel-default > .panel-heading + .panel-collapse > .panel-body {
    position: relative;
    margin-top: 0
}

.journeys-tabs {
    background: #282526;
    background-color: #282526
}

.android-development .panel-title img {
    padding-right: 10px
}

.iphone-development h4 {
    line-height: 24px
}

.wearable-app-development.game-development .the-centaur:before {
    /*background: url(../images/weab-mid-bg3.png) no-repeat !important;*/
    /*width: 591px;*/
    /*margin-left: -322px;*/
    /*margin-top: -95px;*/
    /*background-size: cover !important*/
}

.wearable-app-development.game-development .the-centaur {
    background: url(../images/reg-dark-gray-bg-wearable.jpg) no-repeat !important;
    background-position: center center !important
}

.wearable-app-development .col9.pull-right.game-col {
    padding-left: 40px;
    padding-top: 60px
}

.wearable-app-development .caption h1 {
    line-height: 40px
}

.wearable-app-development.game-development .col-sm-6.image-col {
    padding-top: 126px
}

.wearable-app-development .android-development .panel-heading .panel-title:before {
    content: none !important
}

.wearable-app-development .android-development .panel-default > .panel-heading + .panel-collapse > .panel-body {
    margin-left: 0
}

.wearable-app-development .android-development .panel-heading a:after {
    width: 18.64%;
    margin-left: -104px;
    margin-top: 27px;
    border-top: 1px solid #fff;
    opacity: .3
}

.wearable-app-development .android-development #journey-main {
    border-top: 100px solid #282526;
    margin-top: 100px
}

.wearable-app-development section.game-4-boxes .col-sm-4 {
    position: relative
}

.wearable-app-development section.game-4-boxes .col-sm-4:before {
    content: "";
    position: absolute;
    top: 34%;
    width: 10%;
    height: 60%;
    border-right: 1px solid #ccc;
    padding: 0
}

.wearable-app-development section.game-4-boxes .col-sm-4 .col5 {
    text-align: center
}

.web-development a.btn1.btn-white {
    border: 1px solid #fff;
    color: #fff !important;
    padding-top: 10px;
    margin-left: 5px
}

.web-development a.btn1.btn-white:before {
    background: url(../images/arrowwhite.svg) no-repeat !important;
    content: "";
    padding: 9px;
    position: absolute;
    right: -23px;
    top: 15px;
    z-index: 999999999;
    width: 46px
}

.web-development.app-development .ultimate .col16 h3 {
    font-size: 20px !important;
    font-family: Gilroy-Medium;
    padding-top: 30px;
    margin-bottom: 20px
}

.web-development.app-development .ultimate2 {
    padding: 33px 0 0;
    padding-left: 0
}

section.ultimate.our-offerings {
    padding-bottom: 40px;
    background: #f8f8f8
}

.web-development section.the-centaur.how-we-work:before {
    content: none
}

.web-development.app-development.game-development section.the-centaur.how-we-work {
    background: url(../images/web-app-bg222.jpg) no-repeat !important;
    background-size: cover !important
}

.web-development .col16.pull-right.game-col h3 {
    color: #f15126;
    margin-top: 0
}

.web-development .col16.pull-right.game-col p {
    color: #282526
}

.web-development .col16.pull-right.game-col h4 {
    font-size: 18px !important;
    font-family: Gilroy-Medium;
    color: #282526;
    line-height: 30px
}

.web-development .col16.pull-right.game-col .title-small-title-small01:before {
    content: none !important
}

.web-development .title-small-title-small01 {
    color: #242223;
    font-size: 12px !important;
    font-family: Gilroy-Bold;
    text-transform: uppercase
}

.left-bar-number {
    padding-bottom: 40px;
    position: relative
}

.left-bar-number:before {
    position: absolute;
    content: "";
    top: 25px;
    left: 7px;
    width: 10px;
    height: 60%;
    padding: 10px;
    border-left: 1px solid #ccc
}

.left-bar-number span {
    padding-left: 15px
}

.left-bar-number.active-slide {
    color: #f15126
}

.web-app-slider .slick-prev.slick-arrow {
    background: transparent url(../images/arrow-left02.jpg) no-repeat center center;
    top: auto;
    bottom: 0;
    right: 35px;
    left: auto;
    width: 20px;
    height: 12px;
    z-index: 999999999999;
    padding: 12px;
    transform: rotate(0)
}

.web-app-slider .slick-next.slick-arrow {
    background: transparent url(../images/arrow-left02.jpg) no-repeat center center;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    width: 20px;
    height: 12px;
    z-index: 999999999999;
    padding: 12px;
    transform: rotate(180deg)
}

.web-development .web-app-slider .slick-prev.slick-arrow:hover {
    background: transparent url(../images/arrow-red02.jpg) no-repeat center center;
    transform: rotate(180deg);
    height: 12px;
    width: 20px
}

.web-development .web-app-slider .slick-next.slick-arrow:hover {
    background: transparent url(../images/arrow-red02.jpg) no-repeat center center;
    transform: rotate(0);
    height: 12px;
    width: 20px
}

.web-development .web-app-slider .slick-arrow:before {
    content: none !important
}

.archive.web-development.app-development section.ultimate.our-offerings .col16 h3 {
    padding-top: 15px
}

.archive.web-development.app-development section.ultimate.our-offerings {
    background: #f4f4f4;
    padding-top: 50px
}

.archive.web-development.app-development section.ultimate.our-offerings .col18 h3 {
    font-size: 20px;
    padding-top: 10px
}

.how-we-work-part {
    color: #282526;
    padding: 50px 0 70px
}

.how-we-work-part h3 {
    color: #282526
}

.how-we-work-part p {
    font-size: 14px;
    line-height: 24px
}

.how-we-work-part .col-sm-6 h3 {
    color: #f04e31;
    font-size: 26px;
    font-family: Gilroy-Medium;
    margin-bottom: 20px
}

.how-we-work-part .col-sm-6 {
    text-align: left
}

.how-we-work-part .col-sm-6 a.btn1 {
    margin-top: 20px;
    padding-top: 10px
}

.how-we-work-part .container {
    margin-top: 30px
}

.archive .col18 {
    position: relative
}

.archive.android-development .blk-box-inner:hover {
    background: url(../images/hover-bg-4bx.jpg)
}

.container.work-part2 {
    text-align: center;
    color: #282526;
    font-size: 12px;
    font-family: Gilroy-Bold
}

.container.work-part2 .work-part {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eee;
    text-align: center;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 10px
}

.container.work-part2 .col-sm-3:hover .work-part {
    background: #f05232;
    color: #fff
}

.container.work-part2 .col-sm-3:hover {
    color: #f05232
}

.container.work-part2 .col-sm-3 {
    position: relative;
    margin-bottom: 30px
}

.container.work-part2 .col-sm-3:before {
    position: absolute;
    padding: 10px;
    width: 70%;
    height: 2px;
    content: "";
    border-bottom: 1px solid #eee;
    right: -35%;
    top: 5px
}

.container.work-part2 .col-sm-3:nth-child(4):before {
    content: none !important
}

.archive-app-development .container.work-part2 .col-sm-3 {
    text-transform: uppercase
}

.archive-app-development .how-we-work-part {
    background: #f4f4f4
}

.archive-app-development .container.work-part2 .work-part {
    border: 1px solid #fff
}

.archive-app-development .facts-figures {
    background: #fff
}

.archive-app-development .how-we-work-part img {
    margin-top: -120px
}

.archive-app-development .container.work-part2 {
    z-index: 1 E+16;
    position: relative
}

.archive .container.work-part2 span {
    opacity: .5
}

.container.work-part2 .col-sm-3:hover span {
    opacity: 1
}

.archive.android-development .container.baner-caption {
    padding-bottom: 40px !important
}

.archive .col-sm-6.text-col {
    padding-top: 135px
}

body.game-development.android-development.app-development.web-development .ultimate2 {
    padding: 0;
    padding-left: 0
}

body#page3.game-development .android-development .panel-heading a:after {
    width: 16.64%;
    margin-left: -85px;
    margin-top: 27px;
    border-top: 1px solid #fff;
    opacity: .3
}

body#page3.game-development .android-development #journey-main {
    border-top: 0;
    margin-top: 100px;
    padding: 100px 0;
    background: #282526 url(../images/bg-gray-red-shadow.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 700px
}

body#page3.game-development #journey-main {
    background-image: none
}

body#page3.game-development .journey {
    padding: 10px 0 100px 40px !important
}

body#page3.game-development .android-development .panel-heading a:before {
    margin-right: -15px
}

body#page3.game-development .journey {
    padding: 10px 40px 100px 0 !important;
    margin-left: -10px
}

body#page3.game-development .facts-figures {
    padding: 20px 0 120px;
    background: #fff
}

body#page3.game-development .col13.pull-right.our-expertise.col-s24 {
    padding-top: 40px
}

body#page1.android-development #journey-main {
    background: #282526 url(../images/bg-gray-red-shadow.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 100px 0;
    height: 868px
}

body#page1.android-development .panel-heading a:after {
    margin-left: -97px
}

body#page1.android-development .journey {
    padding-top: 50px !important
}

body#page2.android-development #journey-main {
    background: #282526 url(../images/iphone-page-bg-gray-red-shadow.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 100px 0;
    height: 868px;
    margin-top: -3px
}

body#page2.android-development #journey-main.journeymain {
    background: #282526 url(../images/bg-gray-red-shadow2.jpg);
    padding-top: 0
}

body#page2.android-development .panel-heading a:after {
    margin-left: -97px
}

body#page2.android-development .journey {
    padding-top: 50px !important
}

body#page2.android-development section.ultimate.industries-ultimate {
    padding-top: 0
}

body#page1.android-development section.ultimate.industries-ultimate {
    padding-top: 0
}

#page4.app-development.game-development .the-centaur {
    min-height: 615px
}

#page4 .game-col .game-col1 {
    padding-top: 130px
}

#page4.app-development section.the-centaur + .facts-figures {
    padding: 0;
    background: #fff
}

#page4 .left-bar-number:last-child:before {
    content: none !important
}

.softwares .col7.col-s24 {
    padding-top: 15px
}

.clients-slider .col-sm-6.testimonial-slider p {
    padding-top: 5px
}

.robust .col12.ultimate2 h4 {
    line-height: 26px
}

.interactive:active .options .option:hover, .interactive:focus .options .option:hover {
    cursor: pointer;
    background-color: #fff;
    color: #282526
}

.interactive:active .options .option.selected, .interactive:focus .options .option.selected {
    background-color: #fff;
    color: #282526
}

span.option {
    background: #282526
}

.about-slider p.cape-large {
    font-size: 18px
}

.about-slider .caption p {
    font-size: 14px
}

section.black-box.bg-grey-light {
    background: #fff url(../images/bg-grey-light.jpg);
    background-repeat: no-repeat;
    background-size: 100% 75%;
    padding-top: 0;
    background-position: center center
}

section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 h3 {
    color: #282526;
    margin-bottom: 30px;
    text-transform: capitalize;
}

section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 p {
    color: #282526
}

.col12.col-s24.col1-light-grey {
    padding-top: 150px
}

section.black-box.bg-grey-light .col12.col-s24 .blk-box-inner:hover {
    box-shadow: 1px 4px 40px 2px #f89142
}

section.black-box.bg-grey-light .col12.col-s24 .blk-box-inner {
    box-shadow: 1px 4px 40px 2px #ccc;
    position: relative
}

.about-numbers span {
    color: #ef5123;
    font-weight: 700;
    font-family: Gilroy-Bold;
    font-size: 42px
}

.about-numbers p {
    color: #282526;
    font-weight: 500;
    font-family: Gilroy-Medium;
    font-size: 14px;
    margin-top: 10px
}

.about-numbers h3 {
    color: #282526;
    font-weight: 700;
    font-size: 20px;
    font-family: Gilroy-Bold;
    margin-top: 0
}

.col-sm-4.about-numbers {
    padding: 30px 0;
    margin-top: 50px;
    position: relative
}

.col-sm-4.about-numbers:before {
    position: absolute;
    content: "";
    border-right: 1px solid #ccc;
    width: 100%;
    height: 50%;
    left: -22px;
    top: 30px
}

.col-sm-4.about-numbers:last-child:before {
    content: none
}

.brands.about-page {
    background: #fff
}

section.brands.about-page .container:before {
    content: none
}

.beautiful-exp {
    padding-top: 100px
}

body.contact .caption .col-sm-6.text-col {
    padding-top: 240px
}

body.contact .caption .col-sm-6.text-col p {
    margin-top: 20px
}

section.brands.about-page img {
    padding-top: 40px
}

body.contact .facts-figures {
    padding: 80px 0
}

section.contact-sidebar .col7 img {
    margin-left: -32px
}

section.contact-sidebar p {
    font-size: 24px;
    color: #282526;
    font-weight: 500;
    font-family: Gilroy-Medium;
    padding-top: 30px;
    margin-bottom: 30px
}

section.contact-sidebar input[type=email], section.contact-sidebar input[type=text], section.contact-sidebar select {
    width: 29%;
    margin-bottom: 20px;
    padding: 10px;
    border: 0;
    margin-right: 6%;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    font-family: Gilroy-SemiBold;
    font-size: 12px;
    color: #282526;
    font-weight: 600
}

section.contact-sidebar select option {
    font-family: Gilroy-SemiBold;
    font-size: 12px;
    color: #282526;
    font-weight: 600
}

section.contact-sidebar textarea {
    width: 64%;
    resize: none;
    padding: 10px;
    height: 100px;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    font-family: Gilroy-SemiBold;
    font-size: 12px;
    color: #282526 !important;
    font-weight: 600
}

section.contact-sidebar::-webkit-input-placeholder {
    color: #282526 !important
}

section.contact-sidebar::-moz-placeholder {
    color: #282526 !important
}

section.contact-sidebar:-ms-input-placeholder {
    color: #282526 !important
}

section.contact-sidebar:-moz-placeholder {
    color: #282526 !important
}

section.contact-sidebar .field3 {
    margin-right: 0 !important
}

body.contact .contact-page.brands.about-page {
    padding-top: 0
}

section.facts-figures.map-wrap section.brands.about-page {
    padding-bottom: 0
}

section.facts-figures.map-wrap {
    padding-bottom: 0
}

a.btn3.getintouch-contact {
    width: 25.5%;
    float: right;
    margin-right: 25px;
    margin-top: 80px;
    cursor: pointer;
    padding-left: 24px
}

.projects h4 {
    font-family: Gilroy-Medium;
    font-size: 32px;
    color: #253858 !important;
    font-weight: 500
}

.projects .col-sm-6 p + p {
    font-family: Gilroy-Medium;
    font-weight: 500;
    padding-right: 15px
}

.projects .col-sm-6 p {
    margin: 5px 0 15px
}

section.hand-phone {
    padding: 50px 0 0
}

section.hand-phone h3 {
    font-size: 42px;
    font-weight: 700;
    font-family: Gilroy-Bold;
    color: #282526;
    margin: 100px 0 20px;
    line-height: 50px
}

section.hand-phone h3 span {
    font-size: 42px;
    font-weight: 300;
    font-family: Gilroy-Light;
    color: #282526
}

section.hand-phone .col9 p {
    color: #ee3824;
    font-weight: 500;
    font-family: Gilroy-Medium;
    font-size: 28px
}

section.hand-phone h4 {
    font-size: 32px;
    color: #282526;
    font-weight: 700;
    font-family: Gilroy-Bold;
    margin-top: 105px
}

section.hand-phone h4 span {
    color: #ee3824
}

section.hand-phone .col10 p {
    color: #282526;
    font-weight: 400;
    font-family: Gilroy-Regular;
    font-size: 16px;
    margin: 20px 0 30px;
    line-height: 26px
}

section.hand-phone .col10 {
    padding-left: 50px
}

.container-fluid.testimonial-baner {
    background: url(../images/testimonial-baner.jpg) no-repeat;
    background-position: 95% 90px
}

.projects .testimonial-baner .col-sm-6 p + p {
    font-family: Gilroy-Regular;
    font-weight: 300;
    padding-right: 15px
}

.video-testimonials-bg h3 {
    color: #282526;
    font-weight: 500;
    font-family: Gilroy-SemiBold;
    font-size: 28px
}

.video-testimonials-bg p {
    color: #282526;
    font-weight: 400;
    font-family: Gilroy-Regular;
    font-size: 17px
}

section.text-testimonials {
    background: #f8f8f8;
    padding: 240px 0 100px;
    margin-top: -150px
}

section.video-testimonials .col-sm-6 .video-testimonials1 {
    box-shadow: 1px 12px 15px 1px #ccc
}

.video-testimonials-bg {
    background: 0 0;
    background-size: cover;
    position: absolute;
    width: 95%;
    top: 0;
    opacity: 1;
    height: 100%
}

section.video-testimonials .col-sm-6:hover .video-testimonials-bg {
    opacity: .85;
    transition: all .25s ease;
    background: url(../images/red-overlay.png) no-repeat;
    background-size: cover
}

section.video-testimonials .col-sm-6:hover h3 {
    color: #fff
}

section.video-testimonials .col-sm-6:hover p {
    color: #fff
}

.content-title {
    margin-top: 35%;
    padding-left: 100px;
    float: left;
    position: relative
}

.content-title:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 50px;
    height: 1.5px;
    background: #faa49d
}

section.video-testimonials .col-sm-6:hover .content-title:before {
    background: #fff
}

.triangleup {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    transform: rotate(90deg);
    margin-top: 20px;
    margin-left: 18px
}

.play-btn {
    width: 50px;
    height: 50px;
    background: url(../images/red-overlay.png) no-repeat;
    border-radius: 50%;
    float: right;
    margin-top: 41%;
    margin-right: 35px;
    background-size: cover
}

section.video-testimonials .col-sm-6:hover .play-btn {
    background: #fff
}

section.video-testimonials .col-sm-6:hover .triangleup {
    border-bottom: 10px solid #f89b5b
}

.text-testimonials h3 {
    color: #282526;
    font-weight: 600;
    font-family: Gilroy-SemiBold;
    font-size: 22px;
    margin-bottom: 0;
    display: block
}

.text-testimonials span {
    color: #282526;
    font-weight: 500;
    font-family: Gilroy-Medium;
    font-size: 14px;
    opacity: .5;
    padding-bottom: 20px;
    padding-top: 4px;
    display: block;
    letter-spacing: 2px
}

.text-testimonials p {
    color: #282526;
    font-weight: 400;
    font-family: Gilroy-Regular;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px
}

.quotes {
    position: relative;
    background: #fff;
    padding: 40px 20px;
    height: 100%;
    display: inline-block;
    margin-bottom: 25px
}

.quotes:before {
    position: absolute;
    content: "";
    background: url(../images/quotes.png) no-repeat;
    width: 33px;
    height: 23px;
    right: 35px;
    bottom: 25px;
    z-index: 9999999999
}

section.brands.about-page.testimonial-page {
    margin-top: -80px
}

.hand-phone.project-page-hand {
    padding-bottom: 200px
}

.load-more-projects h4 {
    color: #253858;
    font-size: 18px;
    font-weight: 700;
    font-family: Gilroy-Bold;
    text-transform: uppercase
}

.load-more-projects p {
    color: #253858;
    font-size: 16px;
    font-weight: 500;
    font-family: Gilroy-Medium
}

.load-more-projects {
    background: url(../images/load-more-projects.png) no-repeat;
    background-position: right 45px;
    padding: 30px 50px;
    width: 70%;
    cursor: pointer
}

.project-col-iner {
    margin-bottom: 30px
}

.project-col-iner .project-col-contents {
    padding: 40px 10px 40px 50px
}

.project-col-iner-col1 {
    margin-top: 170px
}

li.has-dropdown {
    position: relative;
    padding-right: 10px !important
}

li.has-dropdown a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 8px;
    /*background: url(../images/dropdown.svg) no-repeat;*/
    /*background: url(../images/arrow-w.png) no-repeat;*/
    background-position: right center;
    right: 0;
    margin-right: 0;
    top: 50%;
    margin-top: -5px
}
li.has-dropdown > a:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 8px;
    background: url(../images/arrow-top.svg) no-repeat !important;
}

div.menu-header ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, .15);
    padding: 12px 15px;
    width: 205px;
    background: #282526;
    font-size: 10px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Gilroy-Medium
}

div.menu-header ul ul::before {
    border-color: transparent transparent #282526
}

.support-page section.game-4-boxes {
    padding-bottom: 200px
}

.support-page .game-4-boxes h3 {
    color: #282526;
    font-size: 20px;
    font-family: Gilroy-SemiBold;
    margin-top: 0
}

.support-and-maintenaince {
    padding: 100px 0;
    background: url(../images/red-gradient-bg.jpg) no-repeat;
    background-size: 100% 62%
}

.support-and-maintenaince .col11.box-black-inner2.col-s24 {
    color: #fff
}

.support-and-maintenaince .col11.box-black-inner2.col-s24 .title-small:before {
    border-top: 2px solid #fff
}

.we.are-offering.ultimate1 {
    margin-top: 130px;
    color: #282526
}

.we.are-offering.ultimate1 h3 {
    color: #282526
}

.ip-protection .col-sm-6.image-col.nopad img {
    padding-top: 200px
}

.ip-protection .facts-figures {
    padding: 0 0 120px;
    background: #fff
}

.ip-protection .tabs-solutions {
    padding: 0 0 20px
}

.key-features {
    padding: 90px 0;
    background: url(../images/key-features.jpg) no-repeat;
    background-size: 100% 66%;
    letter-spacing: 1px;
    color: #fff
}

.ip-protection-services h4 {
    font-family: Gilroy-Medium;
    font-size: 32px;
    color: #2a2828
}

.ip-protection-services p {
    font-family: Gilroy-Medium;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #2a2828;
    margin-top: 20px
}

.key-features h4 {
    font-family: Gilroy-Medium;
    font-size: 32px;
    color: #fff
}

.key-features > p {
    font-family: Gilroy-Medium;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.key-features-col {
    background: #fff;
    color: #282526;
    padding: 30px 40px;
    margin-top: 50px
}

.key-features-col h5 {
    font-family: Gilroy-SemiBold;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 20px
}

.key-features-col p {
    font-family: Gilroy-Medium;
    font-size: 12px
}

.key-features-col {
    background: #fff;
    color: #282526;
    padding: 30px;
    box-shadow: 0 5px 12px 0 #ccc;
    margin-top: 50px;
    height: 225px
}

.key-features-col:hover {
    box-shadow: 0 10px 40px 0 #ccc
}

.ip-protection-services {
    background: #f7f7f7;
    padding: 200px 0 100px;
    margin-top: -180px;
    margin-bottom: 100px
}

.android-development .ip-protection-services .game-4-boxes li {
    width: 48%;
    padding-bottom: 35px;
    margin-right: 0 !important;
    line-height: 24px;
    color: #282526;
    font-size: 14px;
    margin-top: 0;
    font-family: Gilroy-Medium
}

.android-development .ip-protection-services .game-4-boxes li:nth-child(1) {
    margin-right: 4% !important
}

.android-development .ip-protection-services .game-4-boxes li:nth-child(3) {
    margin-right: 4% !important
}

.ip-protection-services .game-4-boxes h3 {
    color: #282526;
    font-size: 18px;
    margin-top: 6px;
    font-family: Gilroy-SemiBold
}

.ip-protection-services .game-4-boxes p {
    color: #282526;
    font-size: 12px;
    margin-top: 0;
    font-family: Gilroy-Medium
}

.ip-protection-services section.game-4-boxes {
    margin-top: 50px
}

body.startup-prototype .col-sm-6.image-col.nopad img {
    padding-top: 85px
}

body.startup-prototype.android-development .container.baner-caption {
    padding-bottom: 0
}

.advatages-sec {
    background: url(../images/prototyping.jpg) no-repeat;
    padding: 100px 0 0;
    color: #fff;
    background-size: 100% 60%
}

.advatages-sec .game-4-boxes h3 {
    color: #fff
}

.advatages-sec .game-4-boxes p {
    font-size: 12px;
    line-height: 26px;
    font-family: Gilroy-Medium
}

.advatages-sec .game-4-boxes .col18 {
    width: 80%
}

.advatages-sec .game-4-boxes .col6 {
    width: 20%;
    text-align: left
}

.advatages-sec .game-4-boxes h3 {
    font-size: 22px;
    font-family: Gilroy-Medium
}

.advatages-sec .container.talk-to-us .col-md-6.nopad:first-child p {
    font-size: 14px;
    letter-spacing: 1px;
    font-family: Gilroy-Medium;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 30px
}

.advatages-sec .container.talk-to-us .col-md-6.nopad:first-child img {
    width: 93%
}

body.contact .facts-figures {
    padding: 80px 0 140px
}

.advatages-sec .game-4-boxes .prototyping h3 {
    color: #282526;
    margin-top: 130px;
    font-size: 32px;
    font-weight: 500;
    font-family: Gilroy-Medium
}

.prototyping p.cap2 {
    color: #282526;
    font-size: 22px;
    font-weight: 500;
    font-family: Gilroy-Medium;
    margin-bottom: 25px;
    margin-top: 30px
}

.prototyping p {
    color: #282526;
    font-size: 14px;
    font-weight: 500;
    font-family: Gilroy-Medium
}

.customer-results {
    padding: 100px 0
}

.customer-results h3 {
    color: #282526;
    margin-bottom: 30px;
    margin-top: 0
}

.customer-results p {
    color: #282526;
    font-size: 18px;
    font-weight: 400;
    font-family: Gilroy-Regular;
    line-height: 26px;
    letter-spacing: 1px
}

.number-col p {
    font-size: 20px
}

.number-customer {
    color: #ee3824;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 15px;
    font-family: Gilroy-Bold;
    margin-bottom: 20px
}

.key-features.mobile-app-support {
    background: url(../images/bg-yell-app-support.jpg) no-repeat;
    background-size: 100% 100% !important;
    padding: 0
}

.mobile-app-support1 {
    height: 600px;
    padding: 0
}

body.mobile-app-sup.android-development .container.baner-caption {
    padding-bottom: 0 !important
}

body.mobile-app-sup.android-development.ip-protection .col-sm-6.image-col.nopad img {
    padding-top: 100px
}

body.mobile-app-sup.app-development .title-small {
    margin-bottom: 35px;
    margin-top: 100px;
    height: 1px
}

body.mobile-app-sup .title-small:before {
    position: absolute;
    left: 0;
    width: 50px !important;
    height: 30%;
    padding: 10px;
    border-top: 2px solid #fff;
    top: 0;
    content: "";
    margin-top: 10px;
    margin-left: 0
}

body.mobile-app-sup .mobile-app-support1 h3 {
    margin-bottom: 30px
}

.inner-left-fluid {
    position: absolute;
    top: 0;
    margin-top: -345px;
    left: 0
}

body.support-page .industries-icons {
    text-align: center
}

.industries-icons {
    text-align: center
}

.industries-icons img {
    width: auto !important
}

body.support-page.android-development section.brands-game img {
    width: auto
}

body.support-page .facts-figures {
    background: #fff
}

body.support-page section.brands-game h3 + p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

section.brands-game h3 + p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

body.mobile-app-sup .ip-protection-services {
    background: url(../images/line-bg.jpg) no-repeat;
    background-position: left top;
    padding-top: 45px;
    background-size: 38% 27%
}

body.mobile-app-sup .ip-protection-services .ip-protection-services1 {
    background: url(../images/mobile-app-sup.jpg) no-repeat;
    background-position: left center;
    background-size: 35% 100%;
    position: relative
}

body.mobile-app-sup section.ip-protection-services .col16 {
    margin-left: 33.28%;
    padding-top: 30px
}

body.mobile-app-sup section.game-4-boxes li {
    width: 47.5% !important;
    margin-right: 2% !important
}

body.mobile-app-sup #ip-protection-services {
    background: url(../images/grey-bg.jpg);
    margin-top: 220px
}

section.boost.ideas.whychoosebg {
    background: url(../images/whychoosebg.jpg) no-repeat;
    background-size: 100% 100%
}

section.boost.ideas.whychoosebg .game-4-boxes .col-sm-6 {
    padding-bottom: 0
}

.game-4-boxes.iphone-game4boxes li:before {
    background: url(../images/iphone-icons/1.jpg) no-repeat;
    width: 32px;
    height: 37px;
    border: 0;
    margin-top: -5px
}

.game-4-boxes.iphone-game4boxes li:nth-child(2):before {
    background: url(../images/iphone-icons/2.jpg) no-repeat
}

.game-4-boxes.iphone-game4boxes li:nth-child(3):before {
    background: url(../images/iphone-icons/3.jpg) no-repeat
}

.game-4-boxes.iphone-game4boxes li:nth-child(4):before {
    background: url(../images/iphone-icons/4.jpg) no-repeat
}

.game-4-boxes.iphone-game4boxes li:nth-child(5):before {
    background: url(../images/iphone-icons/5.jpg) no-repeat
}

.game-4-boxes.iphone-game4boxes li:nth-child(6):before {
    background: url(../images/iphone-icons/6.jpg) no-repeat
}

section.the-centaur.iphone-app-centaur {
    background: url(../images/rectangle-copy-centaur.png) no-repeat !important
}

.game-development.iphone-development section.the-centaur.iphone-app-centaur:before {
    background: url(../images/mid-bg-iphone2.png) no-repeat !important;
    width: 330px;
    margin-top: -45px
}

.right-col-centaur {
    /*padding-left: 50px;*/
    /*padding-top: 50px*/
}

.right-col-centaur .blk-box-inner {
    background: 0 0;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #fff
}

.right-col-centaur .blk-box-inner .app-title {
    color: #fff
}

.right-col-centaur .blk-box-inner p {
    color: #fff
}

.right-col-centaur .blk-box-inner:hover {
    background: 0 0
}

.iphone-app-centaur .box-black-inner2 {
    padding-left: 0
}

.iphone-robust {
    padding-top: 130px !important
}

.game-development.android-development section.the-centaur.android-app-centaur:before {
    /*background: url(../images/android-icons/android-centrus.png) no-repeat !important;*/
    /*width: 400px;*/
    /*margin-top: -50px;*/
    /*margin-left: -266px*/
}

.how-we-work-sec {
    background: url(../images/android-icons/howwe-work-bg.jpg) no-repeat;
    color: #fff;
    padding: 100px 0
}

.how-we-work-sec button.slick-arrow {
    display: none !important
}

.how-we-work-sec .left-bar-number {
    text-align: right
}

.left-bar-number:before {
    left: auto;
    right: -36px
}

span.slide-number {
    background: 0 0;
    width: 10px;
    height: 10px;
    padding: 10px;
    border-radius: 50%;
    margin-left: 15px;
    margin-right: -32px;
    border: 1px solid #fff
}

.slider-text-col {
    padding-left: 100px
}

.how-we-work-sec .left-bar-number {
    opacity: .3
}

.left-bar-number.active-slide {
    opacity: 1
}

.left-bar-number.active-slide span.slide-number {
    background: url(../images/android-icons/btn-slide.png) no-repeat;
    color: #fff;
    border: 1px solid transparent;
    background-size: cover
}

.title-small-title-small01.col8 {
    padding-top: 30px;
    text-transform: uppercase
}

.how-we-work-sec .left-bar-number:before {
    height: 42%
}

.how-we-work-sec h3 {
    font-size: 42px;
    font-family: Gilroy-Medium;
    margin-bottom: 20px
}

.how-we-work-sec p {
    font-size: 18px;
    font-family: Gilroy-Regular;
    font-weight: 200 !important;
    line-height: 28px;
    letter-spacing: 1px
}

section.recent-work.recent-work-android .title-small {
    padding-left: 12.48%;
    text-transform: inherit;
    color: #282526;
    font-family: Gilroy-Medium;
    font-size: 32px;
    padding-bottom: 30px;
    padding-top: 10px
}

section.recent-work.recent-work-android .title-small:before {
    margin-top: 26px
}

section.recent-work.recent-work-android h4 {
    color: #282526;
    font-size: 22px;
    padding: 20px 0 10px;
    font-family: Gilroy-Bold
}

section.recent-work.recent-work-android {
    padding-bottom: 250px
}

.facts-figures.facts-figures-android {
    padding: 80px 0 0
}

.title-small.slide-count {
    padding-left: 0;
    margin-top: 25px
}

.title-small.slide-count:before {
    content: "";
    left: 25px;
    border-color: #fff;
    top: -2px;
    width: 14%
}

body.contact section.facts-figures.map-wrap {
    padding: 80px 0 140px;
    background: #282526;
    color: #fff
}

body.contact section.facts-figures.map-wrap h3 {
    color: #fff;
    font-weight: 600
}

body.contact section.facts-figures.map-wrap p {
    color: #fff;
    font-family: Gilroy-Regular;
    font-size: 15px
}

.map-wrap label {
    color: #fff;
    font-family: Gilroy-Medium;
    font-size: 10px;
    opacity: .2;
    letter-spacing: 2px;
    text-transform: uppercase
}

body.contact section.facts-figures.map-wrap .col6 p {
    color: #fff;
    font-family: Gilroy-Regular;
    font-size: 14px;
    font-weight: 300;
    clear: both
}

p.labels {
    padding-bottom: 0;
    margin-bottom: 0
}

.map-usa {
    border-left: 2px solid #ee3d2d;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px
}

.map-usa.canada {
    border-left: 2px solid #9e9e9e
}

.map-usa.pak {
    border-left: 2px solid #00a49c
}

section.mobile-app-support1.mobile-app-support-page {
    height: 450px
}

.startup-enterprise .title-small {
    padding-left: 12.48%;
    font-family: Gilroy-SemiBold;
    font-size: 32px
}

.startup-enterprise .title-small:before {
    width: 10%;
    border-top: 2px solid #ee3824
}

.startup-enterprise .nav-tabs > li {
    float: none;
    display: inline-block
}

.startup-enterprise .nav-tabs {
    text-align: center
}

.startup-enterprise ul.nav.nav-tabs li:hover a {
    background: 0 0;
    background-image: none;
    color: #fff;
    box-shadow: 0 10px 60.4624px 11px #fdefed;
    transition: box-shadow .5s;
    border: 0 !important
}

.startup-enterprise ul.nav.nav-tabs li {
    background: 0 0;
    background-image: none;
    color: #fff;
    border: 0 !important;
    padding: 13px 0;
    margin-right: 5px
}

.startup-enterprise ul.nav.nav-tabs li a {
    border: 0 !important;
    font-family: Gilroy-SemiBold;
    font-size: 32px;
    opacity: .5
}

.startup-enterprise ul.nav.nav-tabs li:hover a {
    opacity: 1;
    color: #ee3824;
    box-shadow: 1px 10px 20px 0 #ccc
}

.startup-enterprise ul.nav.nav-tabs li.active a {
    background: 0 0;
    background-image: none;
    color: #ee3824;
    border: 0 !important;
    opacity: 1;
    box-shadow: 1px 10px 20px 0 #ccc
}

.startup-enterprise .tab-pane.active img {
    margin-top: -60px
}

.the-founder h3 {
    color: #282526;
    text-transform: lowercase
}

.the-founder p {
    color: #282526;
    font-size: 18px;
    line-height: 26px
}

.the-founder .title-small {
    margin-top: 30px;
    height: 10px
}

.team-pics {
    width: 100%;
    text-align: center
}

.mid-col-pic {
    text-align: center;
    padding: 20px
}

.team-pics h4 {
    font-size: 28px;
    margin-top: -30px
}

.team-pics span {
    font-size: 16px;
    font-style: italic
}

section.the-founder {
    background: url(../images/bg-ceo-etc.jpg) no-repeat;
    background-size: cover
}

.our-exec-team h3 {
    color: #282526;
    text-transform: lowercase
}

.exec-team .slick-arrow {
    background: url(../images/nav1.png) no-repeat !important;
    width: 43px;
    height: 24px;
    opacity: 1;
    left: -333px;
    right: auto;
    transform: rotate(180deg) !important;
    font-size: 0;
    margin-top: 30px
}

.slick-next:before, .slick-prev:before {
    opacity: 1 !important;
    color: transparent !important;
    font-size: 0
}

.exec-team button.slick-prev.slick-arrow {
    transform: rotate(0) !important
}

.exec-team .slick-next.slick-arrow {
    left: -275px
}

.exec-team .slick-arrow:hover {
    background: url(../images/nav1-red.png) no-repeat !important
}

.game-col .exec-team.game-col1 {
    padding-top: 0;
    padding-left: 60px;
    color: #fff;
    line-height: 24px;
    margin-top: -65px
}

.exec-team .slick-slide img {
    padding-left: 10px
}

.years25inagency h3 {
    color: #282526;
    line-height: 40px
}

.years25inagency p {
    color: #282526;
    font-size: 18px;
    line-height: 26px
}
h3.aks {
    color: #e25340 !important;
}
h3.aks.info-t {
    margin: 0px 0 11px 0 !important;
}
span.location i {
    color: #282526c7;
    padding-right: 9px;
    width: 20px;
}

.years-in-digit {
    font-weight: 700;
    font-size: 103px;
    color: #fdc30a;
    /*opacity: .5;*/
    padding-top: 65px;
    font-family: Gilroy-Bold
}

.years25inagency {
    padding: 90px 0 30px
}

.exec-team .web-app-slider-inner h3 {
    font-size: 18px;
    font-family: Gilroy-SemiBold;
    text-align: center;
    color: #282526;
    margin-bottom: 8px
}

.exec-team .web-app-slider-inner p {
    font-size: 14px;
    font-family: Gilroy-Regular;
    text-align: center;
    color: #282526;
    font-style: italic
}

.col-invest-projects h3 {
    color: #df653b;
    font-size: 71px;
    font-weight: 700;
    font-family: Gilroy-Bold;
    margin-top: 0
}

.col-invest-projects span {
    font-size: 37px
}

.col-invest-projects p {
    font-size: 14px;
    color: #353333;
    font-weight: 300;
    font-family: Gilroy-SemiBold;
    margin-bottom: 0
}

.col-invest-projects {
    margin-top: 60px;
    position: relative
}

.col-invest-projects1:before {
    content: "";
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 78%;
    height: 130%;
    position: absolute;
    right: 52px;
    bottom: -25px
}

.col-invest-projects2:before {
    content: "";
    border-right: 1px solid #ccc;
    width: 100%;
    height: 130%;
    position: absolute;
    right: 52px;
    top: -36px
}

.col-invest-projects3:before {
    content: "";
    border-bottom: 1px solid #ccc;
    width: 80%;
    height: 100%;
    position: absolute;
    bottom: -25px;
    left: -52px
}

.web-app-slider-inner a.btn1 {
    color: #fff !important;
    padding-top: 10px;
    margin-top: 10px
}

.main-services-page .key-features .col20 {
    font-size: 14px;
    font-weight: 500;
    font-family: Gilroy-Medium
}

span.border-mid {
    border-top: 1px solid #fff;
    width: 65px;
    padding: 30px;
    margin-top: 8px;
    float: left
}

.main-services-page .key-features h4 {
    margin-bottom: 40px
}

.main-services-page .key-features {
    background-size: cover !important;
    height: 700px;
    background: url(../images/key-features-services.jpg)
}

.main-services-page section.ultimate.our-offerings .container {
    margin-top: -500px;
    background: #fff
}

.main-services-page section.ultimate.our-offerings .col19 {
    position: relative
}

.main-services-page section.ultimate.our-offerings .col19:before {
    content: "";
    position: absolute;
    top: 30%;
    width: 10%;
    height: 60%;
    border-right: 1px solid #ccc;
    padding: 0;
    left: -70px
}

.main-services-page .game-4-boxes h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: Gilroy-Medium;
    margin-top: 9px
}

.main-services-page .ultimate p {
    font-family: Gilroy-Medium
}

.main-services-page .ultimate2 {
    padding: 22px
}

.main-services-page .ultimate .container > h3 {
    color: #282526;
    margin-bottom: 30px;
    padding: 40px;
    padding-bottom: 20px
}

a.viewmore-services:before {
    background: url(../images/services/services-arrow.png) no-repeat !important;
    content: "";
    padding: 10px;
    position: absolute;
    right: -30px;
    top: 5px;
    z-index: 999999999;
    width: 18px
}

a.viewmore-services {
    color: #978e8e;
    font-family: Gilroy-Bold;
    text-transform: uppercase;
    float: left;
    display: block;
    margin: 10px 0;
    font-size: 14px;
    position: relative;
    letter-spacing: 2px
}

a.viewmore-services:hover {
    color: #ee3824
}

a.viewmore-services:hover:before {
    background: url(../images/viewmore.svg) no-repeat !important;
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

.main-services-page .brands.about-page {
    background: #f8f8f8;
    padding-top: 30px;
    padding-bottom: 0
}

.main-services-page .facts-figures {
    background: 0 0;
    margin-top: -20px
}

.main-services-page .recent-work {
    font-family: Gilroy-Regular;
    font-size: 16px
}

.main-services-page .recent-work .title-small {
    font-family: Gilroy-Medium;
    font-size: 32px;
    text-transform: inherit;
    margin-top: 14px;
    margin-bottom: 30px
}

.main-services-page .recent-work .title-small:before {
    margin-top: 16px
}

body#page4.game-development.android-development.app-development.web-development .left-bar-number:before {
    left: 7px;
    right: auto
}

.main-services-page .ultimate .container > h3 {
    margin-bottom: 23px
}

.main-services-page section.ultimate.our-offerings .col19:before {
    border-right: 1px solid #e9e9ec
}

.android-development .facts-figures h3 {
    text-transform: capitalize;
}

.brands h3 {
    font-size: 42px
}

section.brands img {
    padding: 10px 0
}

.facts-figures {
    padding: 80px 0 0
}

.main-services-page .brands.about-page {
    padding-bottom: 128px
}

.how-we-work-sec h3 {
    text-transform: lowercase
}

.web-app-slider-inner h3 {
    text-transform: capitalize
}

.left-bar-number:before {
    top: -33px
}

.left-bar-number:last-child:after {
    position: absolute;
    content: "";
    top: 25px;
    left: auto;
    right: -36px;
    width: 10px;
    height: 60%;
    padding: 10px;
    border-left: 1px solid #ccc !important
}

.left-bar-number.active-slide:last-child:after {
    position: absolute;
    content: "";
    top: 25px;
    left: auto;
    right: -36px;
    width: 10px;
    height: 60%;
    padding: 10px;
    border-left: 1px solid #ccc !important;
    opacity: .3
}

.left-bar-number.active-slide:last-child:before {
    border-color: #ccc !important;
    opacity: .3
}

.left-bar-number.active-slide:before {
    opacity: .3
}

.left-bar-number.active-slide {
    color: #fff
}

.tabs-solutions {
    padding: 100px 0
}

.recent-work .title-small {
    letter-spacing: 0
}

.recent-work .title-small:before {
    border-top: 1px solid #f46f29
}

.recent-work .col-sm-6 {
    padding-left: 50px;
    padding-right: 50px
}

a.btn3, footer.footer a.btn3 {
    border: 1px solid #f04925 !important;
}

.facts-figures {
    padding: 80px 0 150px
}

section.brands-game a.btn3 {
    width: 233px;
    padding-left: 45px
}

.facts-figures section.brands-game h3 + p {
    font-family: Gilroy-Medium;
    font-size: 16px
}

section.career-progression p {
    font-size: 16px;
    line-height: 24px
}

.opertunities-withus-iner p {
    font-size: 16px
}

.career-department .game-4-boxes p {
    font-size: 16px
}

.internship-inner p {
    line-height: 24px;
    font-size: 16px
}

section.opertunities-withus p {
    font-size: 16px
}

.left-bar-number {
    padding-bottom: 46px
}

div.web-app-slider2 .slick-dots li:nth-child(1) button {
    margin: 0
}

div.web-app-slider2 .slick-dots li:nth-child(2) button {
    margin: 0
}

div.web-app-slider2 .slick-dots li:nth-child(3) button {
    margin: 0
}

div.web-app-slider2 .slick-dots li:nth-child(4) button {
    margin: 0
}

div.web-app-slider2 .slick-dots li {
    width: 33px;
    height: 20px;
    margin: 0 5px;
    margin-top: 42px
}

div.web-app-slider2 .slick-dots {
    bottom: 118px
}

div.web-app-slider2.services-slider .slick-dots {
    bottom: 120px
}

section.black-box.bg-grey-light .col12.col-s24 .blk-box-inner {
    background-size: cover
}

.startup-enterprise ul.nav.nav-tabs li {
    background: 0 0;
    background-image: none;
    color: #fff;
    border: 0 !important;
    padding: 13px 0;
    margin-right: 5px;
    margin-top: 100px
}

section.contact-sidebar::-webkit-input-placeholder {
    color: #282526 !important;
    opacity: .5
}

section.contact-sidebar::-moz-placeholder {
    color: #282526 !important;
    opacity: .5
}

section.contact-sidebar:-ms-input-placeholder {
    color: #282526 !important;
    opacity: .5
}

section.contact-sidebar:-moz-placeholder {
    color: #282526 !important;
    opacity: .5
}

.web-app-slider-inner2 a.btn1:after {
    background: #282526 !important
}

.home-facts-and-figures {
    text-transform: uppercase
}

.txt {
    font-size: 16px !important
}

.home-compatibality {
    text-transform: uppercase
}

.home-services {
    text-transform: uppercase
}

h2.h2 {
    font-size: 42px !important;
    color: #282526;
    font-family: Gilroy-Medium;
    padding-top: 50px
}

h6.h6 {
    font-size: 16px !important;
    color: #282526;
    font-family: Gilroy-Regular;
    font-weight: 300 !important
}

.heading-1 {
    font-size: 26px;
    font-family: Gilroy-Bold;
    color: #282526;
    padding-top: 20px;
    line-height: 32px
}

body.contact section.facts-figures.map-wrap h3 {
    text-transform: capitalize
}

.contact-usa {
    text-transform: uppercase
}

body.game-development .caption a.btn1:after {
    background: #fff
}

body.game-development.android-development.app-development .caption a.btn1:after {
    background: #fff
}

body.app-development .caption a.btn1:after {
    background: #fff
}

body.android-development .caption a.btn1:after {
    background: #fff
}

#page1.game-development.android-development section.the-centaur.iphone-app-centaur {
    background-size: cover !important;
    background-position: 45% 100% !important
}

.iphone-app-centaur .box-black-inner2 h3 {
    margin-bottom: 22px
}

.android-development .caption p {
    font-family: Gilroy-Medium;
    margin: 20px 0
}

ul.nav.nav-tabs li.active a, ul.nav.nav-tabs li:hover a {
    box-shadow: 0 10px 30px -5px #ee3824 !important;
    text-decoration: underline
}

.game-development .game-4-boxes .col20:before {
    content: "";
    position: absolute;
    top: 30%;
    width: 10%;
    height: 60%;
    border-right: 1px solid #e9e9e9;
    padding: 0;
    left: -15px
}

#journey-main a.btn3:after {
    background: #282526
}

.game-4-boxes .nopad .col19 {
    padding-left: 10px
}

.prototyping {
    padding-left: 20px
}

.game-development.android-development.app-development.ip-protection.mobile-app-sup section.ultimate.industries-ultimate {
    padding-top: 80px
}

body.mobile-app-sup #ip-protection-services:before {
    background: url(../images/grey-bg.jpg);
    margin-top: 156px;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

body.mobile-app-sup #ip-protection-services {
    position: relative;
    margin-top: 220px;
    background-image: none
}

body.mobile-app-sup section.ip-protection-services .col16 {
    padding-top: 140px
}

.app-development.game-development .the-centaur:before {
    /*background: url(../images/app-mobile-dev2.png) no-repeat !important*/
}

.custom-tabs-in-mobile .game-col1.web-app-slider2 {
    z-index: 999999
}

.custom-tabs-in-mobile .game-col1.web-app-slider2 .title-small-title-small01.col8 {
    color: red
}

.custom-tabs-in-mobile .game-col1.web-app-slider2 .left-bar-number:before {
    content: none
}

.custom-tabs-in-mobile .left-bar-number {
    width: 85%;
    float: left;
    box-shadow: 0 8px 14px 0 #ccc;
    margin-left: 20%;
    margin-bottom: 30px;
    padding: 19px;
    border-radius: 10px;
    font-family: Gilroy-Bold;
    color: #282526;
    line-height: 20px
}

.custom-tabs-in-mobile .left-bar-number.active-slide {
    box-shadow: 0 8px 24px 0 #f8952c
}

.custom-tabs-in-mobile .left-bar-number img {
    display: inline-block;
    float: left
}

.custom-tabs-in-mobile .left-bar-number span {
    width: 100px;
    float: left
}

.custom-tabs-in-mobile .slick-active .left-bar-number.active-slide {
    opacity: 1;
    color: #fff;
    background: url(../images/active-tab.png) no-repeat;
    background-size: cover
}

.custom-tabs-in-mobile.game-col .game-col1 {
    padding-top: 70px
}

.custom-tabs-in-mobile .title-small-title-small01.col8 {
    padding-top: 0
}

.custom-tabs-in-mobile .web-app-slider2 .slick-dots li {
    float: left;
    clear: both
}

.custom-tabs-in-mobile .web-app-slider2 .slick-dots li button {
    width: 180px;
    height: 80px;
    border-radius: 0
}

.custom-tabs-in-mobile .web-app-slider2 .slick-dots {
    width: 30px;
    left: 50%;
    margin-left: -247px;
    bottom: 0
}

.custom-tabs-in-mobile .web-app-slider2 .slick-dots li {
    height: 80px
}

div.web-app-slider2 .slick-dots li:nth-child(4) button {
    margin-top: -28px
}

#page1.game-development.android-development.main-services-page .facts-figures {
    padding: 80px 0 120px
}

#page1.game-development.android-development.main-services-page .recent-work .title-small:before {
    padding: 22px
}

body.mobile-app-sup.android-development .container.baner-caption {
    padding-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: url(../images/baner-app-supp.png) no-repeat;
    background-size: contain;
    background-position: right;
    padding-bottom: 87px;
    margin-top: 65px
}

body.mobile-app-sup.android-development .container.baner-caption .col-sm-6.text-col {
    padding-top: 100px;
    padding-bottom: 200px
}

#page1.game-development.android-development .recent-work.recent-work-android .title-small:before {
    padding: 22px
}

#page4 .web-app-slider-inner .left-bar-number.active-slide {
    color: #f15126
}

#page4 .web-app-slider-inner .left-bar-number:before {
    top: -47px
}

#page4 .web-app-slider-inner .left-bar-number.active-slide:last-child:after {
    position: absolute;
    content: "";
    top: -45px;
    left: 7px;
    right: auto;
    width: 10px;
    height: 60%;
    padding: 10px;
    border-left: 1px solid #ccc !important;
    opacity: .3
}

h1.ip-slider-heading {
    text-transform: initial !important
}

.mobile-app-sup .facts-figures {
    padding-top: 150px
}

.startup-enterprise ul.nav.nav-tabs li {
    width: 200px
}

.startup-enterprise ul.nav.nav-tabs li:nth-child(2).active a {
    padding-left: 8px
}

.startup-enterprise ul.nav.nav-tabs li.active a:before {
    content: none
}

.home-about-cta:after {
    background: #fff !important
}

.title-small.home-services:before {
    padding: 20px
}

.title-small.home-compatibality:before {
    padding: 17px
}

.title-small.home-facts-and-figures:before {
    padding: 20px
}

.android-development .box-black-inner2 {
    padding-top: 0
}

a.android-work-slider {
    color: #fff !important;
    width: 150px !important;
    padding-left: 20px !important;
    margin-top: 30px !important
}

a.android-work-slider:after {
    background: #282526 !important
}

.app-development a.app-development-services {
    position: relative;
    font-family: Gilroy-Medium;
    font-size: 12px;
    border: 1px solid #fff;
    width: 185px;
    height: 40px;
    background-size: 100% 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-top: 10px;
    margin-top: 30px;
    padding-left: 0 !important
}

.app-development a.app-development-services:before {
    background: url(../images/arrowwhite.svg) no-repeat !important;
    content: "";
    padding: 9px;
    position: absolute;
    right: -23px;
    top: 15px;
    z-index: 999999999;
    width: 46px;
    transform: rotate(180deg);
    top: 5px
}

.app-development a.app-development-services:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 35%;
    width: 5px;
    height: 30%;
    background: #ee4825 !important
}

.col-xs-8.text {
    padding-left: 0;
    padding-right: 0
}

.col-xs-2.icon {
    padding-right: 10px
}

.col-xs-12.info {
    padding: 15px 0;
    padding-left: 8px
}

#case-study-template .title-small.title-numbers:before {
    padding: 20px
}

.bg-primary00 {
    background-color: #73bf4a !important
}

.bg-primary {
    background-color: #33beff !important
}

.bg-primary3 {
    background-color: #0e0757 !important
}

.bg-primary4 {
    background-color: #bc368f !important
}

.bg-primary5 {
    background-color: #33beff !important
}

.contact-canada-banner {
    background: url(../images/contact-hover.png) no-repeat;
    position: absolute;
    padding: 30px;
    top: 70px;
    padding-left: 60px;
    left: 118px
}

.contact-canada-banner h2 {
    font-family: Gilroy-Bold;
    color: #282526;
    font-size: 20px;
    padding-left: 0;
    text-transform: capitalize
}

.contact-canada-banner span {
    font-family: Gilroy-Regular;
    font-size: 14px;
    color: #282526;
    text-transform: capitalize;
    margin-top:4px;
    line-height:normal;
    display:block;
}

.contact-canada-banner .info .col-md-12 p {
    color: #282526 !important;
    font-family: Gilroy-Bold !important;
    font-size: 10px !important;
    opacity: .2;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase
}

.contact-canada-banner .info .left {
    display: inline-block
}

.contact-canada-banner .info .bottom .col-md-2 {
    padding-right: 0
}

.contact-canada-banner .info .bottom .col-md-10 {
    font-family: Gilroy-Medium;
    font-size: 14px;
    color: #282526 !important;
    padding: 0;
    margin-left: -22px
}

.contact-canada-banner .info .right {
    display: inline-block
}

.contact-canada-banner .info .col-md-12 .row .col-md-9 {
    font-family: Gilroy-Medium;
    font-size: 14px;
    color: #282526 !important;
    padding: 0;
    margin-left: -5px
}

.contact-canada-banner .info .col-md-12 .row .col-md-3 {
    padding-right: 0
}

a.btn3.home-about-cta:before {
    background: url(../images/red-arrow.png) no-repeat !important;
    content: "";
    padding: 10px;
    position: absolute;
    right: -15px;
    top: 14px;
    z-index: 999999999;
    width: 37px;
    height: 12px;
    font-size: 20px;
    font-weight: 300 !important
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    position: absolute;
    margin-top: -20px;
    margin-left: 42px;
    margin-right: 35px !important
}

div.our-expertise h2:before {
    content: "";
    position: absolute;
    left: 45%;
    height: 1px;
    border-top: 1px solid #fff;
    top: -3px;
    padding: 40px
}

.row.baner.slick-slide.slide1 {
    background: #121216;
    background: linear-gradient(145deg, rgba(18, 18, 22, 1) 0, rgba(109, 40, 33, 1) 100%)
}

.main-slide3 {
    background: url(../img/sprite-min.png) no-repeat -574px 0;
    width: 475px;
    height: 677px;
    margin-top: 90px;
    position: relative;
    left: 50px
}

.main-slide3 .box_01 {
    background: url(../img/sprite-min.png) no-repeat 0 -107px;
    width: 43px;
    height: 44px
}

.main-slide3 .box_02 {
    background: url(../img/sprite-min.png) no-repeat 0 -2px;
    width: 93px;
    height: 84px
}

.row.baner.slick-slide.slide2 {
    background: #121216;
    background: linear-gradient(145deg, rgba(18, 18, 22, 1) 0, rgba(109, 40, 33, 1) 100%)
}
/*.col-sm-6.Company-Name-bulbs.ie{
    background: url(../img/sprite-min.png) no-repeat -1460px 0;
    width: 928px;
    height: 970px;
}*/
.col-sm-6.Company-Name-bulbs.ie {
    background: url(../img/sprite-min.png) no-repeat -1660px -29px;
    width: 788px;
    height: 780px;
}
.tekrevol-bulbs {
    background: url(../img/sprite-min.png) no-repeat -1460px 0;
    width: 928px;
    height: 970px
}

.ie {
    position: absolute;
    top: -150px;
    right: -70px
}

.row.baner.slick-slide.slide4 {
    background: #a2271b;
    background: linear-gradient(-45deg, rgba(162, 39, 27, 1) 0, rgba(15, 19, 38, 1) 100%)
}

.row.baner.slick-slide.slide3 {
    background: #0d1326;
    background: linear-gradient(135deg, rgba(13, 19, 38, 1) 0, rgba(185, 42, 26, 1) 100%)
}

.main-slider3 {
    background: url(../img/sprite-min.png) no-repeat -189px -960px;
    width: 454px;
    height: 549px;
    margin-top: 160px;
    margin-left: 40px
}

.men_fitness {
    background: url(../img/sprite-min.png) no-repeat -204px -1631px;
    width: 878px;
    height: 647px;
    top: 100px;
    left: -265px;
    position: relative;
    display: block;
    transition: all .5s ease
}

.men_fitness:hover {
    margin-left: 20px;
    transition: all ease 1.5s;
    margin-top: -10px
}

div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
    background-size: cover !important;
    background-position: center center !important;
    height: 810px;
    margin: 0 !important
}

.main-header {
    background: 0 0 !important
}

.container.redgreycols {
    margin-top: -210px
}

div.our-expertise h2:before {
    content: "";
    position: absolute;
    left: 45%;
    height: 1px;
    border-top: 1px solid #fff;
    top: -3px;
    padding: 40px
}

.heading-rotated.right {
    transform: rotate(270deg);
    padding-right: 84px;
    right: auto;
    left: -143px
}

.heading-rotated.white {
    color: #282526;
    font-family: Gilroy-SemiBold
}

.heading-rotated {
    position: absolute;
    top: 240px;
    left: 0;
    color: #888;
    z-index: 1;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

.heading-rotated.white > div::after {
    background-color: #ee3824
}

.heading-rotated > div::after {
    content: "";
    background-color: #888;
    height: 1px;
    position: absolute;
    top: 8px;
    right: -67px;
    width: 50px
}

.journey-main:before {
    content: unset
}

.featured-clients.heading-rotated.right.white {
    transform: rotate(90deg);
    right: -142px;
    left: auto;
    top: 23px
}

.featured-clients.heading-rotated > div::after {
    right: 135px
}

.clients-slider .container:before, section.brands .container:before, section.technology .container:before {
    content: none
}

.our-portfolio.heading-rotated.right.white {
    top: 30px;
    left: -131px
}

div.brands .container:before {
    content: none
}

#case-study-template.case-study-2 .mission-sec p span {
    color: #00a0dc
}

section.home-slick-slider.main-slider.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0
}

#journey-main {
    padding-top: 50px
}

.caption a.btn1:after {
    background: #201718
}

nav a.btn2:after {
    background: #72211f
}

#shiva1:before {
    content: "Projects Completed";
    position: absolute;
    left: 100px;
    top: 0;
    width: 200px;
    height: 100px;
    font-size: 18px;
    font-family: Gilroy-SemiBold;
    color: #282526
}

#shiva2:before {
    content: "Team Members";
    position: absolute;
    left: 100px;
    top: 0;
    width: 200px;
    height: 100px;
    font-size: 18px;
    font-family: Gilroy-SemiBold;
    color: #282526
}

#shiva3:before {
    content: "Locations";
    position: absolute;
    left: 100px;
    top: 0;
    width: 200px;
    height: 100px;
    font-size: 18px;
    font-family: Gilroy-SemiBold;
    color: #282526
}

#shiva4:before {
    content: "Clients Served";
    position: absolute;
    left: 100px;
    top: 0;
    width: 200px;
    height: 100px;
    font-size: 18px;
    font-family: Gilroy-SemiBold;
    color: #282526
}

#shiva5:before {
    content: "%";
    position: absolute;
    left: 45px;
    top: 30px;
    width: 200px;
    height: 100px
}

#shiva6:before {
    content: "hr";
    position: absolute;
    left: 60px;
    top: 30px;
    width: 200px;
    height: 100px
}

#shiva7:before {
    content: "+";
    position: absolute;
    left: 75px;
    top: 30px;
    width: 200px;
    height: 100px
}

i#shiva8 {
    font-style: normal
}

i#shiva9 {
    font-style: normal
}

i#shiva10 {
    font-style: normal
}

i#shiva11 {
    font-style: normal
}

.project-i {
    overflow: hidden;
    height: 380px;
    width: 100%;
    display: block
}

.project-col-iner:hover img {
    transition: all ease .9s;
    transform: scale(1.1)
}

.project-col-iner {
    margin-bottom: 30px;
    border: 1px solid #cccccc73;
    transition: .2s
}

.project-col-iner:hover {
    box-shadow: 0 10px 25px 0 #ccc
}

.quotes:hover {
    box-shadow: 0 10px 25px 0 #ccc;
    transition: .2s
}

#startup .title-small:before {
    top: 4px
}

#enterprise .title-small:before {
    top: 4px
}

section.profile-info-projects + section.tabs-solutions.startup-enterprise ul.nav.nav-tabs li.active a:before {
    content: none
}

.ultimate.industries-ultimate .image-animate {
    background: url(../images/about-phone-back.png);
    background-size: 97% 100% !important;
    background-repeat: no-repeat !important;
    position: relative;
    padding: 250px
}

.ultimate.industries-ultimate .image-animate img {
    position: absolute;
    left: 60px;
    bottom: 105px
}

.ultimate.industries-ultimate .image-animate img:hover {
    transition: all ease 1.5s;
    bottom: 120px
}

.blk-box-inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../images/hover-bg-4bx.jpg) no-repeat;
    z-index: -1;
    transition: .2s;
    opacity: 0
}

.row.team-pics img {
    border: 20px solid #fff;
    box-shadow: 0 10px 45px 0 #ccc
}

.row.team-pics div:hover img {
    border: 0;
    padding: 20px;
    box-shadow: none;
    background: url(../images/about-hover-bg.jpg) no-repeat;
    background-size: cover
}

.team-pics h4 {
    margin-top: 30px
}

.col10.mid-col-pic:hover img {
    transform: rotate(-3deg);
    padding: 0
}

.col10.mid-col-pic:hover {
    padding: 0;
    padding: 0
}

.blk-box-inner:hover:after {
    opacity: 1
}

.row.team-pics img {
    transition: all ease .5s
}

.service-main01 {
    background: #f2f2f2;
    text-align: center;
    padding: 50px
}

.service-main02 {
    background: #d9f2fa;
    text-align: center;
    padding: 50px
}

.service-main01 img {
    width: auto
}

.service-main02 img {
    width: auto
}

.mid-col-pic .in-img {
    background-image: url(../images/hover-bg-4bx.jpg);
    background-size: cover;
    width: 83%;
    margin: auto;
    transform: rotate(3deg);
    transition: .2s;
    padding: 20px
}

.col10.mid-col-pic:hover .in-img {
    transform: rotate(1deg)
}

.mid-col-pic .in-img img {
    border: 0;
    box-shadow: none
}

.mid-col-pic {
    padding: 0
}

.row.team-pics div.mid-col-pic:hover img {
    padding: 0
}

.col10.mid-col-pic {
    margin-top: 30px
}

.service-main01:hover img {
    transition: all ease 1.5s;
    margin-top: -20px
}

.service-main02:hover img {
    transition: all ease 1.5s;
    margin-top: -20px
}

.web-app-slider2 .slick-dots {
    margin-left: 78px !important
}

div.web-app-slider2.services-slider .slick-dots {
    bottom: 123px !important
}

div.web-app-slider2 .slick-dots li:nth-child(4) button {
    margin-top: 0 !important
}

#page1 section.ultimate.our-offerings + section.facts-figures {
    padding-bottom: 0 !important
}

.col10.mid-col-pic {
    margin-top: 30px
}

.service-main01 {
    background: #f2f2f2;
    text-align: center;
    padding: 50px
}

.service-main02 {
    background: #d9f2fa;
    text-align: center;
    padding: 50px
}

.service-main01:hover img {
    transition: all ease 1.5s;
    margin-top: -20px
}

.service-main02:hover img {
    transition: all ease 1.5s;
    margin-top: -20px
}

.android-project01 {
    background: #ebf0fc;
    text-align: center;
    padding: 0px
}

.android-project02 {
    background: #ececec;
    text-align: center;
    padding: 0px 0 0
}

.android-project01:hover img {
    transition: all ease 1.5s;
    transform: scale(1.06)
}

.android-project02:hover img {
    transition: all ease 1.5s;
    transform: scale(1.06)
}

.web-dev01 {
    background: #ecf1fd;
    text-align: center;
    padding: 50px
}

.web-dev02 {
    background: #ededed;
    text-align: center;
    padding: 50px
}

.web-dev01:hover img {
    transition: all ease 1.5s;
    margin-top: -20px
}

.web-dev02:hover img {
    transition: all ease 1.5s;
    margin-top: -20px
}

#wrapper {
    display: table;
    width: 100%;
    height: 100%;
    transform: rotate(90deg)
}

#wrapper-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

#scroll-down {
    display: block;
    position: relative;
    padding-top: 79px;
    text-align: center
}

.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px
}

.arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ee3824;
    border-right: 1px solid #ee3824;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: 36px;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 51px;
    background: #ee3824;
    content: ' '
}

.home-slick-slider a.btn1:before, a.btn3.home-about-cta:before, div a.btn3:before {
    background: url(../images/arrow.svg) no-repeat !important
}

#wrapper {
    display: table;
    width: 100%;
    height: 100%;
    transform: rotate(90deg);
    margin-top: -119px;
    margin-left: -53px
}

.blk-box-inner:hover .app-title {
    color: #fff
}

.blk-box-inner:hover p {
    color: #fff
}

.blk-box-inner:hover a {
    color: #fff
}

.blk-box-inner:after {
    background-size: cover
}

body.game-development a.btn1:before {
    content: "";
    background: url(../images/arrow.svg) no-repeat !important
}

.map-links {
    position: relative;
    /* top: 50%; */
    /* padding: 200px; */
    opacity: .7;
    margin-top: 0px;
    /* width: 100%; */
}

.map-link1 {
    padding: 10px;
    display: inline-block;
    top: -387px;
    position: absolute;
    left: 150px;
}

.map-link2 {
    padding: 10px;
    display: inline-block;
    top: -315px;
    position: absolute;
    left: 185px;
}

.map-link4 {
    padding: 10px;
    display: inline-block;
    top: -320px;
    position: absolute;
    left: 240px;
}

.map-link5 {
    padding: 10px;
    display: inline-block;
    top: -371px;
    position: absolute;
    left: 430px;
}

.map-link3 {
    padding: 10px;
    display: inline-block;
    top: -252px;
    position: absolute;
    left: 636px;
    /*padding: 10px;
    display: inline-block;
    top: -280px;
    position: absolute;
    left: 625px;*/
}

/*.maps-links-inner {*/
/*position: relative*/
/*}*/

.contact-canada-banner {
    display: none
}

.map-link1:hover .contact-canada-banner {
    display: block;
 
}

.map-link2:hover .contact-canada-banner {
    display: block;
       padding: 0px 0px 0px 50px;
       /*width: 660px;*/
        height: 100px;
            top: -85px;
}
.map-link2:hover .contact-canada-banner h2 span{
    /*  width: 26%;*/
    /*border-right: 1px solid #000;*/
    margin-left: 30px;
    float: left;
    font-size: 14px;
}
.map-link2:hover .contact-canada-banner h2 span.add__01{
   margin-left: 0px;
}
.map-link2:hover .contact-canada-banner h2 span.add__03{
   width: 33%;
    border-right: 0px solid #000;
}
.map-link4:hover .contact-canada-banner {
    display: block
}
.map-link5:hover .contact-canada-banner {
    display: block
}

.map-link3:hover .contact-canada-banner {
    display: block
}

.contact-canada-banner {
    background: url(../images/contact-hover.png) no-repeat;
    position: absolute;
    padding: 30px;
    top: -187px;
    padding-left: 60px;
    left: 25px;
    width: 400px;
    z-index: 999999;
    padding-top: 0;
    background-size: cover;
    padding-bottom: 50px;
    transition: all .25s ease
}

.contact-canada-banner .info .left .col-md-12.nopad p {
    margin-bottom: 0
}

.contact-canada-banner .info .right .col-md-12.nopad p {
    margin-bottom: 0
}

.contact-canada-banner .bottom p {
    padding-top: 15px;
    display: inline-block;
    margin-bottom: 0
}

img#map-trensparent {
    margin-top: 30px
}

body#home li.has-dropdown > a:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 8px;
    background: url(../images/arrow-top.svg) no-repeat !important
}

body#home div.brands img {
    width: 200px
}

body#home div.brands img:first-child {
    width: 103px
}

div.brands img {
    width: 200px
}

div.brands img:first-child {
    width: 103px;
    padding-right: 25px
}

section.brands img {
    width: 200px
}

section.brands img {
    width: 200px;
    padding: 10px 2.5%
}

section.brands img:first-child {
    width: 103px;
    padding-right: 25px
}

body#home div.brands img:last-child {
    width: 180px
}

div.brands img:last-child {
    width: 180px
}

.brands img:last-child {
    width: 180px
}

.exec-team .slick-next.slick-arrow {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border: 1px solid #ee3824;
    transform: rotate(0) !important
}

.exec-team button.slick-prev.slick-arrow {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border: 1px solid #ee3824;
    transform: rotate(180deg) !important
}

.exec-team button.slick-next.slick-arrow:hover, .exec-team button.slick-prev.slick-arrow:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all .5s ease
}

.exec-team .slick-arrow, .exec-team .slick-arrow:hover {
    background: 0 0 !important
}

.exec-team .slick-next:before {
    opacity: 1 !important;
    color: transparent !important;
    font-size: 0;
    background: url(../images/viewmore.svg) no-repeat !important;
    width: 30px;
    height: 20px;
    padding: 10px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all .5s ease;
    background-position: center 3px !important
}

.exec-team .slick-prev:before {
    opacity: 1 !important;
    color: transparent !important;
    font-size: 0;
    background: url(../images/viewmore.svg) no-repeat !important;
    width: 30px;
    height: 20px;
    padding: 10px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all .5s ease;
    background-position: center center !important
}

.custom-tabs-in-mobile .web-app-slider2 .slick-dots {
    margin-left: -249px !important
}

div.web-app-slider2 .slick-dots li:nth-child(4) button {
    margin-top: -26px !important
}

body#page4.game-development.android-development.app-development.web-development section.ultimate.our-offerings {
    background: #fff
}

.game-col1.web-app-slider.slick-initialized.slick-slider .left-bar-number:last-child:after {
    position: absolute;
    content: "";
    top: -45px;
    right: auto;
    left: 0;
    width: 10px;
    height: 60%;
    padding: 10px;
    border-left: 1px solid #ccc !important;
    margin-left: 6px
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li button {
    background: 0 0;
    padding: 20px;
    width: 200px;
    float: left;
    clear: both
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li {
    list-style: none;
    display: inline-block;
    width: 133px;
    height: 120px;
    margin: 0 5px;
    margin-top: 42px;
    float: left;
    clear: both
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li:nth-child(1) {
    margin-top: 0
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li:nth-child(2) {
    margin-top: -60px
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li:nth-child(3) {
    margin-top: -30px
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li:nth-child(4) {
    margin-top: -60px
}

.game-col1.web-app-slider.slick-initialized.slick-slider ul.slick-dots {
    left: 0;
    top: 120px
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li.slick-active button:before {
    content: none
}

.col-sm-6.text-col.nopad-left {
    padding-left: 0;
    margin-left: -15px
}

span.hover-tooltip {
    display: none
}

.modal-content {
    background-color: transparent;
    box-shadow: none
}

.modal-footer {
    border: 0
}

.game-col1.web-app-slider.slick-initialized.slick-slider .slick-dots li button:before {
    content: none
}

.modal-footer {
    text-align: center
}

.modal-footer button, .modal-footer button:focus {
    outline: 0 !important
}

.how-we-work-sec div.web-app-slider2 .slick-dots {
    bottom: 190px
}

.how-we-work-sec div.web-app-slider2 .slick-dots li:nth-child(4) button {
    margin-top: 0 !important
}

section.the-centaur.how-we-work .left-bar-number {
    opacity: .5;
    color: #242223
}

.web-development section.the-centaur.how-we-work .title-small-title-small01 {
    font-family: Gilroy-Medium;
    font-size: 10px !important;
    color: #242223
}

.web-development section.the-centaur.how-we-work .col16.pull-right.game-col h4 {
    font-size: 14px !important;
    font-weight: 500 !important
}

section.the-centaur.how-we-work .web-app-slider-inner.slick-slide.slick-current.slick-active .left-bar-number {
    opacity: 1
}

@media (min-width: 1100px) and (max-width: 2500px) {
    .service-main01 {
        height: 680px
    }

    .service-main02 {
        height: 680px
    }
}

body#home div.brands img:first-child:hover {
    opacity: 1
}

body#home div.brands img:first-child {
    width: 103px;
    opacity: .5
}

body#home div.brands img:nth-child(4):hover {
    opacity: 1
}

body#home div.brands img:nth-child(4) {
    opacity: .5
}

body#home div.brands img:nth-child(5):hover {
    opacity: 1
}

body#home div.brands img:nth-child(5) {
    opacity: .5
}

body#home div.brands img:nth-child(6):hover {
    opacity: 1
}

body#home div.brands img:nth-child(6) {
    opacity: .5
}

body#home div.brands img:nth-child(7) {
    opacity: .5
}

.brands img:first-child:hover {
    opacity: 1
}

.brands img:first-child {
    width: 103px;
    opacity: .5
}

.brands img:nth-child(4):hover {
    opacity: 1
}

.brands img:nth-child(4) {
    opacity: .5
}

.brands img:nth-child(5):hover {
    opacity: 1
}

.brands img:nth-child(5) {
    opacity: .5
}

.brands img:nth-child(6):hover {
    opacity: 1
}

.brands img:nth-child(6) {
    opacity: .5
}

.brands img:nth-child(7):hover, body#home div.brands img:nth-child(7):hover {
    opacity: 1
}

.clients-slider button.slick-next.slick-arrow {
    background: url(../images/button.svg) no-repeat !important;
    background-position: right center !important
}

div.clients-slider button.slick-prev.slick-arrow {
    background: url(../images/button.svg) no-repeat !important;
    background-position: right center !important;
    transform: rotate(180deg)
}

.clients-slider button.slick-next.slick-arrow:after {
    content: "";
    background: url(../images/long-arrow2.svg) no-repeat !important;
    background-position: center center !important;
    padding: 31px;
    transform: rotate(180deg)
}

.clients-slider button.slick-prev.slick-arrow:after {
    content: "";
    background: url(../images/long-arrow2.svg) no-repeat !important;
    background-position: center center !important;
    padding: 31px;
    transform: rotate(180deg)
}

.clients-slider button.slick-next.slick-arrow:hover:after {
    -webkit-animation: rightArrow .5s;
    animation: rightArrow .5s
}

.clients-slider button.slick-prev.slick-arrow:hover:after {
    -webkit-animation: rightArrow .5s;
    animation: rightArrow .5s
}

span.btn-white:after {
    background: #f05e23
}

span.btn-white:before {
    top: 7px
}

.man-slide2 img {
    padding-top: 150px;
    transition: all ease 1.5s
}

.man-slide2:hover img {
    margin-left: 20px;
    transition: all ease 1.5s;
    margin-top: -10px
}

.bulb1.shake {
    margin-left: -74px;
    animation: shake 4s;
    margin-top: 75px;
    margin-left: -75px;
    transition: all ease 1.5s;
    animation: shake 4s
}

div.row.baner.slick-slide.slide3:hover bulb1.shake {
    margin-top: 10px;
    margin-left: -245px;
    animation: shake 4s
}

.bulb2.shake.shake2 {
    margin-top: 35px;
    margin-left: 0;
    transition: all ease 1.5s;
    animation: shake 4s
}

div.row.baner.slick-slide.slide3:hover img.bulb2.shake.shake2 {
    margin-left: -550px
}

.tekrevol-boxs:hover img.bulb2.shake.shake2 {
    margin-left: -550px
}

.tekrevol-boxs:hover img.bulb1.shake {
    margin-top: 230px;
    margin-left: -215px
}

img.bulbs2.shake.shake2 {
    margin-top: 509px;
    margin-left: 0;
    width: 35px;
    transition: all ease 1.5s;
    left: 55%
}

.ie .bulbs1.shake {
    margin-top: 100px;
    margin-left: -200px;
    transition: all ease 1.5s
}

div.row.baner.slick-slide.slide2:hover .ie .bulbs1.shake {
    margin-left: -160px
}

div.row.baner.slick-slide.slide2:hover .ie .bulbs2.shake.shake2 {
    margin-left: -47px
}

div.row.baner.slick-slide.slide2:hover img.bulbs1.shake {
    margin-left: -100px
}

div.row.baner.slick-slide.slide2:hover img.bulbs2.shake.shake2 {
    margin-left: -47px
}

.case-studies-btn2 {
    font-weight: 900;
    color: #fff;
    background: 0 0;
    display: inline-block;
    padding: 5px 18px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Gilroy-Bold;
    border: 2px solid;
    font-size: 16px;
    margin-left: 10px
}

.page-smm .caption p {
    font-size: 16px;
    font-weight: 500;
    font-family: Gilroy-Medium;
    letter-spacing: .5px
}

.nopadleft {
    margin-left: -10px
}

body.contact.page-smm .caption .col-sm-6.text-col {
    padding-top: 160px
}

body#case-study-template.case-study-2.page-smm.archive-app-development.game-development.android-development.app-development.contact .slick-track {
    height: auto !important
}

.page-smm. .client-brief {
    padding-top: 100px
}

.row.baner.slick-slide.slide1 .caption a.btn1:after {
    background: #451b22
}

.row.baner.slick-slide.slide2 .caption a.btn1:after {
    background: #391c1b
}

section.compain-objectives123 .col3, section.compain-objectives123 .col6 {
    display: inline-block;
    float: none
}

section.compain-objectives123 .col3 {
    display: inline-block;
    width: 11.9%
}

.objectives123 .col-sm-2 {
    color: #2a2828;
    font-size: 38px;
    font-family: Gilroy-Regular;
    text-align: left
}

.objectives123 .col-sm-10 {
    color: #2a2828;
    font-size: 16px;
    font-family: Gilroy-Medium;
    margin-top: -7px;
    opacity: .6;
    padding-right: 0
}

.objectives123 {
    padding-top: 40px
}

section.compain-objectives123 {
    padding-top: 40px
}

.ultimate.industries-ultimate .image-animate img {
    left: 0
}

.introduction-smm h3 {
    color: #282526 !important;
    font-size: 42px;
    font-family: Gilroy-Bold;
    opacity: .9;
    margin-top: -10px;
    margin-bottom: 20px
}

.introduction-smm p {
    color: #2a2828;
    font-size: 16px;
    font-family: Gilroy-Medium;
    opacity: .6;
    line-height: 26px;
    letter-spacing: .3px
}

.introduction-smm .title-small.title-numbers {
    color: #d6d6d6
}

.introduction.introduction-smm {
    background: url(../images/social-stagy.jpg) no-repeat;
    background-position: left center !important;
    background-size: contain !important
}

#introduction-smm {
    padding: 100px 0
}

#introduction-smm .col9 {
    padding-top: 130px;
    padding-bottom: 130px
}

.introduction-smm-right:before {
    background: #fff;
    padding: 100px;
    content: "";
    width: 100%;
    height: 145%;
    top: 0;
    position: absolute;
    left: 0;
    margin-left: -60px;
    margin-top: -60px
}

.introduction-smm-right {
    position: relative
}

.container.introduction-smm.introduction2 img {
    margin-right: -85px
}

body#case-study-template.case-study-2.page-smm.archive-app-development.game-development.android-development.app-development.contact header.header a.btn2:after {
    background: #546477
}

body#case-study-template.case-study-2.page-smm.archive-app-development.game-development.android-development.app-development.contact header.header a.btn2 {
    width: 180px
}

.findoutmore-slider img {
    padding-right: 25px
}

a.findoutmore-link {
    color: #06f;
    font-size: 22px;
    font-family: Gilroy-SemiBold;
    margin-top: 50px;
    position: absolute
}

.find-out-more .container2 .col-sm-6 {
    margin-top: -80px
}

.find-out-more {
    padding-bottom: 160px
}

.find-out-more .slick-prev::before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 30px !important;
    color: #282526 !important;
    visibility: visible;
    z-index: 9999;
    height: 29px;
    width: 20px;
    opacity: .2 !important
}

.find-out-more .slick-prev {
    margin-top: 25px !important
}

.find-out-more .slick-next:before {
    opacity: 1 !important;
    content: "\f104";
    font-family: FontAwesome;
    font-size: 40px !important;
    color: #06f !important;
    visibility: visible;
    z-index: 9999;
    height: 29px;
    width: 20px
}

.find-out-more .slick-next.slick-arrow {
    left: -60px
}

.find-out-more .slick-arrow {
    margin-top: 20px;
    background: 0 0 !important
}

body#home div.brands img:nth-child(6) {
    width: 150px
}

.brands img:nth-child(6) {
    width: 150px
}

.page-smm .client-brief h3 {
    font-size: 42px;
    font-family: Gilroy-Bold
}

.clients-revw h4 {
    font-size: 21.67px !important;
    font-family: Gilroy-Bold !important;
    opacity: .8;
    color: #282526 !important;
    margin: 35px 0 20px !important
}

.client-brefi-section {
    position: relative;
    padding-bottom: 35px
}

section.client-brief .col-sm-6:nth-child(2) .client-brefi-section:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ebeced;
    width: 100%;
    height: 100%;
    left: 15px
}

section.client-brief .col-sm-6:nth-child(2) .client-brefi-section:after {
    position: absolute;
    content: "";
    border-right: 1px solid #ebeced;
    width: 100%;
    height: 100%;
    left: 15px;
    top: 0
}

section.client-brief .col-sm-6:nth-child(3) .client-brefi-section:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ebeced;
    width: 100%;
    height: 100%;
    left: -15px
}

section.client-brief .col-sm-6:nth-child(4) .client-brefi-section:after {
    position: absolute;
    content: "";
    border-right: 1px solid #ebeced;
    width: 100%;
    height: 105%;
    left: 15px;
    top: -35px
}

section.client-brief.clients-revw .container {
    background: #fafafa;
    padding: 40px 0 50px
}

.count-numbers {
    color: #373435;
    font-size: 35px !important;
    font-family: Gilroy-SemiBold !important
}

section.count-numerics .col4:hover .count-numbers {
    color: #208fc8
}

.name-count {
    color: #208fc8;
    font-size: 12px !important;
    font-family: Gilroy-Bold !important;
    text-transform: uppercase;
    padding: 14px 0;
    letter-spacing: .5px
}

section.count-numerics {
    padding: 40px 0
}

section.count-numerics .col4 {
    position: relative;
    padding-bottom: 25px
}

section.count-numerics .col4:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 90%;
    border-right: 1px solid #f5f5f6;
    top: 10px
}

section.count-numerics .col4:last-child:before {
    content: none
}

section.count-numerics .col4:hover {
    box-shadow: 10px 14px 34px -12px #ccc
}

#home .home-slick-slider .slick-dots li button:before {
    font-size: 0
}

.onloadmore {
    display: none
}

.brands img:nth-child(7) {
    opacity: .5
}

.brands img:nth-child(6) {
    opacity: .4
}

.app-development section.recent-work .title-small {
    padding-left: 63px
}

.app-development section.recent-work .title-small:before {
    width: 12%;
    padding: 12px
}

.blog-page .project-i {
    height: 255px
}

.blog-page .project-col-iner .project-col-contents {
    padding: 0 10px 0 50px
}

.android-development .blog-page .caption p {
    font-family: Gilroy-Medium;
    margin: 0 0 20px;
    padding-top: 0 !important
}

.blog-page {
    padding-top: 140px
}

.projectcol-iner2 {
    display: none
}

.projectcol-iner3 {
    display: none
}

.projectcol-iner4 {
    display: none
}

.projectcol-iner5 {
    display: none
}

.projectcol-iner6 {
    display: none
}

.projectcol-iner7 {
    display: none
}

.projectcol-iner8 {
    display: none
}

body.game-development.android-development.app-development.ip-protection.mobile-app-sup section.ip-protection-services {
    padding-bottom: 0
}

body.talpool .title-small.title-numbers span {
    color: #eb2961
}

body#case-study-template.case-study-2.talpool .mission-sec p span {
    color: #eb2961
}

body.talpool.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 71% !important;
    background-position: left center;
    padding-top: 0
}

body.talpool.case-study-2 section#introduction4 {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 110px
}

body.talpool.case-study-2 nav a.btn2:after {
    background: #710f3e !important
}

body#case-study-template.case-study-2.archive-app-development.game-development.android-development.app-development.contact .main-header {
    background-size: cover !important
}

body.muirfield.case-study-2 nav a.btn2:after {
    background: #7d7050 !important
}

body.muirfield.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 71% !important;
    background-position: left center;
    padding-top: 0
}

body.muirfield.case-study-2 section#introduction4 {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 110px
}

body.muirfield .title-small.title-numbers span {
    color: #c92042
}

body#case-study-template.case-study-2.muirfield .mission-sec p span {
    color: #c92042
}

body#case-study-template.case-study-2.muirfield div.menu-header {
    border-bottom: 1px solid #7f7163 !important
}

body.u-news.case-study-2 nav a.btn2:after {
    background: #3a3ac5 !important
}

body.u-news.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 71% !important;
    background-position: left center;
    padding-top: 0
}

body.u-news.case-study-2 section#introduction4 {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 110px
}

body.u-news .title-small.title-numbers span {
    color: #03c9e5
}

body#case-study-template.case-study-2.u-news .mission-sec p span {
    color: #03c9e5
}

body#case-study-template.case-study-2.u-news div.menu-header {
    border-bottom: 1px solid #2995e0 !important
}

body#case-study-template.case-study-2.u-news section#introduction3 {
    background-size: 42% auto !important
}

body#case-study-template.case-study-2.u-news section#introduction5 + img {
    width: 100%
}

body#case-study-template.case-study-2.intogo section#introduction3 {
    background-size: 43% auto !important
}

@media (min-width: 1900px) and (max-width: 2625px) {
    body#case-study-template.case-study-2.u-news section#introduction3 {
        padding: 300px 0;
        padding: 300px 0
    }

    body#page4.game-development.android-development.app-development.web-development .project-col-iner {
        display: block !important
    }

    body#case-study-template.intogo.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important
    }

    body#case-study-template.RE4-Sale-Signs.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important
    }

    body#case-study-template.smartID.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important
    }

    body#case-study-template.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important
    }

    body#case-study-template.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide3 {
        background-position: 0 0 !important
    }

    #journey-main {
        background: url(../images/red-bg2.jpg);
        background-position: right;
        background-size: 103% 30% !important
    }

    body#home .black-box {
        margin-top: 0
    }

    body#home .mix-black-red {
        display: none
    }

    .Kush-Me section.home-slick-slider.main-slider.about-slider.slick-initialized.slick-slider {
        padding-bottom: 230px
    }

    .Kush-Me.case-study-2 section#introduction3, body#case-study-template.case-study-2.intogo section#introduction3, body#case-study-template.case-study-2.u-news section#introduction3, body#case-study-template.intogo.case-study-2 section#introduction3, body#case-study-template.u-news.case-study-2 section#introduction3 {
        background-size: 36% auto !important;
        margin-bottom: 15px
    }

    body#case-study-template.case-study-2.intogo section#introduction3 {
        background-size: 34% auto !important;
        margin-bottom: 15px
    }

    .landingpage .bg-wrap .col11 {
        padding-top: 120px
    }

    .landingpage .bg-wrap .col13 {
        padding-top: 150px
    }

    .landingpage #copy {
        bottom: 30px
    }

    .landingpage .form form:after {
        right: -13.4%
    }

    h1.fixedpos {
        top: 23%
    }

    .fixednavi {
        top: 45%
    }

    .landingpage .bg-primary3 .form, .landingpage .bg-primary5 .form {
        background: url(../images/landingpage/formbgslides.png)
    }

    .landingpage .bg-primary .form, .landingpage .bg-primary4 .form {
        background: url(../images/landingpage/formbgslides2.png)
    }

    .map-link3 {
        margin-left: -360px !important
    }

    .careers#page1.game-development.android-development .the-centaur.android-app-centaur {
        background-position: 0 0 !important
    }

    body.careers .variable-width {
        margin-left: 22%
    }
}

@media (max-width: 3025px) and (min-width: 1700px) {
    .Kush-Me .introduction2 .col10 {
        padding-right: 55px
    }

    section.home-slick-slider.main-slider.about-slider.slick-initialized.slick-slider {
        padding-bottom: 180px
    }

    .picture-pick section.home-slick-slider.main-slider.about-slider.slick-initialized.slick-slider {
        padding-bottom: 335px
    }

    body#case-study-template.intogo.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important;
        background-position: center center !important
    }

    body#case-study-template.RE4-Sale-Signs.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important;
        background-position: center center !important
    }

    body#case-study-template.smartID.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important;
        background-position: center center !important
    }

    body#case-study-template.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important;
        background-position: center center !important
    }

    body#case-study-template.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: cover !important;
        background-position: center center !important
    }

    body.case-study-2.RE4-Sale-Signs section#introduction3 {
        padding: 319px 0
    }

    body.qRoll section#introduction3 {
        padding: 400px 0
    }

    section#introduction5 + img {
        width: 100% !important
    }

    body.case-study-2 section#introduction3 {
        padding: 400px 0 !important
    }

    body#case-study-template.qRoll.archive-app-development.game-development.android-development.app-development.contact .slick-slide img {
        display: inline-block
    }

    body.case-study-2 section#introduction3 {
        padding: 200px 0 !important
    }

    body#case-study-template.Kush-Me.case-study-2 section#introduction3, body#case-study-template.case-study-2.intogo section#introduction3, body#case-study-template.case-study-2.u-news section#introduction3, body#case-study-template.intogo.case-study-2 section#introduction3, body#case-study-template.u-news.case-study-2 section#introduction3 {
        background-size: 36% auto !important;
        margin-bottom: 15px
    }

    body#case-study-template.case-study-2.intogo section#introduction3 {
        background-size: 34% auto !important;
        margin-bottom: 15px
    }
}

.intogo section.client-brief p {
    margin-bottom: 0
}

.GrabSawari section#introduction3 {
    background-size: 45% auto !important
}

.GrabSawari .introduction img {
    width: 80%
}

.GrabSawari .introduction2 img {
    width: 80%;
    float: right
}

.GrabSawari section#introduction5 + img {
    display: none
}

.GrabSawari section.client-brief .col-sm-4.about-numbers {
    padding-left: 0
}

body#case-study-template.OzLeasing.archive-app-development.game-development.android-development.app-development.contact nav a.btn2:after {
    background: #66bcd5
}

body#case-study-template.Oz-Leasing.archive-app-development.game-development.android-development.app-development.contact nav a.btn2:after {
    background: #66bcd5
}

body.intogo.case-study-2 nav a.btn2:after {
    background: #60bd49 !important
}

body.intogo.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 71% !important;
    background-position: left center;
    padding-top: 0
}

body.intogo.case-study-2 section#introduction4 {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 110px
}

body.intogo .title-small.title-numbers span {
    color: #6fcd45
}

body#case-study-template.case-study-2.intogo .mission-sec p span {
    color: #6fcd45
}

body#case-study-template.case-study-2.intogo div.menu-header {
    border-bottom: 1px solid #7f7163 !important
}

body.smartID.case-study-2 nav a.btn2:after {
    background: #2a61c8 !important
}

body.smartID.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 71% !important;
    background-position: left center;
    padding-top: 0
}

body.smartID.case-study-2 section#introduction4 {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 110px
}

body.smartID .title-small.title-numbers span {
    color: #16abf0
}

body#case-study-template.case-study-2.smartID .mission-sec p span {
    color: #16abf0
}

body#case-study-template.case-study-2.smartID div.menu-header {
    border-bottom: 1px solid #7f7163 !important
}

body.RE4-Sale-Signs.case-study-2 nav a.btn2:after {
    background: #342965 !important
}

body.RE4-Sale-Signs.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 71% !important;
    background-position: left center;
    padding-top: 0
}

body.RE4-Sale-Signs.case-study-2 section#introduction4 {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 110px
}

body.RE4-Sale-Signs .title-small.title-numbers span {
    color: #c93182
}

body#case-study-template.case-study-2.RE4-Sale-Signs .mission-sec p span {
    color: #c93182
}

body#case-study-template.case-study-2.RE4-Sale-Signs div.menu-header {
    border-bottom: 1px solid #493e74 !important
}

body#case-study-template.intogo.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
    background-size: 100% 100% !important
}

body#case-study-template.RE4-Sale-Signs.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
    background-size: 100% 100% !important
}

body#case-study-template.smartID.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
    background-size: 100% 100% !important
}

@media (max-width: 1900px) and (min-width: 1100px) {
    body#case-study-template.RE4-Sale-Signs.case-study-2.archive-app-development.game-development.android-development.app-development.contact main div.main-header {
        background-size: 102% auto !important
    }

    body#case-study-template.RE4-Sale-Signs.case-study-2.archive-app-development.game-development.android-development.app-development.contact .caption .col-sm-6.text-col {
        padding-top: 140px;
        width: 42%
    }
}

@media (max-width: 1900px) and (min-width: 1400px) {
    div.bg-primary4 a.btn3:after {
        background: #a7307f !important
    }

    div.bg-primary5 a.btn3:after {
        background: #2896ca !important
    }

    div.bg-primary00 a.btn3:after {
        background: #66aa42 !important
    }

    div.bg-primary a.btn3:after {
        background: #e4e4e4 !important
    }
}

@media (max-width: 1400px) and (min-width: 1200px) {
    .responsive-mac-wrap .view-more-case {
        bottom: 100px !important
    }

    div.responsive-mac-wrap {
        padding-top: 94%;
        position: relative
    }

    div.mac-area {
        max-width: 800px;
        max-height: 866px;
        max-width: 750px;
        max-height: 816px
    }
}

@media (min-width: 100px) and (max-width: 768px) {
    .stratup-enterprise img {
        width: 37px !important
    }

    #home .caption h1 {
        font-size: 30px !important
    }

    div.row.baner.slick-slide.slide1 img, div.row.baner.slick-slide.slide2 img, div.row.baner.slick-slide.slide3 img {
        display: none !important
    }

    div.our-expertise h2:before {
        content: none !important
    }

    .mix-black-red {
        display: none
    }

    section.black-box {
        padding-top: 150px
    }

    html.responsive-footer-col body#home .facts-figures {
        margin-top: 0;
        padding-top: 50px !important;
        overflow:hidden;
    }

    html.responsive-footer-col body#home section.boost {
        padding-top: 200px !important
    }

    header.header.fixed {
        background: 0 0;
        opacity: 1;
        padding-bottom: 15px
    }

    #shiva5:before {
        content: "%";
        position: absolute;
        left: 100px;
        top: 0;
        width: 200px;
        height: 100px
    }

    #shiva6:before {
        content: "%";
        position: absolute;
        left: 105px;
        top: 0;
        width: 200px;
        height: 100px
    }

    #shiva7:before {
        content: "+";
        position: absolute;
        left: 110px;
        top: 0;
        width: 200px;
        height: 100px
    }

    .team-pics .col7 h4 {
        margin-top: 20px
    }

    section.the-founder .col7 {
        width: 100%;
        padding-bottom: 20px
    }

    section.the-founder .col10 {
        width: 100%;
        padding-bottom: 20px
    }

    .profile-info-projects + .tabs-solutions {
        padding: 50px 0 200px
    }

    .blog-page .col-sm-12.text-col.text-center p, .col-sm-12.text-col.text-center.projects.nopad h4 {
        margin: 20px !important
    }

    .blog-page {
        padding-top: 30px
    }

    div.mainblog h4 {
        font-size: 25px;
        height: auto !important
    }

    .blog-page .project-i {
        height: auto
    }

    .blog-page .col-sm-12.text-col.text-center p {
        padding: 0 !important
    }

    .social-sidebar {
        display: none
    }

    .main-header.blogs {
        margin-top: 0 !important;
        background-size: 100% !important
    }

    .blog-page hr + h4 {
        padding: 0 10px
    }

    .banner-for-mobile {
        display: block !important;
        padding: 50px 0 !important
    }

    .banner-for-desktop {
        display: none !important
    }

    #home .modal.fade {
        display: none
    }

    .home-slick-slider.main-slider {
        margin-bottom: 30px
    }

    div.panel-group div.panel {
        height: 100px !important
    }

    .modal-body iframe {
        width: 100% !important
    }

    html.responsive-footer-col body.contact.game-development.android-development.app-development .facts-figures {
        padding: 20px !important
    }

    body.contact section.facts-figures.map-wrap .col8 {
        width: 100%
    }

    body.contact .map-links {
        display: none
    }
}

.banner-for-mobile {
    display: none
}

.banner-for-desktop {
    display: block
}

.main-header.blogs {
    background-size: 100% 100% !important
}

.view-more-case {
    padding: 50px 0 30px
}

.view-more-case a.btn3 {
    width: 185px
}

.bg-wrap {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: -100px
}

.responsive-mac-wrap .view-more-case {
    padding: 50px 0 30px;
    z-index: 999999999999;
    color: #fff;
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -92px
}

.responsive-mac-wrap .view-more-case a {
    color: #fff
}

.bg-primary00 a.btn3:after {
    background: #73bf4a !important
}

.bg-primary a.btn3:after {
    background: #33beff !important
}

.bg-primary3 a.btn3:after {
    background: #0e0757 !important
}

.bg-primary4 a.btn3:after {
    background: #bc368f !important
}

.bg-primary5 a.btn3:after {
    background: #33beff !important
}

body#page2.game-development.android-development.iphone-development .recent-work .title-small {
    letter-spacing: 0;
    padding-left: 12.48%;
    text-transform: inherit;
    color: #282526;
    font-family: Gilroy-Medium;
    font-size: 32px;
    padding-bottom: 30px;
    padding-top: 10px;
    text-align: right
}

body#page2.game-development.android-development.iphone-development .recent-work .title-small:before {
    margin-top: 25px
}

.view-more-case.v-web a.btn3:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 35%;
    width: 5px;
    height: 30%;
    background: 0 0
}

.view-more-case.v-mobile-app a.btn3:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 35%;
    width: 5px;
    height: 30%;
    background: 0 0
}

.view-more-case.v-web a.btn3:before {
    content: none
}

.view-more-case.v-mobile-app a.btn3:before {
    content: none
}

body.SmartID .v-web, body.qRoll .v-web, body.u-news .v-web {
    display: none
}

body.SmartID .v-mobile-app.view-more-case, body.qRoll .v-mobile-app.view-more-case, body.u-news .v-mobile-app.view-more-case {
    display: block !important
}

.view-more-case.v-mobile-app a {
    width: 230px
}

body#home .view-more-case a.btn3 {
    width: 220px
}

.android-app-development .android-project02 {
    padding-bottom: 40px
}

body.iphone-app-development .service-main02 {
    background: #edf1fd !important;
    padding: 50px 0;
    height: 715px
}

body.app-development-blade .service-main01 {
    background: #5cbdc6 !important;
    padding: 50px 0;
    height: 715px
}

body.app-development-blade .service-main02 {
    background: #8ba1f6 !important;
    padding: 50px 0;
    height: 705px
}

body.main-services-page .service-main01 {
    background: #5cbdc6 !important;
    padding: 50px 0;
    height: 715px
}

body.main-services-page .service-main02 {
    background: #8ba1f6 !important;
    padding: 50px 0;
    height: 715px
}

/*.muirfield .android-project02 {*/
/*padding: 40px 0*/
/*}*/

/*.RE4-Sale-Signs .android-project02 {*/
/*padding: 40px 0*/
/*}*/

/*.SmartID .android-project02 {*/
/*padding: 40px 0*/
/*}*/

/*.SmartID .android-project01 {*/
/*padding: 40px 0*/
/*}*/

/*.qRoll .android-project02 {*/
/*background: #8ba1f6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.Oz-Leasing .android-project02 {*/
/*background: #5cbdc6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.Oz-Leasing .android-project01 {*/
/*background: #8ba1f6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.talpool .android-project01 {*/
/*background: #5cbdc6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.talpool .android-project02 {*/
/*background: #8ba1f6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.u-news .android-project02 {*/
/*background: #5cbdc6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.u-news .android-project01 {*/
/*background: #8ba1f6 !important;*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.intogo .android-project01 {*/
/*padding: 50px 0;*/
/*height: 715px*/
/*}*/

/*.intogo .android-project02 {*/
/*padding: 40px 0*/
/*}*/

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

.bg-primary a.btn3:after {
    background: #fff !important
}

.bg-primary a.btn3 {
    color: #282526 !important
}

body.SmartID.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 100% !important;
    background-position: left center;
    padding-top: 60px
}

.android-app-development .left-bar-number:before {
    top: -35px;
    right: -34px
}

.android-app-development .left-bar-number:last-child:after {
    top: 26px;
    right: -34px
}

.android-app-development .left-bar-number.active-slide:last-child:after {
    right: -34px
}

.main-services-page .left-bar-number:before {
    top: -35px;
    right: -34px
}

.main-services-page .left-bar-number:last-child:after {
    top: 26px;
    right: -34px
}

.main-services-page .left-bar-number.active-slide:last-child:after {
    right: -34px
}

.collapse {
    display: block !important;
    opacity: 0
}

.collapse.in {
    opacity: 1
}

body#home .panel-default > .panel-heading + .panel-collapse > .panel-body {
    margin-right: 2.32% !important
}

.mac-area {
    max-width: 1100px;
    max-height: 649px
}

.responsive-mac-wrap {
    padding-top: 77%;
    position: relative
}

body#home .view-more-case a.btn3:before {
    content: none !important
}

body#home .view-more-case a.btn3:after {
    content: none !important
}

body#home .view-more-case a.btn3 {
    border: 1px solid #fff
}

body#home .row.bg-primary .view-more-case a.btn3 {
    border: 1px solid #ef5123 !important
}

body#case-study-template.SmartID.case-study-2.archive-app-development.game-development.android-development.app-development.contact nav a.btn2:after {
    background: #328aeb
}

img.not-desktop {
    display: none
}

section.client-brief {
    padding-top: 0;
    font-size: 16px;
    margin-top: -60px
}

.view-more-case:hover a {
    background: #ee3824;
    color: #fff;
    transition: all .5s ease
}

body#case-study-template.Oz-Leasing.archive-app-development.game-development.android-development.app-development.contact nav a.btn2:after {
    background: #97d5e2
}

.testimonial-slider123 {
    display: none !important
}

.clients-slider button.slick-next.slick-arrow {
    right: -57%
}

.clients-slider button.slick-prev.slick-arrow {
    left: -57%
}

#home .video-testimonials-bg {
    width: 100%
}

button.btn.btn-default {
    border-color: #ee3824
}

button.btn.btn-default:hover {
    background: #ee3824;
    color: #fff
}

section.video-testimonials .col-sm-6 .video-testimonials1 {
    box-shadow: 1px 12px 15px -4px #ccc
}

#home .caption h1 {
    font-size: 42px !important;
    text-transform: capitalize
}

body#page2.iphone-app-development.android-development #journey-main {
    background: #282526 url(../images/iphone-page-bg-gray-red-shadow.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 30px 0;
    height: 1040px;
    margin-top: -10px
}

body#page3.game-development.wearable-app-development .android-development #journey-main {
    background: #282526 url(../images/bg-gray-red-shadow.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 820px
}

section.our-exec-team, section.the-founder {
    display: none
}

.blog-page .col-sm-12.text-col.text-center p {
    font-family: Gilroy-Regular;
    font-size: 14px;
    text-align: justify
}

@media (min-width: 100px) and (max-width: 350px) {
    #home .caption h1 {
        font-size: 30px !important
    }
}

.blog-page.mainblog .project-col-iner .project-col-contents {
    padding: 10px
}

div.mainblog h4 {
    font-size: 25px;
    height: 75px
}

.blog-page .col-sm-4 img {
    border: 20px solid #fff;
    box-shadow: 0 10px 45px 0 #ccc
}

.main-header.blogs {
    padding: 220px 0;
    margin-top: 90px
}

h4.blog-heading {
    font-size: 44px !important;
    margin-bottom: 50px !important;
    font-weight: 900;
    color: #ee3824 !important
}

.blog-page .col-sm-12.text-col.text-center p {
    font-size: 16px;
    font-weight: 700;
    padding: 0 50px
}

.panel-heading a:before {
    content: "";
    font-family: 'Glyphicons Halflings';
    content: \e114;
    float: right;
    transition: all .5s;
    background: url(../images/arrow-top.svg) no-repeat !important;
    width: 20px;
    height: auto;
    padding: 10px;
    position: absolute;
    right: 30px;
    font-size: 0;
    z-index: 1
}

.panel-heading.active a:before {
    right: 0;
    top: 3px;
    margin-top: 22px !important
}

.video-testimonials .col-sm-6 {
    margin: 30px 0
}

.blog-page.mainblog h2 {
    color: #000;
    margin-bottom: 30px
}

body, html {
    position: relative
}

.social-sidebar {
    position: absolute;
    left: 0;
    top: 50%
}

.social-fixed ul {
    list-style: none;
    padding-left: 10px
}

.social-fixed ul li {
    padding: 10px
}

.social-fixed ul li a {
    font-size: 30px;
    color: #ee3824
}

.blog-page hr + h4 {
    font-size: 26px;
    margin-bottom: 20px
}

h4.text-left {
    text-align: left !important;
    font-size: 26px;
    margin-bottom: 20px;
    padding-left: 50px
}

h4.blog-heading {
    font-size: 44px !important;
    margin-bottom: 24px !important;
    font-weight: 900;
    color: #ee3824 !important
}

.date-post-publish {
    font-size: 14px;
    line-height: 1.5rem;
    text-align: center;
    margin: .5rem 0 0;
    margin-bottom: 24px
}

.blog-page .col-sm-12.text-col.text-center p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 150px;
    line-height: 28px
}

.meet-the-team-behind-qRoll .blog-page .col-sm-12.text-col.text-center p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 50px;
    line-height: 28px
}

.inner-blog hr {
    border-top: 1px solid #ee3824;
    margin: 20px 150px
}

.meet-the-team-behind-qRoll hr {
    border-top: 1px solid #ee3824
}

.container.single-testimonial-bob .video-testimonials1 {
    box-shadow: 2px 2px 30px 2px #ccc
}

h3.clientfdb {
    color: #ee3824 !important;
    text-align: center;
    padding-bottom: 30px
}

.meet-the-founder-of-qroll .blog-page .col-sm-12.text-col.text-center p {
    padding: 0 30px
}

body.smm_cat .view-more-case, body.smm_cat section#introduction5 + img, body.smm_cat section.hand-phone, body.smm_cat section.recent-work {
    display: none
}

body.seo_cat .view-more-case, body.seo_cat section#introduction5 + img, body.seo_cat section.hand-phone, body.seo_cat section.recent-work {
    display: none
}

.openNavcs {
    font-size: 30px;
    cursor: pointer
}

.menu-for-mobile {
    display: none
}

.clear {
    clear: both !important
}

.ozcustom {
    padding: 56.25% 0 0;
    position: relative
}

@media (min-width: 1400px) and (max-width: 1800px) {
    #home .container.journey-main {
        padding-left: 40px
    }
}

.modal-body iframe {
    border: 0
}

.contact-canada-banner {
    background: url(../images/contact-hover22.png) no-repeat;
    position: absolute;
    padding: 30px;
    top: -250px;
    padding-left: 60px;
    left: 25px;
    width: 500px;
    z-index: 999999;
    padding-top: 30px;
    background-size: cover;
    padding-bottom: 65px;
    transition: all .25s ease
}

div#triangleup {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    transform: rotate(90deg);
    margin-top: 20px;
    margin-left: 18px
}

section.video-testimonials .col-sm-6:hover .play-btn #triangleup {
    border-bottom: 10px solid #f89b5b
}

body.Cydomedia-Black-Friday .about-numbers1.col-sm-4.about-numbers:before {
    left: -8% !important
}

.videos-testmonials-clients {
    display: none
}

.right.col-sm-6.nopad123 {
    margin-left: -25px
}

.caption .not-desktop {
    display: none
}

.modalbodycustom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.clutch_widget123 {
    display: none !important
}

.thanksyou {
    margin: 150px 0 50px
}

#shiva1:after {
    content: "+";
    position: absolute
}
#shiva2:after {
    content: "+";
    position: absolute
}
#shiva4:after {
    content: "+";
    position: absolute
}
#shiva1:before, #shiva2:before {
    left: 115px
}

.modal-open {
    overflow: hidden;
    position: fixed
}

.Play-Entertainment.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 82% !important;
    background-position: left center;
    margin-top: -180px;
    padding-top: 0
}

.Play-Entertainment.case-study-2 section#introduction4 {
    padding-bottom: 0;
    margin-top: 125px
}

.Play-Entertainment.case-study-2 .introduction {
    display: inline-block;
    padding-bottom: 60px
}

.Play-Entertainment section#introduction5 .col13 {
    display: none
}

body#case-study-template.android-development.Kush-Me.case-study-2 nav a.btn2:after, body#case-study-template.app-development.Kush-Me.case-study-2 nav a.btn2:after, body#case-study-template.game-development.Kush-Me.case-study-2 nav a.btn2:after, body#case-study-template.web-development.Kush-Me.case-study-2 nav a.btn2:after {
    background: #1aa60f
}

.Kush-Me#case-study-template.case-study-2 .mission-sec p span {
    color: #1aa60f
}

.Kush-Me .title-small.title-numbers span {
    color: #1aa60f
}

.Kush-Me.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/talppol-grey-bg.png) no-repeat !important;
    background-size: 90% 82% !important;
    background-position: left center;
    margin-top: -180px;
    padding-top: 0;
    text-align: left
}

.Kush-Me.case-study-2 section#introduction3 {
    background-size: 45% auto !important;
    margin-bottom: 15px
}

.Kush-Me.case-study-2 section#introduction4 {
    padding-bottom: 0;
    padding-top: 50px
}

.take-charge button.btn.btn-info.btn-lg, .take-charge button.btn.btn-info.btn-lg:focus {
    border: 1px solid #ee3824;
    background: #fff;
    color: #000;
    border-radius: 0;
    float: right;
    margin-top: 30px;
    font-family: Gilroy-Medium;
    font-size: 12px;
    border: 1px solid #ee3824 !important;
    height: 40px;
    background-size: 100% 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline-block
}

.take-charge button.btn.btn-default {
    margin-top: -36px;
    position: relative
}

.take-charge.modal-open .menu-header {
    display: none
}

.landingpage .bg-primary {
    background: url(../images/landingpage/slide01bg.jpg) no-repeat;
    background-size: 101.8%
}

.landingpage .bg-wrap {
    top: 20px;
    text-align: left
}

.landingpage #copy {
    position: fixed;
    bottom: 10px;
    text-align: left;
    width: 100%;
    z-index: 9999;
    color: #fff;
    font-size: 12px
}

.landingpage h1 {
    font-size: 42px !important;
    font-family: Gilroy-Regular;
    font-weight: 300;
    padding-top: 80px;
    position: relative
}

.landingpage h2 {
    font-size: 42px !important;
    font-family: Gilroy-Bold;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 20px
}

.landingpage p {
    font-size: 16px !important;
    font-family: Gilroy-Regular;
    opacity: .6;
    line-height: 26px
}

.heading-number {
    font-size: 45px !important;
    font-family: Gilroy-Regular;
    margin-bottom: 20px
}

.landingpage .box1 {
    font-size: 16px !important;
    font-family: Gilroy-SemiBold;
    width: 33%;
    float: left
}

.landingpage div.mac-area {
    max-width: 100%;
    max-height: 100%
}

.landingpage .box1 {
    font-size: 16px !important;
    font-family: Gilroy-SemiBold;
    width: 140px;
    float: left;
    border: 1px solid #fff;
    padding: 30px 20px 20px;
    margin-right: 30px;
    cursor: pointer;
    z-index: 99999;
    position: relative
}

.landingpage .box1:hover {
    background: #fff;
    color: #282526
}

.landingpage .box1:hover .heading-number {
    color: #452b69
}

.landingpage .form {
    background: url(../images/landingpage/slide1form.png);
    padding: 60px 20px 30px;
    background-size: 100%;
    position: relative;
    z-index: 999999
}

.landingpage .form h2 {
    font-size: 36px !important;
    font-family: Gilroy-Bold;
    margin-bottom: 10px;
    margin-top: 0
}

.landingpage .form h2 span {
    font-size: 36px !important;
    font-family: Gilroy-Light;
    font-weight: 200
}

.landingpage .form p {
    font-size: 16px !important;
    font-family: Gilroy-SemiBold;
    opacity: 1
}

.landingpage label {
    color: #282526;
    font-size: 11px;
    font-family: Gilroy-Regular;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
    opacity: .4;
    letter-spacing: 1px
}

.landingpage input[type=email], .landingpage input[type=text], .landingpage select, .landingpage textarea {
    color: #282526;
    font-size: 14px;
    font-family: Gilroy-Regular;
    border: 0;
    padding: 10px;
    width: 100%;
    padding-left: 0;
    border-bottom: 1px solid #ccc;
    resize: none
}

.landingpage form {
    width: 75%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 40px
}

.landingpage input[type=submit] {
    background: #ef4823;
    color: #fff;
    font-size: 12.5px;
    font-family: Gilroy-Bold;
    border: 0;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 5px
}

.landingpage .bg-primary3 {
    background: url(../images/landingpage/slide02bg.jpg) no-repeat;
    background-size: 101.8%
}

.landingpage .bg-primary4 {
    background: url(../images/landingpage/slide03bg.jpg) no-repeat;
    background-size: 101.8%
}

.landingpage .bg-primary5 {
    background: url(../images/landingpage/slide004bg.jpg) no-repeat;
    background-size: 101.8%
}

.landingpage .bg-primary3 #copy {
    text-align: right
}

.landingpage .bg-primary5 #copy {
    text-align: right
}

.landingpage .col11 p {
    color: #fff
}

.landingpage .bg-primary3 h1 {
    color: #fff
}

.landingpage .bg-primary3 p {
    color: #fff;
    opacity: .6;
    margin-bottom: 50px
}

.landingpage .bg-primary3 {
    position: relative
}

h1.fixedpos {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 999999;
    color: #fff
}

.landingpage .bg-primary5 h1 {
    color: #fff
}

.landingpage .bg-primary5 p {
    color: #fff;
    margin-bottom: 20px
}

.dat-col span {
    text-align: right;
    float: right;
    font-size: 18px;
    color: #fff;
    padding-top: 55px
}

.dat-col + i {
    font-size: 18px;
    color: #fff;
    font-family: Gilroy-Regular
}

.author {
    font-size: 22px;
    color: #fff;
    font-family: Gilroy-Medium;
    margin-top: 20px
}

.author span {
    font-size: 16px;
    color: #fff;
    font-family: Gilroy-Light
}

.fixednavi {
    position: fixed;
    top: 50%;
    right: -10%
}

.fixednavi ul {
    padding: 0
}

.fixednavi ul li {
    list-style: none
}

.fixednavi ul li a {
    border-bottom: 1px solid #ccc;
    width: 25px;
    padding: 12px;
    text-align: right;
    float: right;
    clear: both;
    opacity: .4
}

.fixednavi ul li.current a {
    width: 50px;
    border-bottom: 1px solid #fff;
    opacity: 1
}

.fixednavi .col13 {
    position: relative
}

.fixednavi .col11 {
    position: relative
}

.top a {
    background: url(../images/landingpage/top.png) no-repeat;
    position: absolute;
    left: -7%;
    top: 35%;
    width: 21px;
    height: 47px;
    padding: 10px;
    scroll-behavior: smooth
}

.landingpage .mac-area-clip:before {
    position: absolute;
    right: 0;
    top: 15%;
    width: 51px;
    height: 103px;
    background: url(../images/landingpage/bal1.png) no-repeat;
    content: ""
}

.landingpage .form form:after {
    position: absolute;
    right: -23.5%;
    bottom: 10%;
    width: 160px;
    height: 160px;
    background: url(../images/landingpage/ball2.png) no-repeat;
    content: "";
    z-index: -1
}

.landingpage h1:before {
    position: absolute;
    right: 25%;
    top: 10%;
    width: 25px;
    height: 25px;
    background: url(../images/landingpage/small-ball.png) no-repeat;
    content: "";
    z-index: -1
}

body:not(#home) .mac-area-clip:after {
    position: absolute;
    left: 0;
    top: 65%;
    width: 103px;
    height: 149px;
    background: url(../images/landingpage/curv-lines.png) no-repeat;
    content: ""
}

.landingpage .bg-primary3 h1:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 103px;
    height: 103px;
    background: url(../images/landingpage/slide2ball2.png) no-repeat;
    content: "";
    z-index: -1
}

.landingpage .bg-primary3 .mac-area-clip:before {
    content: none
}

.landingpage .bg-primary4 h1:before {
    content: none
}

.landingpage .bg-primary5 .mac-area-clip:before {
    left: 0;
    right: auto;
    transform: rotate(180deg)
}

.landingpage .bg-primary5 h1:before {
    bottom: 40%;
    top: auto;
    content: none
}

div#slide4 .col13 {
    position: relative
}

div#slide4 .col13:after {
    position: absolute;
    right: 25%;
    bottom: -20%;
    width: 25px;
    height: 25px;
    background: url(../images/landingpage/small-ball.png) no-repeat;
    content: "";
    z-index: -1
}

div#slide3 .mac-area-clip:after {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 247px;
    height: 458px;
    background: url(../images/landingpage/left-slide3.png) no-repeat;
    content: "";
    background-size: 80%
}

.Oz-Leasing.case-study-2 section#case-studies-slider {
    /*background: url(../images/case-studies/grey-bg-case-study.png) left center no-repeat !important*/
}

.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/bg-grey-case-studies.jpg) no-repeat !important
}

body#case-study-template.Play-Entertainment.android-development.case-study-2 nav a.btn2:after, body#case-study-template.Play-Entertainment.app-development.case-study-2 nav a.btn2:after, body#case-study-template.Play-Entertainment.game-development.case-study-2 nav a.btn2:after, body#case-study-template.Play-Entertainment.web-development.case-study-2 nav a.btn2:after {
    background: #9f2fb5
}

body#case-study-template.OzLeasing.android-development.case-study-2 nav a.btn2:after, body#case-study-template.OzLeasing.app-development.case-study-2 nav a.btn2:after, body#case-study-template.OzLeasing.game-development.case-study-2 nav a.btn2:after, body#case-study-template.OzLeasing.web-development.case-study-2 nav a.btn2:after {
    background: #97d5e2
}

body#case-study-template.supply-grocery.android-development.case-study-2 nav a.btn2:after, body#case-study-template.supply-grocery.app-development.case-study-2 nav a.btn2:after, body#case-study-template.supply-grocery.game-development.case-study-2 nav a.btn2:after, body#case-study-template.supply-grocery.web-development.case-study-2 nav a.btn2:after {
    background: #169d1d
}

body#case-study-template.Cydomedia-Black-Friday.android-development.case-study-2 nav a.btn2:after, body#case-study-template.Cydomedia-Black-Friday.app-development.case-study-2 nav a.btn2:after, body#case-study-template.Cydomedia-Black-Friday.game-development.case-study-2 nav a.btn2:after, body#case-study-template.Cydomedia-Black-Friday.web-development.case-study-2 nav a.btn2:after {
    background: #fe0032
}

body#case-study-template.Cydomedia.android-development.case-study-2 nav a.btn2:after, body#case-study-template.Cydomedia.app-development.case-study-2 nav a.btn2:after, body#case-study-template.Cydomedia.game-development.case-study-2 nav a.btn2:after, body#case-study-template.Cydomedia.web-development.case-study-2 nav a.btn2:after {
    background: #fe0032
}

body#case-study-template.GrabSawari.android-development nav a.btn2:after, body#case-study-template.GrabSawari.app-development nav a.btn2:after, body#case-study-template.GrabSawari.game-development nav a.btn2:after, body#case-study-template.GrabSawari.web-development nav a.btn2:after {
    background: #858578
}

.DreamEnergy.case-study-2 section#case-studies-slider {
    padding-top: 0
}

body#case-study-template.DreamEnergy.android-development.case-study-2 nav a.btn2:after, body#case-study-template.DreamEnergy.app-development.case-study-2 nav a.btn2:after, body#case-study-template.DreamEnergy.game-development.case-study-2 nav a.btn2:after, body#case-study-template.DreamEnergy.web-development.case-study-2 nav a.btn2:after {
    background: #847b41
}

.DreamEnergy#case-study-template.case-study-2 .mission-sec p span {
    color: #75cb4c
}

.DreamEnergy .title-small.title-numbers span {
    color: #75cb4c
}

.landingpage .bg-primary3 h1 {
    color: #fff;
    padding-bottom: 50px
}

.map-wrap label {
    width: 80px;
    float: left
}

.landingpage .form {
    background: url(../images/landingpage/slide1form.png);
    padding: 60px 20px 30px;
    background-size: 100%;
    position: fixed;
    top: 30px;
    right: 10%
}

.landingpage .bg-primary, .landingpage .bg-primary3, .landingpage .bg-primary4, .landingpage .bg-primary5 {
    background-image: none !important;
    background-color: transparent !important
}

.landingpage .form p {
    font-size: 16px !important;
    font-family: Gilroy-SemiBold;
    opacity: 1;
    color: #fff
}

.bg-primary3 h1 {
    margin-top: 65px
}

.landingpage input[type=submit]:hover {
    transition: all ease 1.5s;
    transform: scale(1.01);
    box-shadow: 2px 2px 20px 2px #ccc
}

footer .col9.social_icons.pull-left.nopad.text-left.footercol1 {
    margin-top: 0
}

/*.map-link1 {*/
/*    margin-top: -69px;*/
/*    margin-left: -40px*/
/*}*/

/*.map-link2 {*/
/*    margin-top: 12px;*/
/*    margin-left: -25px*/
/*}*/

/*.map-link3 {*/
/*    margin-top: 35px;*/
/*    margin-left: -58px;*/
/*    top: 20px;*/
/*    left: 50%*/
/*}*/

body.contact section.facts-figures.map-wrap {
    position: relative
}

.contact-canada-banner {
    padding: 10px;
    top: -100px;
    padding-left: 40px;
    left: 25px;
    width: 240px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 65px;
    transition: all .25s ease;
    height: 105px;
}

.contact-canada-banner h2 {
    margin-top: 20px
}

.goodfirm-blogs-post {
    list-style: none;
    padding-left: 0
}

.goodfirm-blogs-post strong {
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    display: inline-block
}

.blog-page .aboutthe-author h4 {
    font-size: 26px;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 30px
}

.aboutthe-author img {
    border: 20px solid #fff;
    box-shadow: 0 10px 45px 0 #ccc
}

.blog-page.mainblog .project-col-iner .project-col-contents {
    min-height: 140px
}

.stratup-enterprise {
    position: absolute;
    right: 0;
    top: 220px !important
}

#home .stratup-enterprise {
    display: block
}

.android, .apple, .desktop-img, .footer-logo, .games, .img-1, .img-2, .img-3, .img-4, .img-5, .img-6 {
    display: inline-block;
    background: url(images/sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.img-1 {
    background-position: -199px -73px;
    width: 37px;
    height: 46px
}

.img-2 {
    background-position: -236px -73px;
    width: 37px;
    height: 46px
}

.img-3 {
    background-position: 0 -79px;
    width: 37px;
    height: 46px
}

.img-4 {
    background-position: -37px -79px;
    width: 37px;
    height: 46px
}

.img-5 {
    background-position: -74px -111px;
    width: 37px;
    height: 46px
}

.img-6 {
    background-position: -111px -111px;
    width: 37px;
    height: 46px
}

.footer-logo {
    background-position: 0 -9px;
    width: 146px;
    height: 22px
}

.apple {
    background-position: 0 -31px;
    width: 51px;
    height: 48px
}

.games {
    background-position: -51px -31px;
    width: 51px;
    height: 48px
}

.desktop-img {
    background-position: -102px -73px;
    width: 49px;
    height: 38px
}

.android {
    background-position: -199px -119px;
    width: 37px;
    height: 45px
}

.android, .apple, .desktop-img, .games {
    float: left;
    margin-right: 15px
}

@media (min-width: 100px) and (max-width: 768px) {
    .stratup-enterprise img {
        width: 37px !important
    }

    #home .caption h1 {
        font-size: 30px !important
    }
}

.maplink123 {
    background: #b6b6b6;
    width: 53px;
    height: 53px;
    border-radius: 50%
}

@keyframes maplink {
    50% {
        opacity: 0
    }
}

.stratup-enterprise div {
    transform: rotate(90deg);
    padding-top: 60px;
    padding-left: 130px
}

#home .stratup-enterprise a {
    color: #fff
}

.stratup-enterprise a {
    color: #f37a20
}

.stratup-enterprise {
    background: url(https://www.tekrevol.com/assets/images/enterprise22bold.png) no-repeat;
    right: 0;
    width: 59px;
    height: 225px;
    font-size: 22px;
    font-family: Gilroy-Bold
}

.contact-canada-banner {
padding: 10px; top: -90px; padding-left: 40px; left: 25px; width: 260px; padding-top: 0; background-size: 100% 100%; padding-bottom: 65px; transition: all .25s ease; height: 105px;
}

h1.blog-heading {
    font-size: 44px !important;
    margin-bottom: 24px !important;
    font-weight: 900;
    color: #ee3824 !important
}

.blog-page hr + h4 a {
    color: #333
}

.maplink {
    background-color: #b6b6b6;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.beacon {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #b6b6b6;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.beacon:before, .maplink:before {
    position: absolute;
    content: "";
    height: 2em;
    width: 2em;
    left: 2px;
    top: 2px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px 2px #fff;
    -webkit-animation: active 2s infinite linear;
    animation: active 2s infinite linear;
}

@-webkit-keyframes active {
    0% {
        -webkit-transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(2.5);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes active {
    0% {
        transform: scale(.1);
        opacity: 1
    }
    70% {
        transform: scale(2.5);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.maplink b {
    background: #fff;
    position: absolute;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: .2;
    -webkit-animation: pulse 5s 0 infinite;
    animation: pulse 5s 0 infinite
}

.maplink b:nth-of-type(1) {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation-delay: 0;
    animation-delay: 0;
    animation: active 0 infinite linear
}

.maplink b:nth-of-type(2) {
    -webkit-transform: scale(.55);
    -ms-transform: scale(.55);
    transform: scale(.55);
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    animation: active 3s infinite linear
}

.maplink b:nth-of-type(3) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    animation: active 3s infinite linear
}

.maplink b:nth-of-type(4) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    animation: active 3s infinite linear
}

.maplink b:nth-of-type(5) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    animation: active 3s infinite linear
}

.careers a.btn1.btn3.btn4 {
    width: 310px;
    padding-bottom: 20px;
    display: inline-block;
    line-height: 17px
}

.careers .tabs-solutions h3 {
    font-size: 42px;
    font-family: Gilroy-Medium
}

.careers .tabs-solutions .col12 h3 {
    font-size: 26px;
    font-family: Gilroy-Medium
}

.careers .how-we-work-sec div.web-app-slider2 .slick-dots {
    bottom: 157px
}

.careers.game-development.android-development section.the-centaur.android-app-centaur:before {
    background: url(../images/career-man.png) no-repeat !important;
    width: 431px;
    margin-top: 100px
}

.careers .col12.col-s24 + .col12.col-s24 .blk-box-inner {
    padding-right: 0
}

.careers section.ultimate.robust {
    display: block;
    background: #fff
}

.careers#page1.game-development.android-development .the-centaur.android-app-centaur {
    background-image: url(../images/career-bg.jpg) !important
}

.careers.android-development .game-4-boxes li {
    width: 45%;
    padding-bottom: 0;
    margin-left: 2% !important;
    margin-right: 3% !important;
    margin-top: 10px
}

.careers .robust .col12.ultimate2 {
    padding: 0
}

.careers .how-we-work-sec {
    display: inline-block;
    width: 100%;
    margin-top: 100px
}

body.internship.careers .how-we-work-sec {
    margin-top: 0
}

.careers .variable-width .slick-initialized .slick-slide {
    margin: 15px;
    text-align: center;
    font-size: 20px;
    color: #282526;
    font-family: Gilroy-SemiBold
}

.careers .variable-width .slick-slide img {
    box-shadow: 2px 2px 20px 0 #ccc;
    margin-bottom: 35px
}

.careers .variable-width {
    margin-left: 7%
}

.careers .facts-figures.facts-figures-android {
    background: #fff url(../images/leftdots.png) !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important
}

.careers .tabs-solutions ul.nav.nav-tabs li:nth-child(2) {
    width: 27%
}

.careers .tabs-solutions ul.nav.nav-tabs li:nth-child(1) {
    width: 18%
}

.careers .tabs-solutions {
    padding: 100px 0
}

body.careers.android-app-development.game-development.android-development .career-progression a.btn1 {
    color: #fff !important;
    margin-top: 20px;
    padding-top: 10px;
    border: 1px solid #fff
}

body.careers.android-app-development.game-development.android-development .career-progression a.btn1:before {
    content: "";
    background: url(../images/arrowwhite.svg) no-repeat !important
}

body.careers.android-app-development.game-development.android-development a.btn1:after {
    background: #f36a28
}

.career-progression {
    background: url(../images/careerprogression.png) no-repeat;
    padding: 150px 0;
    color: #fff;
    background-size: cover;
    margin-top: -35px
}

.career.game-development .career-progression a.btn1 {
    color: #fff !important;
    margin-top: 20px;
    padding-top: 10px;
    border: 1px solid #fff
}

.circle-inner .a1 {
    position: absolute;
    top: 10px;
    left: 10px
}

.circle-inner .a2 {
    position: absolute;
    top: 30px;
    left: 30px
}

.circle-inner .a3 {
    position: absolute;
    top: 40px;
    left: 40px
}

.circle-inner .a4 {
    position: absolute;
    top: 60px;
    left: 110px
}

.circle-inner .a5 {
    position: absolute;
    top: 80px;
    left: 80px
}

.circle-inner .a6 {
    position: absolute;
    top: 140px;
    left: 140px
}

.circle-inner .a7 {
    position: absolute;
    top: 150px;
    left: 150px
}

.circle-inner .a8 {
    position: absolute;
    top: 160px;
    left: 160px
}

.careers .career-progression .circle-inner:before {
    content: "";
    background: url(../images/career-man2.png) no-repeat !important;
    width: 431px;
    position: absolute;
    left: 25%;
    top: 0;
    height: 445px;
    background-size: 75% !important
}

.careers .career-progression .circle-inner {
    position: relative
}

.col30 {
    padding: 20px;
    background: #fff;
    float: left;
    width: 19.2%;
    margin: .5%;
    box-shadow: 2px 2px 42px 2px #ccc;
    height: 200px
}

.col30 h3 {
    font-family: Gilroy-SemiBold;
    font-size: 20px
}

.col30.col-first {
    margin-left: 0
}

.col30.col-last {
    margin-right: 0
}

.career-progression h3 {
    margin-bottom: 20px
}

.careers .career-progression .circle-inner:before {
    content: "";
    background: url(../images/Untitled-1.png) no-repeat !important;
    width: 431px;
    position: absolute;
    left: 25%;
    top: 0;
    height: 445px;
    background-size: 53% !important
}

.circle-inner .a1 {
    position: absolute;
    top: 33px;
    left: 65%
}

.circle-inner .a2 {
    position: absolute;
    top: -30px;
    left: 46%
}

.circle-inner .a3 {
    position: absolute;
    top: -3px;
    left: 20%
}

.circle-inner .a4 {
    position: absolute;
    top: 60px;
    left: 110px
}

.circle-inner .a5 {
    position: absolute;
    top: 0;
    left: 13%;
    margin-top: 26%
}

.circle-inner .a6 {
    position: absolute;
    top: 0;
    left: 30%;
    margin-top: 43%
}

.circle-inner .a7 {
    position: absolute;
    top: 0;
    left: 46%;
    margin-top: 46%
}

.circle-inner .a8 {
    position: absolute;
    top: 0;
    left: 65%;
    margin-top: 35%
}

.career-department section.game-4-boxes {
    padding-bottom: 150px
}

.career-department section.game-4-boxes h3 + p {
    padding-bottom: 20px
}

.career-department section.game-4-boxes h3 {
    padding-top: 25px
}

.career-department.game-development .game-4-boxes .col20:before {
    content: "";
    position: absolute;
    top: 40%;
    width: 10%;
    height: 25%;
    border-right: 1px solid #e9e9e9;
    padding: 0;
    left: -4px
}

div#good-everything {
    background: url(../images/little-orange.png) no-repeat;
    background-size: 100% 100%;
    padding: 45px
}

div#good-everything .title-small:before {
    border-top: 2px solid #fff
}

div#good-everything h3 {
    line-height: 42px;
    font-family: Gilroy-Medium
}

.good-everything p {
    font-size: 18px;
    color: #282526;
    line-height: 30px;
    padding-top: 5px;
    font-family: Gilroy-Medium
}

section.good-everything {
    margin: 100px 0
}

.beach-bandit .blog-page .col-sm-12.text-col.text-center p {
    padding: 0
}

section.opertunities-withus {
    background: url(../images/opertunities-withus.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
    position: relative;
    margin-bottom: 50px
}

section.opertunities-withus:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 75%;
    top: 220px;
    left: 0;
    margin-left: 23.5%
}

section.opertunities-withus h4 {
    font-family: Gilroy-SemiBold;
    font-size: 26px
}

.opertunities-withus-iner {
    padding-top: 80px;
    padding-left: 80px;
    color: #282526
}

body.beach-bandits .caption .col-sm-6.text-col {
    padding-top: 150px
}

#case-study-template.beach-bandits .slick-slide img {
    display: inline-block
}

body.beach-bandits section.client-brief {
    padding-top: 100px
}

body.beach-bandits section.client-brief h1 {
    font-size: 42px !important
}

body.beach-bandits .row1.text-center {
    width: 86%;
    margin: 0 auto;
    box-shadow: 0 15px 30px 0 #ccc;
    display: table;
    border-radius: 10px;
    padding-bottom: 15px;
    margin-top: 30px
}

body.beach-bandits .introduction {
    padding: 100px 0 50px;
    display: inline-block
}

.core-features h2 {
    font-size: 42px !important;
    color: #282526;
    font-family: Gilroy-Bold;
    padding-bottom: 30px;
    margin-top: -120px
}

.core-features h3 {
    color: #282526;
    opacity: .6
}

.core-colors > h3 {
    opacity: 1;
    padding: 30px 0
}

.core-colors .col-sm-3 h3 {
    font-size: 24px
}

.core-colors .col-sm-3 .corcolor1 {
    background: #fff;
    box-shadow: 0 15px 30px 0 #ccc;
    border-radius: 10px;
    padding-bottom: 5px
}

.core-colors .col-sm-3 .corcolor1 div {
    height: 100px;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

body.beach-bandits section#introduction3 {
    background-size: 45%
}

h4.comingsoon {
    color: #282526;
    opacity: .6;
    font-size: 24px;
    margin-top: 30px
}

.container.text-center.core-features.core-colors p.text-center {
    margin-top: 90px
}

body.case-study-2.beach-bandits section#introduction3 {
    padding: 100px 0
}

.beach-bandits section.brands.about-page {
    padding: 0
}

body#case-study-template.beach-bandits div.menu-header {
    border-bottom: 0 !important
}

body.case-study-2.beach-bandits .introduction3 {
    background-color: #f4fbfc;
    margin: 70px 0
}

body#case-study-template.case-study-2.beach-bandits .main-header {
    padding-bottom: 220px
}

body.beach-bandits section.client-brief h1 {
    font-size: 42px !important;
    margin-top: -200px;
    margin-bottom: 30px
}

body.beach-bandits section.client-brief {
    position: relative
}

body.beach-bandits section.client-briefmain:before {
    content: "";
    position: absolute;
    background: url(../images/beachbandits/leaves.png);
    right: 0;
    width: 176px;
    height: 343px
}

body.beach-bandits section.client-briefmain2:before {
    content: "";
    position: absolute;
    background: url(../images/beachbandits/leaves2.png) no-repeat;
    right: 0;
    width: 998px;
    height: 938px;
    z-index: -1
}

.beachfull {
    width: 100%
}

@media (min-width: 1500px) and (max-width: 2500px) {
    section.opertunities-withus:before {
        content: "";
        margin-left: 33%
    }

    body#case-study-template.case-study-2.beach-bandits .main-header {
        padding-bottom: 550px
    }

    body.beach-bandits .caption .col-sm-6.text-col {
        padding-top: 300px
    }
}

body.beach-bandits .title-small.title-numbers span {
    color: #63cb51
}

body.beach-bandits .row1.text-center .col-sm-4:before {
    content: "";
    position: absolute;
    border-right: 1px solid #e9e9e9;
    width: 1px;
    height: 70%;
    right: 0;
    top: 20%
}

body.beach-bandits .row1.text-center .col-sm-4:last-child:before {
    content: none
}

body#case-study-template.android-development.case-study-2.beach-bandits nav a.btn2:after, body#case-study-template.app-development.case-study-2.beach-bandits nav a.btn2:after, body#case-study-template.game-development.case-study-2.beach-bandits nav a.btn2:after, body#case-study-template.web-development.case-study-2.beach-bandits nav a.btn2:after {
    background: #4cb469
}

body.internship .col-sm-6.text-col a.btn1 {
    width: 230px;
    text-align: center;
    padding-left: 22px
}

body.internship .col-sm-6.text-col {
    padding-top: 145px
}

.internship-inner {
    padding: 30px 0 100px 100px
}

.internship-inner p {
    color: #fff;
    padding-top: 20px
}

.dottedbg {
    background: url(../images/dottedbg.png) no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 110px
}

.dottedbg:before {
    content: "";
    background: url(../images/Untitled1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 53px;
    width: 60%;
    height: 80%
}

body.internship .game-4-boxes h3 {
    color: #282526;
    font-size: 22px;
    font-family: Gilroy-SemiBold;
    margin-top: 0
}

body.internship.careers .tabs-solutions h3 {
    color: #282526;
    font-size: 22px;
    font-family: Gilroy-SemiBold;
    margin-bottom: 10px
}

body.internship.careers.android-development .game-4-boxes li {
    width: 28%;
    padding-bottom: 30px
}

body.internship.careers .tabs-solutions ul.nav.nav-tabs li {
    width: 18%;
    float: none;
    display: inline-block;
    margin: 0 auto
}

body.internship.careers .tabs-solutions h3 {
    padding-bottom: 30px
}

body.internship.careers ul.nav.nav-tabs {
    text-align: center
}

body.internship.careers .left-bar-number span:first-child {
    padding-left: 15px;
    font-size: 10px
}

.formlabels {
    font-family: Gilroy-SemiBold;
    font-size: 12px;
    color: #282526
}

.formlabels input[type=file] {
    display: block;
    border: 0
}

section.contact-sidebar p.paracustom {
    font-size: 14px;
    text-transform: initial;
    margin-top: -40px
}

body.internship.careers section.black-box.bg-grey-light {
    padding-top: 100px;
    padding-bottom: 50px
}

body.internship.careers a.btn3.getintouch-contact {
    text-align: center;
    padding-left: 0
}

body.internship.careers .title-small:before {
    margin-top: -10px
}

body.internship.careers section.black-box.bg-grey-light {
    background: #fff url(../images/bgdootted-flower.png);
    background-repeat: no-repeat;
    background-size: 100% 75%;
    background-position: center center
}

.careers .variable-width .slick-initialized .slick-slide a {
    color: #282526
}

body.internship.careers .tabs-solutions h3 {
    margin-top: -46px;
    padding-bottom: 10px
}

body.internship.careers.android-development .game-4-boxes li {
    width: 28%;
    padding-bottom: 0;
    height: 170px;
    padding-top: 50px
}

body.internship.careers .tabs-solutions > h3 {
    font-size: 42px;
    font-family: Gilroy-Medium
}

@media (min-width: 100px) and (max-width: 768px) {
    .careers section.home-slick-slider.main-slider.slick-initialized.slick-slider .row {
        margin: 2px
    }

    .careers .career-progression .col10 {
        width: 100%
    }

    .career-progression .col14 {
        /*display: none*/
    }
    h3.our_inds {
    padding-left: 40px;
}

    .careers section.ultimate.robust .col30 {
        width: 96%;
        margin: 2%
    }

    .careers .how-we-work-sec h3, .careers .ultimate h3 {
        font-size: 26px
    }

    .careers .tabs-solutions h3 {
        font-size: 32px
    }

    .careers section.tabs-solutions {
        margin: 20px
    }

    .careers .tabs-solutions ul.nav.nav-tabs li {
        width: 100% !important
    }

    .careers section.tabs-solutions {
        margin-bottom: 100px
    }

    .careers section.ultimate.robust {
        text-align: center
    }

    .career-department section.home-slick-slider.main-slider.slick-initialized.slick-slider .row {
        margin: 2px
    }

    .career-department .career-progression .col10 {
        width: 100%
    }

    .career-department -progression .col14 {
        display: none
    }

    .career-department section.ultimate.robust .col30 {
        width: 96%;
        margin: 2%
    }

    .career-department .how-we-work-sec h3, .career-department .ultimate h3 {
        font-size: 26px
    }

    .career-department .tabs-solutions h3 {
        font-size: 32px
    }

    .career-department section.tabs-solutions {
        margin: 20px
    }

    .career-department .tabs-solutions ul.nav.nav-tabs li {
        width: 100% !important
    }

    .career-department section.tabs-solutions {
        margin-bottom: 100px
    }

    .career-department section.ultimate.robust {
        text-align: center
    }

    .career-department section.good-everything {
        margin: 50px 15px
    }

    .career-department section.game-4-boxes {
        margin: 30px
    }

    .career-department section.game-4-boxes h3 {
        padding-top: 15px
    }

    body.internship.careers.android-development .game-4-boxes li {
        width: 100%;
        height: auto
    }

    body.internship.careers section.black-box.bg-grey-light {
        margin-left: 30px
    }

    .careers.internship .internship-inner h3 {
        color: #282526
    }

    .careers.internship .internship-inner p {
        color: #282526
    }

    .careers.internship .internship-inner {
        padding: 20px
    }

    body.internship.careers .tabs-solutions > h3 {
        font-size: 32px
    }

    .careers.internship section.tabs-solutions {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .careers.internship section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 h3, .careers.internship section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 p {
        color: #282526
    }

    body.internship.careers .tabs-solutions h3 {
        margin-top: -46px
    }

    .careers.internship .tabs-solutions {
        padding-top: 0
    }

    .careers.internship section.contact-sidebar {
        margin-bottom: 140px
    }

    body.internship.careers .tabs-solutions h3.text-center {
        margin-top: 30px
    }

    body.internship.careers .tabs-solutions #home h3 {
        margin-top: 46px
    }

    body.internship.careers .tabs-solutions #home li h3 {
        margin-top: -46px
    }

    body.internship.careers .col16.slider-text-col .title-small:before {
        margin-top: 10px
    }
}

@media (min-width: 100px) and (max-width: 350px) {
    .careers a.btn1.btn3.btn4 {
        width: 270px;
        padding-left: 12px
    }
}

body.internship.careers .col16.slider-text-col .title-small:before {
    margin-top: 10px
}

.careers.game-development .brands-game .container {
    padding-bottom: 10px
}

.careers .tab-pane.active .col12 a.btn3 {
    width: 185px
}

body.professional section.game-4-boxes {
    padding-top: 60px;
    padding-bottom: 0
}

body.professional.careers .tabs-solutions {
    padding: 40px 0 100px
}

.career-department .game-4-boxes .col20:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 10%;
    height: 25%;
    border-right: 1px solid #e9e9e9;
    padding: 0;
    left: -17px
}

.careers section#home-6 h3 {
    font-size: 42px
}

.careers .how-we-work-sec div.web-app-slider2 .slick-dots {
    bottom: 87px
}

.careers .ultimate > h3 {
    font-size: 42px
}

.careers .ultimate1 > h3 {
    font-size: 42px
}

body.professional section.game-4-boxes .row > h3 {
    font-size: 42px
}

.jobs section.good-everything {
    background: url(../images/dottedleft.png) no-repeat;
    background-position: -110px 0;
    margin: 0;
    padding: 140px 0
}

section.opertunities-withus .opertunities-withus-iner a {
    color: #282526
}

h3.text-center.red-colrd {
    color: #ee3d2d;
    font-size: 42px;
    margin-bottom: 50px
}

.jobs section.game-4-boxes.nopad {
    margin-bottom: 150px
}

body.internship.careers.android-development.jobs .game-4-boxes li {
    padding-top: 3px;
    height: auto;
    width: 100%
}

body.internship.careers.android-development.jobs .game-4-boxes li ul li:before {
    margin-left: -10px;
    background: url(../images/arrow-right-red.png) no-repeat;
    border: 0
}

section.releventexperience {
    background: url(../images/greywhitebbg.png) no-repeat;
    padding: 100px 0 150px;
    background-size: 100% 100%;
    background-position: center center
}

section.releventexperience .col-sm-4 p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding-right: 50px
}

section.releventexperience .col-red {
    color: #ee3d2d;
    font-family: Gilroy-ExtraBold;
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 10px
}

section.releventexperience .col-red + p {
    font-size: 16px;
    padding-bottom: 5px;
    line-height: 24px;
    background: url(../images/arrow-right-red.png) no-repeat;
    background-position: left 7px;
    padding-left: 30px;
    font-family: Gilroy-Medium;
    padding-right: 30px
}

section.releventexperience .col-red + p + p {
    font-size: 16px;
    padding-bottom: 5px;
    line-height: 24px;
    background: url(../images/arrow-right-red.png) no-repeat;
    background-position: left 7px;
    padding-left: 30px;
    font-family: Gilroy-Medium;
    margin-top: -10px
}

.jobs section.contact-sidebar {
    padding-bottom: 50px
}

.jobs .row.formlabels .col-sm-6 {
    padding: 10px 15px
}

video#video--1 {
    margin-top: 250px
}

.video-bg {
    position: relative
}

.video-bg img {
    position: absolute;
    left: 50%;
    margin-left: -120px;
    top: 215px;
    height: 500px;
    width: 240px
}

.bg-wrap {
    top: -75px
}

video#video--1 {
    margin-top: 262px;
    margin-left: -189px
}

.bg-primary {
    background-color: #ef5123 !important
}

div.mac-area {
    max-width: 100%
}

a.btn3.vcs {
    width: 215px;
    padding-right: 25px;
    margin-right: 20px;
    color: #fff
}

.vide-info {
    margin-top: -25%;
    float: right;
    width: 30%;
    color: #fff
}

p.vide-info1 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px
}

.row.bg-primary2 {
    background-color: #272727
}

.row.bg-primary2 a.btn3:after {
    background: #272727
}

.boxleft1 {
    margin-top: 45%;
    float: left
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .video-bg img {
        position: absolute;
        left: 50%;
        margin-left: -114px;
        top: 290px;
        height: 460px;
        width: 226px
    }

    video#video--1 {
        margin-top: 336px;
        margin-left: -189px;
        height: 360px
    }
}

@media (min-width: 1900px) and (max-width: 2500px) {
    .boxleft1 {
        margin-top: 26%;
        float: left
    }

    .vide-info {
        margin-top: -17%
    }
}

@media (min-width: 1500px) and (max-width: 2500px) {
    .product-slider #thumbcarousel .item .thumb {
        width: 105% !important;
        transition: all .5s ease;
        max-width: 105%
    }

    .item.slick-slide.slick-current.slick-active.slick-center .thumb {
        margin-left: 15px !important
    }
}

.row.bg-primary2 {
    background-color: #763fd2
}

.row.bg-primary2 a.btn3:after {
    background: #763fd2
}

div.mac-area-clip-inner a.btn3:before {
    transform: rotate(180deg);
    top: 7px
}

.mac-area-clip a.btn3.vcs {
    width: 215px;
    padding-right: 25px;
    margin-right: 20px;
    color: #fff;
    background: url(https://www.tekrevol.com/assets/images/nav-tab-bg.jpg) no-repeat;
    height: 43px;
    border: 0;
    background-size: cover
}

#home .mac-area-clip a.btn3.vcs:before {
    content: none !important
}

#home .mac-area-clip a.btn3.vcs:after {
    content: none !important
}

#home .row.bg-primary3 .vide-info {
    margin-top: -34%
}

#home .row.bg-primary2 .vide-info {
    margin-top: -38%
}

#home .row.bg-primary5 .vide-info {
    margin-top: -39%
}

#home section.technology {
    background-color: #0e0757 !important;
    color: #fff;
    margin-top: -140px;
    padding-top: 140px
}

#home section.technology .container h3 {
    color: #fff
}

#home section.technology .heading-rotated.white {
    color: #fff
}

.careers .variable-width .slick-initialized .slick-slide a:focus {
    color: #ee3824
}

.careers .variable-width .slick-initialized .slick-slide a:hover {
    color: #ee3824
}

.careers .variable-width .slick-initialized .slick-slide a:active {
    color: #ee3824
}

.careers .variable-width .slick-next.slick-arrow {
    left: 97%;
    background: url(../images/arrow.png) center center no-repeat #303030;
    transform: rotate(180deg)
}

.careers .variable-width button.slick-prev.slick-arrow {
    right: auto;
    left: 0;
    background: url(../images/arrow.png) center center no-repeat #303030;
    transform: rotate(0)
}

body.internship.careers section.contact-sidebar input[type=email], body.internship.careers section.contact-sidebar input[type=text], body.internship.careers section.contact-sidebar select {
    width: 100%
}

body.internship.careers a.btn3.getintouch-contact {
    margin-top: -30px
}

header, nav {
    width: 100%
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

@font-face {
    font-family: Gilroy-SemiBold;
    src: url('../fonts/Radomir Tinkov - Gilroy-SemiBold.eot');
    src: local(☺), url('../fonts/Radomir Tinkov - Gilroy-SemiBold.woff') format("woff"), url('../fonts/Radomir Tinkov - Gilroy-SemiBold.ttf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-SemiBold.otf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-SemiBold.svg') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy-Bold;
    src: url('../fonts/Radomir Tinkov - Gilroy-Bold.eot');
    src: local(☺), url('../fonts/Radomir Tinkov - Gilroy-Bold.woff') format("woff"), url('../fonts/Radomir Tinkov - Gilroy-Bold.ttf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-Bold.otf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-Bold.svg') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy-Medium;
    src: url('../fonts/Radomir Tinkov - Gilroy-Medium.eot');
    src: local(☺), url('../fonts/Radomir Tinkov - Gilroy-Medium.woff') format("woff"), url('../fonts/Radomir Tinkov - Gilroy-Medium.ttf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-Medium.otf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-Medium.svg') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy-Regular;
    src: url('../fonts/Radomir Tinkov - Gilroy-Regular.eot');
    src: local(☺), url('../fonts/Radomir Tinkov - Gilroy-Regular.woff') format("woff"), url('../fonts/Radomir Tinkov - Gilroy-Regular.ttf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-Regular.otf') format("truetype"), url('../fonts/Radomir Tinkov - Gilroy-Regular.svg') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy-Light;
    src: url(../fonts/Gilroy-Light.eot);
    src: local(☺), url(../fonts/Gilroy-Light.woff) format("woff"), url(../fonts/Gilroy-Light.ttf) format("truetype"), url(../fonts/Gilroy-Light.otf) format("truetype"), url(../fonts/Gilroy-Light.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy-ExtraBold;
    src: url(../fonts/Gilroy-ExtraBold.eot);
    src: local(☺), url(../fonts/Gilroy-ExtraBold.woff) format("woff"), url(../fonts/Gilroy-ExtraBold.ttf) format("truetype"), url(../fonts/Gilroy-ExtraBold.otf) format("truetype"), url(../fonts/Gilroy-ExtraBold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.page-title span, .pingback a.url, html body, input, textarea {
    font-family: Gilroy-Regular, sans-serif
}

body {
    background: #fff
}

body, input, textarea {
    color: #303030;
    line-height: 18px
}

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

body .padleft {
    padding-left: 0
}

body .padright {
    padding-right: 0
}

body .padtop {
    padding-top: 15px
}

body .padbottom {
    padding-bottom: 15px
}

body .nopad {
    padding: 0
}

section.section {
    padding: 50px 0;
    overflow: hidden
}

header {
    padding: 20px 0;
    position: fixed;
    z-index: 99;
   
}
}

nav {
    position: relative;
    z-index: 999
}

.searchform input {
    float: right;
    width: 200px;
    padding: 8px 46px 8px 8px;
    font-size: 1em;
    border: 1px solid #303030;
    background: #fff
}

.searchform input[type=submit] {
    float: right;
    width: 37px;
    height: 37px;
    padding: 0;
    border: 0;
    background: url(images/search-icon.png) center no-repeat #303030;
    box-shadow: none;
    font-size: 0;
    margin-left: -37px;
    position: relative
}

div#container {
    max-width: 1140px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px
}

.social_icons {
    text-align: left;
    margin: 10px 0
}

.social_icons ul {
    padding: 0;
    margin: 0
}

.social_icons ul li {
    display: inline-block
}

.social_icons ul li a {
    background: 0 0;
    border-radius: 100px;
    color: #969596;
    transition: all .5s ease;
    display: block;
    font-size: 18px;
    padding: 5px 0;
    text-align: center;
    width: 32px;
    height: 32px
}

.social_icons ul li a:hover {
    color: #ef5123
}

.footer {
    margin: 40px 0 20px
}

#back-top > a {
    bottom: 1%;
    color: #000;
    display: block;
    font-size: 37px;
    position: fixed;
    right: 1%;
    text-align: center
}

.client.slick-initialized, .item-slider.slick-initialized, .main-slider.slick-initialized, .thumb-slider.slick-initialized {
    display: block !important
}

.slick-list, .slick-slider, .slick-track {
    display: block;
    position: relative
}

.slider {
    position: relative;
    clear: left;
    overflow: hidden
}

.slider .container {
    position: relative
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.thumb-slider .slick-slide {
    margin: 5px 0 0 5px
}

.slider-thumb .thumb-slider .slick-slide img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    transition: all .5s ease
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots li {
    list-style: none;
    display: inline-block
}

.slick-arrow {
    border: 0;
    font-size: 0;
    right: 0;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    z-index: 1;
    background: url(images/arrow.png) center center no-repeat #303030;
    width: 36px;
    height: 40px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.services-slider .slick-arrow {
    height: 65px
}

.slick-arrow:hover {
    background: url(images/arrow.png) center center no-repeat #000
}

.slick-next.slick-arrow {
    left: 0;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.slider-progress {
    width: 100%;
    height: 5px;
    background: rgba(0, 216, 192, .8);
    position: absolute;
    top: 0;
    z-index: 99
}

.slider-progress .progress {
    width: 0;
    height: 5px;
    background: rgba(36, 51, 0, .8)
}

.thumb-slider .slick-active img {
    border: 1px solid transparent
}

.thumb-slider .slick-current img {
    opacity: .5
}

.inner-banner {
    height: 150px;
    width: 100%;
    display: table;
    color: #fff
}

.inner-banner h2 {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.menu-header, .menu-header #menu-button, .menu-header ul, .menu-header ul li, .menu-header ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menu-header:after, .menu-header > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.menu-header #menu-button {
    display: none
}

.menu-header {
    border-bottom: 1px solid #3b3133
}

.menu-header > ul > li {
    display: inline-block
}

.menu-header.align-center > ul {
    font-size: 0;
    text-align: center
}

.menu-header.align-center > ul > li {
    display: inline-block;
    float: none
}

.menu-header.align-center ul ul {
    text-align: left
}

.menu-header.align-right > ul > li {
    float: right
}

.menu-header > ul > li > a {
    padding: 17px 15px;
    font-size: 10px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Gilroy-Medium
}

.menu-header > ul > li:hover > a {
    color: #fff
}

.menu-header ul ul::before {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 10px;
    content: "";
    left: 20px;
    position: absolute;
    top: -20px
}

.menu-header ul ul ul::before {
    display: none
}

.menu-header > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0
}

.menu-header ul ul {
    position: absolute;
    left: -9999px
}

.menu-header.align-right ul ul {
    text-align: right
}

.menu-header ul ul li {
    height: 0;
    transition: all .5s ease
}

.menu-header li:hover > ul {
    left: auto
}

.menu-header.align-right li:hover > ul {
    left: auto;
    right: 0
}

.menu-header li:hover > ul > li {
    height: 35px
}

.menu-header ul ul ul {
    margin-left: 100%;
    top: 0
}

.menu-header.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%
}

.menu-header ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, .15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
    background: #000
}

.menu-header ul ul li.has-sub > a:after, .menu-header ul ul li.has-sub > a:before {
    position: absolute;
    display: block;
    background: #ddd;
    content: ''
}

.menu-header ul ul li.last-item > a, .menu-header ul ul li:last-child > a {
    border-bottom: 0
}

.menu-header ul ul li a:hover, .menu-header ul ul li:hover > a {
    color: #fff
}

.menu-header ul ul li.has-sub > a:after {
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px
}

.menu-header.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px
}

.menu-header ul ul li.has-sub > a:before {
    top: 13px;
    right: 14px;
    width: 2px;
    height: 8px;
    transition: all .5s ease
}

.menu-header.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px
}

.menu-header ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0
}

@media (min-width: 100px) and (max-width: 769px) {
    .menu-header {
        width: 100%
    }

    .menu-header ul {
        width: 100%;
        display: none
    }

    .menu-header.align-center > ul {
        text-align: left
    }

    .menu-header ul li {
        width: 100%;
        border-bottom: 1px solid rgba(120, 120, 120, .2)
    }

    .menu-header li:hover > ul > li, .menu-header ul ul li {
        height: auto
    }

    .menu-header ul li a, .menu-header ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    .menu-header > ul > li {
        float: none
    }

    .menu-header ul ul li a {
        padding-left: 25px;
        color: #ddd;
        background: 0 0
    }

    .menu-header ul ul ul li a {
        padding-left: 35px
    }

    .menu-header ul ul li.active > a, .menu-header ul ul li:hover > a {
        color: #fff
    }

    .menu-header ul ul, .menu-header ul ul ul, .menu-header.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    .menu-header #menu-button:after, .menu-header #menu-button:before {
        right: 17px;
        width: 20px;
        position: absolute;
        content: ''
    }

    .menu-header ul ul > li.has-sub > a:after, .menu-header ul ul > li.has-sub > a:before, .menu-header > ul > li.has-sub > a:after, .menu-header > ul > li.has-sub > a:before {
        display: none
    }

    .menu-header #menu-button {
        display: block;
        padding: 17px;
        color: #ddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700
    }

    .menu-header #menu-button:after {
        top: 22px;
        display: block;
        height: 8px;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd
    }

    .menu-header #menu-button:before {
        top: 16px;
        display: block;
        height: 2px;
        background: #ddd
    }

    .menu-header #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .menu-header #menu-button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-header .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, .2);
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    .menu-header .submenu-button.submenu-opened {
        background: #262626
    }

    .menu-header ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    .menu-header .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    .menu-header ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    .menu-header .submenu-button.submenu-opened:after {
        background: #fff
    }

    .menu-header .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }

    .menu-header ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    .menu-header .submenu-button.submenu-opened:before {
        display: none
    }

    .main-header ul li {
        position: relative;
        padding: 10px 0
    }
}

.nav1 span.marrow, .nav1 ul li.open span.marrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.nav1, a#hamburg, div#menuoverlay {
    display: none
}

a#hamburg {
    position: fixed;
    top: 10px;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 9;
    text-align: center;
    color: #fff;
    transition: all ease-out .3s;
    margin-right: 50px
}

a#hamburg i {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.nav1 {
    transition: all ease-out .3s
}

.nav1 a {
    color: #000
}

.nav1 ul {
    margin: 0;
    padding: 0;
    background-color: #303030
}

.nav1 ul li {
    display: inline-block;
    position: relative
}

.nav1 ul li > a {
    display: inline-block;
    padding: 10px
}

.nav1 ul li > a > i {
    margin-left: 15px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .1s
}

.nav1 ul li ul {
    display: none;
    position: absolute;
    top: 38px;
    background: #222;
    width: 200px;
    text-align: left
}

.nav1 .search-nav, .nav1 .title {
    display: none
}

.nav1 ul li ul li, .nav1 ul li ul li a, .nav1 ul li:hover ul {
    display: block
}

.nav1 ul li:hover > a {
    color: #000;
    text-decoration: none
}

.nav1 ul li:hover > a > i {
    transform: rotateZ(90deg)
}

.nav1 span.marrow {
    border-top: 5px solid #fff;
    float: right;
    height: 0;
    margin: 8px 0 0 8px;
    width: 0
}

.nav1 ul li.open span.marrow {
    border-top: 0;
    border-bottom: 5px solid #fff
}

@media screen and (max-width: 769px) {
    .nav1, .nav1 .search-nav, .nav1 .title, .nav1 ul li, .nav1 ul li a, a#hamburg {
        display: block
    }

    div#menuoverlay, main {
        transition: all ease-out .3s
    }

    .nav1 .row {
        margin: 0
    }

    .nav1 {
        background: url(images/nav-bg.jpg);
        box-shadow: -2px 0 10px #999 inset;
        height: 100%;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        transform: translateX(-250px);
        width: 250px
    }

    .nav1 .search-nav input {
        border: 1px solid #2c313f;
        background-color: rgba(255, 255, 255, .2);
        padding: 5px;
        width: 100%;
        color: #000;
        margin: 10px 0
    }

    .nav1 .search-nav input[type=submit] {
        background: url(images/search-icon.png) center center no-repeat;
        border: 0;
        font-size: 0;
        height: 16px;
        position: absolute;
        right: 7px;
        top: 8px;
        width: 16px;
        filter: invert(100%)
    }

    .nav1 .title {
        background: #000;
        color: #fff;
        font-size: 14px;
        margin: 0 -15px;
        padding: 6px 15px
    }

    .nav1 ul, .nav1 ul li ul, .nav1 ul li.open > a {
        background-color: transparent
    }

    .search-nav > form {
        position: relative
    }

    .nav1 ul {
        text-align: left
    }

    .nav1 ul li {
        border-bottom: 1px solid #999
    }

    .nav1 ul li a {
        padding: 10px 0
    }

    .nav1 ul li:hover > a {
        color: #000
    }

    .nav1 ul li a > i {
        float: right
    }

    .nav1 ul li ul {
        display: none;
        position: static;
        width: 100%;
        padding: 0 10px
    }

    .nav1 ul li:hover > ul {
        display: none
    }

    .nav1 ul li:hover > a > i {
        transform: rotateZ(0)
    }

    .nav1 ul li.open > a > i {
        transform: rotateZ(90deg)
    }

    html.open-menu a#hamburg, html.open-menu main {
        transform: translateX(250px)
    }

    .nav1 ul li.open > ul {
        display: block
    }

    div#menuoverlay {
        display: block;
        visibility: hidden;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0
    }

    html.open-menu {
        overflow: hidden
    }

    html.open-menu div#menuoverlay {
        visibility: visible;
        background: rgba(0, 0, 0, .5);
        min-height: 100vh;
        width: 100% !important;
        opacity: 1;
        left: 250px
    }

    html.open-menu a#hamburg {
        z-index: 999
    }

    html.open-menu nav.nav1 {
        z-index: 3;
        transform: translateX(0)
    }

    .menu-main-menu-container ul ul ul li a {
        padding: 5px
    }

    ul li.has-subnav .accordion-btn {
        color: #000;
        font-size: 24px;
        width: 20px !important;
        float: right;
        line-height: inherit !important
    }

    .nav1 ul li:last-child {
        border: 0
    }

    .nav-cross.open > span {
        background: #fff
    }

    .nav-cross {
        width: 24px;
        height: 40px;
        position: relative;
        margin: 0 auto;
        transform: rotate(0);
        transition: .5s ease-in-out;
        cursor: pointer
    }

    .nav-cross span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #000;
        opacity: 1;
        left: 0;
        transform: rotate(0);
        transition: .25s ease-in-out
    }

    #nav-icon1 span:nth-child(1) {
        top: 0
    }

    #nav-icon1 span:nth-child(2) {
        top: 18px
    }

    #nav-icon1 span:nth-child(3) {
        top: 36px
    }

    #nav-icon1.open span:nth-child(1) {
        top: 18px;
        transform: rotate(135deg)
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px
    }

    #nav-icon1.open span:nth-child(3) {
        top: 18px;
        transform: rotate(-135deg)
    }

    .nav-cross span:nth-child(1) {
        top: 12px;
        transform-origin: left center
    }

    .nav-cross span:nth-child(2) {
        top: 20px;
        transform-origin: left center
    }

    .nav-cross span:nth-child(3) {
        top: 28px;
        transform-origin: left center
    }

    .nav-cross.open span:nth-child(1) {
        transform: rotate(45deg);
        top: 11px;
        left: 4px
    }

    .nav-cross.open span:nth-child(2) {
        width: 0;
        opacity: 0
    }

    .nav-cross.open span:nth-child(3) {
        transform: rotate(-45deg);
        top: 28px;
        left: 4px
    }
}

.caption, a.btn1 {
    color: #fff
}

@media (min-width: 100px) and (max-width: 769px) {
    .searchtoggle, .slider .inner-item .caption, header .searchform {
        display: none
    }

    main {
        padding: 0 15px
    }

    .logo {
        text-align: center
    }

    .push-logo {
        margin: 10px 0
    }

    .logo img {
        max-height: 60px;
        width: auto
    }

    .slider .inner-item {
        height: 200px
    }
}

a.btn1, a.btn2 {
    width: 185px;
    text-align: center
}

:focus {
    outline: -webkit-focus-ring-color auto 0
}

a:hover {
    text-decoration: none !important
}

.main-header ul li {
    position: relative;
    padding-bottom: 20px
}

.caption h1 {
    font-size: 42px;
    font-family: Gilroy-Bold;
    line-height: 55px
}

.caption p {
    font-family: Gilroy-Regular;
    font-size: 16px;
    margin: 40px 0;
    line-height: 28px
}

a.btn1, a.btn2, a.btn3, footer.footer a.btn3 {
    font-family: Gilroy-Medium;
    font-size: 12px;
    border: 1px solid #fbfbfb;
    height: 40px;
    background-size: 100% 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline-block;
}

.nopad {
    padding: 0 !important
}

.col-sm-6.text-col {
    padding-top: 200px
}

a:focus {
    outline: 0 !important
}

a.btn1 {
    padding-top: 7px;
    padding-right: 30px
}

a.btn2 {
    color: #fff !important;
    padding-top: 10px;
    padding-left: 44px
}

a.btn3, footer.footer a.btn3 {
    width: 258px;
    text-align: left;
    color: #282526;
    padding-top: 11px;
    padding-left: 40px
}

.copy, .copy a {
    font-size: 12px;
    letter-spacing: 1px;
    color: #282526;
    text-transform: uppercase;
    font-family: Gilroy-Medium
}

nav.nav .btn2 {
    float: right;
    margin-top: -64px;
    position: relative
}

.main-slider .slick-dots {
    position: absolute;
    z-index: 11;
    bottom: 45%;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 10px;
    left: 50px
}

.main-slider ul.slick-dots li.slick-active:before {
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    position: absolute;
    margin-left: -16px;
    margin-top: -6px
}

.main-slider .slick-dots button {
    width: 10px;
    border-radius: 50%;
    height: 10px
}

.main-slider .slick-dots .slick-active button {
    background: #fff
}

.enterprise-fixed {
    position: absolute;
    right: 0;
    width: 59px;
    height: 225px;
    background: url(../images/enterprise.png) no-repeat;
    z-index: 1 E+24;
    top: 50%
}

.copy ul li {
    display: inline-block;
    list-style: none;
    float: left;
    padding: 0 15px;
    border-left: 1px solid #ccc
}

.copy ul li:first-child {
    padding-left: 0;
    border-left: 0
}

.copy ul.menu {
    margin: 0;
    padding: 0
}

footer.footer + hr {
    border: .5px solid #ef5123 !important;
    margin-bottom: 30px
}

.copy {
    margin-bottom: 50px
}

.copyright:before {
    border-right: 1px solid #ccc;
    content: "";
    height: 100%;
    position: absolute;
    right: 0
}

.pull-left {
    float: left
}

.slider {
    margin-top: -48px
}

img.shake {
    position: absolute;
    left: 50%;
    top: 27%
}

img.shake2 {
    animation: shake 4s;
    left: 90%;
    top: 14%
}

img.shake3 {
    animation: shake 5s;
    left: 30%;
    top: 11%
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0)
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        transform: translate(-3px, 0) rotate(1deg)
    }
    30% {
        transform: translate(3px, 2px) rotate(0)
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        transform: translate(-3px, 1px) rotate(0)
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg)
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        transform: translate(1px, 2px) rotate(0)
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

footer.footer, footer.footer a {
    color: #282526;
    font-size: 14px;
    font-family: Gilroy-Regular
}

footer.footer h3 {
    margin-bottom: 30px
}

footer.footer input[type=email] {
    padding: 10px
}

footer.footer input[type=submit] {
    padding: 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    letter-spacing: 3px;
    color: #fff;
    border: 0;
    background: url(../images/submit-bg.png) repeat-y;
    width: 90%;
    text-align: center;
    background-size: cover;
    margin-top: 30px
}

footer.footer .col-md-4:nth-child(2):after, footer.footer .col-md-4:nth-child(2):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5px;
    top: 20px
}

footer.footer .col-md-4:nth-child(2):before {
    border-left: 1px solid #ccc;
    left: 0;
    margin-left: -8px
}

footer.footer .col-md-4:nth-child(2):after {
    border-right: 1px solid #ccc;
    right: 0;
    margin-right: 16px
}

.greycol, .redcol {
    padding: 30px !important;
    color: #fff;
    height: 180px;
    position: relative
}

.redcol {
    background-color: #ee3824
}

.greycol {
    background-color: #282526
}

.greycol:before, .redcol:before {
    background: url(../images/arrowwhite.svg) no-repeat !important;
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    top: 76%;
    width: 46px
}

.redcol:before {
    left: 80%
}

.greycol:before {
    z-index: 99999999;
    padding: 9px;
    margin-right: 40px
}

.redgreycols span {
    font-size: 12px;
    font-family: Gilroy-Medium;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px
}

.redgreycols h5 {
    font-size: 18px;
    font-family: Gilroy-Medium;
    letter-spacing: 1px;
    line-height: 30px
}

.container.redgreycols {
    margin-top: -180px
}

.container.redgreycols .col-sm-4 {
    width: 34%
}

.logo {
    z-index: 99999
}

.col-sm-6.image-col {
    padding-top: 55px
}

.slick-dots li button {
    background: #fff
}

footer.footer input[type=email] {
    width: 89%;
    z-index: 999;
    position: relative
}

.journey:after, .journey:before {
    position: absolute;
    content: ""
}

.social_icons ul li a .fa:before {
    color: #969596 !important
}

footer.footer .footercol3 h3 {
    margin-bottom: 25px
}

div.social_icons ul li a:hover .fa:before {
    color: #ef5123 !important
}

.journey h3 {
    font-size: 32px;
    font-family: Gilroy-Regular;
    color: #282526
}

.journey-title {
    font-size: 32px;
    font-family: Gilroy-Regular;
    color: #282526;
    font-weight: 600;
    line-height: 1.1
}

.journey h2 {
    font-size: 32px;
    font-family: Gilroy-Regular;
    color: #282526;
    padding: 0;
    margin-top: 20px
}

.journey h3 strong {
    font-size: 32px;
    font-family: Gilroy-Bold;
    color: #282526
}

.journey h2 strong {
    font-size: 32px;
    font-family: Gilroy-Bold;
    color: #282526
}

.journey {
    font-size: 14px;
    font-family: Gilroy-Medium;
    color: #282526;
    line-height: 21px
}

.journey a.btn3 {
    padding-top: 9px;
    margin-top: 30px
}

.journey:before {
    left: -35px;
    width: 9px;
    height: 138px;
    padding: 9px;
    top: 30%;
    z-index: 1 E+19;
    background: url(../images/about-us.png) no-repeat
}

.journey:after {
    background-size: 100%;
    padding: 100px;
    opacity: .3;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -99999;
    
}

.collapstabs {
    background: #ee3824;
    padding: 10px 30px 50px;
    z-index: 9999999
}

h3 {
    font-size: 32px;
    font-family: Gilroy-Regular;
    color: #fff
}

.blk-box-inner a:hover {
    color: #f4a80e
}

.interactive, .interactive:before {
    display: inline-block;
    color: #fff;
    min-height: 22px
}

.interactive {
    position: relative;
    text-align: left;
    min-width: 110px;
    outline: 0;
    border-bottom: #fff 1px solid;
    line-height: 1.4
}

.interactive:before {
    transition: all .4s cubic-bezier(.52, 0, .08, 1) 0;
    position: absolute;
    opacity: 0;
    width: 200px;
    top: 15px;
    font-size: 11px;
    content: "";
    margin-top: 5px
}

.interactive.name-input:before {
    content: 'Jhon Doe'
}

.interactive.business-input:before {
    content: 'business name, type, etc.'
}

.interactive.contact-input:before {
    content: 'email@example.com'
}

.interactive.phone-input:before {
    content: '+53 543 43646 34'
}

.interactive.phone-input input {
    margin-left: 2px
}

.interactive:focus:before {
    top: 28px
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    position: absolute;
    margin-top: -20px;
    margin-left: 35px
}

.panel-group .panel {
    height: 80px !important
}

.blk-box-inner1 > img, .col1, .col10, .col11, .col12, .col14, .col15, .col16, .col17, .col18, .col19, .col2, .col20, .col21, .col22, .col23, .col24, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .software-inner img {
    float: left
}

.brands p, .recent-work h4 {
    font-family: Gilroy-Regular
}

.col1 {
    width: 4.16%
}

.col2 {
    width: 8.32%
}

.col3 {
    width: 12.48%
}

.col4 {
    width: 16.64%
}

.col5 {
    width: 20.8%
}

.col6 {
    width: 24.96%
}

.col7 {
    width: 29.12%
}

.col8 {
    width: 33.28%
}

.col9 {
    width: 37.44%
}

.col10 {
    width: 41.6%
}

.col11 {
    width: 45.76%
}

.col12 {
    width: 50%
}

.col13 {
    width: 54.16%;
    float: left
}

.col14 {
    width: 58.32%
}

.col15 {
    width: 62.48%
}

.col16 {
    width: 66.64%
}

.col17 {
    width: 70.8%
}

.col18 {
    /*width: 74.96%*/
    width: 81.96%
}

.col19 {
    width: 79.12%
}

.col20 {
    width: 83.28%
}

.col21 {
    width: 87.44%
}

.col22 {
    width: 91.6%
}

.col23 {
    width: 95.76%
}

.col24 {
    width: 99.92%
}

.container.redgreycols {
    position: relative;
    z-index: 999
}

.our-expertise {
    background: #ee3824;
    padding-left: 70px
}

#journey-main {
    background: url(../images/red-bg2.jpg) right;
    background-size: 100% 30%
}

.panel-heading a:after {
    width: 16.64%;
    margin-left: -55px
}

.panel-heading a:before {
    right: 0
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    margin-right: 8.32% !important
}

.journey {
    padding: 100px 0 100px 40px !important
}

section.black-box .col12 {
    padding-right: 2.8%
}

.blk-box-inner1 {
    padding: 12.48% 6.32% 8.32%
}

.blk-box-inner1 > img {
    padding-right: 15px
}

.box-black-inner2 {
    padding-left: 4.16%
}

.title-small:before {
    width: 8.32%;
    margin-left: 0
}

.title-small {
    padding-left: 12.48%
}

.box-black-inner2 p.caps2 {
    font-size: 17px;
    letter-spacing: 0
}

.blk-box-inner {
    z-index: 999;
    position: relative
}

.quotebg {
    right: 8.32%
}

.col-sm-6.testimonial-slider:before {
    background: url(../images/quote-grey.jpg) no-repeat;
    position: absolute;
    padding: 10px;
    width: 88px;
    height: 72px;
    right: 50%;
    bottom: 0;
    content: "";
    margin-right: -25%
}

.copy ul li {
    padding: 0 2.8%
}

.col9.social_icons.pull-left.nopad.text-left.footercol1 {
    padding-right: 6.24% !important
}

.col8.footercol2 {
    padding-right: 7.32% !important;
    position: relative
}

.col7.footercol3 {
    padding-right: 5.24% !important
}

footer.footer .col8.footercol2:after, footer.footer .col8.footercol2:before {
    width: 100%;
    height: 100%;
    padding: 5px;
    top: 20px;
    content: "";
    position: absolute
}

footer.footer input[type=email], footer.footer input[type=submit] {
    width: 100%
}

footer.footer .col8.footercol2:before {
    border-left: 1px solid #ccc;
    left: 0;
    margin-left: -40px
}

footer.footer .col8.footercol2:after {
    border-right: 1px solid #ccc;
    right: 0;
    margin-right: 35px
}

.talk-to-us .title-small {
    padding-left: 8.32%
}

#shiva.col-2 div {
    margin-left: 70px
}

.facts-figures .counter div {
    font-size: 18px
}

.facts_title {
    color: #282526;
    font-size: 32px;
    font-family: Gilroy-Regular;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px
}

#shiva.col-2:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    left: 0;
    top: -10px;
    padding: 10px;
    border-left: 1px solid #ccc;
    margin-left: -17px
}

.software-inner img {
    padding-right: 15px;
    margin-bottom: 5px
}

.software-inner {
    padding: 4.16% !important
}

.software-inner h4 {
    padding-top: 6px
}

.softwares .col5.nopad .software-inner {
    width: 100%
}

.softwares {
    padding: 80px 0 50px
}

.main-header ul li.current-menu-item.current_page_item:before, .main-header ul li:hover:before {
    position: absolute;
    content: "";
    /*border-bottom: 2px solid #ef5123;*/
     border-bottom: 2px solid #fff;
    width: 100%;
    height: 100%
}

.btn-white:before, a.btn1:before, a.btn2:before, a.btn3:before {
    padding: 9px;
    width: 46px;
    content: "";
    z-index: 999;
}

a.btn2:before {
    background: url(../images/arrowwhite.svg) no-repeat !important;
    position: absolute;
    left: -23px;
    top: 13px;
}

a.btn1:before {
    background: url(../images/red-arrow.png) no-repeat !important;
    position: absolute;
    right: -23px;
    top: 13px
}

a.btn1 {
    position: relative
}

.btn-white:before {
    background: url(../images/arrowwhite.svg) no-repeat !important;
    position: absolute;
    right: -23px
}

a.btn3 {
    position: relative
}

a.btn3:before {
    background: url(../images/red-arrow.png) no-repeat !important;
    position: absolute;
    right: -23px;
    top: 13px
}

@keyframes bounce {
    0%, 100%, 20%, 60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

a.btn1:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

a.btn2:hover:before {
    -webkit-animation: rightArrow .5s;
    animation: rightArrow .5s
}

a.btn3:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

.greycol:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

.redcol:hover:before {
    -webkit-animation: rightArrow .5s;
    animation: rightArrow .5s
}

@-webkit-keyframes rightArrow {
    to {
        margin-left: 0;
        margin-right: 0;
        opacity: 1
    }
    from {
        margin-left: -2rem;
        opacity: 0
    }
}

.blk-box-inner a:hover img, .btn-white:hover:before {
    -webkit-animation: rightArrow .5s;
    animation: rightArrow .5s
}

a.btn-white:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

@-webkit-keyframes leftArrow {
    from {
        margin-right: -2rem;
        opacity: 0
    }
    to {
        margin-left: -3rem;
        opacity: 1
    }
}

.blk-box-inner a {
    position: relative;
    margin-right: 25px
}

.blk-box-inner a:before {
    background: url(../images/viewmore.svg) no-repeat !important;
    content: "";
    padding: 8px;
    position: absolute;
    right: -30px;
    top: 3px;
    z-index: 999999999;
    width: 18px
}

.blk-box-inner a:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

@-webkit-keyframes leftArrow {
    from {
        margin-right: -5rem;
        opacity: 0
    }
    to {
        margin-left: 0;
        opacity: 1
    }
}

header.header.fixed {
    background: #282526;
    padding-bottom: 0
}

footer.footer h3 {
    font-size: 21px
}

@media (min-width: 100px) and (max-width: 1100px) {
    .col-s1, .col-s10, .col-s11, .col-s13, .col-s14, .col-s15, .col-s16, .col-s17, .col-s18, .col-s19, .col-s2, .col-s20, .col-s21, .col-s22, .col-s23, .col-s24, .col-s3, .col-s4, .col-s5, .col-s6, .col-s7, .col-s8, .col-s9 {
        float: left
    }

    .col-s1 {
        width: 4.16%
    }

    .col-s2 {
        width: 8.32%
    }

    .col-s3 {
        width: 12.48%
    }

    .col-s4 {
        width: 16.64%
    }

    .col-s5 {
        width: 20.8%
    }

    .col-s6 {
        width: 24.96%
    }

    .col-s7 {
        width: 29.12%
    }

    .col-s8 {
        width: 33.28%
    }

    .col-s9 {
        width: 37.44%
    }

    .col-s10 {
        width: 41.6%
    }

    .col-s11 {
        width: 45.76%
    }

    .col-s12 {
        width: 50%;
        float: left
    }

    .col-s13 {
        width: 54.16%
    }

    .col-s14 {
        width: 58.32%
    }

    .col-s15 {
        width: 62.48%
    }

    .col-s16 {
        width: 66.64%
    }

    .col-s17 {
        width: 70.8%
    }

    .col-s18 {
        width: 74.96%
    }

    .col-s19 {
        width: 79.12%
    }

    .col-s20 {
        width: 83.28%
    }

    .col-s21 {
        width: 87.44%
    }

    .col-s22 {
        width: 91.6%
    }

    .col-s23 {
        width: 95.76%
    }

    .col-s24 {
        width: 99.92%
    }

    .col4.col-s12.padleft.logo {
        padding-left: 30px
    }

    section.black-box {
        margin-left: 0;
        padding-left: 25px;
        padding-bottom: 50px
    }

    .blk-box-inner {
        margin-bottom: 10px
    }

    .col10.col-s24.facts {
        margin-bottom: 40px
    }

    .facts-figures .counter {
        margin-bottom: 0
    }

    footer.footer {
        margin-left: 0 !important
    }

    footer.footer .col8.footercol2:after {
        border: 0 !important
    }

    /*header {*/
    /*    position: relative*/
    /*}*/
}

@media (min-width: 1000px) and (max-width: 1100px) {
    .col12.col-s24, .journey.col11.col-s24, section.black-box .col-s24 {
        width: 50%;
        float: left
    }

    .col11.pull-right.our-expertise.col-s24 {
        width: 50%
    }

    section.black-box .col14.col-s24 {
        width: 50%
    }

    section.softwares .col7.col-s24 {
        width: 29.12%
    }

    section.softwares .col6.col-s24 {
        width: 24.96%
    }

    section.softwares .col5.col-s24 {
        width: 20.8%
    }

    .software-inner img {
        margin-bottom: 25px
    }

    section.facts-figures .col10.col-s24.facts {
        width: 41.6%
    }

    section.facts-figures .col14.col-s24 {
        width: 58.32%
    }

    section.facts-figures .col14.col-s24 .col-sm-6.col-s24 {
        width: 50%
    }

    .col-sm-10.nopad.col-s24 > .col-sm-4.nopad {
        padding-left: 20px !important
    }

    .col7.footercol3.col-s24 {
        width: 33%
    }

    .col8.footercol2.col-s24 {
        width: 34%
    }

    .col9.col-s24.social_icons.pull-left.nopad.text-left.footercol1 {
        width: 33%
    }

    footer.footer input[type=email] {
        width: 100%;
        margin-top: 1px
    }

    .copy .col-md-6.col-s24 {
        width: 47%
    }

    .copy .col-md-4.col-s24 {
        width: 36.33333%
    }

    .copy .col-md-2.col-s24 {
        width: 16.66667%
    }

    footer.footer .col8.footercol2:after {
        border-right: 1px solid #ccc !important
    }

    a#hamburg {
        position: absolute;
        top: -25px;
        right: 0;
        width: 40px;
        height: 40px;
        z-index: 9;
        text-align: center;
        color: #fff;
        display: none;
        transition: all ease-out .3s;
        margin-right: 50px
    }
}

@media (min-width: 550px) and (max-width: 820px) {
    #journey-main {
        background-image: none !important
    }

    .col11.pull-right.our-expertise.col-s24 {
        margin-right: 10px
    }

    .panel-heading a:after {
        width: 10.64%
    }

    .panel-heading a:before {
        right: 40px !important
    }

    section.black-box .col12.col-s24 {
        width: 94.92%
    }

    .col10.box-black-inner2.col-s24 {
        padding-left: 0;
        width: 94%;
        padding-bottom: 50px;
        padding-top: 50px
    }

    section.softwares .col7.col-s24 {
        padding-left: 40px
    }

    .software-inner {
        margin-bottom: 0;
        padding-bottom: 0 !important
    }

    .col9.social_icons.pull-left.nopad.text-left.footercol1 {
        padding-right: 0 !important;
        text-align: center
    }

    .col8.footercol2 {
        padding-right: 0 !important
    }

    .copy .col-md-6.col-s24 {
        display: none
    }

    .copy .col-s24 {
        float: none;
        text-align: center
    }

    .container.talk-to-us .col-md-6.nopad {
        padding: 0 20px !important
    }

    section.boost .col-sm-4.nopad {
        text-align: left;
        width: 50%;
        padding: 20px !important
    }

    .boost .bg-image:before {
        background-image: none
    }

    footer.footer input[type=email] {
        margin-top: 1px
    }
}

@media (min-width: 100px) and (max-width: 820px) {
    .journey a.btn3 {
        display: block
    }

    .journey.col11.col-s24 {
        padding-right: 15px !important
    }
}

@media (min-width: 600px) and (max-width: 740px) {
    .col4.col-s12.padleft.logo {
        text-align: left
    }

    .copy p {
        font-size: 10px;
        letter-spacing: 0;
        text-align: center
    }
}

@media (min-width: 300px) and (max-width: 350px) {
    a.btn-white, section.boost {
        margin-left: 0
    }

    section.boost h3 {
        font-size: 25px
    }

    section.boost {
        padding-right: 20px !important
    }

    .copy p {
        font-size: 10px;
        letter-spacing: 0;
        text-align: center
    }

    .software-inner {
        margin-bottom: 0
    }

    .boost > .container:nth-child(2) {
        padding: 50px 0 0
    }
}

@media (min-width: 400px) and (max-width: 420px) {
    #journey-main {
        background-image: none
    }
}

#journey-main {
    margin-top: -1px
}

footer.footer input[type=submit] {
    background-size: 100% 100%
}

.caption h1 {
    font-size: 42px !important
}

.android-development .panel-title > a, .blk-box-inner p, .panel-title > a:active, section.facts-figures p, section.softwares p {
    font-size: 14px
}

.redgreycols span {
    opacity: .5
}

.panel-heading a:after {
    opacity: .3
}

.panel-heading a:before {
    background: url(../images/arrow-top.svg) no-repeat !important;
    margin-top: 20px
}

.panel-heading.active a:before {
    right: 0;
    top: 3px;
    margin-top: 12px
}

.panel-title > a, .panel-title > a:active {
    text-transform: inherit
}

.box-black-inner2 a.btn3 {
    width: 233px
}

.blk-box-inner {
    padding: 20px 15px 30px
}

.box-black-inner2 {
    padding-top: 56px
}

.box-black-inner2 p {
    margin-bottom: 0
}

.clients-slider button.slick-prev.slick-arrow {
    background: url(../images/arrow-right.png) no-repeat !important
}

.clients-slider button.slick-next.slick-arrow {
    background: url(../images/arrow-right.png) no-repeat
}

.software-inner.software-inner2 img {
    padding-top: 18px
}

.software-inner img {
    margin-top: 8px
}

.col6.nopad.col-s24:nth-child(3) img {
    margin-top: 0
}

.col6.nopad.col-s24 + .col6.nopad.col-s24 + .col5.nopad.col-s24 img {
    margin-top: 15px
}

.boost a.btn3 {
    width: 233px !important
}

.copy a, .copy p {
    opacity: .6
}

.black-box {
    padding: 100px 0 0;
    position: inherit;
    margin-top: -107px
}

.mix-black-red {
    width: 100%;
    margin-top: -17px;
    margin-bottom: 30px
}

.web-app-slider2 .slick-dots .slick-active button, .web-app-slider2 .slick-dots li button {
    background: 0 0
}

.web-app-slider2 .slick-dots li {
    width: 33px;
    height: 33px;
    margin: 42px 5px 16.5px
}

.web-app-slider2 .slick-dots li button {
    width: 33px;
    height: 33px
}

.web-app-slider2 .slick-dots li button:before {
    content: none
}

.web-app-slider2 .slick-dots {
    width: 30px;
    left: 50%;
    margin-left: -114px
}

.btn-white:before {
    transform: rotate(180deg);
    top: 5px
}

.app-development.game-development .the-centaur a.btn1:after, .black-box a.btn3:after, .boost a.btn3:after, .btn-white:after, .caption a.btn1:after, .game-development a.btn1:after, a.btn3:after, body#page2.android-development #journey-main.journeymain a.btn3:after, nav a.btn2:after {
    top: 35%;
    width: 5px;
    height: 30%;
    content: "";
    position: absolute
}

.boost {
    background-size: 100% 100% !important
}

.boost a.btn3:after {
    right: -3px;
    background: #282526
}

a.btn3:after {
    right: -3px;
    background: #fff
}

.black-box a.btn3:after {
    right: -3px;
    background: #282526
}

.btn-white:after {
    right: -3px;
    background: #ef5123
}

body.android-development nav a.btn2:after, body.app-development nav a.btn2:after, body.game-development nav a.btn2:after, body.web-development nav a.btn2:after {
    content: "";
    position: absolute;
    left: -3px;
    top: 35%;
    width: 5px;
    height: 30%;
    background: #fff;
}

.game-development a.btn1:after {
    right: -3px;
    background: #fff
}

.app-development.game-development .the-centaur a.btn1:after, body#page2.android-development #journey-main.journeymain a.btn3:after {
    right: -3px;
    background: #282526
}

nav a.btn2:after {
    left: -3px
}

header.header.fixed nav a.btn2:after {
    background: #282526
}

#page1 .caption a.btn1:after, #page2 .caption a.btn1:after, #page3 .caption a.btn1:after, #page4 .caption a.btn1:after, body.android-development header.header.fixed nav a.btn2:after, body.app-development header.header.fixed nav a.btn2:after, body.game-development header.header.fixed nav a.btn2:after, body.web-development header.header.fixed nav a.btn2:after {
    background: #fff
}

.caption a.btn1:after {
    right: -3px
}

footer.footer p a:first-child {
    border-right: 1px solid #ededed;
    padding-right: 10px;
    margin-right: 7px
}

footer.footer form p a {
    border: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important
}

body.android-development div.menu-header, body.app-development div.menu-header, body.game-development div.menu-header, body.web-development div.menu-header {
    border-bottom: 1px solid #ededed
}

.col12.box-black-inner2.col-s24 {
    padding-right: 0
}

.col-sm-4.about-numbers:before {
    left: -35px
}

.col-sm-4.about-numbers.about-numbers1, .col-sm-4.about-numbers.about-numbers2 {
    width: 40%
}

.col-sm-4.about-numbers.about-numbers3 {
    width: 20%
}

.about-numbers1.col-sm-4.about-numbers:before {
    left: -25% !important
}

section.ultimate.industries-ultimate {
    padding-top: 0
}

.startup-enterprise .nav-tabs {
    text-align: inherit !important
}

.col-invest-projects.col-invest-projects3 h3 {
    color: #df653b
}

.col-invest-projects.col-invest-projects2 h3 {
    color: #f26837
}

.col-invest-projects.col-invest-projects4 h3 {
    color: #f89142
}

.col-invest-projects.col-invest-projects1 h3 {
    color: #ee3d2d
}

.col-sm-4.about-numbers.about-numbers1 h3 {
    color: #ef5123
}

.col-sm-4.about-numbers.about-numbers2 h3 {
    color: #ee3824
}

.col-sm-4.about-numbers.about-numbers3 h3 {
    color: #f37a20
}

.tabs-solutions {
    padding: 10px 0 100px
}

section.profile-info-projects {
    display: inline-block
}

@media (min-width: 1300px) and (max-width: 2500px) {
    .startup-enterprise .nav-tabs {
        text-align: center !important;
        margin-left: 0;
        margin-bottom: 25px
    }
}

footer.footer a {
    font-weight: 700
}

.brands p {
    font-size: 18px !important;
    color: #282526;
    font-family: Gilroy-Medium
}

.brands h3 {
    font-size: 42px
}

.menu-header li:hover > ul {
    z-index: 2000
}

section.hand-phone h3 span {
    text-transform: lowercase
}

section.home-slick-slider.main-slider.projects p {
    padding: 10px 0
}

.boost .title-small {
    text-transform: uppercase
}

.web-app-slider-inner2 a.btn1:after {
    background: #282526 !important
}

.how-we-work-sec {
    background-size: cover
}

.game-col1.web-app-slider2.services-slider.slick-initialized.slick-slider.slick-dotted a.btn1:after {
    background: #282526 !important
}

ul.nav.nav-tabs li:nth-child(2).active a {
    padding-left: 45px
}

ul.nav.nav-tabs li.active a:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 2px;
    top: 46%;
    left: 10px
}

body#case-study-template .main-header.case-study1 {
    background: url(../images/case-studies/mobile-case-study.png) no-repeat !important;
    height: 580px;
    background-size: cover !important
}

body#case-study-template .main-header.case-study2 {
    background: url(../images/case-studies/case-slider-02.jpg) no-repeat !important;
    height: 580px;
    background-size: cover !important
}

body#case-study-template.game-development .menu-header > ul > li > a {
    color: #fff
}

body#case-study-template.game-development a.btn2 {
    color: #fff !important;
    border: 1px solid #fff
}

body#case-study-template.android-development .caption h1, body#case-study-template.android-development .caption p, body#case-study-template.game-development .menu-header > ul > li:hover > a {
    color: #fff
}

body#case-study-template .main-header ul li.current-menu-item.current_page_item:before, body#case-study-template .main-header ul li:hover:before {
    border-bottom: 2px solid #fff
}

body#case-study-template.game-development a.btn2:before {
    background: url(../images/arrowwhite.svg) no-repeat !important
}

body#case-study-template li.has-dropdown > a:before {
    background: url(../images/case-studies/arrow-w.png) no-repeat
}

body#case-study-template.android-development nav a.btn2:after, body#case-study-template.app-development nav a.btn2:after, body#case-study-template.game-development nav a.btn2:after, body#case-study-template.web-development nav a.btn2:after {
    background: #904484
}

body#case-study-template .case-studies-btn {
    font-weight: 900;
    color: #2b145f;
    background: #fff;
    display: inline-block;
    padding: 7px 14px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Gilroy-Bold
}

body#case-study-template div.menu-header {
    border-bottom: 1px solid #7f4985 !important
}

.client-brief h3 {
    color: #282526
}

table.mission-sec td {
    width: 33%;
    border: 1px solid #b7b7b7;
    text-align: center;
    padding: 45px 30px 30px
}

table.mission-sec {
    width: 84%;
    margin: -25px auto 100px;
    box-shadow: 0 15px 30px 0 #ccc
}

.text-center.mission-heading h3 {
    background: #fff;
    display: inline-block;
    padding: 0 20px
}

section#introduction3 {
    background: url(../images/case-studies/sec04-05.jpg) no-repeat;
    padding: 200px 0
}

#case-studies-slider button.slick-prev.slick-arrow {
    display: none !important
}

#case-studies-slider button.slick-next.slick-arrow {
    background: url(../images/case-studies/case-studies-nav.png) center center no-repeat !important;
    width: 43px;
    height: 43px;
    left: -20px
}

section.client-brief {
    padding-top: 40px;
    font-size: 16px
}

section.client-brief p {
    font-size: 16px;
    opacity: .6;
    line-height: 26px
}

.mission-sec p span {
    color: #170f6b
}

section.client-brief .mission-sec p {
    color: #9d9d9d;
    opacity: 1;
    font-family: Gilroy-Bold
}

.introduction2 .col10 {
    padding-top: 60px
}

section#introduction4 {
    padding-bottom: 50px
}

section.client-brief .col-sm-4.about-numbers {
    padding-left: 30px
}

.col-sm-4.about-numbers.about-numbers2 {
    padding-left: 10px !important
}

section#introduction5 {
    padding: 80px 0;
    clear: both
}

section.client-brief .col-sm-4.about-numbers span {
    color: #373435;
    font-size: 52px;
    font-weight: 600;
    font-family: Gilroy-SemiBold
}

section.client-brief .col-sm-4.about-numbers p {
    color: #373435;
    font-size: 12px;
    font-weight: 600;
    font-family: Gilroy-SemiBold;
    margin-top: 0
}

.col-sm-4.about-numbers:before {
    top: 20px
}

.title-small.title-numbers {
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 600;
    font-family: Gilroy-SemiBold
}

.title-small.title-numbers span {
    color: #00a0dc
}

.title-small.title-numbers:before {
    width: 41px;
    border-top: 2px solid #6d6d6d;
    top: -2px;
    opacity: .5
}

section.client-brief section.contact-sidebar .container {
    box-shadow: 0 10px 40px 0 #ccc;
    clear: both;
    margin-bottom: 30px
}

body#case-study-template.contact .facts-figures {
    padding: 10px 0 30px
}

body#case-study-template li.has-dropdown > a:before {
    margin-top: -3px
}

body#case-study-template.game-development header.header.fixed {
    background: #282526;
    opacity: .9
}

body#case-study-template.archive-app-development.game-development.android-development.app-development.contact header.header.fixed nav a.btn2:after {
    background: #282526 !important
}

body.case-study-2 section#introduction3 {
    background: url(../images/case-studies/section04-05.jpg) left center no-repeat;
    padding: 200px 0;
    background-size: 50% 70%
}

body.case-study-2 section.client-brief .col-sm-4.about-numbers {
    padding-top: 55px
}

body.case-study-2 .col-sm-4.about-numbers:before {
    top: 40px
}

body.case-study-2 .introduction .col9 {
    padding-top: 75px
}

.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/grey-bg-case-study.png) left center no-repeat
}

body#case-study-template.android-development.case-study-2 nav a.btn2:after, body#case-study-template.app-development.case-study-2 nav a.btn2:after, body#case-study-template.game-development.case-study-2 nav a.btn2:after, body#case-study-template.web-development.case-study-2 nav a.btn2:after {
    background: #98d5e0
}

@media (min-width: 100px) and (max-width: 800px) {
    table.mission-sec {
        margin-left: -10px
    }

    #introduction4 .col16, #introduction4 .col8, #introduction5 .col11, #introduction5 .col13, .introduction .col15, .introduction .col9, .introduction2 .col10, .introduction2 .col14, .introduction3 .col12 {
        width: 100%;
        padding-top: 0
    }

    section#introduction3 {
        background: 0 0;
        padding: 20px
    }

    section#introduction5 {
        padding: 0
    }

    section#introduction4 {
        padding-bottom: 0
    }

    body.case-study-2 section#introduction3 {
        background-image: none;
        padding: 20px 0
    }

    section#case-studies-slider {
        display: none
    }
}

#case-study-template .col-sm-3.slick-slide.slick-current.slick-active:after {
    content: "";
    width: 376px;
    position: absolute;
    top: -70px;
    background: url(../images/case-studies/slider-bg-projects.png) center center no-repeat !important;
    height: 727px;
    left: -36px;
    z-index: 1;
    background-size: 100% 100% !important
}

#case-study-template .slick-slide img {
    display: block;
    transition: all .5s ease;
    z-index: 99999;
    position: relative;
    margin: auto
}

#case-study-template .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 714px;
    padding-top: 66px
}

.iremembered section#case-studies-slider, .picture-pick section#case-studies-slider {
    background: url(../images/case-studies/bg-new.png) no-repeat;
    min-height: 834px;
    width: 100%;
    background-size: 100% 100%;
    padding-top: 70px;
    margin-top: 50px
}

section#case-studies-slider {
    background: url(../images/case-studies/bg-grey-case-studies.jpg) no-repeat;
    min-height: 810px;
    width: 100%;
    background-size: 90% 100%;
    padding-top: 70px
}

.case-study-2 section#case-studies-slider {
    background-size: 100% 71% !important;
    background-position: left top;
    padding-top: 50px;
    min-height: 463px
}

nav.nav a.btn2 {
    padding-left: 25px
}

.col-xs-8.text {
    padding-top: 12px
}

body#case-study-template.case-study-2 .main-header {
    min-height: 580px
}

.slide-number01 {
    letter-spacing: 1px
}

.caption a.btn1:after {
    background: #4c1b21
}

nav a.btn2:after {
    background: #48201b
}

.social-fixed ul li:nth-child(1) a {
    color: #475993
}

.social-fixed ul li:nth-child(2) a {
    color: #0077b7
}

.social-fixed ul li:nth-child(3) a {
    color: #c43162
}

.social-fixed ul li:nth-child(4) a {
    color: #76a9ea
}

.social-fixed ul li:nth-child(5) a {
    color: #9f1121
}

@media (min-width: 1000px) and (max-width: 1100px) {
    .facts-figures .col-sm-4:nth-child(2) .counter:before {
        margin-right: -15px
    }

    section.brands img {
        padding: 10px 2%
    }

    br {
        display: none
    }

    .app-title {
        font-size: 14px
    }

    .blk-box-inner p {
        font-size: 12px
    }

    .testimonial-author br {
        display: block
    }

    .main-slider .slick-dots {
        left: 20px
    }

    .caption h1 {
        line-height: 40px
    }

    .menu-header > ul > li > a {
        padding: 17px 10px
    }
}

@media (min-width: 100px) and (max-width: 769px) {
    body#case-study-template.android-development .caption p {
        color: #fff;
        display: none
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: .5s;
        padding-top: 30px
    }

    .sidenav a {
        display: block;
        transition: .3s;
        padding: 1px 15px;
        font-size: 10px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        font-family: Gilroy-Medium
    }

    .sidenav li:not(.has-dropdown) a {
        position: relative;
        cursor: pointer
    }

    #home div.row.baner.slick-slide img.not-desktop {
        display: block !important
    }

    #home div.row.baner.slick-slide.slide2 img.not-desktop {
        margin-top: -50px;
        float: right;
        margin-right: -45px
    }

    #home .col-sm-6.text-col.nopad-left {
        padding-left: 0;
  
    }

    div.main-header ul li {
        position: relative;
        padding-bottom: 0;
        margin-bottom: 10px
    }

    .sidenav a:hover {
        color: #f1f1f1
    }

    #home span.text-right.pull-right, body#case-study-template span.text-right.pull-right {
        color: #fff
    }

    .sidenav .closebtn {
        position: absolute;
        top: 10px;
        right: 0;
        font-size: 36px;
        margin-left: 50px
    }

    li.has-dropdown a:before {
        content: none !important
    }

    .col-sm-4.about-numbers:before, .copyright:before, footer.footer .col-md-4:nth-child(2):after, footer.footer .col-md-4:nth-child(2):before, footer.footer .col8.footercol2:before, section.recent-work.recent-work-android .title-small:before {
        content: none
    }

    li.has-dropdown {
        background: url(../images/case-studies/arrow-w.png) 95% 17px no-repeat !important
    }

    li.has-dropdown ul {
        display: none;
        padding-left: 20px
    }

    .main-header ul ul li {
        position: relative;
        padding-bottom: 0 !important;
        margin-bottom: 0
    }

    .menu-for-mobile {
        display: block !important
    }

    .android-app-development section.facts-figures.facts-figures-android, .game-development.android-development.app-development.ip-protection.mobile-app-sup .boost .title-small, .menu-not-mobile {
        display: none
    }

    .menu-for-mobile img {
        margin-top: -5px
    }

    .menu-for-mobile ul {
        list-style: none;
        padding-left: 0
    }

    body.menu-active {
        overflow: hidden !important;
        height: 100vh
    }

    section.black-box .col12.col-s24 {
        margin-left: 0 !important
    }

    .recent-work .col-sm-6 {
        padding-left: 20px;
        padding-right: 20px
    }

    .game-development header.header.fixed {
        box-shadow: none
    }

    .col-sm-6.img-col, .col-sm-6.text-col {
        padding-left: 0
    }

    body:not(#home) .caption h1 {
        font-size: 20px !important;
        line-height: 27px !important;
        margin-top: 8px
    }

    body#case-study-template .caption h1 {
        width: 50%
    }

    body:not(#home).android-development .container.baner-caption {
        margin-top: 60px
    }

    /* body:not(#home).android-development .container.baner-caption {
        margin-top: -60px
    }*/

    .startup-enterprise ul.nav.nav-tabs li, html.responsive-footer-col body.mobile-app-sup .facts-figures {
        margin-top: 0
    }

    /*section.boost .container {*/
    /*    padding-right: 25px !important*/
    /*}*/

    .game-development .the-centaur {
        min-height: auto !important
    }

    a.btn3.getintouch-contact {
        padding-left: 0 !important
    }

    .ip-protection .tabs-solutions {
        padding: 0 !important
    }

    .game-development.android-development.app-development.ip-protection.mobile-app-sup .boost > .container:nth-child(2) .title-small:before, .title-small:before {
        padding: 15px
    }

    body.mobile-app-sup .title-small:before {
        width: 0 !important
    }

    .panel-heading a:before, .panel-heading.active a:before {
        right: 22px
    }

    .project-i {
        overflow: hidden;
        height: auto;
        width: 100%;
        display: block
    }

    header.header.fixed {
        background: #282526;
        opacity: 1;
        height: 60px;
        position: fixed !important;
        top: 0
    }

    .project-col-iner .project-col-contents {
        padding: 20px
    }

    section#introduction3 {
        background-image: none !important
    }

    body.case-study-1 section.client-brief section#introduction4, body.case-study-2 section.client-brief section#introduction4 {
        background: url(../images/case-studies/talppol-grey-bg.png) left center no-repeat !important;
        background-size: 100% 100% !important;
        padding: 50px 20px !important;
        margin-bottom: 30px !important
    }

    .title-small.title-numbers {
        padding-left: 15.48% !important
    }

    body#case-study-template.case-study-2 .main-header {
        min-height: auto
    }

    #case-study-template .slick-track {
        height: 105px !important
    }

    body#case-study-template div.menu-header, body#case-study-template.case-study-2.intogo div.menu-header, div.menu-header {
        border-bottom: 0 !important
    }

    .menu-header, body.android-development div.menu-header, body.app-development div.menu-header, body.game-development div.menu-header, body.web-development div.menu-header {
        border-bottom: 0
    }

    .title-small.home-facts-and-figures:before, .title-small.home-services:before {
        padding: 15px
    }

    footer {
        text-align: center !important
    }

    .boost, .col-sm-4.about-numbers, .col16.pull-right.game-col, .copyright p, a.btn3.getintouch-contact, footer.footer, footer.footer .col-md-4, footer.footer h3, footer.footer p, footer.footer ul {
        text-align: center
    }

    .col9.social_icons.pull-left.nopad.text-left.footercol1 {
        padding-left: 6.24% !important
    }

    footer.footer form {
        margin-left: 15px
    }

    .container.text-center.copy.nopad {
        margin-left: 0 !important
    }

    .advatages-sec .container.talk-to-us .col-md-6.nopad:first-child img {
        width: 100%;
        padding-bottom: 30px
    }

    .support-page .support-and-maintenaince {
        background-size: 100% 71%
    }

    body.mobile-app-sup.android-development .container.baner-caption {
        background-image: none
    }

    body.mobile-app-sup.android-development .container.baner-caption .col-sm-6.text-col {
        padding-top: 0;
        padding-bottom: 0
    }

    section.mobile-app-support1.mobile-app-support-page {
        height: auto
    }

    .inner-left-fluid {
        position: relative;
        top: 0;
        margin-top: 0;
        left: 0
    }

    section.the-centaur.how-we-work {
        display: none
    }

    body.mobile-app-sup section.ip-protection-services .col16 {
        padding-top: 0
    }

    body.mobile-app-sup .ip-protection-services {
        padding-top: 0;
        background-size: cover
    }

    nav.nav .btn2 {
        margin-top: -52px;
        margin-right: -85px
    }

    .menu-header ul li a {
        padding: 5px !important;
        color: #fff !important
    }

    .game-col2 {
        padding-top: 0
    }

    .right-col-centaur {
        padding-left: 0;
        padding-top: 0
    }

    .the-centaur1 .blk-box-inner1 {
        padding: 0
    }

    .how-we-work-sec h3, .ultimate h3 {
        font-size: 30px
    }

    #menu1 img, #menu2 img {
        margin-top: 0
    }

    .col16.pull-right.game-col {
        float: none !important;
        margin-top: 80px;
        width: 100%
    }

    .game-col .exec-team.game-col1 {
        padding-left: 0
    }

    .exec-team .slick-slide img {
        padding-left: 0;
        display: inline-block
    }

    .years25inagency {
        padding: 0 0 30px
    }
    section.years25inagency {
    margin-top: 50px;
}

    html.responsive-footer-col .facts-figures {
        margin-top: 220px
    }

    section.the-centaur {
        padding: 30px 0
    }

    .caption h1 {
        line-height: 40px
    }

    .journey:before {
        left: 35px
    }

    .journey a.btn3:after {
        background: #282526
    }

    li.has-dropdown li a:before {
        background-image: none
    }

    #page3.game-development .ultimate {
        padding: 35px
    }

    #page3.game-development .boost > .container:nth-child(1) {
        padding-top: 0
    }

    section.boost.ideas.whychoosebg {
        background: #282526
    }

    section.ultimate.our-offerings {
        padding-right: 20px
    }

    .game-development .game-4-boxes .col-sm-6 {
        padding-bottom: 0
    }

    html.responsive-footer-col #page4 .facts-figures {
        padding: 0 !important;
        margin-top: 0
    }

    .container.redgreycols, nav.nav .btn2 {
        display: none
    }

    .main-slider .slick-dots {
        margin-left: -45px;
        display: none !important
    }

    .title-small:before {
        margin-left: 0
    }

    .col-md-6.box-black-inner2 {
        padding-top: 40px;
        display: inline-block
    }

    section.technology .container h3 {
        color: #282526;
        margin-bottom: 20px;
        margin-top: 90px;
        width: 60%
    }

    .facts-figures .col-sm-4:nth-child(2) .counter:before {
        margin-right: -15px
    }

    .boost {
        padding: 100px 50px 50px 0
    }

    .boost > .container:nth-child(2) .title-small:before {
        left: 50%;
        margin-left: -65px
    }

    footer.footer .col-md-4 {
        width: 100%
    }

    section.brands .container:before {
        margin-right: 35px
    }

    .menu-header {
        padding-right: 6px
    }

    .menu-header ul {
        background: #ef5123;
        padding: 20px
    }

    .boost > .container:nth-child(1) {
        width: 107.3%
    }

    .interest {
        padding-left: 0
    }

    span.placeholder2 {
        display: none
    }

    a#hamburg {
        z-index: 9999999
    }

    .logo {
        z-index: 9
    }

    .menu-header ul {
        margin-top: 0;
        width: 95%
    }

    .col-md-6.box-black-inner2 {
        padding-bottom: 30px
    }

    .load-more-projects {
        background: url(../images/load-more-projects.png) right 45px no-repeat;
        padding: 30px 10px;
        width: 100%;
        cursor: pointer
    }

    section.hand-phone div.col5, section.hand-phone div.col9 {
        width: 100%
    }

    section.hand-phone div.col10 {
        width: 100%;
        padding-left: 10px
    }

    section.hand-phone .col9 p {
        line-height: 30px
    }

    .container-fluid.testimonial-baner {
        background: 0 0 !important
    }

    .content-title {
        margin-top: 28%;
        padding-left: 70px;
        float: left;
        position: relative
    }

    .content-title:before {
        width: 30px
    }

    .video-testimonials-bg h3 {
        font-size: 20px
    }

    section.video-testimonials .col-sm-6 .video-testimonials1 {
        margin-bottom: 20px
    }

    .play-btn {
        width: 50px;
        height: 50px;
        background: url(../images/red-overlay.png) no-repeat;
        border-radius: 50%;
        float: right;
        margin-top: -50px;
        margin-right: 0;
        background-size: cover;
        z-index: 9999999999;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 50%
    }

    html.responsive-footer-col body.game-development.android-development.app-development section.boost .container {
        margin-left: 0 !important;
        position: relative !important;
        margin-top: 0
    }

    html.responsive-footer-col .facts-figures {
        padding: 0 !important
    }

    html.responsive-footer-col section.boost {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    html.responsive-footer-col .boost > .container:nth-child(2) {
        padding: 40px 10px 40px 0 !important
    }

    body#page3.game-development .android-development .panel-heading a:before {
        margin-right: 10px
    }

    h3 {
        font-size: 30px
    }

    .advatages-sec {
        background: url(../images/prototyping.jpg) no-repeat;
        padding: 10px 0 0;
        color: #fff;
        background-size: 100% 70%
    }

    html.responsive-footer-col body.game-development.android-development.app-development.ip-protection.startup-prototype .facts-figures {
        margin-top: 0
    }

    html.responsive-footer-col body.game-development.android-development.app-development.ip-protection.startup-prototype .game-development .game-4-boxes .col-sm-6 {
        padding-bottom: 0;
        display: inline-block;
        margin-top: 30px
    }

    .ip-protection .tab-pane.active img, .tab-pane.active a.btn3 {
        display: none
    }

    section.ultimate.industries-ultimate .col16, section.ultimate.industries-ultimate .col8.ultimate1 {
        width: 100%
    }

    body.mobile-app-sup section.game-4-boxes li {
        width: 100% !important
    }

    body.mobile-app-sup #ip-protection-services {
        margin-top: 120px
    }

    body.mobile-app-sup .ip-protection-services .ip-protection-services1 {
        background-image: none !important
    }

    body.mobile-app-sup section.ip-protection-services .col16 {
        margin-left: 20px
    }

    body.mobile-app-sup .ip-protection-services {
        background-image: none
    }

    .col-sm-4.about-numbers {
        width: 100% !important;
        float: none;
        padding: 0;
        margin: 30px 0 0
    }

    section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 h3, section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 p {
        /*color: #fff*/
    }
    section.bg-grey-light.black-box {
    margin: 0px !important;
}

    section.ultimate.industries-ultimate .col11.ultimate1.beautiful-exp {
        width: 100%;
        margin-bottom: 30px
    }

    section.ultimate.industries-ultimate .col13 {
        width: 100%
    }

    .col12.col-s24.col1-light-grey {
        padding-top: 50px
    }

    .beautiful-exp {
        padding-top: 0
    }

    section.contact-sidebar .col7 {
        width: 100%;
        text-align: center
    }

    section.contact-sidebar .col17, section.contact-sidebar input[type=email], section.contact-sidebar input[type=text], section.contact-sidebar select, section.contact-sidebar textarea {
        width: 100%
    }

    a.btn3.getintouch-contact {
        width: 60%;
        float: none;
        cursor: pointer;
        margin: 30px 0 40px 20%
    }

    .android-development .ip-protection-services .game-4-boxes li, .ip-protection-services .col16, .ip-protection-services .col18, .support-and-maintenaince .col11, .support-and-maintenaince .col13 {
        width: 100%
    }

    section.hand-phone h3 {
        margin: 0 0 20px
    }

    .project-col-iner-col1 {
        margin-top: 70px
    }

    section.hand-phone {
        padding: 0 0 50px
    }

    .support-and-maintenaince {
        padding: 50px 0;
        background: url(../images/red-gradient-bg.jpg) no-repeat;
        background-size: 100% 77%
    }

    .ip-protection-services {
        padding: 200px 0 30px
    }

    .ip-protection .col-sm-6.image-col.nopad img {
        padding-top: 0
    }

    .ip-protection .facts-figures {
        padding: 0;
        background: #fff
    }

    body.ip-protection.game-development.android-development.app-development section.boost .container {
        margin-left: 35px !important;
        width: 100% !important
    }

    .ip-protection-services .col8 {
        width: 100%
    }

    #page1.game-development.android-development section.the-centaur.iphone-app-centaur {
        background: #282526 !important
    }

    .game-development.android-development.app-development.ip-protection.mobile-app-sup .tabs-solutions {
        padding-bottom: 50px !important
    }

    span.border-mid {
        width: 0;
        padding: 0
    }

    .team-pics .col7 h4 {
        margin-top: -70px
    }

    #page1.game-development.android-development.main-services-page .recent-work .title-small:before {
        padding: 15px
    }

    body.game-development.android-development.app-development .the-centaur1 {
        height: 300px
    }

    html.responsive-footer-col body.game-development.android-development.app-development .facts-figures {
        padding: 0 !important;
        margin-top: 0
    }

    .key-features-col {
        height: auto
    }

    /*section.home-slick-slider.main-slider.slick-initialized.slick-slider.slick-dotted {*/
    /*    margin-top: -65px*/
    /*}*/

    nav.nav {
        position: absolute
    }

    .row.panel-body .col-xs-12.info {
        padding: 15px 0;
        margin-left: -6px
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        background-size: 100% 100% !important;
        background-position: center center !important;
        height: auto;
        margin: 0 !important
    }

    div.row.baner.slick-slide .caption a.btn1:after {
        background: 0 0 !important
    }

    .col-sm-6.text-col.nopad-left {
        padding-left: 5px;
        margin-left: 0
    }
}

@media (min-width: 100px) and (max-width: 740px) {
    .boost .bg-image:before, .boost .title-small:before {
        content: none
    }

    .caption h1 {
        font-size: 26px !important
    }

    section.facts-figures {
        padding-top: 30px
    }

    .menu-header ul ul li a {
        color: #fff !important
    }

    .menu-header ul {
        margin-top: 0;
        width: 95%
    }

    .menu-footer-menu-container {
        display: none
    }

    .col-md-4.text-left.copyright.nopad {
        text-align: center
    }

    footer.footer input[type=email] {
        margin-top: 15px
    }

    .black-box .col-md-6 .col-md-6:nth-child(3) .blk-box-inner, .black-box .col-md-6 .col-md-6:nth-child(4) .blk-box-inner {
        margin-bottom: 30px
    }

    .col-md-6.box-black-inner2 {
        padding: 0 30px 30px
    }

    .col-sm-6.text-col {
        padding-top: 10px
    }
}

@media (min-width: 100px) and (max-width: 640px) {
    .black-box, .facts-figures, section.boost {
        margin-left: -15px
    }

    .container.journey-main {
        padding-left: 0;
        margin-left: -15px
    }

    section.black-box .container {
        padding-left: 0
    }

    /*section.boost .container {*/
    /*    padding-left: 25px !important*/
    /*}*/

    section.boost h3 {
        font-size: 30px
    }

    footer.footer {
        text-align: center;
        padding-left: 0;
        margin-left: -30px
    }

    .container.text-center.copy.nopad {
        margin-left: -25px
    }

    footer.footer + hr {
        margin-left: -20px
    }

    footer.footer input[type=email] {
        margin-top: 15px;
        border: 1px solid #ccc
    }

    main {
        padding: 0
    }

    
}

@media (min-width: 100px) and (max-width: 420px) {
    .boost > .container:nth-child(1) {
        width: 114%;
        padding-right: 20px
    }

    .container.journey-main {
        padding-right: 0
    }

    .how-we-work-sec .col16.slider-text-col {
        width: 100%;
        padding: 0
    }

    .how-we-work-sec .col15, .how-we-work-sec .col9 {
        width: 100%
    }

    .how-we-work-sec .left-bar-number {
        opacity: .3;
        display: none
    }

    .how-we-work-sec {
        background: url(../images/android-icons/howwe-work-bg.jpg) no-repeat;
        color: #fff;
        padding: 10px 0 50px;
        background-size: cover
    }

    .main-services-page .tabs-solutions, .tabs-solutions {
        padding: 50px 0 100px
    }

    .years25inagency .col21, .years25inagency .col3, section.the-founder .col10, section.the-founder .col12, section.the-founder .col6, section.the-founder .col7 {
        width: 100%
    }

    section.profile-info-projects .col4 {
        width: 100%;
        padding-left: 100px
    }

    section.profile-info-projects .col10, section.profile-info-projects .col6 {
        width: 100%
    }

    .col-invest-projects:before {
        content: none !important
    }

    .the-centaur1 .col10, .the-centaur1 .col7 {
        width: 100%
    }

    section.the-centaur.iphone-app-centaur {
        background: url(../images/rectangle-copy-centaur.png) no-repeat !important;
        background-size: cover !important;
        height: auto !important
    }

    body#page2.android-development #journey-main.journeymain {
        background: #282526 !important
    }

    body.contact .caption .col-sm-6.text-col {
        padding-top: 0
    }

    section.facts-figures.map-wrap .col18, section.facts-figures.map-wrap .col6 {
        width: 100%;
        padding: 20px
    }

    div.menu-header ul ul li a {
        background: 0 0;
        border-bottom: 0
    }

    .menu-header ul ul::before {
        content: none
    }

    .menu-header ul ul, .menu-header ul ul ul, .menu-header.align-right ul ul {
        position: relative;
        left: 0
    }

    .menu-header ul ul li a {
        padding: 0 !important;
        color: #fff !important
    }

    .menu-header ul {
        margin-top: 0;
        width: 100%
    }

    .main-header ul li {
        position: relative;
        padding-bottom: 10px
    }

    .main-header ul ul li {
        position: relative;
        padding-bottom: 15px;
        padding-top: 15px !important
    }
}

@media (min-width: 100px) and (max-width: 350px) {
    .boost > .container:nth-child(1) {
        width: 120%
    }

    .caption h1 {
        font-size: 17px !important;
        line-height: 30px !important
    }

    a#hamburg {
        top: 15px;
        margin-right: 30px
    }

    main {
        padding: 0
    }

    body.ip-protection.game-development.android-development.app-development section.boost .container {
        margin-left: 18px !important;
        width: 100% !important
    }
}

#field {
    margin-left: .5em;
    float: left
}

.contact label.error, label.error {
    padding-left: 16px;
    margin-left: .3em;
    font-weight: 400;
    color: #000
}

#field, label {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small
}

br {
    clear: both
}

input {
    border: 1px solid #000;
    margin-bottom: .5em
}

input.error {
    border: none
}

label.error {
    background: url(../images/unchecked.gif) no-repeat;
    position: absolute;
    display: block;
    margin-top: 3px
}

label.valid {
    background: url(checked.gif) no-repeat;
    display: block;
    width: 16px;
    height: 16px
}

.contact #contact_form {
    position: relative
}

.contact label.error {
    position: absolute;
    display: inline-block;
    margin-top: 43px;
    left: 0
}

.contact label#email-error {
    left: 70.5%
}

.contact label#designation-error, .contact label#phone-error {
    left: 35%
}

#case-study-template.contact label#email-error {
    left: 30%
}

#case-study-template.contact label#phone-error {
    left: 0
}

@media (min-width: 1000px) and (max-width: 1100px) {
    .journey.col11.col-s24 {
        width: 45.76%;
        float: left
    }

    .col13.pull-right.our-expertise.col-s24 {
        width: 54.16%
    }

    .app-development.game-development .the-centaur {
        background-position: center center !important
    }

    .industries-icons br {
        display: block
    }

    .industries-icons {
        margin: 30px 0 0
    }

    .game-development .the-centaur .col9.pull-right.game-col {
        background: #272526;
        padding-bottom: 144px
    }

    .game-development .game-4-boxes .col-sm-6:nth-child(1), .game-development .game-4-boxes .col-sm-6:nth-child(2) {
        height: 270px
    }

    #page2.game-development.android-development.iphone-development .col-sm-6.text-col {
        padding-top: 0
    }

    #page2.game-development.android-development.iphone-development .col-sm-6.image-col, .wearable-app-development.game-development .col-sm-6.image-col {
        padding-top: 30px
    }

    .wearable-app-development.game-development .col-sm-6.text-col {
        padding-top: 0
    }

    .wearable-app-development .col9.pull-right.game-col {
        padding-top: 0;
        margin-top: 4px;
        padding-bottom: 0 !important
    }

    #page4 .col-sm-6.text-col {
        padding-top: 100px
    }

    #page4.app-development.game-development .the-centaur {
        min-height: auto;
        padding-bottom: 92px
    }

    #page4.app-development.game-development .game-col2 {
        padding-top: 30px
    }
}

@media (min-width: 760px) and (max-width: 770px) {
    .archive.web-development.app-development section.ultimate.our-offerings .col-sm-4 {
        width: 50%
    }

    .archive.web-development.app-development section.ultimate.our-offerings h3 + p {
        font-size: 14px;
        line-height: 26px;
        width: 80%;
        padding-bottom: 20px
    }

    .wearable-app-development.game-development .the-centaur {
        padding-left: 20px
    }

    .wearable-app-development.game-development .game-col .game-col1 {
        padding-left: 0
    }

    .game-4-boxes .col-sm-6 {
        padding-bottom: 50px;
        min-height: 254px;
        height: 230px
    }

    .industries-icons br {
        display: block !important
    }

    .industries-icons {
        margin: 30px 0 0
    }

    #page4.app-development.game-development .the-centaur .col16.pull-right.game-col {
        background: #fff
    }

    section.the-centaur .col8 {
        width: 33% !important;
        float: left
    }
}

@media (min-width: 740px) and (max-width: 770px) {
    .app-development.game-development .the-centaur:before, .game-development .the-centaur:before {
        content: none
    }

    #page4.app-development.game-development .the-centaur .col16.pull-right.game-col {
        background: #fff
    }

    section.the-centaur .col8 {
        width: 33% !important;
        float: left
    }

    .android-development .col-sm-6.image-col, .col-sm-6.text-col {
        padding-top: 0
    }

    .android-development section.brands-game img {
        width: 110px
    }

    section.black-box .col12.col-s24 {
        width: 50%
    }

    section.black-box .col12 {
        padding-right: 0;
        padding-left: 10px
    }

    .android-development .col12.col-s24 .row .col12.col-s24:first-child .blk-box-inner {
        margin-right: 0
    }

    .col12.box-black-inner2.col-s24 {
        padding-left: 30px
    }

    .android-development .black-box {
        background: #282526
    }

    .our-expertise {
        background: #ee3824 !important
    }

    section#journey-main .container.journey-main {
        padding-left: 0 !important
    }

    body#page1.android-development .panel-heading a:after {
        margin-left: -81px;
        width: 5%
    }

    body#page1.android-development .journey {
        padding: 0 5px 50px 50px !important
    }

    body#page1.android-development #journey-main {
        padding-top: 10px
    }

    .col4.col-s12.padleft.logo {
        padding-left: 15px;
        text-align: left
    }

    section.boost.ideas .title-small:before {
        border-top: 0
    }

    .container.talk-to-us .col-md-6.nopad {
        padding: 0 20px 0 0 !important
    }

    .container.talk-to-us section.game-4-boxes {
        text-align: left
    }

    .container.talk-to-us section.game-4-boxes .col18 {
        width: 66.96%;
        float: left
    }

    section.the-centaur .col9 {
        width: 46%;
        float: left !important
    }

    section.the-centaur .col8 {
        float: left
    }

    .app-development.game-development .the-centaur .container {
        width: 100%
    }

    .app-development.game-development .the-centaur .container .game-col .game-col1, .app-development.game-development .the-centaur .container .game-col2 {
        padding-top: 20px
    }

    .app-development.game-development .the-centaur {
        background: url(../images/mid-app-dev.png) -65px center no-repeat #ee3824 !important;
        position: relative;
        min-height: auto;
        background-size: cover !important
    }

    br {
        display: none !important
    }

    .game-development .the-centaur {
        background-size: cover !important
    }

    .android-development .game-4-boxes li {
        width: 47%
    }

    body#page2.android-development section.ultimate.industries-ultimate .col10 {
        width: 100%
    }

    body#page2.android-development .journey {
        padding: 0 50px 50px !important
    }

    body#page2.android-development .panel-heading a:after {
        margin-left: -81px;
        width: 5%
    }

    #page3 .facts-figures h3 {
        color: #282526;
        padding-top: 40px;
        display: inline-block
    }

    body#page3.game-development .android-development .panel-heading a:after {
        width: 12.64%
    }

    body#page3.game-development .android-development #journey-main {
        padding-top: 0
    }

    body#page3.game-development .journey {
        padding: 10px 40px 40px 50px !important
    }

    body#page4.game-development.android-development.app-development.web-development section.boost.ideas p, section.boost.ideas p {
        line-height: 24px;
        width: 80%;
        text-align: center;
        margin: 0 auto
    }

    body#page4.game-development.android-development.app-development.web-development .game-4-boxes .col-sm-6 {
        padding-bottom: 0 !important;
        min-height: auto;
        height: 235px
    }

    body#page4 .web-development.app-development .ultimate .col16 h3 {
        padding-top: 20px
    }

    body#page4.game-development.android-development.app-development.web-development section.boost.ideas .col-sm-6 .col18 p {
        line-height: 24px;
        width: 100%;
        text-align: left;
        margin: 0 auto;
        padding: 0 !important
    }

    body#page4.game-development.android-development.app-development.web-development section.boost.ideas > .container .game-4-boxes .col-sm-6 {
        padding-bottom: 0 !important;
        min-height: auto;
        height: auto
    }
}

@media (min-width: 100px) and (max-width: 740px) {
    .app-development.game-development .the-centaur:before, .archive .col18:before, .container.work-part2 .col-sm-3:before, .game-development .the-centaur:before {
        content: none
    }

    .android-development .game-4-boxes li {
        width: 100%
    }

    .game-development .game-4-boxes .col-sm-6 {
        padding-bottom: 50px;
        display: inline-block
    }

    br {
        display: none !important
    }

    .archive .col-sm-6.text-col {
        padding-top: 0 !important
    }

    .android-development .col-sm-6.image-col {
        padding-top: 0
    }

    section.black-box .col12.col-s24 {
        width: 94.92%;
        padding-right: 0;
        margin-left: 2.5%
    }

    .android-development .col12.col-s24 .row .col12.col-s24:first-child .blk-box-inner {
        margin-right: 0;
        margin-top: 10px
    }

    .android-development .col12.col-s24 .row + .row .col12.col-s24:nth-child(2) .blk-box-inner {
        margin-top: 0
    }

    .android-development .black-box .container {
        background: #282526;
        padding-bottom: 30px
    }

    .col12.ultimate1 {
        width: 100%
    }

    .col12.ultimate2 {
        width: 100%;
        padding-left: 0
    }

    .android-development .our-expertise {
        background: #ee3824
    }

    .app-development.game-development .the-centaur, .game-development .the-centaur {
        background-size: cover !important
    }

    body#page1.android-development .panel-heading a:after {
        margin-left: -80px;
        width: 5%
    }

    body#page1.android-development .journey {
        padding: 50px 20px !important
    }

    .container.journey-main {
        padding: 0
    }

    .col10.ultimate1 {
        width: 100%
    }

    section.game-4-boxes {
        text-align: left
    }

    section.the-centaur .col9 {
        width: 46%;
        float: left !important
    }

    .app-development.game-development .the-centaur .container {
        width: 100%
    }

    .app-development.game-development .the-centaur .container .game-col .game-col1, .app-development.game-development .the-centaur .container .game-col2 {
        padding-top: 20px
    }

    .nav-tabs > li > a {
        font-size: 12px;
        padding: 12px 5px
    }

    section.recent-work a.btn3 {
        margin-bottom: 40px
    }

    ul.nav.nav-tabs .col4 {
        width: 20.64%
    }

    .game-development .ultimate2 {
        padding: 0
    }

    .game-development .ultimate {
        padding: 50px 0
    }

    .game-development .game-col .game-col1 {
        padding-top: 0
    }

    body#page2.android-development section.ultimate.industries-ultimate .col10 {
        width: 100%
    }

    body#page2.android-development .journey {
        padding: 0 50px 50px !important
    }

    body#page2.android-development .panel-heading a:after {
        margin-left: -81px;
        width: 5%
    }

    #page3 .facts-figures h3 {
        color: #282526;
        padding-top: 40px;
        display: inline-block
    }

    body#page3.game-development .android-development .panel-heading a:after {
        width: 12.64%
    }

    body#page3.game-development .android-development #journey-main {
        padding-top: 0;
        height: auto
    }

    body#page3.game-development .journey {
        padding: 10px 40px 40px 50px !important
    }

    .wearable-app-development.game-development .col-sm-6.image-col {
        padding-top: 0
    }

    .wearable-app-development.game-development .the-centaur .container {
        padding-left: 30px !important
    }

    #page3.game-development .ultimate {
        padding: 50px
    }

    section.boost.ideas p {
        line-height: 24px;
        width: 100%;
        text-align: left;
        margin: 0 auto
    }

    p.wc-tekrevol {
        width: 80% !important;
        margin: 0 auto;
        text-align: center !important
    }

    section.the-centaur .col8 {
        width: 33%;
        float: left
    }

    #page4 .game-col .game-col1 {
        padding-top: 30px;
        background: #fff
    }
}

@media (min-width: 100px) and (max-width: 481px) {
    .android-development .game-4-boxes li, .tab-content .col12, body.game-development .game-4-boxes li, section.the-centaur .col8, section.the-centaur .col9, ul.nav.nav-tabs .col4 {
        width: 100%
    }

    .android-development .black-box .container {
        padding-left: 15px
    }

    body#page1.android-development .journey {
        padding: 0 40px 50px !important
    }

    body#page1.android-development #journey-main {
        background: #282526;
        padding: 0;
        height: auto
    }

    .android-development section.game-4-boxes a.btn3 {
        width: 100%;
        margin-bottom: 80px;
        margin-top: 20px;
        color: #253858;
        font-family: Gilroy-Bold;
        padding-left: 10px;
        font-size: 10px !important
    }

    .facts-figures {
        padding: 0 0 120px
    }

    ul.nav.nav-tabs .col4 {
        margin-bottom: 5px
    }

    section.tabs-solutions ul.nav.nav-tabs li.active.col4 a {
        background-size: cover !important
    }

    .tab-pane.active img {
        margin-top: 0
    }

    .tab-content .col12 {
        float: left
    }

    .game-col .game-col1 {
        padding-left: 10px
    }

    body#page2.android-development #journey-main {
        background: #282526;
        padding-top: 30px
    }

    .wearable-app-development.game-development .the-centaur {
        background-size: cover !important
    }

    .wearable-app-development .col9.pull-right.game-col {
        padding: 0 15px 30px 0
    }

    body#page3.game-development .android-development #journey-main {
        background: #282526
    }

    body#page3.game-development .facts-figures {
        padding: 20px 0;
        background: #282526
    }

    .boost > .container:nth-child(1) {
        width: 100% !important;
        margin-left: 0 !important
    }

    section.ultimate.our-offerings .col8.ultimate1 {
        width: 100%;
        padding-left: 20px
    }

    .game-development .game-4-boxes .col-sm-6 {
        width: 100%
    }

    body.game-development.android-development.app-development.web-development .ultimate2 {
        padding: 0;
        width: 100%
    }

    /*section.boost .container {*/
    /*    margin-left: 27px !important*/
    /*}*/

    body.game-development.android-development.app-development section.boost .container {
        margin-left: 0 !important
    }

    #page4.app-development.game-development .the-centaur .col16.pull-right.game-col {
        width: 100%;
        float: left;
        background: #fff
    }
}

@media (min-width: 100px) and (max-width: 350px) {
    .boost > .container:nth-child(1) {
        margin-left: 18px
    }

    body.game-development section.game-4-boxes .col4 img {
        padding-right: 10px;
        padding-top: 5px
    }

    body.game-development .game-4-boxes li {
        width: 100%
    }

    body#page3.game-development .facts-figures {
        padding: 20px 0;
        background: #282526
    }
}

#quote .btn-white, .interactive input {
    display: inline-block;
    text-align: left
}

select.interactive {
    background: 0 0;
    border: none
}

select.interactive option {
    background-color: #111
}

.interactive input {
    background: 0 0;
    border: none;
    position: relative;
    min-width: 110px;
    outline: 0;
    line-height: 1.4;
    color: #fff;
    min-height: 22px;
    font-size: 18px;
    font-size: 16px;
    margin-bottom: 0
}

#quote .btn-white, #subscriber_form .sbt {
    font-size: 12px;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    letter-spacing: 3px;
    margin-top: 30px;
    cursor: pointer;
    position: relative
}

#quote .btn-white {
    border: 1px solid #fff;
    width: 258px;
    height: 40px;
    background-size: 100% 100%;
    color: #fff !important;
    padding-top: 11px;
    padding-left: 30px;
    margin: 0px 22px
}

.nopad .alert-success, footer.footer .alert-success {
    display: none
}

#subscriber_form .sbt {
    padding: 12px;
    color: #fff;
    border: 0;
    text-align: center;
    background-size: 100% 100%;
    z-index: 1 E+17;
    display: block;
    background: #f37a20;
    background: linear-gradient(-138deg, rgba(243, 122, 32, 1) 0, rgba(239, 81, 35, 1) 55%, rgba(238, 56, 36, 1) 100%)
}

#subscriber_form .sbt:hover {
    transition: all .5s ease;
    cursor: pointer;
    z-index: 1 E+17;
    position: relative
}

support-page .are-offering {
    margin-top: 130px !important
}

.img-1, .img-2, .img-3, .img-4, .img-5, .img-6 {
    display: inline-block;
    background: url(../images/spritesheet.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 49px;
    height: 49px
}

.img-1 {
    background-position: -10px -7px !important
}

.img-2 {
    background-position: -66px -7px !important
}

.img-3 {
    background-position: -126px -7px !important
}

.img-4 {
    background-position: -182px -7px !important
}

.img-5 {
    background-position: -241px -7px !important
}

.img-6 {
    background-position: -302px -7px !important
}

header.header.fixed {
    z-index: 99999999999
}

@media (max-width: 768px) {
    .advatages-sec {
        padding-bottom: 40px
    }

    .jobs section.good-everything {
        padding: 0 20px
    }

    .jobs .jobdiscription {
        padding: 0 20px
    }

    .jobs section.releventexperience {
        background: #333;
        padding: 50px 20px;
        color: #fff
    }

    body.internship.careers.jobs a.btn3.getintouch-contact {
        margin-top: 30px
    }

    html.responsive-footer-col .boost > .container:nth-child(2) {
        padding: 40px 10px !important;
        margin-left: 0 !important
    }

    .main-header ul li.current-menu-item.current_page_item:before, .main-header ul li:hover:before {
        border-bottom: 0
    }

    .archive.archive-app-development.game-development.android-development.app-development section.tabs-solutions.startup-enterprise + .ultimate.industries-ultimate .image-animate img {
        width: 55%
    }

    .archive.archive-app-development.game-development.android-development.app-development section.tabs-solutions.startup-enterprise + section.ultimate.industries-ultimate .container {
        padding: 0
    }

    .archive.archive-app-development.game-development.android-development.app-development section.tabs-solutions.startup-enterprise + section.ultimate.industries-ultimate .container .col11.ultimate1.beautiful-exp {
        padding: 0 20px
    }

    form#quote .btn-white {
        width: 230px;
        padding-left: 22px;
        margin-left: 0
    }

    .startup-prototype .col-sm-6.number-col .col10, .startup-prototype .col-sm-6.number-col .col6 {
        width: 70%
    }

    .startup-prototype .col-sm-6.number-col .col4 {
        width: 30%
    }

    body.archive.archive-app-development.game-development.android-development.app-development.contact .caption .col-sm-6.text-col {
        padding-top: 60px !important
    }

    footer.footer a span {
        font-weight: 700
    }

    footer.footer a {
        font-weight: 300;
        cursor: pointer
    }

    footer.footer p a:first-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
        display: block
    }

    header + .blog-page.mainblog .col-sm-4:first-child a i {
        padding-top: 55px
    }

    section#case-studies-slider {
        min-height: auto;
        margin-bottom: 40px;
        background-size: cover;
        padding-bottom: 30px
    }

    section#case-studies-slider .col-sm-11.pull-right.case-studies-slider.slick-initialized.slick-slider {
        display: none !important
    }

    section#case-studies-slider {
        display: block
    }

    section#introduction3 .container {
        padding: 0
    }

    .blog-page .col-sm-12.text-col.text-center .col-sm-8 p {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .app-development.game-development .the-centaur .container .game-col2 {
        padding-top: 0
    }

    .recent-work a.hideondesktop {
        display: block !important
    }

    .recent-work .hideondesktop {
        display: block !important
    }

    .hideonmobile {
        display: none !important
    }

    .recent-work .col-sm-6 + .col-sm-6 {
        padding-top: 40px
    }
}

section.nojob.opertunities-withus:before {
    height: 60%
}

@media (min-width: 1900px) and (max-width: 2500px) {
    #home .row.bg-primary5 .vide-info {
        margin-top: -19%
    }

    #home .row.bg-primary3 .vide-info {
        margin-top: -19%
    }

    #home .row.bg-primary2 .vide-info {
        margin-top: -20%
    }
}

.goodfrimcls {
    width: 123px;
    float: left
}

.goodfrimcls2 {
    width: 123px
}

.bg-primary4 {
    margin: 0 -30px
}

#home .row.bg-primary4 .vide-info {
    margin-top: -32%
}

#home .row.bg-primary5 .vide-info {
    margin-top: -30%
}

#home .row.bg-primary2 .vide-info {
    margin-top: -29%
}

#home .row.bg-primary3 .vide-info {
    margin-top: -29%
}

.hybridapp .blog-page ul {
    padding: 0;
    list-style: none;
    text-align: left
}

.hybridapp .blog-page strong {
    font-size: 22px !important;
    text-align: left;
    display: block;
    margin: 30px 0
}

.hybridapp .blog-page ul li {
    font-size: 22px;
    margin: 20px 0
}

@media (min-width: 700px) and (max-width: 800px) {
    html.responsive-footer-col body.game-development.android-development.app-development section.boost .container h3 {
        text-align: left;
        margin-left: 25px !important
    }

    html.responsive-footer-col body.game-development.android-development.app-development section.boost .container p {
        text-align: left;
        margin-left: 25px !important
    }

    .app-development a.app-development-services {
        float: left
    }

    .container.talk-to-us section.game-4-boxes .col-sm-6 {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .robust .title-small {
        margin-bottom: 0
    }

    .left-bar-number span {
        font-size: 13px
    }

    #page1.android-app-development.game-development.android-development .android-project01 img {
        width: auto !important
    }

    body.iphone-app-development .service-main02 {
        background: #edf1fd !important;
        padding: 30px 0;
        height: auto
    }

    .android-development .game-4-boxes li {
        height: 180px
    }

    html.responsive-footer-col body.game-development.android-development.app-development section.boost .container h3 {
        font-size: 18px
    }

    .container.talk-to-us section.game-4-boxes .col-sm-6 {
        padding-top: 0
    }

    body.game-development.game-development-only .the-centaur {
        background-size: 265% !important
    }

    #page2.game-development.android-development.iphone-development.support-page .we.are-offering.ultimate1 {
        margin-top: 0 !important
    }

    .col11.box-black-inner2.col-s24 h3 {
        font-size: 20px
    }

    .support-and-maintenaince {
        padding-top: 30px
    }

    body.game-development.android-development.app-development.ip-protection section.ip-protection-services img {
        width: 100px
    }

    .android-development .ip-protection-services .game-4-boxes li {
        height: auto
    }

    .baltimorebash2 p.extrabottom {
        text-align: center
    }

    .baltimorebash2 .col-sm-8 iframe {
        width: 500px
    }

    .baltimorebash2 .col-sm-6 iframe {
        width: 280px
    }

    header + .blog-page.mainblog .col-sm-4.text-col a i {
        padding-top: 0 !important
    }

    .blog-page .col-sm-4.text-col {
        margin: -2px
    }

    .pressrelase .prrelaease section.section2 .container {
        padding: 0 23px !important
    }

    .pressrelase .section2 .col-md-4.box1 {
        width: 46.8% !important
    }

    .hybridapp .blog-page strong {
        margin: 30px 20px
    }

    .hybridapp .blog-page ul li {
        margin: 20px
    }

    .menu-for-mobile img {
        width: 30% !important
    }

  
    .main-header {
        margin: 0 -15px
    }

    #home div.row.baner.slick-slide img.not-desktop {
        display: none !important
    }

    div.row.baner.slick-slide.slide1 img, div.row.baner.slick-slide.slide2 img, div.row.baner.slick-slide.slide3 img {
        display: block !important
    }

    #home .col-sm-6.text-col.nopad-left {
        margin-left: -5px;
        padding-top: 70px
    }

    .man-slide2 img {
        padding-top: 170px
    }

    .col-xs-2.icon {
        width: 11%
    }

    .row.panel-body .col-xs-12.info {
        margin-left: 15px
    }

    .col11.pull-right.our-expertise.col-s24 {
        margin: 0 -20px;
        position: relative
    }

    .col11.pull-right.our-expertise.col-s24:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ee3824 !important;
        left: -40px
    }

    section.black-box:before {
        content: "";
        position: absolute;
        width: 30%;
        top: 0;
        height: 100%;
        background: #282526;
        z-index: 0;
        right: -20px
    }

    section.black-box {
        margin-left: -15px;
        position: relative;
        padding: 40px 0 0;
        margin-top: 0
    }

    section.black-box .blk-box-inner {
        height: 250px
    }

    .brands {
        margin: 0 -20px
    }

    .bg-primary3 {
        margin: 0 -30px
    }

    .bg-primary2 {
        margin: 0 -30px
    }

    .bg-primary5 {
        margin: 0 -30px
    }

    #home section.technology {
        margin: 0 -30px;
        padding-top: 1px
    }

    section.technology {
        margin: 0 -30px;
        padding-top: 1px
    }

    #home section.technology .container h3 {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        margin-top: 90px;
        margin-bottom: 20px
    }

    .clients-slider {
        margin: 0 -15px;
        padding-bottom: 40px
    }

    html.responsive-footer-col body#home .facts-figures {
        margin: 0 -15px
    }

    .boost > .container:nth-child(1) {
        margin-left: -15px;
        padding: 20px
    }

    html.responsive-footer-col body#home section.boost {
        margin: 0 -15px !important;
        width: 105% !important
    }

    footer.footer form {
        width: 30%;
        margin: 0 auto
    }

    .copy .col-s24 {
        float: none;
        text-align: center;
        margin: 0 auto;
        width: 50%
    }

    .goodfrimcls {
        width: 50%;
        float: left
    }

    footer .col9.social_icons.pull-left.nopad.text-left.footercol1 {
        padding: 0 !important
    }

    footer.footer .container {
        margin: -5px !important;
        padding: 0
    }

    .bg-wrap {
        top: -250px;
        height: 110%
    }

    .video-bg img {
        top: 0
    }

    video#video--1 {
        margin-top: 50px;
        margin-left: 0
    }

    #home .vide-info {
        display: none
    }

    #home .boxleft1 {
        display: none
    }

    img.bulb1.shake {
        left: 60%
    }

    #home #journey-main:before {
        top: 2px
    }

    .bg-primary4 {
        background-color: #338c4e !important
    }

    html.responsive-footer-col .facts-figures {
        margin: 0 -15px
    }

    html.responsive-footer-col section.boost {
        margin: 0 -15px !important;
        width: 105% !important
    }

    .android-development .col-sm-6.image-col {
        padding-top: 130px
    }

    section.black-box .container > .col12.col-s24 {
        width: 100%
    }

    section.years25inagency .col21 {
        padding-left: 30px
    }

    .col-invest-projects1:before, .col-invest-projects2:before, .col-invest-projects3:before {
        content: "";
        border: 0
    }

    .col-invest-projects {
        margin-top: 10px
    }

    .boost .title-small + p {
        padding-right: 40px
    }

    section.black-box:before {
        content: "";
        background: 0 0
    }

    section.black-box.bg-grey-light {
        background: #fff !important
    }

    section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 h3, section.black-box.bg-grey-light .col12.box-black-inner2.col-s24 p {
        color: #282526
    }

    .col-sm-4.about-numbers.about-numbers1, .col-sm-4.about-numbers.about-numbers2, .col-sm-4.about-numbers.about-numbers3 {
        width: 33% !important;
        float: left;
        text-align: left
    }

    #shiva5:before {
        content: "%";
        left: 55px
    }

    #shiva6:before {
        content: "%";
        left: 60px
    }

    #shiva7:before {
        content: "%";
        left: 71px
    }

    table.mission-sec {
        margin: 0 auto
    }

    .title-small.title-numbers {
        padding-left: 7% !important
    }

    section.contact-sidebar .col17 {
        width: 70.8%
    }

    section.contact-sidebar input[type=email], section.contact-sidebar input[type=text], section.contact-sidebar select {
        width: 44%;
        float: left
    }

    section.contact-sidebar textarea {
        width: 100%
    }

    section.contact-sidebar input[type=email] + input[type=text] {
        float: right
    }

    a.btn3.getintouch-contact {
        margin-left: 0;
        width: 40%;
        float: left
    }

    section.contact-sidebar .col7 {
        width: 29.12%
    }

    body#page1.game-development.android-development.main-services-page .col-sm-6.image-col {
        padding-top: 70px
    }

    .main-services-page section.ultimate.our-offerings .col19:before {
        left: -41px
    }

    .title-small-title-small01.col8 {
        width: 39%
    }

    .web-app-slider-inner .col16 {
        width: 60%;
        margin-left: -10%
    }

    .how-we-work-sec h3, .ultimate h3 {
        font-size: 20px
    }

    .how-we-work-sec p {
        font-size: 14px;
        line-height: 22px
    }

    ul.nav.nav-tabs li {
        width: auto
    }

    ul.nav.nav-tabs li:nth-child(2) {
        width: 150px
    }

    ul.nav.nav-tabs li.active {
        width: auto
    }

    ul.nav.nav-tabs li.active a {
        width: auto;
        padding-left: 40px
    }

    section.ultimate.our-offerings {
        padding-top: 0;
        background: #fff
    }

    .main-services-page section.ultimate.our-offerings .container {
        margin: 0
    }

    .main-services-page .key-features {
        height: auto
    }

    section#home-6 {
        padding-bottom: 200px
    }

    body.game-development.android-development.app-development.app-development-blade .col-sm-6.image-col {
        padding-top: 60px
    }

    body.game-development.android-development.app-development.app-development-blade section.boost.ideas .game-4-boxes .col-sm-6 p {
        line-height: 24px;
        width: 80%;
        text-align: left;
        margin: 0 auto;
        margin-left: 0
    }

    body.game-development.android-development.app-development.app-development-blade section#home-6 {
        padding-bottom: 0
    }

    .container.talk-to-us section.game-4-boxes .col-sm-6 .col6 {
        text-align: center
    }

    section.the-centaur .col8 {
        width: 100% !important
    }

    .app-development.game-development .the-centaur {
        background: url(../images/mid-app-dev.png) 0 center no-repeat #282526 !important;
        margin: 0 -15px;
        padding: 0 30px
    }

    .col16.pull-right.game-col.custom-tabs-in-mobile {
        display: none
    }

    body#page1.android-app-development.game-development.android-development .col-sm-6.image-col {
        padding-top: 60px
    }

    body#page1.android-app-development.game-development.android-development .col10.pull-right.game-col.right-col-centaur.android-centrus {
        width: 60%
    }

    body#page1.android-app-development.game-development.android-development section.tabs-solutions {
        padding-top: 100px
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development .col-sm-6.image-col {
        padding-top: 60px
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development .col10.pull-right.game-col.right-col-centaur {
        width: 60%
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development .col10.pull-right.game-col.right-col-centaur .blk-box-inner1 > img {
        float: left
    }

    section.the-centaur.iphone-app-centaur {
        margin: 0 -15px;
        background: #282526 !important
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development .col13.pull-right.our-expertise.col-s24 {
        padding-top: 60px;
        margin: 0 -30px;
        width: 106%
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development main {
        padding: 0
    }

    body.contact .caption .col-sm-6.text-col {
        padding-top: 140px
    }

    body.contact.android-development .col-sm-6.image-col {
        padding-top: 30px
    }

    body.contact section#home-6 {
        padding-bottom: 0
    }

    #page4.game-development .blog-page.mainblog .caption {
        margin-top: 65px
    }

    #page4.game-development .blog-page.mainblog .caption h4 {
        font-size: 20px
    }

    .careers .tabs-solutions ul.nav.nav-tabs li {
        width: auto !important
    }

    .careers section.tabs-solutions {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .main-header.blogs.banner-for-desktop {
        display: block !important
    }

    .main-header.blogs.banner-for-mobile {
        display: none !important
    }

    .main-header.blogs {
        padding: 220px 0 0
    }

    section.text-testimonials + section.hand-phone {
        display: none
    }

    .testiminialspage section#home-6 {
        padding-bottom: 0
    }

    .testiminialspage .col-sm-6.text-col {
        padding-top: 100px
    }

    .testiminialspage section.text-testimonials {
        background: #f8f8f8;
        padding: 40px 0 90px;
        margin-top: 0
    }

    .testiminialspage .brands h3 {
        padding-top: 0;
        margin-top: 0
    }

    .career-department.game-development.wearable-app-development .col-sm-6.image-col {
        padding-top: 0
    }

    .career-department.game-development.wearable-app-development .col-sm-6.text-col {
        padding-top: 50px
    }

    body#page1.internship.android-app-development.game-development.android-development .col-sm-6.image-col {
        padding-top: 100px
    }

    body.internship .col-sm-6.text-col {
        padding-top: 110px
    }

    body.internship.careers.android-development.jobs .game-4-boxes li {
        width: 90%
    }

    .jobs section.releventexperience {
        margin: 0 -15px
    }

    .dottedbg:before {
        content: none !important
    }

    .careers.internship .internship-inner {
        margin-top: -100px
    }

    body.professional.careers.internship.android-app-development.game-development.android-development .game-4-boxes .col20:before {
        content: "";
        top: 33%;
        left: -5px
    }

    body.professional.careers.internship.android-app-development.game-development.android-development .game-4-boxes .col20 {
        width: 76%;
        padding-left: 2%
    }

    body.careers.internship.android-app-development.game-development.android-development .tab-content {
        padding-top: 0;
        display: inline-block;
        padding-bottom: 200px
    }

    body.careers.internship.android-app-development.game-development.android-development .game-4-boxes li {
        width: 91%;
        height: auto
    }

    body#page1.careers.internship.android-app-development.game-development.android-development section.tabs-solutions {
        padding-top: 30px
    }

    body.internship.careers .how-we-work-sec {
        margin: 0 -15px;
        width: 110%
    }

    body#page4.game-development.android-development.app-development.web-development .col-sm-6.image-col {
        padding-top: 60px
    }

    body#page4.game-development.android-development.app-development.web-development section.boost.ideas p {
        width: 90%;
        text-align: left;
        margin-left: 0
    }

    body#page4.game-development.android-development.app-development.web-development .game-4-boxes .col-sm-6 {
        min-height: 160px !important;
        height: auto;
        padding-bottom: 50px !important
    }

    body.game-development.android-development.app-development.web-development .ultimate2 section.game-4-boxes .col-sm-6 .col8 {
        padding-top: 20px
    }

    body.game-development.android-development.app-development.web-development section#home-6 {
        padding-bottom: 0
    }

    .game-development.game-development-only .col-sm-6.text-col {
        padding-top: 100px
    }

    .game-development.game-development-only .the-centaur {
        margin: 0 -15px
    }

    .game-development.game-development-only .game-col2 .col5 {
        width: 10%
    }

    .game-development.game-development-only .game-col2 .col19 {
        width: 90%
    }

    .game-development.game-development-only .the-centaur1 .col7 {
        display: none
    }

    .game-development.game-development-only .game-col .game-col1 {
        padding-top: 0;
        padding-left: 0
    }

    .game-development.game-development-only section.the-centaur .col9 {
        width: 100%
    }

    .game-development.game-development-only .ultimate {
        padding: 40px 0
    }

    .game-development.game-development-only .game-4-boxes li {
        width: 100%
    }

    .game-development.game-development-only .game-4-boxes .col-sm-6 {
        padding-bottom: 50px;
        min-height: auto;
        height: auto
    }

    .game-development.game-development-only .facts-figures h3 {
        padding-top: 30px
    }

    .game-development.game-development-only .game-4-boxes .col20:before {
        left: 0
    }

    .game-development.game-development-only .the-centaur {
        background-size: 250% !important
    }

    body.careers-deparment.android-app-development.game-development.android-development .col-sm-6.text-col {
        padding-top: 100px
    }

    body.careers-deparment.android-app-development.game-development.android-development .the-centaur {
        margin: 0 -15px
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-col2 .col5 {
        width: 10%
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-col2 .col19 {
        width: 90%
    }

    body.careers-deparment.android-app-development.game-development.android-development .the-centaur1 .col7 {
        display: none
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-col .game-col1 {
        padding-top: 0;
        padding-left: 0
    }

    body.careers-deparment.android-app-development.game-development.android-development section.the-centaur .col9 {
        width: 100%
    }

    body.careers-deparment.android-app-development.game-development.android-development .ultimate {
        padding: 40px 0
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-4-boxes li {
        width: 100%
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-4-boxes .col-sm-6 {
        padding-bottom: 50px;
        min-height: auto;
        height: auto
    }

    body.careers-deparment.android-app-development.game-development.android-development .facts-figures h3 {
        padding-top: 30px
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-4-boxes .col20:before {
        left: 0
    }

    body.careers-deparment.android-app-development.game-development.android-development .the-centaur {
        background-size: 250% !important
    }

    body.careers-deparment.android-app-development.game-development.android-development .game-development.android-development.iphone-development {
        margin: 0 -15px
    }

    body.careers-deparment.android-app-development.game-development.android-development .col13.pull-right.our-expertise.col-s24 {
        margin: 0 -8px
    }

    body.careers-deparment.android-app-development.game-development.android-development .panel-default > .panel-heading + .panel-collapse > .panel-body {
        margin-left: 0
    }

    body.careers-deparment.android-app-development.game-development.android-development .panel-heading .panel-title:before {
        top: 15px
    }

    body.careers-deparment.android-app-development.game-development.android-development .panel-heading a:after {
        margin-top: 25px
    }

    body.mobile-app-sup.android-development .container.baner-caption .col-sm-6.text-col {
        padding-top: 100px;
        padding-bottom: 0
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup section.key-features.mobile-app-support {
        margin: 0 -15px;
        padding-bottom: 500px
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup section.mobile-app-support1.mobile-app-support-page .col-sm-6 {
        width: 100%
    }

    body.mobile-app-sup #ip-protection-services {
        margin: 0 -15px
    }

    body.mobile-app-sup #ip-protection-services:before {
        margin-top: 0
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup section.ip-protection-services1 {
        padding-top: 30px
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup section.ip-protection-services {
        margin-bottom: 30px
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup section#home-6 {
        padding-bottom: 0
    }

    body.game-development.android-development.iphone-development.support-page .col-sm-6.image-col {
        padding-top: 60px
    }

    body.game-development.android-development.iphone-development.support-page .ip-protection-services .col16, body.game-development.android-development.iphone-development.support-page .ip-protection-services .col18, body.game-development.android-development.iphone-development.support-page .ip-protection-services .game-4-boxes li, body.game-development.android-development.iphone-development.support-page .support-and-maintenaince .col11, body.game-development.android-development.iphone-development.support-page .support-and-maintenaince .col13 {
        width: 50%
    }

    .we.are-offering.ultimate1 {
        margin-top: 0;
        color: #fff
    }

    .we.are-offering.ultimate1 h3 {
        color: #fff
    }

    body.game-development.android-development.iphone-development.support-page .support-and-maintenaince {
        background-size: 275%;
        margin: 0 -15px
    }

    body.game-development.android-development.iphone-development.support-page .game-4-boxes li {
        height: 200px
    }

    body.game-development.android-development.iphone-development.support-page section.facts-figures.nopad section#home-6 {
        padding-bottom: 0
    }

    body.game-development.android-development.app-development.ip-protection.startup-prototype section.facts-figures section#home-6 {
        padding-bottom: 0
    }

    body.game-development.android-development.app-development.ip-protection section.facts-figures section#home-6 {
        padding-bottom: 0
    }

    body.game-development.android-development.app-development.ip-protection.startup-prototype .col-sm-6.text-col {
        padding-top: 100px
    }

    section.home-slick-slider.main-slider.slick-initialized.slick-slider {
        margin-bottom: 0
    }

    section.advatages-sec {
        margin: 0 -15px
    }

    .container.talk-to-us .col-md-6.nopad {
        width: 50%;
        float: left
    }

    .container.talk-to-us section.game-4-boxes .col-sm-6 {
        width: 100%;
        height: auto;
        min-height: auto;
        padding-top: 30px
    }

    .advatages-sec .game-4-boxes .prototyping h3 {
        color: #fff;
        margin-top: 0
    }

    .advatages-sec .game-4-boxes .prototyping p {
        color: #fff
    }

    .advatages-sec {
        background-size: cover !important
    }

    body.game-development.android-development.app-development.ip-protection .col-sm-6.text-col {
        padding-top: 100px
    }

    body.game-development.android-development.app-development.ip-protection .col-sm-6.image-col {
        padding-top: 130px !important
    }

    body.game-development.android-development.app-development.ip-protection section.key-features {
        margin: 0 -15px
    }

    body.game-development.android-development.app-development.ip-protection section.ip-protection-services {
        margin: 0 -15px;
        padding-top: 50px
    }
}

#home div.our-expertise h2:before {
    left: 55%
}

header.header nav a.btn2:after {
    right: -3px;
    left: auto;
}

header.header a.btn2:before {
    right: -23px;
    left: auto
}

header.header nav.nav a.btn2 {
    padding-left: 0;
    color: #fff !important;
}

header.header a.btn2:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

.boxleft1 {
    margin-top: 44%
}

#home .row.bg-primary3 .vide-info {
    margin-top: -22%
}

#home .row.bg-primary2 .vide-info {
    margin-top: -22%
}

#home .row.bg-primary5 .vide-info {
    margin-top: -23%
}

#home .row.bg-primary4 .vide-info {
    margin-top: -23%
}

body#page1.careers-deparment.android-app-development.game-development.android-development .panel-default > .panel-heading + .panel-collapse > .panel-body {
    margin-left: 0
}

body#page1.careers-deparment.android-app-development.game-development.android-development .panel-heading .panel-title:before {
    top: 15px
}

body#page1.careers-deparment.android-app-development.game-development.android-development .panel-heading a:after {
    margin-top: 26px
}

.game-development.android-development.app-development.ip-protection.mobile-app-sup section.ultimate.industries-ultimate .col8.ultimate1 h3 {
    margin-top: 12px
}

.game-development.android-development.app-development.ip-protection.mobile-app-sup section.ultimate.industries-ultimate .col8.ultimate1 {
    padding-right: 60px
}

#subscriber_form .sbt {
    z-index: 999
}

body.game-development.android-development.app-development.ip-protection.mobile-app-sup section#boost.boost > .container:nth-child(2) .title-small:before {
    width: 30px !important
}

body.mobile-app-sup.app-development .title-small {
    margin-top: 0
}

.greycol:before, .redcol:before {
    right: 0;
    top: -15%;
    transform: rotate(180deg)
}

.greycol:hover:before {
    -webkit-animation: rightArrow .5s;
    animation: rightArrow .5s
}

.clients-slider button.slick-next.slick-arrow {
    transform: rotate(180deg);
    margin-right: -50px !important
}

div.clients-slider button.slick-prev.slick-arrow {
    transform: rotate(0);
    margin-left: -30px
}

form .btn-white:before {
    transform: rotate(0);
    top: 13px !important
}

form .btn-white:hover:before {
    -webkit-animation: leftArrow .5s;
    animation: leftArrow .5s
}

#home .software-inner.software-inner2 {
    padding-top: 27px !important
}

.copyright:before {
    border-right: 0
}

.goodfrimcls + a {
    float: right
}

.container.text-center.copy.nopad .col-md-3.col-s24 {
    padding-right: 0
}

.main-header ul.slick-dots li:hover:before {
    border-bottom: 0 !important
}

.top10health .col-sm-12.text-col.text-center.aboutthe-author .col-sm-9 p {
    padding-left: 30px
}

ul.nav.nav-tabs li.active a, ul.nav.nav-tabs li:hover a {
    text-decoration: none !important
}

#journey-main {
    z-index: 999
}

.mac-area-clip a.btn3.vcs:hover {
    background: rgba(245, 245, 241, .4)
}

.mac-area-clip a.btn3.vcs {
    background: rgba(245, 245, 241, .2);
    border-radius: 8px;
    padding-top: 13px
}

body#page1.android-app-development.game-development.android-development .tabs-solutions {
    padding-top: 100px
}

#home .panel-heading.active a:before {
    margin-top: 20px !important
}

#home .panel-heading a:before {
    margin-top: 18px
}

#home .app-title h1 {
    font-size: 17px;
    color: #282526;
    line-height: 26px;
    padding-bottom: 4px;
    font-weight: 600;
    margin-bottom: 0
}

.app-title h1 {
    display: inherit;
    margin-top: -4px !important
}

.h1h1 {
    font-size: 42px !important;
    text-transform: capitalize;
    font-family: Gilroy-Bold;
    line-height: 55px
}

.our-blog-cap {
    font-size: 42px;
    color: #edffff;
    font-family: Gilroy-Bold;
    line-height: 45px;
    padding: 15px 0
}

.our-blog-cap span {
    color: #ef5123;
    /*text-transform: lowercase*/
}

.case-study-name {
    font-size: 42px !important;
    margin-top: -170px;
    margin-bottom: 30px;
    font-weight: 600
}

.project-col-iner .project-col-contents h1 {
    font-family: Gilroy-Medium;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 300 !important
}

section.home-slick-slider.main-slider.projects p {
    margin: 0
}

body#case-study-template.select-dealer div.menu-header {
    border-bottom: 1px solid #ccc !important
}

#case-study-template.case-study-2.select-dealer .mission-sec p span {
    color: #f15d20
}

.select-dealer .title-small.title-numbers span {
    color: #f15d20
}

.select-dealer .introduction2 {
    display: inline-block;
    padding-top: 50px
}

.select-dealer section.client-brief #introduction3 p {
    padding-left: 65px
}

.select-dealer .client-brief #introduction3 h3 {
    padding-left: 65px
}

.select-dealer #introduction3 .title-small.title-numbers {
    margin-left: 70px
}

.select-dealer section#introduction4 {
    padding-top: 50px;
    padding-bottom: 0;
    background: url(../images/case-studies/bg-grey-case-studies.jpg) no-repeat !important;
    background-size: 90% 100% !important
}

.case-study-2.select-dealer section#case-studies-slider {
    background-size: 90% 95% !important;
    background-position: left top;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 463px
}

body#case-study-template.android-development.select-dealer.case-study-2 nav a.btn2:after, body#case-study-template.app-development.select-dealer.case-study-2 nav a.btn2:after, body#case-study-template.game-development.select-dealer.case-study-2 nav a.btn2:after, body#case-study-template.web-development.select-dealer.case-study-2 nav a.btn2:after {
    background: #fbb493
}

.baltimore .main-header.blogs {
    padding: 200px 0
}

.case-studies-btn + .h1h1 {
    color: #fff
}

table.mission-sec td h1 {
    font-size: 16px;
    line-height: 26px;
    color: #f15d20;
    margin: 0;
    text-transform: uppercase;
    font-family: Gilroy-Bold;
    float: left;
    padding-left: 5px
}

section.client-brief table.mission-sec p {
    float: left
}

.copy a, .copy p {
    opacity: 1
}

ul.follows-footer {
    padding: 0
}

.goodfrimcls {
    width: 110px
}

.goodfrimcls + .goodfrimcls {
    margin-left: 18px
}

.col-md-5.col-s24.text-left.copyright.nopad {
    margin-top: 40px;
    text-align: center
}

.menu-footer-menu-container {
    margin: 20px 0px;
}
 .copy .footer-img{
   display: block;
    float: right;
    padding:0px;
    }
.copy .footer-img li{
    padding:0px 5px 0px 5px!important ;
}
ul#menu-footer-menu li {
    display: inline-block;
    float: none;
    border-left: 0
}

.copy ul li {
    border-left: 0
}

body.archive.archive-app-development.game-development.android-development.app-development.contact header.header.fixed {
    position: relative
}

.blog-page .col-sm-12.text-col.text-center p {
    padding: 0
}

.inner-blog hr {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px
}

.blog-page .col-sm-4 {
    padding: 5px
}

.blog-page .col-sm-4 img {
    border: 0
}

p.vide-info1 {
    font-size: 18px
}

.main-header.blogs.banner-for-desktop h1.blog-heading {
    font-size: 54px !important;
    margin-bottom: 24px !important;
    font-weight: 900;
    color: #fff !important;
    margin-left: 17%;
    margin-top: -43px;
    width: 50%
}

.recent-work h4 {
    padding: 40px 0 10px
}

.hideondesktop {
    display: none !important
}

.android-project02 {
    overflow: hidden
}

/*.RE4-Sale-Signs .android-project02 {*/
/*padding: 40px 0;*/
/*height: 670px*/
/*}*/

/*.RE4-Sale-Signs .android-project02 img {*/
/*height: 95%;*/
/*width: auto*/
/*}*/

.select-dealer .android-project01 {
    height: auto
}

.cookie {
    display: none;
    position: fixed;
    width: 100%;
    border: none;
    background-color: rgba(0, 0, 0, .85);
    bottom: 0;
    z-index: 2147483644;
    min-height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: Gilroy-Regular;
    padding: 0;
    line-height: 30px;
    transition: all ease 1.5s;
    padding-top: 9px
}

.cookieok {
    background: url(../images/submit-bg.png) repeat-y;
    text-align: center;
    background-size: 100% 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    letter-spacing: 3px;
    color: #fff;
    border: 0;
    margin-top: 0;
    padding: 2px 10px;
    border-radius: 5px
}

.cookie p {
    margin-bottom: 0
}

body.game-development.android-development.app-development.ip-protection.startup-prototype .advatages-sec .game-4-boxes p {
    font-size: 14px
}

body.game-development.android-development.app-development.app-development-blade .the-centaur {
    display: inline-block
}

.game-development.android-development.app-development.app-development-blade .col16.pull-right.game-col.custom-tabs-in-mobile .game-col1.web-app-slider2.slick-initialized.slick-slider.slick-dotted .slick-list.draggable {
    display: none
}

body#app-development.game-development.android-development.app-development.app-development-blade .the-centaur {
    display: block
}

#app-development.game-development.android-development.app-development.app-development-blade .col16.pull-right.game-col.custom-tabs-in-mobile .game-col1.web-app-slider2.slick-initialized.slick-slider.slick-dotted .slick-list.draggable {
    display: block
}

#app-development .custom-tabs-in-mobile .left-bar-number span {
    font-size: 12px
}

#page1.android-app-development.game-development.android-development .android-project01 img, #page1.android-app-development.game-development.android-development .android-project02 img,
#page2.android-app-development.game-development.android-development .android-project01 img, #page2.android-app-development.game-development.android-development .android-project02 img {
    width: auto;
    transition: all ease 1.5s;
    height: 90%;
    margin-top: 30px;
}

#page1.android-app-development.game-development.android-development .android-project01 {
    height: 585px
}

@media (min-width: 1900px) and (max-width: 2500px) {
    #home .row.bg-primary5 .vide-info {
        margin-top: -20%
    }

    #home .row.bg-primary2 .vide-info {
        margin-top: -20%
    }

    #home .row.bg-primary3 .vide-info {
        margin-top: -20%
    }

    #home .row.bg-primary4 .vide-info {
        margin-top: -20%
    }

    .select-dealer section#introduction4 {
        padding-top: 50px;
        background: url(../images/case-studies/bg-grey-case-studies.jpg) no-repeat !important;
        background-size: 78% 100% !important
    }

    .case-study-2.select-dealer section#case-studies-slider {
        background-size: 78% 95% !important;
        background-position: left top;
        min-height: 463px
    }

    section.client-brief {
        padding-top: 100px
    }

    .baltimore .main-header.blogs {
        padding: 280px 0
    }

    body.game-development.android-development.app-development.app-development-blade .the-centaur {
        background-position: center !important;
        background-size: cover !important
    }

    body.game-development.android-development.app-development.app-development-blade .the-centaur:before {
        margin-top: -49px
    }

    .colsbtali iframe {
        width: 420px
    }

    iframe#widget8 {
        width: 450px
    }
}

@media (min-width: 100px) and (max-width: 380px) {
    

    .hybridapp .blog-page strong {
        margin: 30px 20px
    }

    .hybridapp .blog-page ul li {
        margin: 20px
    }

    .our-expertise {
        padding-left: 10px
    }

    #accordion .panel-default > .panel-heading .col-xs-8.text {
        padding-left: 17px;
        padding-top: 5px
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        margin-left: 60px
    }



    h1.blog-heading {
        padding: 0 25px
    }

    #home .software-inner h4 {
        padding-top: 15px
    }

    #home .software-inner {
        padding-right: 0 !important;
        width: 100% !important
    }

    #home .software-inner.software-inner2 p {
        width: 70%
    }

    .col6.nopad.col-s24 + .col6.nopad.col-s24 + .col5.nopad.col-s24 img {
        margin-top: 10px
    }

    .our-blog-cap {
        font-size: 35px
    }

    .goodfrimcls {
        width: 90px !important
    }

    .goodfrimcls + a {
        width: 80px
    }

    .container.text-center.copy.nopad .col-md-4.col-s24.nopad {
        padding: 0 10px !important
    }

    .col-md-5.col-s24.text-left.copyright.nopad {
        margin-top: 0 !important
    }

    .Kush-Me .case-studies-btn + .h1h1 {
        color: #fff;
        font-size: 20px !important
    }

    body#page2.iphone-app-development.android-development #journey-main {
        background-image: none !important
    }

    body.mobile-app-sup .ip-protection-services .ip-protection-services1 {
        padding-right: 20px
    }

    body#page1.careers-deparment.android-app-development.game-development.android-development .the-centaur {
        padding: 20px
    }

    body#page1.careers-deparment.android-app-development.game-development.android-development .ultimate {
        padding: 20px
    }

    body#page1.careers-deparment.android-app-development.game-development.android-development .panel-heading.active a:before {
        right: 30px
    }

    body.game-development.android-development.app-development.ip-protection.startup-prototype .home-slick-slider.main-slider {
        margin-bottom: 0
    }

    .recent-work a.hideondesktop {
        display: block !important
    }
}

@media (min-width: 350px) and (max-width: 376px) {
  

    .hybridapp .blog-page strong {
        margin: 30px 20px
    }

    .hybridapp .blog-page ul li {
        margin: 20px
    }

    .goodfrimcls + .goodfrimcls {
        margin-left: 35px !important
    }

    .social6media .main-header.blogs {
        padding: 220px 0 0 !important
    }
}

@media (min-width: 100px) and (max-width: 350px) {

    .hybridapp .blog-page strong {
        margin: 30px 20px
    }

    .hybridapp .blog-page ul li {
        margin: 20px
    }

    .our-expertise {
        padding-left: 10px
    }

    #accordion .panel-default > .panel-heading .col-xs-8.text {
        padding-left: 17px;
        padding-top: 5px
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        margin-left: 53px
    }

 

    .social6media .main-header.blogs {
        padding: 220px 0 0 !important
    }
}

@media (min-width: 1000px) and (max-width: 1100px) {
    .col4.col-s12.padleft.logo {
        padding-left: 0;
        width: 200px
    }

    header {
        position: fixed
    }

    #home #journey-main {
        padding-top: 0;
        margin-top: 0 !important
    }

    #home .main-slider .slick-dots {
        left: 5px
    }

    #home section.black-box {
        padding-top: 140px
    }

    #home img.mix-black-red {
        display: none
    }

    #home p.vide-info1 {
        font-size: 16px
    }

    #home .row.bg-primary2 .vide-info {
        margin-top: -42%
    }

    #home .row.bg-primary3 .vide-info {
        margin-top: -42%
    }

    #home .row.bg-primary4 .vide-info {
        margin-top: -42%
    }

    #home .row.bg-primary5 .vide-info {
        margin-top: -42%
    }

    .container.text-center.copy.nopad .col-md-3.col-s24 {
        width: 25%
    }

    .col-md-5.col-s24.text-left.copyright.nopad {
        width: 38% !important
    }

    .copy .col-md-4.col-s24 {
        width: 36.33333%
    }

    .copy ul li {
        padding: 0
    }

    ul#menu-footer-menu li {
        float: left;
        margin-right: 10px
    }

    .social_icons ul li a {
        text-align: left
    }

    li.has-dropdown a:before {
        right: -5px;
        margin-top: -4px
    }

    .startup-enterprise .title-small {
        padding-left: 14.48%
    }

    .project-col-iner .project-col-contents {
        padding: 0 20px 20px
    }

    div.web-app-slider2.services-slider .slick-dots {
        bottom: 192px !important
    }

    div.web-app-slider2 .slick-dots li {
        margin-left: -4px
    }

    .how-we-work-sec div.web-app-slider2 .slick-dots {
        bottom: 262px
    }

    #page4 section.home-slick-slider.main-slider.projects.slick-initialized.slick-slider .col-sm-6.text-col {
        padding-top: 115px
    }

    body.contact.case-study-2 .caption .col-sm-6.text-col {
        padding-top: 150px
    }

    body#case-study-template.contact .caption .col-sm-6.text-col {
        padding-top: 150px
    }

    body#page1.game-development.android-development.main-services-page .tabs-solutions ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 35px
    }

    body#page1.android-app-development.game-development.android-development .tabs-solutions ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 30px
    }

    body.game-development.android-development.app-development.app-development-blade .tabs-solutions ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 30px
    }

    .recent-work .title-small {
        padding-left: 20.48%
    }

    #page1.game-development.android-development .the-centaur.android-app-centaur {
        background-position: center !important
    }

    .the-centaur1 .custom-tabs-in-mobile .left-bar-number img {
        width: 35px
    }

    .the-centaur1 .custom-tabs-in-mobile .left-bar-number {
        padding: 12px
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development section.home-slick-slider.main-slider.slick-initialized.slick-slider {
        padding-top: 100px
    }

    body#page2.iphone-app-development.game-development.android-development.iphone-development section.the-centaur.iphone-app-centaur {
        background-position: center !important
    }

    #page4 .game-col .game-col1 {
        padding-top: 130px;
        background: #fff
    }

    #page4 section.boost.ideas.whychoosebg .game-4-boxes .col-sm-6 {
        height: 200px
    }

    #page4 section.boost.ideas {
        padding: 100px 0 0
    }

    body.game-development.game-development-only .the-centaur:before {
        margin-top: -70px
    }

    body#page1.careers-deparment.android-app-development.game-development.android-development .the-centaur:before {
        margin-top: -70px
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup section.mobile-app-support1.mobile-app-support-page {
        padding-top: 62px
    }

    body.mobile-app-sup section.ip-protection-services .col16 {
        margin-left: 37.28%
    }

    body.game-development.android-development.app-development.ip-protection.mobile-app-sup ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 35px !important
    }

    body.game-development.android-development.app-development.ip-protection.startup-prototype .col-sm-6.text-col {
        padding-top: 170px
    }

    body.game-development.android-development.app-development.ip-protection.startup-prototype ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 35px !important
    }

    body#page2.game-development.android-development.iphone-development.support-page section.home-slick-slider.main-slider.slick-initialized.slick-slider {
        padding-top: 100px
    }

    body#page2.game-development.android-development.iphone-development.support-page ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 35px !important
    }

    body#page2.game-development.android-development.iphone-development.support-page .col11.box-black-inner2.col-s24 {
        width: 50%
    }

    body#page2.game-development.android-development.iphone-development.support-page .we.are-offering.ultimate1 {
        margin-top: 0;
        color: #fff
    }

    body#page2.game-development.android-development.iphone-development.support-page .we.are-offering.ultimate1 h3 {
        color: #fff
    }

    body#page2.game-development.android-development.iphone-development.support-page .support-and-maintenaince {
        background-size: 100% 95%
    }

    body.game-development.android-development.app-development.ip-protection .key-features-col {
        padding: 15px
    }

    body.game-development.android-development.app-development.ip-protection ul.nav.nav-tabs li:nth-child(2).active a {
        padding-left: 35px !important
    }
}

@media (min-width: 1100px) and (max-width: 2500px) {
    #home .our-expertise .col-xs-12.info {
        font-size: 14px;
        padding-top: 25px
    }
}

#page2.iphone-app-development.game-development.android-development.iphone-development .facts-figures {
    background: #fff
}

div.h6 {
    font-size: 16px !important;
    color: #282526;
    font-family: Gilroy-Regular;
    font-weight: 300 !important
}

.video-testimonials-bg div.h3 {
    color: #282526;
    font-weight: 500;
    font-family: Gilroy-SemiBold;
    font-size: 28px
}

.video-testimonials-bg:hover div.h3 {
    color: #fff
}

div.h2 {
    color: #fff;
    font-size: 32px;
    font-family: Gilroy-Regular;
    position: relative;
    margin-top: 30px
}

.white_txt {
    color: #fff;
    font-size: 32px;
    font-family: Gilroy-Regular;
    position: relative;
    margin-top: 30px;
    padding-left: 0 !important;
    font-weight: 600;
    line-height: 1.1
}

#home div.our-expertise div.h2:before {
    left: 55%
}

div.our-expertise div.h2:before {
    content: "";
    position: absolute;
    left: 45%;
    height: 1px;
    border-top: 1px solid #fff;
    top: -3px;
    padding: 40px;
    top: 0;
    margin-top: 20px
}

.software-inner div.h4 {
    padding-top: 6px
}

.softwares div.h4 {
    color: #282526;
    font-family: Gilroy-SemiBold;
    font-size: 18px;
    margin-top: 0
}

.OzLeasing .about-numbers1.col-sm-4.about-numbers:before {
    border: 0
}

.OzLeasing .col-sm-4.about-numbers:before {
    border: 0
}

.Kush-Me .android-project02 {
    background: #8ba1f6;
    overflow: hidden
}

.android-project01 {
    height: 655px
}

.android-project01 img {
    width: 100%;
    transition: all ease 1.5s;
}

.android-project02 img {
    width: 100%;
    transition: all ease 1.6s;
}

@media (min-width: 400px) and (max-width: 1000px) {
    .stratup-enterprise {
        display: none
    }

    table.mission-sec td:nth-child(1) {
        width: 20%
    }

    table.mission-sec td {
        width: 33%;
        border: 1px solid;
        text-align: center;
        padding: 30px 10px 17px
    }

    section.client-brief {
        padding-top: 75px
    }

    table.mission-sec {
        margin-bottom: 30px
    }

    .col-md-5.col-s24.text-left.copyright.nopad {
        margin: 10px 0;
        text-align: center;
        display: inline-block
    }

    .qRoll .android-project02 {
        height: auto
    }

    #case-study-template section.home-slick-slider.main-slider.slick-initialized.slick-slider {
        padding-bottom: 200px
    }

    .case-study-2 section.home-slick-slider.main-slider.slick-initialized.slick-slider {
        padding-bottom: 200px
    }

    section.client-brief table.mission-sec p {
        float: none
    }

    table.mission-sec td h1 {
        float: none
    }

    .app-development section.recent-work .title-small {
        padding-left: 100px
    }

    .android-project02 {
        overflow: hidden
    }

    .Kush-Me .android-project01 img {
        height: 100%;
        width: auto
    }

    .qRoll .android-project01 img {
        height: 100%;
        width: auto
    }

    .Oz-Leasing .android-project01 img {
        height: 100%;
        width: auto
    }

    .android-project01 img {
        height: 100%;
        width: auto
    }

    .Kush-Me.case-study-2 section#case-studies-slider {
        background-size: 100% !important;
        margin-top: -30px
    }

    body.case-study-1 section.client-brief section#introduction4, body.case-study-2 section.client-brief section#introduction4 {
        margin-bottom: 0 !important
    }

    .Play-Entertainment.case-study-2 section#case-studies-slider {
        background-size: 100% !important;
        margin: 0 !important
    }

    .Oz-Leasing .android-project01 {
        background: #8ba1f6 !important;
        padding: 0;
        height: auto;
        overflow: hidden
    }

    .SmartID .android-project01 img {
        height: 100%;
        width: auto
    }

    body.SmartID.case-study-2 section#case-studies-slider, body.intogo.case-study-2 section#case-studies-slider, body.u-news.case-study-2 section#case-studies-slider {
        background-size: 100% !important
    }

    #introduction4 + section#case-studies-slider {
        background-size: 100% !important
    }

    body.case-study-2.beach-bandits section#introduction3 {
        padding: 0 30px 30px
    }

    body.case-study-2.beach-bandits .introduction3 .col-sm-6 + .col-sm-6.nopad {
        margin-left: 15px
    }

    body.case-study-2.beach-bandits .introduction2 {
        padding-top: 30px
    }
}

@media (min-width: 100px) and (max-width: 400px) {
    .stratup-enterprise {
        display: none
    }

    table.mission-sec td:nth-child(1) {
        width: 20%
    }

    table.mission-sec td {
        width: 33%;
        border: 1px solid;
        text-align: center;
        padding: 30px 10px 17px
    }

    table.mission-sec {
        margin-left: 2px;
        width: 100%
    }

    section.client-brief table.mission-sec p {
        float: none
    }

    .case-study-2 section#case-studies-slider {
        min-height: auto
    }

    body.case-study-2 section#introduction3 {
        padding: 20px
    }

    table.mission-sec td h1 {
        float: none;
        padding-left: 0
    }

    .col-md-5.col-s24.text-left.copyright.nopad {
        margin: 10px 0;
        text-align: center;
        display: inline-block
    }

    #case-study-template.game-development .caption {
        display: none
    }

    .case-study-2.game-development .caption {
        display: none
    }

    body.case-study-2.beach-bandits section#introduction3 {
        padding: 30px 0
    }

    body.case-study-2.beach-bandits .introduction3 {
        background-color: #f4fbfc;
        margin: 0;
        padding: 10px
    }

    body.SmartID.case-study-2 section#case-studies-slider, body.intogo.case-study-2 section#case-studies-slider, body.u-news.case-study-2 section#case-studies-slider {
        background-size: 100% !important
    }

    #introduction4 + section#case-studies-slider {
        background-size: 100% !important
    }

    .Play-Entertainment.case-study-2 section#case-studies-slider {
        background-size: 100% !important;
        margin: 0 !important
    }

    .Kush-Me.case-study-2 section#case-studies-slider {
        background-size: 100% !important;
        margin-top: -30px
    }

    body.case-study-1 section.client-brief section#introduction4, body.case-study-2 section.client-brief section#introduction4 {
        margin-bottom: 0 !important
    }

    #page1.android-app-development.game-development.android-development .android-project02 {
        padding: 50px
    }

    #page1.android-app-development.game-development.android-development .android-project01 {
        height: auto
    }

    body#page2.iphone-app-development .service-main02 {
        padding: 50px;
        height: auto
    }

    .baltimorebash2 iframe {
        width: 100%
    }

    .pressrelase .main-header.blogs.banner-for-mobile {
        height: 300px
    }
}

body {
    font-size: 14px
}

.game-development.android-development.app-development.ip-protection.mobile-app-sup .key-features.mobile-app-support {
    padding-top: 100px
}

#page2.game-development.android-development.iphone-development.support-page .we.are-offering.ultimate1 p {
    font-size: 17px
}

#page2.game-development.android-development.iphone-development.support-page .we.are-offering.ultimate1 {
    margin-top: 200px
}

.baltimorebash2 iframe {
    filter: brightness(120%) contrast(140%)
}

.cookiereadmore {
    background: url(../images/submit-bg.png) repeat-y;
    text-align: center;
    background-size: 100% 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    letter-spacing: 3px;
    color: #fff;
    border: 0;
    margin-top: 10px
}

#home .modal.in .modal-dialog {
    width: 80%;
    height: 100%
}

#home .modal-body {
    position: relative;
    padding: 0;
    height: 470px;
    margin-top: 57px
}

#home #myModal2 iframe {
    width: 100%;
    height: 100%;
    border: 0
}

#home .modal.in .modal-dialog {
    width: 100%;
    height: 80%
}

#home .modal-header {
    display: none
}

header.header.fixed {
    z-index: 99999999
}

.pre-loader {
    background-color: #2c3e50;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background: url(https://www.tekrevol.com/assets/images/red-bg.jpg);
    background-size: cover
}

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 100%, 39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%, 100%, 39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

body::-webkit-scrollbar-thumb {
    background-color: #ef5123
}

.martbook section#introduction3 {
    padding-bottom: 0 !important
}

body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .menu-header > ul > li > a {
    color: #282526
}

body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development header.header.fixed {
    background: #fff;
    opacity: 1
}

body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .caption h1, body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .caption p, body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .menu-header > ul > li:hover > a {
    color: #282526
}

.martbook .case-studies-btn {
    background: url(../images/case-studies/casestudy-tag.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #fff !important;
    font-weight: 300 !important;
    font-family: Gilroy-Regular !important;
    padding: 15px 20px !important;
    padding-top: 12px !important
}

.martbook header {
    background: #fff;
    padding-bottom: 0
}

body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .main-header {
    height: 875px
}

.martbook section.client-brief {
    padding-top: 250px
}

.martbook .introduction2 img {
    margin-top: -90px
}

body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development section#introduction3 {
    padding: 470px 0
}

div#introduction3martbook {
    display: inline-block
}

div#introduction3martbook .col12.pull-right {
    margin-top: -333px
}

.introduction2.introduction22 img {
    margin-top: 0
}

.introduction3.marbooklast .col12.pull-right {
    margin-top: -300px
}

.martbook table.mission-sec td h1 {
    color: #259354
}

#case-study-template.case-study-2.martbook .mission-sec p span {
    color: #259354
}

.martbook .title-small.title-numbers span {
    color: #259354
}

body#case-study-template.martbook li.has-dropdown > a:before {
    background: url(../images/dropdown.svg) no-repeat
}

body#case-study-template.game-development.martbook a.btn2 {
    color: #282526 !important;
    border: 1px solid #ee3824
}

body#case-study-template.android-development.case-study-2.martbook nav a.btn2:after, body#case-study-template.app-development.case-study-2.martbook nav a.btn2:after, body#case-study-template.game-development.case-study-2.martbook nav a.btn2:after, body#case-study-template.web-development.case-study-2.martbook nav a.btn2:after {
    background: #fff
}

body#case-study-template.game-development.martbook a.btn2:before {
    background: url(../images/arrow.svg) no-repeat !important
}

.martbook .introduction .col15 img {
    width: 80%
}

@media (min-width: 1900px) and (max-width: 2500px) {
    body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .main-header {
        height: 1240px
    }

    .jamiebeattie .main-header.blogs {
        padding: 280px 0
    }

    div#introduction3martbook .col12.pull-right {
        margin-top: -33px
    }

    .introduction3.marbooklast .col12.pull-right {
        margin-top: 0
    }

    body.case-study-2 .introduction3.marbooklast section#introduction3 {
        padding: 240px 0 !important
    }

    div#introduction3martbook {
        display: block;
        width: 1060px;
        margin: 0 auto
    }
}

@media (min-width: 100px) and (max-width: 800px) {
    .martbook .introduction2 img {
        margin-top: 0
    }

    body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development .main-header {
        height: 500px
    }

    .martbook .col-sm-6.text-col {
        display: none
    }
}

@media (min-width: 100px) and (max-width: 420px) {
    .martbook section.client-brief {
        padding-top: 0
    }

    body#case-study-template.martbook.case-study-2.archive-app-development.game-development.android-development.app-development section#introduction3 {
        padding: 370px 20px 470px
    }

    .martbook table.mission-sec {
        margin: 0 auto
    }
}

body#case-study-template.martbook div.menu-header {
    border-bottom: 1px solid #ededed !important
}

.blk-box-inner:hover .app-title h1 {
    color: #fff !important
}

.compatibality1 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -10px -122px;
    width: 61px;
    height: 77px;
    float: left
}

.compatibality3 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -173px -122px;
    width: 50px;
    height: 78px;
    float: left
}

.compatibality5 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -5px -209px;
    width: 82px;
    height: 59px;
    float: left
}

.compatibality5 + .compatibality011 {
    width: 90%;
    padding-left: 10px
}

.compatibality2 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -10px -122px;
    width: 61px;
    height: 77px;
    float: left
}

.compatibality4 + .compatibality011 {
    width: 57%;
    float: right
}

.compatibality4 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -94px -207px;
    width: 68px;
    height: 50px;
    float: left
}

.compatibality011 .col12 {
    width: 100%
}

@media (min-width: 100px) and (max-width: 800px) {
    .compatibality4 + .compatibality011 {
        width: 57%;
        float: left
    }
}

.co-founder p strong {
    font-size: 20px
}

.true-vine-media .case-studies-btn, .true-vine-media.case-study-2 .mission-sec p span, .true-vine-media.case-study-2 table.mission-sec td h1, .true-vine-media.case-study-2 .title-small.title-numbers span {
    color: #207146 !important;
}

.true-vine-media.case-study-2 nav a.btn2:after {
    background: #62a153 !important;
}

body#case-study-template.true-vine-media div.menu-header {
    border-bottom: 1px solid #68a654 !important;
}

.true-vine-media.case-study-2 section#introduction4 {
    background: url(../images/case-studies/bg-grey-case-studies.jpg) no-repeat !important;
    background-position: left top !important;
    background-size: 94% !important;
    padding-top: 50px;
    padding-bottom: 0px;
}

.true-vine-media.case-study-2 section#case-studies-slider {
    background: url(../images/case-studies/bg-grey-case-studies.jpg) no-repeat !important;
    background-position: left top !important;
    background-size: 94% !important;
    padding-top: 30px;
}

.true-vine-media.case-study-2 #introduction3 .col12 {
    padding-left: 40px;
}

@media (min-width: 1900px) and (max-width: 2500px) {
    .co-founder .main-header.blogs {
        padding: 280px 0
    }
}

.reviewssec3 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -2px 0;
    width: 110px;
    height: 110px;
    float: left
}

.reviewssec2 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -112px 0;
    width: 110px;
    height: 110px;
    float: left
}

.reviewssec1 {
    display: inline-block;
    background: url(https://www.tekrevol.com/assets/images/compatibility-sprite2.png) no-repeat;
    text-align: left;
    background-position: -236px 0;
    width: 110px;
    height: 110px;
    float: left
}

.goodfrimcls + .goodfrimcls {
    margin-left: 12px
}

.pressrelase .main-header.blogs {
    display: none
}

.prrelaease .header-iner h1 {
    padding-top: 100px
}

#webinar_blog.in .modal-dialog {
    max-width: 550px !important;
    min-height: 350px !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important
}

#webinar_blog.in .modal-body {
    height: auto !important;
    margin-top: 0;
    padding: 0
}

#webinar_blog.modal {
    text-align: center;
    padding: 0 !important
}

#webinar_blog.modal:before {
    content: '';
    display: inline-block;
    height: 25%;
    vertical-align: middle;
    margin-right: -4px
}

#webinar_blog.modal-dialog {
    display: inline-block;
    vertical-align: middle
}

#webinar_blog.in .modal-content {
    background-image: url(../img/popup.jpg);
    padding: 30px
}

.btn_webinar .bt_web {
    background-image: url(../img/btn_pop.png);
    width: 150px;
    border: 0;
    height: 32px;
    background-repeat: no-repeat;
    box-shadow: 0 5px 25px #222;
    border-radius: 20px;
    color: #fff;
    background-color: transparent;
    background-size: cover;
    background-position: left top;
    padding: 8px 28px
}

#webinar_blog.in br {
    display: block !important
}

.hy {
    font-size: 22px;
    line-height: 35px;
    color: #fff;
    font-family: Gilroy-regular;
    text-align: center;
    margin-bottom: 20px
}

.upweb {
    font-size: 21px;
    line-height: 28px;
    color: #fff;
    font-family: Gilroy-regular;
    text-align: center;
    margin-bottom: 30px
}

.main_bus {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-family: Gilroy-Bold
}

.btn_webinar {
    margin: 20px auto;
    text-align: center
}

@media (min-width: 376px) and (max-width: 480px) {
 
    .caption p {
        margin: 40px 0 0
    }

    #webinar_blog.in .modal-dialog {
        width: 95% !important
    }

    .prrelaease .sec1 {
        height: 100%;
        overflow: hidden;
        width: 88% !important;
        margin: 20px auto !important
    }

    .prrelaease .section2 .box1 {
        height: 100%;
        overflow: hidden;
        width: 88% !important;
        margin: 20px auto !important
    }

    #webinar_blog.in .modal-content {
        padding: 30px 10px
    }

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

    #home .col-sm-6.text-col.nopad-left {
        margin-top: 50px
        padding:50px 0px 0px;
    }
    .copy .footer-img {
    display: inline-block;
    float: none;
    margin: 0px auto;
    padding: 0px;
}
.copy .footer-img li {
 padding: 0px 5px 0px 5px!important;
    text-align: center;
    margin: 0px auto;
    width: 25%;
}
.copy p{
    text-align: center;
}

}

@media (min-width: 320px) and (max-width: 375px) {

    .copy .footer-img {
    display: inline-block;
    float: none;
    margin: 0px auto;
    padding: 0px;
}
.copy .footer-img li {
 padding: 0px 5px 0px 5px!important;
    text-align: center;
    margin: 0px auto;
    width: 25%;
}
    .prrelaease .sec1 {
        height: 100%;
        overflow: hidden;
        width: 88% !important;
        margin: 20px auto !important
    }

    .prrelaease .section2 .box1 {
        height: 100%;
        overflow: hidden;
        width: 88% !important;
        margin: 20px auto !important
    }

    #webinar_blog.in .modal-dialog {
        width: 95% !important
    }

    #webinar_blog.in .modal-content {
        padding: 30px 10px
    }

    .upweb {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 20px
    }

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

.btnshamr .baltimores p.lefrbrdr {
    font-size: 20px
}

.btnshamr .baltimorebash2019 .featured-clients.heading-rotated > div::after {
    right: 340px
}

.btnshamr .baltimorebash2019 .featured-clients.heading-rotated.right.white {
    position: absolute;
    right: -80px;
    left: auto;
    top: 53%;
    text-transform: inherit
}

.iremembered #introduction3, .picture-pick #introduction3 {
    background-position: 15% !important;
    background-size: contain !important
}

.iremembered#case-study-template .col-sm-3.slick-slide.slick-current.slick-active:after, .picture-pick#case-study-template .col-sm-3.slick-slide.slick-current.slick-active:after {
    display: none
}

.iremembered #case-studies-slider .slick-list:before {
    content: "";
    width: 304px;
    position: absolute;
    top: 50px;
    background: url(../images/case-studies/bg_mobile.png) center center no-repeat !important;
    height: 613px;
    left: 15px;
    z-index: 999999;
    background-size: 100% 100% !important
}

.picture-pick #case-studies-slider .slick-list:before {
    content: "";
    width: 300px;
    position: absolute;
    top: 51px;
    background: url(../images/case-studies/pic_mobile.png) center center no-repeat !important;
    height: 584px;
    left: 17px;
    z-index: 999999;
    background-size: 100% 100% !important
}

.iremembered#case-study-template .col-sm-3.slick-slide img, .iremembered#case-study-template .col-sm-3.slick-slide.slick-current.slick-active img, .picture-pick#case-study-template .col-sm-3.slick-slide img, .picture-pick#case-study-template .col-sm-3.slick-slide.slick-current.slick-active img {
    width: 265px;
    border-radius: 5px
}

.iremembered.contact .caption .col-sm-6.text-col {
    padding-top: 120px
}

body.iremembered .mission-sec p span {
    color: #ff6c7f
}

body.iremembered table.mission-sec td h1 {
    color: #ff6c7f
}

body.iremembered .title-small.title-numbers span {
    color: #ff6c7f
}

body#case-study-template.iremembered.android-development nav a.btn2:after {
    background: #d9343a
}

.col-md-8.offset-md-2.m_auto.text-center {
    float: none !important;
    margin: 0 auto
}

table.mission-sec {
    width: 100%
}

section.client-brief table.mission-sec p {
    float: none;
    display: inline-block
}

.image_04iremem {
    display: none
}

.iremembered .image_04iremem, .picture-pick .image_04iremem {
    display: block
}

.iremembered .col-sm-4.about-numbers, .picture-pick .col-sm-4.about-numbers {
    display: none
}

.iremembered #introduction5:before, .picture-pick #introduction5:before {
    position: absolute;
    content: "";
    width: 270px;
    height: 451px;
    left: 0;
    bottom: 0;
    background: url(../images/image_04iremem2.png) no-repeat;
    background-size: 70%
}

body#case-study-template.iremembered div.menu-header, body#case-study-template.picture-pick div.menu-header {
    border-bottom: 1px solid #dd4b4c !important
}

table.mission-sec td h1 {
    float: none;
    display: inline-block
}

.iremembered #introduction5 {
    position: relative;
    background: url(https://www.tekrevol.com/assets/images/image_04iremem.png) no-repeat;
    background-size: 58%;
    background-position: right center
}

.picture-pick #introduction5 {
    position: relative;
    background: url(https://www.tekrevol.com/assets/images/case-studies/jack04.png) no-repeat;
    background-size: 58%;
    background-position: right center
}

.iremembered .col-sm-11.pull-right.case-studies-slider.slick-initialized.slick-slider, .picture-pick .col-sm-11.pull-right.case-studies-slider.slick-initialized.slick-slider {
    width: 100% !important;
    float: unset !important;
    max-width: 1365px;
    margin: 0 auto
}

.iremembered #case-studies-slider button.slick-next.slick-arrow, .picture-pick #case-studies-slider button.slick-next.slick-arrow {
    margin-left: 30px
}

.iremembered #case-studies-slider button.slick-prev.slick-arrow, .picture-pick #case-studies-slider button.slick-prev.slick-arrow {
    display: block !important;
    right: 0 !important;
    left: auto !important;
    background: url(../images/case-studies/case-studies-nav.png) center center no-repeat !important;
    width: 43px;
    height: 43px;
    margin-right: 10px
}

.iremembered .foriremember .col-sm-4.about-numbers, .picture-pick .foriremember .col-sm-4.about-numbers {
    display: none
}

.foriremember .about-numbers {
    margin: 30px 0 0
}

.iremembered .title-small.title-numbers, .picture-pick .title-small.title-numbers {
    display: inline-block
}

.iremembered .about-numbers span, .picture-pick .about-numbers span {
    color: #353535
}

.iremembered table.mission-sec td, .picture-pick table.mission-sec td {
    border-color: #b7b7b7
}

.new_titles .btn3:after, .new_titles .btn3:before {
    display: none
}

.iremembered .new_titles, .picture-pick .new_titles {
    display: block !important
}

.iremembered .new_titles a, .picture-pick .new_titles a {
    padding: 10px 0;
    text-align: center
}

.iremembered .v-web, .picture-pick .v-web {
    display: none
}

@media (min-width: 100px) and (max-width: 769px) {
    .iremembered #introduction5:before {
        background-image: none
    }

    .iremembered #introduction5 {
        background-image: none
    }

    .menu-for-mobile img {
        width: 150px
    }
}

#webinar_blog.in .modal-dialog {
    max-width: 550px !important;
    min-height: 350px !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important
}

#webinar_blog.in .modal-body {
    height: auto !important;
    margin-top: 0;
    padding: 0
}

#webinar_blog.modal {
    text-align: center;
    padding: 0 !important
}

#webinar_blog.modal:before {
    content: '';
    display: inline-block;
    height: 25%;
    vertical-align: middle;
    margin-right: -4px
}

#webinar_blog.modal-dialog {
    display: inline-block;
    vertical-align: middle
}

#webinar_blog.in .modal-content {
    background-image: url(../img/popup.jpg);
    padding: 30px
}

.btn_webinar .bt_web {
    background-image: url(../img/btn_pop.png);
    width: 150px;
    border: 0;
    height: 32px;
    background-repeat: no-repeat;
    box-shadow: 0 5px 25px #222;
    border-radius: 20px;
    color: #fff;
    background-color: transparent;
    background-size: cover;
    background-position: left top;
    padding: 8px 28px
}

#webinar_blog.in br {
    display: block !important
}

.hy {
    font-size: 22px;
    line-height: 35px;
    color: #fff;
    font-family: Gilroy-regular;
    text-align: center;
    margin-bottom: 20px
}

.upweb {
    font-size: 21px;
    line-height: 28px;
    color: #fff;
    font-family: Gilroy-regular;
    text-align: center;
    margin-bottom: 30px
}

.main_bus {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-family: Gilroy-Bold
}

.btn_webinar {
    margin: 20px auto;
    text-align: center
}

.tekrevol_img01 {
    background: url(../img/sprite-min.png) no-repeat 0 -1046px;
    width: 28px;
    height: 44px;
    position: relative;
    left: 8px
}

.tekrevol_img02 {
    background: url(../img/sprite-min.png) no-repeat 0 -1131px;
    width: 42px;
    height: 46px
}

.tekrevol_img03 {
    background: url(../img/sprite-min.png) no-repeat 0 -1218px;
    width: 43px;
    height: 41px
}

.tekrevol_img04 {
    background: url(../img/sprite-min.png) no-repeat 0 -1302px;
    width: 48px;
    height: 44px
}

.tekrevol_img05 {
    background: url(../img/sprite-min.png) no-repeat 0 -1380px;
    width: 49px;
    height: 48px
}

.tekrevol_img06 {
    background: url(../img/sprite-min.png) no-repeat 0 -1469px;
    width: 36px;
    height: 45px
}

.tekrevol_img07 {
    background: url(../img/sprite-min.png) no-repeat 0 -1555px;
    width: 35px;
    height: 46px;
    margin-right: 20px;
    float: left;
    margin-top: 10px
}

.tekrevol_img08 {
    background: url(../img/sprite-min.png) no-repeat 0 -1630px;
    width: 37px;
    height: 45px;
    margin-right: 20px;
    float: left;
    margin-top: 10px
}

.tekrevol_img09 {
    background: url(../img/sprite-min.png) no-repeat 0 -1716px;
    width: 49px;
    height: 36px;
    margin-right: 20px;
    float: left;
    margin-top: 10px
}

.tekrevol_img10 {
    background: url(../img/sprite-min.png) no-repeat 0 -1783px;
    width: 51px;
    height: 37px;
    margin-right: 20px;
    float: left;
    margin-top: 10px
}

.tekrevol_img11 {
    background: url(../img/sprite-min.png) no-repeat 0 -1922px;
    width: 49px;
    height: 64px
}

.tekrevol_img12 {
    background: url(../img/sprite-min.png) no-repeat 0 -2029px;
    width: 37px;
    height: 65px
}

.tekrevol_img13 {
    background: url(../img/sprite-min.png) no-repeat 0 -2149px;
    width: 67px;
    height: 52px
}

.tekrevol_img14 {
    background: url(../img/sprite-min.png) no-repeat 0 -2244px;
    width: 57px;
    height: 61px
}

.tekrevol_img15 {
    background: url(../img/sprite-min.png) no-repeat 0 -2360px;
    width: 65px;
    height: 47px
}

.tekrevol_boostimg {
    background: url(../img/sprite-min.png) no-repeat -1738px -1005px;
    width: 424px;
    height: 528px
}

.slider_mobile_3 {
    background: url(../img/sprite_mobile.png) no-repeat -28px 0;
    width: 305px;
    height: 403px;
    margin: 20px auto
}

.slider_mobile_1 {
    background: url(../img/sprite_mobile.png) no-repeat -456px -9px;
    width: 404px;
    height: 340px;
    margin: 20px auto
}

.slider_mobile_2 {
    background: url(../img/sprite_mobile.png) no-repeat -1110px 0;
    width: 350px;
    height: 315px;
    margin: 20px auto
}

.slider_mobile_1, .slider_mobile_2, .slider_mobile_3 {
    display: none !important
}

.white_arrow {
    background: url(../img/sprite_mobile.png) no-repeat -252px -95px;
    width: 46px;
    height: 9px
}

.picture-pick .mission-sec p span, .picture-pick .title-small.title-numbers span, .picture-pick table.mission-sec td h1 {
    color: #f44336
}

.picture-pick nav a.btn2:after {
    background: #e34e1f
}

.pressrelase .prrelaease .container {
    width: 770px;
    margin: 30px auto 30px
}

.pressrelase .info h2 {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 30px 0 20px;
    padding: 0 15px;
    font-family: Gilroy-Semibold
}

.pressrelase .info a {
    color: #000
}

.picture-pick nav a.btn2:after {
    background: #e3501f !important
}

.picture-pick .case-studies-btn {
    color: #d8302d !important
}

.picture-pick #case-studies-slider button.slick-next.slick-arrow, .picture-pick #case-studies-slider button.slick-prev.slick-arrow {
    background: #f04731 !important;
    border-radius: 50%
}

.picture-pick .slick-next:before {
    content: '\f053';
    font-family: FontAwesome;
    font-size: 20px !important;
    margin-left: -3px
}

.picture-pick .slick-prev:before {
    content: '\f053';
    font-family: FontAwesome;
    font-size: 20px !important;
    margin-left: -3px
}

.picture-pick .slick-next:before, .picture-pick .slick-prev:before {
    opacity: 1 !important;
    color: #fff !important;
    font-size: 20px;
    line-height: normal
}

.pressrelase .description {
    color: #282526;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 25px;
    font-family: Gilroy-Regular
}

.pressrelase .col-md-6 {
    min-height: 650px
}

.featured_in {
    background: #f0f0f0;
    position: relative;
    margin-top: -60px;
    padding: 20px 0px 40px;
    z-index: 0;
}

.featured_in .slider {
    margin-top: 50px;
}

.featured_in .slick-slide img {
    display: block;
    transition: all .5s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
}

.featured_in .slick-slide {
    padding: 20px 10px;
    background: #e0e0e047;
}

.featured_in .slick-slide:hover img {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.featured_in .heading-rotated.right.white {
    transform: rotate(90deg);
    right: -30px;
    left: auto;
    top: 116px;
}

.projects--section .grid-item {
    width: 48%;
    margin-right: 2%;
    overflow: hidden;
}

.projects--section {
    padding: 150px 0px;
    height: 100% !important;
}

.projects--section .text-col {
    padding: 100px 50px 0px 0px;
}

.projects--section .text-col p, .projects--section .grid-item .project-col-contents p {
    font-family: Gilroy-Medium;
    font-size: 16px;
    padding: 10px 0;
    line-height: 28px;
}


.projects--section .grid-item .project-col-contents {
    padding: 30px;
}

.projects--section .grid-item .project-col-contents h4 {
    font-family: Gilroy-Medium;
    font-size: 32px;
    color: #253858 !important;
    font-weight: 500;
}

.projects--section .grid-item.text-col {
    margin-bottom: 30px;
    border: 0px solid #cccccc73;
    transition: .25s ease-in-out;
}

.projects--section .grid-item.text-col:hover {
    box-shadow: unset;
}

.projects--section .grid-item:hover .masonry-content a > img {
    transition: all ease .9s;
    transform: scale(1.02);
}

.projects--section .grid-item .masonry-content a > img {
    transition: all ease .9s;
}

.projects--section .grid-item {
    margin-bottom: 30px;
    border: 1px solid #cccccc73;
    transition: .25s ease-in-out;
}

.projects--section .grid-item:hover {
    box-shadow: 0 10px 25px 0 #ccc;
}

#introduction5 .col13 {
    display:none;
}
#introduction5 .col11 {
   width:100%;
}
.picture-pick #introduction5 .col11,.iremembered  #introduction5 .col11 {
   width:40%;
}
.picture-pick #introduction5 .col13,.iremembered #introduction5 .col13 {
   width:40%;
   display:block;
}
#introduction5 .title-small {
    padding-left: 50px;
}
.nbc-tippingpoint .baltimorebash2019 .featured-clients.heading-rotated > div::after {
    right: 215px;
}
.nbc-tippingpoint .baltimorebash2019 .featured-clients.heading-rotated.right.white {
    position: absolute;
    right: 0;
    left: auto;
    top: 60%;
    text-transform: inherit;
}
.nbc-tippingpoint.pres_new .baltimorebash2019:before {
    padding: 17% 15% 15%;
}
.nbc-tippingpoint .set_height {
    margin-top: 0;
    margin-bottom: 30px;
}


/*casestudies*/
body#case-study-template.novely-pro.game-development a.btn2:after {
    background: #402866 !important;
}

body#case-study-template.novely-pro.game-development .fixed a.btn2:after {
    background: #2b252d !important;
}

.novely-pro h2.banner--tit {
    font-size: 44px;
    color: #fff;
    font-family: Gilroy-SemiBold;
    padding-top: 20px;
    text-shadow: -3px -3px 4px #c358e0;
}

.novely-pro .client-brief {
    padding: 185px 0px 100px;
}

#case-study-template.novely-pro .mission-sec p span {
    color: #67288d !important;
}

#intro--01 {
    padding: 100px 0px;
}

.client-brief .main-class {
    padding: 10px 30px 30px;
    background-color: #fff;
    background: #fff;
    border-radius: 4px;
    margin-top: 70px;
}

.novely-pro .img--intro01 img {
    top: 50px;
    position: absolute;
    left: -30px;
}

#intro--01 .intor--1 {
    padding-top: 0px;

}

.novely-pro .client-brief table.mission-sec {
    margin: -25px auto 0px;
    background: #fff;
    box-shadow: unset;
}

.novely-pro section.client-brief table.mission-sec p {
    color: #000 !important;
}

.novely-pro .main-class .mission-heading h3, #case-study-template.novely-pro .mission-sec p span {
    color: #ea6098 !important;
}

#intro-04 .intro--4 {
    padding-top: 80px;
}

#intro--01 .intor--1 .title-small,
#intro-02 .intor--2 .title-small,
#intro-03 .intor--3 .title-small,
#intro-04 .intor--4 .title-small {
    padding-left: 55px !important;
}

.novely-pro .title-small span {
    color: #67288d;
}

#intro--01 .intor--1 h3 {
    color: #282526;
    font-size: 32px;
    line-height: 45px;
    font-family: Gilroy-SemiBold;
    margin-bottom: 10px;
}

.novely-pro p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-family: Gilroy-Regular;
}

#intro--02 {
    padding: 100px 0px 0px;
}


#travis-section {
    background-image: url(../images/case-studies/novely/travis-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0px 0px;
    background-position: top;
    z-index: -1;
    position: relative;
    margin-top: -160px;
}

#intro--03 {
    background-image: url(../images/case-studies/novely/travis-bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0px 0px;
    background-position: bottom center;
}

#intro--04 {
    background-image: url(../images/case-studies/novely/abby-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 100px 0px;
    background-position: bottom center;
    z-index: -2;
    position: relative;
}

#intro--05 {
    background-image: url(../images/case-studies/novely/abby-bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px;
    background-position: bottom center;
    height: 930px;
    z-index: 99999;
    position: relative;
    top: -1px;
}

#intro--06 {
    background-image: url(../images/case-studies/novely/game-enviroment-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0px 100px;
    background-position: top center;
    margin-top: -80px;
}

#intro--07 {
    background-image: url(../images/case-studies/novely/game-element-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px;
    background-position: top center;
    position: relative;
    top: -1px;
}


#intro--08 {
    background-image: url(../images/case-studies/novely/screen-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px;
    background-position: top center;
    position: relative;
    top: -3px;
}

#intro--09 {
    background-image: url(../images/case-studies/novely/last-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px;
    background-position: top center;
    height: 1000px;
    position: relative;
    top: -3px;
}


.car-img {
    margin-top: 600px;
    text-align: center;
}

.bick-img {
    margin-top: 800px;
    margin-bottom: 100px;
    text-align: center;
}

.novely-pro .img--box05 {
    text-align: right;
}

.novely-pro .img--box05 img {
    position: relative;
    left: 200px;
    top: -100px;
}

#intro-02 {
    padding: 50px 0px;
}

#intro-02 .intro--2 h3 {
    color: #282526;
    font-size: 32px;
    line-height: 45px;
    font-family: Gilroy-SemiBold;
    margin-bottom: 20px;
}

#intro-02 .intro--2 p {
    color: #2a2828;
    font-size: 16px;
    line-height: 26px;
    opacity: 0.6;
    font-family: Gilroy-Regular;
}

#intro-02 .img-sec-novely {
    padding: 30px 50px;
}

#intro-02 .img-sec-novely.mt-4 {
    margin-top: 70px;
}

#intro-03 {
    background-image: url("../images/case-studies/novely/intro-03.jpg");
    background-repeat: no-repeat;
    background-position: -250px top;
    background-size: 70%;
    padding: 50px 0px;
    height: 840px;
}

#case-study-template.novely-pro #intro-03 .slick-track {
    height: 630px !important;
}

#intro-03 .intor-slider .slick-list:before {
    content: '';
    background-image: url("../images/case-studies/novely/mobile-novely.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 456px;
    padding-top: 30px;
    margin-top: -30px;
    display: block;
    position: absolute;
    width: 266px;
    top: 67px;
    left: 266px;
    z-index: 99999999;
}

#intro-03 .intro--3 h3 {
    color: #282526;
    font-size: 32px;
    line-height: 45px;
    font-family: Gilroy-SemiBold;
    margin-bottom: 20px;
}

#intro-03 .intro--3 p {
    color: #2a2828;
    font-size: 16px;
    line-height: 26px;
    opacity: 0.6;
    font-family: Gilroy-Regular;
}

#intro-04 {
    margin-bottom: 50px;
}

#intro-04 .intro--4 h3 {
    color: #282526;
    font-size: 32px;
    line-height: 45px;
    font-family: Gilroy-SemiBold;
    margin-bottom: 20px;
}

#intro-04 .intro--4 p {
    color: #2a2828;
    font-size: 16px;
    line-height: 26px;
    opacity: 0.6;
    font-family: Gilroy-Regular;
    margin-bottom: 40px;
}

#intro-04 .img-sec-novely {
    padding: 0px 200px 0px 0px;
}

#intro-04 .btn--in {
    margin-bottom: 20px;
    text-align: center;
}

#intro-04 .btn--in a {
    position: relative;
    top: -45px;
    color: #67288d;
    font-size: 24px;
    font-family: Gilroy-SemiBold;
}

#intro-04 .btn--in:before {
    content: '';
    background-image: url("../images/case-studies/novely/btn-00.jpg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    /*width: 300px;*/
    display: block;
    position: relative;
    margin: 0px auto;
}


/*-- FOOTER MAKER CSS------*/

    /*Designate how the animation will take place*/
    @keyframes pulsate {
        0% {
            transform: scale(0.1);
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }

    /* .wrap is our container div and will vary in name on your site */


    /* Alter the top and left positions to sit on top of your map location */
    .marker1 {
        width: 50px;
        height: 50px;
        position: absolute;
          top: 100px;
    left: 120px;
        display: block;
    }


    .marker4 {
        width: 50px;
        height: 50px;
        position: absolute;
         top: 60px;
    left: 120px;
        display: block;
    }

    .marker3 {
        width: 50px;
        height: 50px;
        position: absolute;
         top: 72px;
    left: 255px;
        display: block;
    }

    .marker2 {
        width: 50px;
        height: 50px;
        position: absolute;
     /*top: 118px;
    left: 362px;*/
    top: 124px;
    left: 377px;
        display: block;
    }

    .map-bg .contact-canada-banner h2 {
        font-size: 18px;
    }

    .map-bg .contact-canada-banner h2 span {
        font-size: 12px;
        line-height: normal;
    }

    .pin {
        width: 8px;
        height: 8px;
        position: relative;
        top: 11px;
        left: 11px;
        /*background: rgb(240, 91, 34);*/
        border: 1px solid rgb(227, 81, 35);
        border-radius: 50%;
        z-index: 1000;
    }

    .pin-effect {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 5px;
        display: block;
        /* background: rgba(239, 90, 34, .6); */
        border-radius: 50%;
        opacity: 0;
        animation: pulsate 2400ms ease-out infinite;
        left: 5px;

    }

    .marker1 .pin {
        background: rgb(227, 81, 35);
    }

    .marker1:hover .contact-canada-banner {
        padding: 10px 10px 10px 35px;
           top: -80px;
    left: 23px;
        /*width: 480px;*/
        padding-top: 0;
        background-size: 100% 100%;
        padding-bottom: 0px;
        transition: all .25s ease;
        height: 100px;
        display: block;
        text-align: left;
    }

    .marker1:hover .contact-canada-banner h2 span {
        float: left;
        margin: 0px;
        width: 100%;
        margin-left: 2%;
        border-right: 1px solid #000;
        font-size: 12px;
        }

    .marker1:hover .contact-canada-banner h2 span.add__01 {
        margin-left: 0px;
    }

    .marker1:hover .contact-canada-banner h2 span.add__03 {
        border-right: 0px solid #000;
        width: 33%;
    }

    .marker1 .pin-effect {
        background: rgba(0, 0, 0, .33);
    }

    .marker2 .pin {
        background: rgb(227, 81, 35);
    }

    .marker2 .pin-effect {
        background: rgba(0, 0, 0, .33);
    }

    .marker3 .pin {
        background: rgb(227, 81, 35);
    }

    .marker3 .pin-effect {
         background: rgba(0, 0, 0, .33);
    }

    .marker4 .pin {
        background: rgb(227, 81, 35);
    }

    .marker4 .pin-effect {
         background: rgba(0, 0, 0, .33);
    }


    .marker2:hover .contact-canada-banner,
    .marker3:hover .contact-canada-banner,
    .marker4:hover .contact-canada-banner {
        padding: 10px 10px 10px 30px;
     top: -75px;
        left: 23px;
        width: 230px;
        padding-top: 0;
        background-size: 100% 100%;
        padding-bottom: 0px;
        transition: all .25s ease;
        height: 95px;
        display: block;
        text-align: left;
    }

    .country-list {
        bottom: 35px;
        position: absolute;
        width: 100%;
    }

    .country-list .country-name {
        display: inline-block;
        margin-right: 35px;
        position: relative;
    }

    .country-list .country-name img {
        margin-left: 25px;
    }

    .country-list .country-name .country--title {
        position: relative;
        top: 19px;
        font-size: 16px;
        font-family: Gilroy-Regular;
        letter-spacing: 1px;
    }

    .country-list .country-name:before {
        content: '';
        width: 4px;
        height: 40px;
        display: inline-block;
        position: absolute;
        left: -15px;
        bottom: 0px;
    }

    .country-list .country-name:nth-child(1):before {
        background: #f27121;
    }

    .country-list .country-name:nth-child(2):before {
        background: #a8a8a8;
    }

    .country-list .country-name:nth-child(3):before {
        background: #049790;
    }

    .country-list .country-name:nth-child(4):before {
        background: #253f21;
    }

    .country-list .country-name:nth-child(3) img {
        margin-top: 12px;
    }

    /* Adjusts the background image and marker for smaller screens */
    @media only screen and (max-width: 414px) {
        .map-bg {
            background-position: -100px 0px;
        }

        .marker {
            left: 100px;
        }
    }
    
.map-bg {
    background: url(../images/map.png) no-repeat;
    background-position: 0px 0px;
    background-size: auto;
    width: 100%;
    height: 280px;
    position: relative;
    top: 10px;
    left: 50px;
}
.boost .bg-image .blog-t-section{
        padding: 50px 0px;
}
.map-section {
    padding: 10px 0px;
    text-align: center;
    margin: 0px auto;
}
.mobile-view{
    display:none;
}

.footer--div {
    width: 47%;
    float: left;
    margin-right: 3%;
    margin-bottom: 30px;
}

.footer--div select {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
}

.footer--div select .option, .footer--div select .option:disabled {
    background: #ef5622;
    border: 0px;
    outline: 0;
    background-color: #ef5622;
    color: #fff;
}

.footer--div select .option:hover {
    background: #fff;
    border: 0px;
    outline: 0;
    background-color: #fff;
    color: #ef5622;
}

.footer--div input {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
}

.footer--div ::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

.footer--div:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.footer--div::placeholder {
    color: #fff;
}
.interest p{
    line-height:normal;
}
@media (min-width: 667px) and (max-width: 768px) {
    
    .main-slide3, .main-slide3 .box_01, .main-slide3 .box_02, .main-slider2, .men_fitness, .tekrevol-bulbs {
        display: none !important
    }

    .slider_mobile_1, .slider_mobile_2, .slider_mobile_3 {
        display: block !important
    }

    .slider_mobile_3 {
        background: url(../img/sprite_mobile.png) no-repeat -28px 0;
        width: 305px;
        height: 403px;
        float: right;
        margin: 0 auto
    }

    .slider_mobile_1 {
        background: url(../img/sprite_mobile.png) no-repeat -456px -9px;
        width: 404px;
        height: 340px;
        float: right;
        margin: 20px auto
    }

    .slider_mobile_2 {
        background: url(../img/sprite_mobile.png) no-repeat -1098px -2px;
        width: 465px;
        height: 442px
    }

    #home .col-sm-6.text-col.nopad-left {
        width: 100%
    }

    #home .caption h1, .h1h1 {
        font-size: 30px !important;
        line-height: 45px;
        margin-top: 20px
    }
        .copy .footer-img {
    display: inline-block;
    float: none;
    margin: 20px auto 0px;
    padding: 0px;
}
.copy .footer-img li {
 padding: 0px 5px 0px 5px!important;
    text-align: center;
    margin: 0px auto;
    width: 25%;
}
.copy p,.copy div{
    text-align: center;
}
}

@media (min-width: 320px) and (max-width: 666px) {
     .projects--section{
        padding:0px;
    }
    .projects--section .container .row{
        margin-left:0px;
        margin-right:0px;
    }
         .projects--section .grid-item {
        width: 100%;
        margin-right: 0%;
    }

    .projects--section .grid-item .project-col-contents {
        padding: 10px;
    }
    .main-slide3, .main-slide3 .box_01, .main-slide3 .box_02, .main-slider2, .men_fitness, .tekrevol-bulbs {
        display: none
    }

    .slider_mobile_1, .slider_mobile_2, .slider_mobile_3 {
        display: none !important
    }

    .slider_mobile_3 {
        background: url(../img/sprite_mobile.png) no-repeat -28px 0;
        width: 305px;
        height: 403px
    }

    .slider_mobile_1 {
        background: url(../img/sprite_mobile.png) no-repeat -456px -9px;
        width: 404px;
        height: 340px;
        position: relative;
        left: -100px
    }

    .slider_mobile_2 {
        background: url(../img/sprite_mobile.png) no-repeat -1098px -2px;
        width: 465px;
        height: 442px
    }

    #home .caption h1, .h1h1 {
        font-size: 28px !important;
        line-height: 34px;
        margin-top: 0
    }
        .copy .footer-img {
    display: inline-block;
    float: none;
    margin: 0px auto;
    padding: 0px;
}
.copy .footer-img li {
 padding: 0px 5px 0px 5px!important;
    text-align: center;
    margin: 0px auto;
    width: 25%;
}
.copy p,.copy div{
    text-align: center;
}
}

@media (min-width: 376px) and (max-width: 480px) {
    #webinar_blog.in .modal-dialog {
        width: 95% !important
    }

    #webinar_blog.in .modal-content {
        padding: 30px 10px
    }

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

@media (min-width: 320px) and (max-width: 375px) {
    #webinar_blog.in .modal-dialog {
        width: 95% !important
    }

    #webinar_blog.in .modal-content {
        padding: 30px 10px
    }

    .upweb {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 20px
    }

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

@media (min-width: 1600px) and (max-width: 1920px) {
    .picture-pick #introduction3 {
        background-position: 22% !important
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .iremembered #case-studies-slider .slick-list:before {
        content: "";
        width: 304px;
        position: absolute;
        top: 50px;
        background: url(../images/case-studies/bg_mobile.png) center center no-repeat !important;
        height: 606px;
        left: 5px;
        z-index: 999999;
        background-size: 100% 100% !important
    }

    body.contact .caption .col-sm-6.text-col {
        padding-top: 180px
    }

    .picture-pick #case-studies-slider .slick-list:before {
        content: "";
        width: 294px;
        position: absolute;
        top: 50px;
        background: url(../images/case-studies/pic_mobile.png) center center no-repeat !important;
        height: 585px;
        left: 10px;
        z-index: 999999;
        background-size: 100% 100% !important
    }
}

@media (min-width: 1051px) and (max-width: 1100px) {
    .iremembered #case-studies-slider .slick-list:before {
        content: "";
        width: 260px;
        position: absolute;
        top: 50px;
        background: url(../images/case-studies/bg_mobile.png) center center no-repeat !important;
        height: 499px;
        left: 7px;
        z-index: 999999;
        background-size: 100% 100% !important
    }

    .picture-pick #case-studies-slider .slick-list:before {
        content: "";
        width: 255px;
        position: absolute;
        top: 7px;
        background: url(../images/case-studies/pic_mobile.png) center center no-repeat !important;
        height: 518px;
        left: 0;
        z-index: 999999;
        background-size: 100% 100% !important
    }

    .iremembered#case-study-template .col-sm-3.slick-slide img, .iremembered#case-study-template .col-sm-3.slick-slide.slick-current.slick-active img, .picture-pick#case-study-template .col-sm-3.slick-slide img, .picture-pick#case-study-template .col-sm-3.slick-slide.slick-current.slick-active img {
        width: 225px;
        border-radius: 5px
    }
}

@media (min-width: 900px) and (max-width: 1050px) {
    
    .iremembered #case-studies-slider .slick-list:before {
        content: "";
        width: 252px;
        position: absolute;
        top: 55px;
        background: url(../images/case-studies/bg_mobile.png) center center no-repeat !important;
        height: 502px;
        left: -1px;
        z-index: 999999;
        background-size: 100% 100% !important
    }

    .picture-pick #case-studies-slider .slick-list:before {
        content: "";
        width: 248px;
        position: absolute;
        top: 51px;
        background: url(../images/case-studies/pic_mobile.png) center center no-repeat !important;
        height: 485px;
        left: 1px;
        z-index: 999999;
        background-size: 100% 100% !important
    }

    .iremembered#case-study-template .col-sm-3.slick-slide img, .iremembered#case-study-template .col-sm-3.slick-slide.slick-current.slick-active img, .picture-pick#case-study-template .col-sm-3.slick-slide img, .picture-pick#case-study-template .col-sm-3.slick-slide.slick-current.slick-active img {
        width: 225px;
        border-radius: 5px
    }

    body#case-study-template.contact .caption .col-sm-6.text-col {
        padding-top: 80px
    }

    .iremembered#case-study-template .slick-track, .picture-pick#case-study-template .slick-track {
        height: 500px
    }

    .picture-pick section#introduction3 {
        background-position: left !important;
        background-size: 55% !important
    }

    .iremembered #introduction3 {
        background-position: -10% !important
    }

    .iremembered #introduction5:before, .picture-pick #introduction5:before {
        display: none
    }

    .iremembered .slick-list, .picture-pick .slick-list {
        overflow: visible
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .projects--section{
        padding:0px;
    }
    .projects--section .container .row{
        margin-left:0px;
        margin-right:0px;
    }
         .projects--section .grid-item {
        width: 48%;
        margin-right: 2%;
    }

    .projects--section .grid-item .project-col-contents {
        padding: 10px;
    }
    .iremembered section#case-studies-slider, .picture-pick section#case-studies-slider {
        min-height: auto;
        background-image: none
    }

    .iremembered #introduction5, .picture-pick #introduction5 {
        background-image: unset
    }

    .iremembered #introduction5:before, .picture-pick #introduction5:before {
        content: unset
    }

    .main-header .baner {
        width: 455px;
        height: 190px
    }

    .iremembered.contact .caption .col-sm-6.text-col, .picture-pick .caption .col-sm-6.text-col {
        padding-top: 20px !important
    }

    #case-study-template section.home-slick-slider.main-slider.slick-initialized.slick-slider {
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 480px) {
    .iremembered section#case-studies-slider, .picture-pick section#case-studies-slider {
        min-height: auto;
        background-image: none
    }

    .iremembered #introduction5, .picture-pick #introduction5 {
        background-image: unset
    }

    .iremembered #introduction5:before, .picture-pick #introduction5:before {
        content: unset
    }

    .iremembered .home-slick-slider, .picture-pick .home-slick-slider {
        padding-bottom: 40px !important;
        margin-bottom: 0 !important
    }
}

@media (min-width: 901px) and (max-width: 1099px) {
    .main-slide3, .main-slide3 .box_01, .main-slide3 .box_02, .main-slider2, .men_fitness, .tekrevol-bulbs {
        display: none !important
    }

    .slider_mobile_1, .slider_mobile_2, .slider_mobile_3 {
        display: block !important
    }

    .slider_mobile_3 {
        background: url(../img/sprite_mobile.png) no-repeat -28px 0;
        width: 305px;
        height: 403px;
        float: right;
        margin: 0 auto
    }

    .slider_mobile_1 {
        background: url(../img/sprite_mobile.png) no-repeat -456px -9px;
        width: 404px;
        height: 340px;
        float: right;
        margin: 20px auto
    }

    .slider_mobile_2 {
        background: url(../img/sprite_mobile.png) no-repeat -1098px -2px;
        width: 465px;
        height: 442px
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        height: 600px !important
    }

    #home .col-sm-6.text-col.nopad-left {
        width: 55% !important;
        padding-left: 5%;
        padding-top: 150px
    }

    .slider_mobile_3 {
        position: absolute;
        top: 100px;
        left: 110%
    }

    .slider_mobile_2 {
        position: absolute;
        top: -32px;
        left: 92%
    }

    .slider_mobile_1 {
        position: absolute;
        top: 140px;
        left: 90%
    }

    .slide3 .caption p {
        margin: 20px 0 0 !important
    }

    #home .caption h1, .h1h1 {
        font-size: 28px !important;
        line-height: 34px;
        margin-top: 0
    }

    .greycol, .redcol {
        padding: 10px !important;
        color: #fff;
        height: 150px;
        position: relative
    }
    .country-list .country-name img {
    margin-left: 20px;
}
.country-list .country-name {
    margin-right: 25px;
}
.contact-canada-banner span{
    font-size:11px;
}
.contact-canada-banner p{
    margin-bottom:0px;
}
}

@media (min-width: 768px) and (max-width: 900px) {
    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        height: 430px !important
    }

    #home .col-sm-6.text-col.nopad-left {
        width: 48% !important
    }

    .slider_mobile_3 {
        position: absolute;
        top: 100px;
        left: 110%
    }

    .slider_mobile_2 {
        position: absolute;
        top: -32px;
        left: 92%
    }

    .slider_mobile_1 {
        position: absolute;
        top: 140px;
        left: 90%
    }

    .slide3 .caption p {
        margin: 20px 0 0 !important
    }

    .journey {
        padding: 30px 0 30px 40px !important
    }

    .our-expertise div.h2 {
        left: 25px
    }

    .heading-rotated {
        top: 140px
    }

    section#home-6 {
        padding-bottom: 50px
    }

    .software-inner {
        width: 49%
    }

    .facts-figures .col14.col-s24 {
        height: 320px;
        display: block
    }

    .container.talk-to-us .col-md-6.nopad {
        width: 100%;
        float: none;
        padding: 0 !important
    }

    html.responsive-footer-col .boost > .container:nth-child(2) {
        margin-left: 15px !important
    }

    .facts-figures .col14.col-s24 .col-sm-6 #shiva1, .facts-figures .col14.col-s24 .col-sm-6 #shiva2, .facts-figures .col14.col-s24 .col-sm-6 #shiva3, .facts-figures .col14.col-s24 .col-sm-6 #shiva4 {
        width: 50%;
        float: left
    }

    .clients-slider {
        padding: 30px 0
    }

    .video-testimonials .col-sm-6 {
        padding: 0;
        margin: 0
    }

    .softwares {
        padding: 30px 0 30px
    }
    .map-section {
    text-align: left;
}
 .country-list .country-name img {
    margin-left: 20px;
}
.country-list .country-name {
    margin-right: 25px;
}
.contact-canada-banner span{
    font-size:11px;
}
.contact-canada-banner p{
    margin-bottom:0px;
}
.copy .footer-img li:last-child{
    display:none
}
}

@media (min-width: 501px) and (max-width: 767px) {
    #home .col-sm-6.text-col.nopad-left {
        margin-top: 50px
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        height: 600px !important
    }

    .slider_mobile_2 {
        top: -63px;
        position: relative;
        left: 70px
    }

    .slider_mobile_1 {
        left: 60px !important;
        top: -45px
    }

    .slider_mobile_3 {
        margin: 0 auto 0 !important;
        top: -100px;
        position: relative;
        left: 80px
    }

    .journey {
        padding: 0 0 20px 40px !important
    }

    .our-expertise div.h2 {
        left: 25px
    }

    .clients-slider {
        padding: 30px 0
    }

    .video-testimonials .col-sm-6 {
        padding: 0;
        margin: 0
    }

    .softwares {
        padding: 30px 0 30px
    }
.map-section {
    text-align: left;
}
.copy .footer-img li:last-child{
    display:none
}
}

@media (min-width: 411px) and (max-width: 500px) {
    #home .col-sm-6.text-col.nopad-left {
        margin-top: 50px;
        padding:50px 0px 0px;
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        height: 450px !important;
    }

    .slider_mobile_2 {
        top: -80px;
        position: relative;
        left: -35px
    }

    .slider_mobile_1 {
        left: -60px !important;
        top: 55px
    }

    .slider_mobile_3 {
        margin: 20px auto 0 !important
    }

    .journey {
        padding: 0 0 20px 40px !important
    }

    .our-expertise div.h2 {
        left: 25px
    }

    .clients-slider {
        padding: 30px 0
    }

    .video-testimonials .col-sm-6 {
        padding: 0;
        margin: 0
    }

    .softwares {
        padding: 30px 0 30px
    }

    section.black-box .col12.col-s24 {
        width: 96%;
        margin-right: 0;
        margin-left: 6px !important
    }

    #shiva5:before, #shiva6:before, #shiva7:before {
        left: 55px
    }

    section.profile-info-projects {
        margin-left: 20px
    }

    section.profile-info-projects .col4 {
        padding-left: 0;
        width: 100%
    }

    .col-invest-projects1:before, .col-invest-projects2:before, .col-invest-projects3:before {
        display: none
    }

    .profile-info-projects .col10, .profile-info-projects .col6 {
        width: 100%
    }

    .years25inagency .col3 {
        width: 100%;
        margin-bottom: 20px
    }

    .col-invest-projects {
        margin-top: 30px
    }

    .profile-info-projects + .tabs-solutions {
        padding: 50px 0 50px
    }

    .col-sm-4.about-numbers {
        text-align: left
    }
       .mobile-view{
        display:block;
        padding: 0px 0px;
    }
    .map-section{
         display:none;
    }
     .loc-item .country-name{
      text-align:left;
       margin-bottom: 20px;
       position: relative;
    }
    .loc-item{
        margin-bottom: 20px;
    }
    .loc-item .country-name img{
     width: auto;
    height:49px;
    margin-right: 15px;
    text-align:center;
    }
    
    .loc-item .country-name .country--title {
        position: absolute;
    bottom: 0pc;
    font-size: 25px;
    font-family: Gilroy-Regular;
    letter-spacing: 1px;
    left: 65px;
}
.boost > .container:nth-child(1) {
    padding: 0px 15px;
}
.loc-item  .loc-add{
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    
}
.loc-item  .loc-add:after{
     content: '';
    background: #a8a8a8;
    width: 50px;
    height: 1px;
    display: block;
    margin-top: 10px;
}
.footer--div {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
}
.copy .footer-img li:last-child{
    display:none
}
}

@media (min-width: 375px) and (max-width: 410px) {
    #home .col-sm-6.text-col.nopad-left {
        margin-top: 50px;
        padding:50px 0px 0px;
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        height:470px !important
    }

    .slider_mobile_2 {
        top: -110px;
        position: relative;
        left: -35px
    }

    .slider_mobile_1 {
        left: -60px !important
    }

    .slider_mobile_3 {
        margin: -20px auto 0 !important
    }

    .journey {
        padding: 0 0 20px 40px !important
    }

    .our-expertise div.h2 {
        left: 25px
    }

    .clients-slider {
        padding: 30px 0
    }

    .video-testimonials .col-sm-6 {
        padding: 0;
        margin: 0
    }

    .softwares {
        padding: 30px 0 30px
    }

    section.black-box .col12.col-s24 {
        width: 96%;
        margin-right: 0;
        margin-left: 6px !important
    }

    #shiva5:before, #shiva6:before, #shiva7:before {
        left: 55px
    }

    section.profile-info-projects {
        margin-left: 20px
    }

    section.profile-info-projects .col4 {
        padding-left: 0
    }

    .col-invest-projects {
        margin-top: 30px
    }

    .profile-info-projects + .tabs-solutions {
        padding: 50px 0 50px
    }

    .col-sm-4.about-numbers {
        text-align: left
    }
      .slider_mobile_1,.slider_mobile_2,.slider_mobile_3{
        display:none!important;
    }
       .mobile-view{
        display:block;
        padding: 0px 0px;
    }
    .map-section{
         display:none;
    }
     .loc-item .country-name{
      text-align:left;
       margin-bottom: 20px;
       position: relative;
    }
    .loc-item{
        margin-bottom: 20px;
    }
    .loc-item .country-name img{
     width: auto;
    height:49px;
    margin-right: 15px;
    text-align:center;
    }
    .loc-item .country-name .country--title {
        position: absolute;
    bottom: 0pc;
    font-size: 25px;
    font-family: Gilroy-Regular;
    letter-spacing: 1px;
    left: 65px;
}
.boost > .container:nth-child(1) {
    padding: 0px 15px;
}
.loc-item  .loc-add{
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    
}
.loc-item  .loc-add:after{
     content: '';
    background: #a8a8a8;
    width: 50px;
    height: 1px;
    display: block;
    margin-top: 10px;
}
.footer--div {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
}
.copy .footer-img li:last-child{
    display:none
}
}

@media (min-width: 320px) and (max-width: 374px) {
    #home .col-sm-6.text-col.nopad-left {
        margin-top: 50px;
        padding:50px 0px 0px;
    }

    div.row.baner.slick-slide.slide1, div.row.baner.slick-slide.slide2, div.row.baner.slick-slide.slide3 {
        height: 540px !important;
    }

    .slider_mobile_2 {
        top: -110px;
        position: relative;
        left: -35px
    }

    .slider_mobile_3 {
        margin: -20px auto 0 !important
    }

    .journey {
        padding: 0 0 20px 40px !important
    }

    .our-expertise div.h2 {
        left: 25px
    }

    .clients-slider {
        padding: 30px 0
    }

    .video-testimonials .col-sm-6 {
        padding: 0;
        margin: 0
    }

    .softwares {
        padding: 30px 0 30px
    }

    .video-testimonials-bg p {
        font-size: 14px
    }

    section.black-box .col12.col-s24 {
        width: 96%;
        margin-right: 0;
        margin-left: 6px !important
    }

    #shiva5:before, #shiva6:before, #shiva7:before {
        left: 55px
    }

    section.profile-info-projects {
        margin-left: 20px
    }

    section.profile-info-projects .col4 {
        padding-left: 0
    }

    .col-invest-projects {
        margin-top: 30px
    }

    .profile-info-projects + .tabs-solutions {
        padding: 50px 0 50px
    }

    .col-sm-4.about-numbers {
        text-align: left
    }
      .slider_mobile_1,.slider_mobile_2,.slider_mobile_3{
        display:none!important;
    }
    .mobile-view{
        display:block;
        padding: 0px 0px;
    }
    .map-section{
         display:none;
    }
     .loc-item .country-name{
      text-align:left;
       margin-bottom: 20px;
       position: relative;
    }
    .loc-item{
        margin-bottom: 20px;
    }
    .loc-item .country-name img{
     width: auto;
    height:49px;
    margin-right: 15px;
    text-align:center;
    }
    
    .loc-item .country-name .country--title {
        position: absolute;
    bottom: 0pc;
    font-size: 25px;
    font-family: Gilroy-Regular;
    letter-spacing: 1px;
    left: 65px;
}
.boost > .container:nth-child(1) {
    padding: 0px 15px;
}
.loc-item  .loc-add{
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    
}
.loc-item  .loc-add:after{
     content: '';
    background: #a8a8a8;
    width: 50px;
    height: 1px;
    display: block;
    margin-top: 10px;
}
.footer--div {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
}
.copy .footer-img li:last-child{
    display:none
}

}