@charset "utf-8";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

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 {
    padding: 0;
    border: 0
}

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-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

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

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

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

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^="javascript:"]:after,a[href^="#"]: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
    }

    select {
        background: #fff!important
    }

    .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-regulard41d-.eot#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.html) 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');font-display:swap
}

.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: "\2a"
}

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

.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-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: thin dotted;
    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 {
    display: inline-block;
    max-width: 100%;
    height: auto;
    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
}

.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
}

@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!important;
}

.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:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

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

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

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

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

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

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

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

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

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

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;
    margin-left: -5px;
    list-style: none
}

.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;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

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

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.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
}

.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
}

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 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
}

.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) {
    .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
}

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

input[type=file] {
    display: block
}

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

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

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
    outline: thin dotted;
    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,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.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[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
}

input[type=search] {
    -webkit-appearance: none
}

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

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

    .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].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;
    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-top: 4px \9;
    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+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

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
}

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

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

.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
}

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

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

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 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
}

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

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

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 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
}

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

.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: 14.33px
    }
}

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

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

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: thin dotted;
    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 {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

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

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

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,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.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,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.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,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.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,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.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,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.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,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-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}

.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;
    -webkit-background-clip: padding-box;
    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;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.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 solid
}

.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-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-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-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-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 {
    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;
    -webkit-overflow-scrolling: touch;
    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)
}

.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-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
    }
}

.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-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@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
}

.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-top: 8px;
    margin-right: 15px;
    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
    }

    .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;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -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)
}

@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-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-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-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-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-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-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: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>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 2;
    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
}

.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
}

.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: baseline;
    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
}

.component .list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.component .list-group-item>.badge {
    float: right
}

.component .list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    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 {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0
    }

    .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-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
}

.component .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.component .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.component .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.component .list-group-item {
    color: #555
}

a.component .list-group-item .component .list-group-item-heading {
    color: #333
}

a.component .list-group-item:focus,a.component .list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.component .list-group-item.disabled,.component .list-group-item.disabled:focus,.component .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.component .list-group-item.disabled .component .list-group-item-heading,.component .list-group-item.disabled:focus .component .list-group-item-heading,.component .list-group-item.disabled:hover .component .list-group-item-heading {
    color: inherit
}

.component .list-group-item.disabled .component .list-group-item-text,.component .list-group-item.disabled:focus .component .list-group-item-text,.component .list-group-item.disabled:hover .component .list-group-item-text {
    color: #777
}

.component .list-group-item.active,.component .list-group-item.active:focus,.component .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.component .list-group-item.active .component .list-group-item-heading,.component .list-group-item.active .component .list-group-item-heading>.small,.component .list-group-item.active .component .list-group-item-heading>small,.component .list-group-item.active:focus .component .list-group-item-heading,.component .list-group-item.active:focus .component .list-group-item-heading>.small,.component .list-group-item.active:focus .component .list-group-item-heading>small,.component .list-group-item.active:hover .component .list-group-item-heading,.component .list-group-item.active:hover .component .list-group-item-heading>.small,.component .list-group-item.active:hover .component .list-group-item-heading>small {
    color: inherit
}

.component .list-group-item.active .component .list-group-item-text,.component .list-group-item.active:focus .component .list-group-item-text,.component .list-group-item.active:hover .component .list-group-item-text {
    color: #c7ddef
}

.component .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.component .list-group-item-success {
    color: #3c763d
}

a.component .list-group-item-success .component .list-group-item-heading {
    color: inherit
}

a.component .list-group-item-success:focus,a.component .list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.component .list-group-item-success.active,a.component .list-group-item-success.active:focus,a.component .list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.component .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.component .list-group-item-info {
    color: #31708f
}

a.component .list-group-item-info .component .list-group-item-heading {
    color: inherit
}

a.component .list-group-item-info:focus,a.component .list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.component .list-group-item-info.active,a.component .list-group-item-info.active:focus,a.component .list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.component .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.component .list-group-item-warning {
    color: #8a6d3b
}

a.component .list-group-item-warning .component .list-group-item-heading {
    color: inherit
}

a.component .list-group-item-warning:focus,a.component .list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.component .list-group-item-warning.active,a.component .list-group-item-warning.active:focus,a.component .list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.component .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.component .list-group-item-danger {
    color: #a94442
}

a.component .list-group-item-danger .component .list-group-item-heading {
    color: inherit
}

a.component .list-group-item-danger:focus,a.component .list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.component .list-group-item-danger.active,a.component .list-group-item-danger.active:focus,a.component .list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.component .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.component .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 .component .list-group-item,.panel>.panel-collapse>.list-group .component .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .component .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .component .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .component .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .component .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .component .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;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.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-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

.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;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    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-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    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-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.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
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    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-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
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.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
}

.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: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,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);
    filter: alpha(opacity=50);
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:focus,.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    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
}

.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;
    margin-top: -10px;
    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: #000 \9;
    background-color: transparent;
    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: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -15px
    }

    .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,.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,.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
}

@-ms-viewport {
    width:device-width
}

.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
    }

    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
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm-block {
        display: block!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .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
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media(min-width:1200px) {
    .visible-lg {
        display: block!important
    }

    table.visible-lg {
        display: table
    }

    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) {
    .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
    }

    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);src:url('../fonts/fontawesome-webfont.eot#iefix&v=4.7.0')format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2')format('woff2'),url('../fonts/fontawesome-webfont.woff')format('woff'),url('../fonts/fontawesome-webfont.ttf')format('truetype'),url('../fonts/fontawesome-webfont.svg#fontawesomeregular')format('svg');font-weight:400;font-style:normal;font-display:swap
}

.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(0deg);
        transform: rotate(0deg)
    }

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

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

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

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root.fa-rotate-90,:root.fa-rotate-180,:root.fa-rotate-270,:root.fa-flip-horizontal,:root.fa-flip-vertical {
    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-remove:before,.fa-close: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-gear:before,.fa-cog: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-rotate-right:before,.fa-repeat: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-photo:before,.fa-image: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-warning:before,.fa-exclamation-triangle: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-gears:before,.fa-cogs: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-save:before,.fa-floppy-o:before {
    content: "\f0c7"
}

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

.fa-navicon:before,.fa-reorder:before,.fa-bars: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-unsorted:before,.fa-sort:before {
    content: "\f0dc"
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-paste:before,.fa-clipboard: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-unlink:before,.fa-chain-broken: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-toggle-down:before,.fa-caret-square-o-down:before {
    content: "\f150"
}

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

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

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

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

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

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

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

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

.fa-won:before,.fa-krw: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-toggle-left:before,.fa-caret-square-o-left:before {
    content: "\f191"
}

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

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

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

.fa-turkish-lira:before,.fa-try: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-institution:before,.fa-bank:before,.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,.fa-graduation-cap: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-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: "\f1c5"
}

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

.fa-file-sound-o:before,.fa-file-audio-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-saver:before,.fa-support:before,.fa-life-ring:before {
    content: "\f1cd"
}

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

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

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

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

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

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

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

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

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

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

.fa-send-o:before,.fa-paper-plane-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-soccer-ball-o:before,.fa-futbol-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-shekel:before,.fa-sheqel:before,.fa-ils: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-hotel:before,.fa-bed:before {
    content: "\f236"
}

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

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

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

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

.fa-yc:before,.fa-y-combinator: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:before,.fa-battery-full:before {
    content: "\f240"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-hand-stop-o:before,.fa-hand-paper-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-tv:before,.fa-television: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-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before,.fa-sign-language: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-vcard:before,.fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before,.fa-address-card-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:before,.fa-thermometer-full: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-bathtub:before,.fa-s15:before,.fa-bath: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
}

@font-face {
    font-family:flaticon;src:url(../fonts/Flaticon.woff);src:url("../fonts/Flaticon.woff#iefix") format("woff"),font-weight:normal;font-style:normal;font-display:swap
}[class^=flaticon-]:before,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal
}

.flaticon-signs-2:before {
    content: "\f100"
}

.flaticon-cup:before {
    content: "\f101"
}

.flaticon-rubber:before {
    content: "\f102"
}

.flaticon-office:before {
    content: "\f103"
}

.flaticon-people-3:before {
    content: "\f104"
}

.flaticon-shield-1:before {
    content: "\f105"
}

.flaticon-medal-2:before {
    content: "\f106"
}

.flaticon-nature-6:before {
    content: "\f107"
}

.flaticon-internet:before {
    content: "\f108"
}

.flaticon-clothes:before {
    content: "\f109"
}

.flaticon-phone-set:before {
    content: "\f10a"
}

.flaticon-music:before {
    content: "\f10b"
}

.flaticon-brickwall:before {
    content: "\f10c"
}

.flaticon-nature-5:before {
    content: "\f10d"
}

.flaticon-transport-10:before {
    content: "\f10e"
}

.flaticon-fence:before {
    content: "\f10f"
}

.flaticon-people-2:before {
    content: "\f110"
}

.flaticon-message-1:before {
    content: "\f111"
}

.flaticon-farmer:before {
    content: "\f112"
}

.flaticon-business-1:before {
    content: "\f113"
}

.flaticon-transport-9:before {
    content: "\f114"
}

.flaticon-medal-1:before {
    content: "\f115"
}

.flaticon-wrench:before {
    content: "\f116"
}

.flaticon-medical-1:before {
    content: "\f117"
}

.flaticon-wind:before {
    content: "\f118"
}

.flaticon-square:before {
    content: "\f119"
}

.flaticon-people-1:before {
    content: "\f11a"
}

.flaticon-nature-4:before {
    content: "\f11b"
}

.flaticon-avatar:before {
    content: "\f11c"
}

.flaticon-piston:before {
    content: "\f11d"
}

.flaticon-transport-8:before {
    content: "\f11e"
}

.flaticon-delivery-truck:before {
    content: "\f11f"
}

.flaticon-medal:before {
    content: "\f120"
}

.flaticon-book-1:before {
    content: "\f121"
}

.flaticon-medical:before {
    content: "\f122"
}

.flaticon-drawing:before {
    content: "\f123"
}

.flaticon-road:before {
    content: "\f124"
}

.flaticon-buildings:before {
    content: "\f125"
}

.flaticon-technology-2:before {
    content: "\f126"
}

.flaticon-signs-1:before {
    content: "\f127"
}

.flaticon-transport-7:before {
    content: "\f128"
}

.flaticon-profile:before {
    content: "\f129"
}

.flaticon-stopwatch:before {
    content: "\f12a"
}

.flaticon-alarm-clock-1:before {
    content: "\f12b"
}

.flaticon-alarm-clock:before {
    content: "\f12c"
}

.flaticon-idea:before {
    content: "\f12d"
}

.flaticon-share:before {
    content: "\f12e"
}

.flaticon-multiply:before {
    content: "\f12f"
}

.flaticon-interface-1:before {
    content: "\f130"
}

.flaticon-business:before {
    content: "\f131"
}

.flaticon-folder:before {
    content: "\f132"
}

.flaticon-book:before {
    content: "\f133"
}

.flaticon-route:before {
    content: "\f134"
}

.flaticon-phone-call:before {
    content: "\f135"
}

.flaticon-message:before {
    content: "\f136"
}

.flaticon-signs:before {
    content: "\f137"
}

.flaticon-arrows:before {
    content: "\f138"
}

.flaticon-box-2:before {
    content: "\f139"
}

.flaticon-box-1:before {
    content: "\f13a"
}

.flaticon-pencil:before {
    content: "\f13b"
}

.flaticon-mark:before {
    content: "\f13c"
}

.flaticon-gps:before {
    content: "\f13d"
}

.flaticon-global-1:before {
    content: "\f13e"
}

.flaticon-multimedia:before {
    content: "\f13f"
}

.flaticon-shield:before {
    content: "\f140"
}

.flaticon-technology-1:before {
    content: "\f141"
}

.flaticon-science-1:before {
    content: "\f142"
}

.flaticon-mathematics:before {
    content: "\f143"
}

.flaticon-science:before {
    content: "\f144"
}

.flaticon-home:before {
    content: "\f145"
}

.flaticon-pin:before {
    content: "\f146"
}

.flaticon-right-arrow:before {
    content: "\f147"
}

.flaticon-leaf:before {
    content: "\f148"
}

.flaticon-people:before {
    content: "\f149"
}

.flaticon-nature-3:before {
    content: "\f14a"
}

.flaticon-transport-6:before {
    content: "\f14b"
}

.flaticon-transport-5:before {
    content: "\f14c"
}

.flaticon-transport-4:before {
    content: "\f14d"
}

.flaticon-transport-3:before {
    content: "\f14e"
}

.flaticon-transport-2:before {
    content: "\f14f"
}

.flaticon-nature-2:before {
    content: "\f150"
}

.flaticon-technology:before {
    content: "\f151"
}

.flaticon-international-delivery:before {
    content: "\f152"
}

.flaticon-tool:before {
    content: "\f153"
}

.flaticon-cogwheel:before {
    content: "\f154"
}

.flaticon-nature-1:before {
    content: "\f155"
}

.flaticon-global:before {
    content: "\f156"
}

.flaticon-transport-1:before {
    content: "\f157"
}

.flaticon-clock-1:before {
    content: "\f158"
}

.flaticon-globe:before {
    content: "\f159"
}

.flaticon-check:before {
    content: "\f15a"
}

.flaticon-arrow-pointing-to-right:before {
    content: "\f15b"
}

.flaticon-box:before {
    content: "\f15c"
}

.flaticon-open-cardboard-box:before {
    content: "\f15d"
}

.flaticon-left-quote-sketch:before {
    content: "\f15e"
}

.flaticon-transport:before {
    content: "\f15f"
}

.flaticon-clock:before {
    content: "\f160"
}

.flaticon-shape-1:before {
    content: "\f161"
}

.flaticon-nature:before {
    content: "\f162"
}

.flaticon-quotes:before {
    content: "\f163"
}

.flaticon-social:before {
    content: "\f164"
}

.flaticon-interface:before {
    content: "\f165"
}

.flaticon-weapon:before {
    content: "\f166"
}

.flaticon-shape:before {
    content: "\f167"
}

.flaticon-web:before {
    content: "\f168"
}

.flaticon-quotations:before {
    content: "\f169"
}

.flaticon-straight-quotes:before {
    content: "\f16a"
}

.flaticon-telephone:before {
    content: "\f16b"
}

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

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

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInStable {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    33.333% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    66.666666% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes zoomInStable {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    33.333% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    66.666666% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.zoomInStable {
    -webkit-animation-name: zoomInStable;
    animation-name: zoomInStable
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

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

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1)
    }
}

@-webkit-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1)
    }
}

@-moz-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1)
    }
}

@-o-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1)
    }
}

@-ms-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1)
    }
}

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    box-shadow: 0 10px 25px rgba(0,0,0,.5)
}

.fancybox-outer,.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
    background-image: url(../images/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(http://st.ourhtmldemo.com/template/cargohub/images/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(http://st.ourhtmldemo.com/template/cargohub/images/fancybox/blank.gif);
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    overflow: hidden!important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0,0,0,.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
        background-image: url(http://st.ourhtmldemo.com/template/cargohub/images/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(http://st.ourhtmldemo.com/template/cargohub/images/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-push:hover,.hvr-push:focus,.hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-in:hover,.hvr-bounce-in:focus,.hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:hover,.hvr-bounce-out:focus,.hvr-bounce-out:active {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-hang:hover,.hvr-hang:focus,.hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:hover,.hvr-skew:focus,.hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:hover,.hvr-skew-forward:focus,.hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-backward:hover,.hvr-skew-backward:focus,.hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-vertical:hover,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-bottom-right:hover,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-top-right:hover,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:hover,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-skew:hover,.hvr-wobble-skew:focus,.hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz:hover,.hvr-buzz:focus,.hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active {
    background-color: #2098d1;
    color: #fff
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-back-pulse:hover,.hvr-back-pulse:focus,.hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: #fff
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active {
    color: #fff
}

.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-left:hover,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:active {
    color: #fff
}

.hvr-sweep-to-left:hover:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:hover,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:active {
    color: #fff
}

.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active {
    color: #fff
}

.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active {
    color: #fff
}

.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:hover,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:active {
    color: #fff
}

.hvr-bounce-to-left:hover:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:hover,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:active {
    color: #fff
}

.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:hover,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:active {
    color: #fff
}

.hvr-bounce-to-top:hover:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active {
    color: #fff
}

.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active {
    color: #fff
}

.hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:hover,.hvr-rectangle-in:focus,.hvr-rectangle-in:active {
    color: #fff
}

.hvr-rectangle-in:hover:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active {
    color: #fff
}

.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.top-services .hvr-rectangle-out,.services-slider .hvr-rectangle-out {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.top-services .hvr-rectangle-out:before,.services-slider .hvr-rectangle-out:before {
    background: rgba(0,0,0,.05);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active {
    color: #fff
}

.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active {
    color: #fff
}

.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:hover,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:active {
    color: #fff
}

.hvr-shutter-in-vertical:hover:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active {
    color: #fff
}

.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent
}

.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent
}

.hvr-hollow:hover,.hvr-hollow:focus,.hvr-hollow:active {
    background: 0 0
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.meet-the-team .member .social li.hvr-ripple-out:before {
    border: #0f86ff solid 6px
}

.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-in:hover:before,.hvr-outline-in:focus:before,.hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:hover,.hvr-round-corners:focus,.hvr-round-corners:active {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:hover:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:active:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:hover:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:active:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:hover:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:active:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:hover:before,.hvr-reveal:focus:before,.hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:hover:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:hover:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active {
    box-shadow: 0 0 8px rgba(0,0,0,.6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}

.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:hover,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0,0,0,.6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent
}

.hvr-box-shadow-inset:hover,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity
}

.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-shadow-radial:before,.hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 80%)
}

.hvr-shadow-radial:hover:before,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:active:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:active:after {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent
}

.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent transparent
}

.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:hover,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:hover:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:hover,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:hover:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:hover,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:hover:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:hover:before,.hvr-icon-back:focus:before,.hvr-icon-back:active:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:hover:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:hover:before,.hvr-icon-down:focus:before,.hvr-icon-down:active:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:hover:before,.hvr-icon-up:focus:before,.hvr-icon-up:active:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:hover:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:active:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51%,100% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51%,100% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:hover:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:active:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66);
    animation-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:hover:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:active:before {
    color: #0f9e5e
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:before,.hvr-icon-float-away:after {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:hover:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:active:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:before,.hvr-icon-sink-away:after {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:hover:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:active:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:hover:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:active:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:hover:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:active:before {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:hover:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:active:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:hover:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:active:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:hover:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:active:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:hover:before,.hvr-icon-push:focus:before,.hvr-icon-push:active:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:hover:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:active:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:hover:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:active:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:hover:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:active:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:hover:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:active:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:hover:before,.hvr-icon-float:focus:before,.hvr-icon-float:active:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:hover:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:active:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:hover:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:active:before {
    -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
    animation-name: hvr-icon-bob-float,hvr-icon-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:hover:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:active:before {
    -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:hover:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:active:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:hover:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:active:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:hover:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:active:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:hover:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:active:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-left:hover:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px
}

.top-services .hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #0f86ff;
    background: linear-gradient(135deg,white 45%,#0f86ff 50%,#0f86ff 56%,#0f86ff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#0f86ff');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.top-services .hvr-curl-top-left:hover:before,.top-services .hvr-curl-top-left:focus:before,.top-services .hvr-curl-top-left:active:before {
    width: 40px;
    height: 40px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: -1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-right:hover:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px
}

.top-services .hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #6ec7f9;
    background: linear-gradient(225deg,white 45%,#6ec7f9 50%,#6ec7f9 56%,#6ec7f9 80%);
    box-shadow: -1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.top-services .hvr-curl-top-right:hover:before,.top-services .hvr-curl-top-right:focus:before,.top-services .hvr-curl-top-right:active:before {
    width: 40px;
    height: 40px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: -1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: 1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-left:hover:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px
}

.padd0 {
    padding: 0
}

.paddtop0 {
    padding-top: 0!important
}

.paddtop40 {
    padding-top: 40px!important
}

.paddtop20 {
    padding-top: 20px!important
}

.paddtop30 {
    padding-top: 30px!important
}

.margtop30 {
    margin-top: 30px!important
}

.margbtm30 {
    margin-bottom: 30px!important
}

.margbtm40 {
    margin-bottom: 40px!important
}

.paddbtm20 {
    padding-bottom: 20px!important
}

.paddbtm30 {
    padding-bottom: 30px!important
}

.paddbtm40 {
    padding-bottom: 40px!important
}

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

.padbtm70 {
    padding-bottom: 70px!important
}

.paddbtm80 {
    padding-bottom: 80px!important
}

.margtb40 {
    margin: 40px 0
}

.hidden {
    display: none!important;
    visibility: hidden!important
}

.graybg {
    background: #f7f7f7
}

.service-tabs .vc_tta-tabs-container {
    margin: 0!important
}

.service-tabs .vc_tta-tabs-list {
    background-color: #04192b
}

.service-tabs .vc_tta-tabs-list li,.service-tabs .vc_tta-tabs-list li a {
    background-color: transparent!important;
    border-radius: 0!important;
    border: 0!important
}

.service-tabs .vc_tta-tabs-list li {
    padding: 15px 0!important
}

.service-tabs .vc_tta-tabs-list li a {
    color: #fff!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    border-right: 1px solid rgba(255,255,255,.25)!important
}

.service-tabs .vc_tta-tabs-list li:hover a,.service-tabs .vc_tta-tabs-list li.vc_active a {
    color: #73b21a!important;
    border-color: #73b21a
}

.service-tabs .vc_tta-tabs-list li:last-child a {
    border: 0!important
}

#text-4 {
    padding-left: 0
}

.header-v1 .cargo-office-location-widget,.header-v2 .cargo-office-location-widget {
    padding-left: 0
}

.header-v4 #cargohub-social-links-widget-2 {
    padding-right: 0
}

.topbar .cargo-search-widget {
    padding-right: 0
}

.header-v3 .footer-widgets .cargohub-social-links-widget,.header-v4 .footer-widgets .cargohub-social-links-widget {
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.1)
}

.fh-icon-box.style-2 .fh-icon {
    background-color: #fff
}

@media(max-width:600px) {
    .count-title {
        padding: 0!important;
        font-size: 44px!important
    }
}

@media(max-width:768px) {
    .intro-hp1 {
        width: 100%!important
    }
}

.tp-caption.ch_title,.ch_title {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: inter;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.ch_content,.ch_content {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: Open Sans;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.ch_button,.ch_button {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: inter;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 1 1 1 1px;
    border-radius: 0 0 0 0;
    border-width: 1px
}

.tp-caption.ch_button:hover,.ch_button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #50a9ea;
    border-color: #50a9ea;
    border-style: solid;
    border-width: 1 1 1 1px;
    border-radius: 0 0 0 0;
    cursor: pointer
}

.tawcvs-swatches {
    overflow: hidden;
    padding: 5px
}

.tawcvs-swatches .swatch {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 15px;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    opacity: .5
}

.tawcvs-swatches .swatch.selected {
    -webkit-box-shadow: 0 0 5px;
    -moz-box-shadow: 0 0 5px;
    box-shadow: 0 0 5px;
    border-color: #999;
    opacity: 1
}

.tawcvs-swatches .swatch.disabled {
    opacity: .1
}

.tawcvs-swatches .swatch-color {
    text-indent: -9999px
}

.tawcvs-swatches .swatch-color.selected {
    border-color: transparent
}

.tawcvs-swatches .swatch-color.selected:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 8px;
    left: 11px
}

.tawcvs-swatches .swatch-label {
    background-color: #f1f1f1
}

.tawcvs-swatches .swatch-image {
    overflow: hidden
}

.tp-caption.fp_title_layer,.fp_title_layer {
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.fp_content_layer,.fp_content_layer {
    color: #6aaf08;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.fh_button,.fh_button {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2 2 2 2px;
    border-radius: 30px 30px 30px 30px
}

.tp-caption.fh_button:hover,.fh_button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ffc811;
    border-color: #ffc811;
    border-style: solid;
    border-width: 2 2 2 2px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}

.hdrgtpara {
    color: #fff;
    font-size: 20px;
    font-weight: 300
}

.bluebg {
    background: #0c1239;
    min-height: 310px;
    color: #fff
}

.lftredbrdr {
    border-left: 2px solid red;
    padding-left: 25px
}

.homecounts {
    background: url(../images/bg1.jpg) center center no-repeat;
    background-size: cover;
    padding: 80px 0
}

.homecounts2 {
    background: url(../images/count-bg-2.jpg) center center no-repeat;
    background-size: cover;
    padding: 10px 0
}

.homecounts3 {
    background-image: linear-gradient(to bottom,rgba(245,246,252,.52),#1b006f7d),url(../images/count-bg-2.jpg);
    background-size: cover;
    color: #fff
}

.homecounts h2 {
    color: #fff
}

.whychoose-1 .quofrm1 {
    padding: 80px 30px 121px;
    background: #f7f7f7
}

.whychoose-1 .fh-icon-box:last-child {
    margin-bottom: 0
}

.partener-1.bluebg {
    padding: 40px 0
}

.partener-1 .owl-carousel .owl-item img {
    display: inline-block
}

.testmonial-1.secpadd {
    padding: 80px 0 60px
}

.footer-widgets77 {
    background-color: #0c1239;
    background-image: url(../images/bg/footer-bg.jpg)
}

.site-footer {
    background-color: #232951
}

.switch-default {
    background: red;
    border-right-color: #0c1239;
    border-bottom-color: #0c1239
}

.switch-navy {
    background: #00baff;
    border-right-color: #0c1239;
    border-bottom-color: #0c1239
}

.switch-orange {
    background: #ee6012;
    border-right-color: #202020;
    border-bottom-color: #202020
}

.switch-yellow {
    background: background:#f6a604;
    border-right-color: #0032ab;
    border-bottom-color: #0032ab
}

.welcomesec-9 {
    background: #0c1239 url(../images/bg/welcomebg.jpg) no-repeat;
    padding-bottom: 70px
}

.welservices-2 {
    margin-top: -50px;
    margin-bottom: 40px
}

.welcomesec-2 .intro-hp2 {
    width: 60%;
    margin: 0 auto;
    text-align: center
}

.welcomesec-2 .intro-hp2 h4 {
    font-size: 30px;
    margin: 0;
    color: #fff;
    font-weight: 400
}

.contact_services {
    background: #0c1239 url(../images/bg/bg-2.jpg) center top no-repeat;
    bacground-size: cover
}

.contact_servbox h4 {
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: 400
}

.contact_servbox h3 {
    margin: 0;
    font-size: 48px;
    color: #fff;
    font-weight: 400
}

.contact_servbox h2 {
    margin: 0;
    font-size: 60px;
    font-weight: 400
}

.contact_servbox p {
    color: #dde2fc
}

.contact_servbox .button {
    margin-top: 45px
}

.frs1box {
    border-right-width: 1px;
    padding: 45px 45px 20px 30px;
    border-right-color: rgba(255,255,255,.15);
    border-right-style: solid
}

.checkbox_item {
    display: block;
    margin-bottom: 7px
}

.quote1forms .request-form .checkbox_item label {
    font-weight: 300;
    color: #666
}

.quote1forms .request-form .checkbox_item label input {
    margin-right: 15px
}

.stripcontact p {
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    padding-top: 5px;
    float: left
}

.special_services.bluebg.secpadd {
    padding: 80px 0
}

.homeserv4 {
    background: #0032ab url(../images/bg/service-bg-4.jpg) center top no-repeat;
    padding: 70px 0 180px;
    text-align: center
}

.homeserv4 h4 {
    font-size: 36px;
    margin: 0;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px
}

.homeserv4 p {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 35px
}

.homeserv-4 {
    background: #f7f7f7;
    padding-bottom: 60px
}

.homeserv-4 .row {
    margin-top: -80px
}

.header-v4 .fh-section-title h2 {
    font-size: 30px
}

.home4form .quofrm1 {
    background: #fff
}

.home4form {
    background: url(../images/bg/bg-4.jpg) center center no-repeat;
    background-size: cover
}

.home4form .fh-form textarea,.home4form .fh-form input[type=text],.home4form .fh-form input[type=email],.home4form .fh-form select {
    border: 2px solid #ececec
}

.homecounts-2 {
    background: #0032ab;
    padding: 50px 0 30px
}

.teampara {
    text-align: center
}

.teampara {
    width: 65%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-weight: 400
}

.hometeam-1 .fh-team {
    margin-top: -50px
}

.testmonial-4 {
    background: url(../images/bg/testi-bg-4.jpg) center center no-repeat;
    background-size: cover;
    padding: 110px 0 70px
}

.features-1 .borderboth {
    border: 0;
    background: #083ab3
}

.features-1 .frs1box {
    border: 0
}

.uthead {
    font-size: 30px;
    font-weight: 600;
    color: #222;
    line-height: 1.2;
    font-family: montserrat,sans-serif;
    margin-bottom: 20px
}

.mdltxtnrow {
    font-size: 22px
}

.allservsec {
    padding: 0 0 70px
}

.allservsec .fh-service.style-bordered .summary {
    padding: 25px 20px
}

.fh-section-title.f30 h2 {
    font-size: 30px
}

.fh-section-title.f25 h2 {
    font-size: 25px
}

.fh-section-title.f20 h2 {
    font-size: 20px
}

.partener_slide2 .partner-item {
    border-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.partener_slide2 .owl-item img {
    display: inline-block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.aboutsec-2.secpaddbig {
    padding: 100px 0 80px
}

.contact_services.bluebg.secpadd {
    padding: 80px 0 100px
}

.aboutsec-3.secpadd {
    padding: 85px 0 60px
}

.homeserv1.secpadd2 {
    padding: 90px 0 40px
}

.special_services.secpadd {
    padding: 80px 0 60px
}

.hometeam-1.secpadd {
    padding: 80px 0 90px
}

.servdtlimg.margbtm30 {
    margin-bottom: 50px!important
}

.aboutsec-2.secpaddbig {
    padding: 20px 0 90px
}

.delservtest .fh-testimonials .testi-des {
    font-size: 18px
}

.delservtest .fh-testimonials .testi-item {
    border: 0;
    padding: 0 0 0 60px
}

.delservtest .fh-testimonials .testi-icon {
    left: 0;
    top: 0
}

.delservtest .fh-testimonials .testi-icon {
    width: 40px;
    height: 40px;
    line-height: 36px;
    color: #50a9ea;
    border-color: #50a9ea
}

.delservtest .fh-testimonials .testi-icon i:before {
    font-size: 18px
}

.servdtlaccord .panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f107";
    float: right
}

.servdtlaccord .panel-heading .accordion-toggle.collapsed:after {
    content: "\f105"
}

.servdtlaccord .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f0f0f0
}

.servdtlaccord .panel-default>.panel-heading {
    background-color: #fff
}

.servdtlaccord .panel-default>.panel-heading.active-panel a {
    color: red
}

.servdtlaccord .fh-section-title {
    margin-bottom: 50px
}

.servdtlaccord .panel {
    box-shadow: none;
    border: 1px solid #eee!important
}

.features-3 {
    padding: 70px 0 40px
}

.faqpagesec {
    position: relative
}

.faqpagesec::after {
    background: #f7f7f7;
    content: "";
    position: absolute;
    width: 47%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1
}

.fancybox-overlay {
    z-index: 999999!important
}

.fancybox-wrap {
    z-index: 9999999!important
}

.track-form .fh-radio label {
    color: #848484;
    font-weight: 300;
    padding-top: 0
}

.track-form .fh-radio label input {
    margin-right: 5px
}

.tracksidebar {
    padding: 0 10px 0 40px;
    border-left: 1px solid #f4f4f4
}

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

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

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

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

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

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

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

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

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

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

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

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

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

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

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

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

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

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

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0px,0px)
}

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

.owl-carousel.owl-loaded {
    display: block
}

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

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

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

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

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

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

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

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

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

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

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

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

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

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(http://st.ourhtmldemo.com/template/cargohub/css/owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3,1.3);
    -moz-transition: scale(1.3,1.3);
    -ms-transition: scale(1.3,1.3);
    -o-transition: scale(1.3,1.3);
    transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

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

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    display: block
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    text-decoration: none
}

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

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

.owl-theme .owl-dots .owl-dot span {
    background: none repeat scroll 0 0 #d6d6d6;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 200ms ease 0s;
    width: 10px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 #869791
}

.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before {
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vbox-overlay * {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.vbox-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999
}

.vbox-title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 50px;
    overflow: hidden;
    position: fixed;
    display: none;
    left: 0;
    z-index: 89
}

.vbox-close {
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 50px;
    height: 40px;
    padding: 6px;
    display: block;
    background-position: 10px center;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 99
}

.vbox-left {
    cursor: pointer;
    position: fixed;
    left: 0;
    height: 40px;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    z-index: 99;
    display: flex;
    align-items: center
}

.vbox-num {
    display: inline-block;
    margin: 6px 0 6px 15px
}

.vbox-share {
    line-height: 28px;
    font-size: 12px;
    overflow: hidden;
    position: fixed;
    left: 0;
    z-index: 98;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center
}

.vbox-share svg {
    max-height: 28px;
    width: 28px;
    z-index: 10;
    margin-left: 12px;
    margin-top: 6px;
    margin-bottom: 6px;
    vertical-align: middle
}

.vbox-next,.vbox-prev {
    position: fixed;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 99
}

.vbox-next span,.vbox-prev span {
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top-color: #b6b6b6;
    border-right-color: #b6b6b6;
    text-indent: -100px;
    position: absolute;
    top: 8px;
    display: block
}

.vbox-prev {
    left: 15px
}

.vbox-next {
    right: 15px
}

.vbox-prev span {
    left: 10px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.vbox-next span {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 10px
}

.vbox-inline {
    width: 420px;
    height: 315px;
    height: 70vh;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    overflow: auto;
    text-align: left
}

.venoframe {
    max-width: 100%;
    width: 100%;
    border: none;
    width: 100%;
    height: 260px;
    height: 70vh
}

.venoframe.vbvid {
    height: 260px
}

@media(min-width:768px) {
    .vbox-inline,.venoframe {
        width: 90%;
        height: 360px;
        height: 70vh
    }

    .venoframe.vbvid {
        width: 640px;
        height: 360px
    }
}

@media(min-width:992px) {
    .vbox-inline,.venoframe {
        max-width: 1200px;
        width: 80%;
        height: 540px;
        height: 70vh
    }

    .venoframe.vbvid {
        width: 960px;
        height: 540px
    }
}

.vbox-open {
    overflow: hidden
}

.vbox-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
    max-height: 100%
}

.vbox-content {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 4%
}

.vbox-container img {
    max-width: 100%;
    height: auto
}

.vbox-figlio {
    box-shadow: 0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    max-width: 100%;
    text-align: initial
}

img.vbox-figlio {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.vbox-content.swipe-left {
    margin-left: -200px!important
}

.vbox-content.swipe-right {
    margin-left: 200px!important
}

.vbox-animated {
    webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out
}

.sk-double-bounce,.sk-rotating-plane {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-rotating-plane {
    background-color: #333;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-double-bounce {
    position: relative
}

.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child {
    background-color: #333;
    border-radius: 100%
}

.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-doubleBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-wave {
    margin: 40px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-wave .sk-rect {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.sk-wandering-cubes {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-wandering-cubes .sk-cube {
    background-color: #333;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
    animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}

.sk-chasing-dots,.sk-spinner-pulse {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

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

    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
        transform: translateX(30px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }

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

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

    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
        transform: translateX(30px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }

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

.sk-spinner-pulse {
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.sk-chasing-dots {
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-chasingDotsBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-chasingDotsBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-three-bounce {
    margin: 40px auto;
    width: 80px;
    text-align: center
}

.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before {
    display: block;
    border-radius: 100%;
    content: '';
    background-color: #333
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-three-bounce {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-three-bounce {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-circle {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    margin: 0 auto;
    width: 15%;
    height: 15%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

.sk-fading-circle {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    margin: 0 auto;
    width: 15%;
    height: 15%;
    -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
    }
}

.sk-folding-cube {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(140px) rotateX(0);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {
    0%,10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(140px) rotateX(0);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    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
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -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 {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(../js/slick/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family:slick;font-weight:400;font-style:normal;src:url(../js/slick/fonts/slick.eot);src:url(../js/slick/fonts/slick.eot#iefix) format('embedded-opentype'),url(../js/slick/fonts/slick.woff) format('woff'),url(../js/slick/fonts/slick.ttf) format('truetype'),url(../js/slick/fonts/slick.svg#slick) format('svg');font-display:swap
}

.slick-prev,.slick-next {
    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: none;
    background: 0 0
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: 0 0
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next: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-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: 0 0
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus: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
}

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

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

#preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px
}

.statu {
    padding: 35vh 0;
    text-align: center
}

.statu img {
    width: 119px
}

.statu .spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2s infinite linear;
    animation: sk-rotate 2s infinite linear
}

.statu .dot1,.statu .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #be2122;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.statu .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background-color: #1b7945
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,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: 0 0
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

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 {
    -moz-box-sizing: content-box;
    -webkit-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
}

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;
    -moz-box-sizing: content-box;
    -webkit-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
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #eaeaea;
    width: 100%
}

input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
    border-color: #222
}

body {
    color: #2e2e2e;
    font-size: 13px;
    line-height: 1.6;
    background: #fff;
    word-wrap: break-word;
    overflow-x: hidden;
    font-weight: 400
}

a {
    -webkit-transition: .5s;
    transition: .5s;
    color: #222;
    text-decoration: none
}

a:focus,a:hover {
    text-decoration: none;
    color: #222
}

a img {
    border: none
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    line-height: 1.5;
    color: #222
}

h1 {
    font-size: 41px;
    font-weight: 900;
    font-style: normal
}

h2 {
    font-size: 26px;
    font-weight: 900;
    font-style: normal
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 22px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

p {
    margin-bottom: 15px
}

li,p,span {
	direction:rtl;
}

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

input[type=text],textarea {
    border: 1px solid #555;
    background: #fff
}

blockquote {
    font-size: 16px;
    font-style: italic;
    border-left: 3px solid red;
    padding: 15px 0 15px 20px;
    margin: 35px 0 35px 40px;
    line-height: 2;
    font-weight: 500
}

table {
    text-align: left
}

table tr {
    border: 1px solid #f4f4f4;
    border-bottom-width: 0;
    padding: 5px
}

table tr td,table tr th {
    padding: 5px;
    border-bottom: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4
}

.clearfix {
    zoom: 1
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.secpadd {
    padding: 0
}

.secpadd2 {
    padding: 70px 0 40px
}

.secpaddbig {
    padding: 100px 0 70px
}

.secpaddlf {
    padding-top: 80px;
    padding-bottom: 80px
}

.secpaddem {
    padding-top: 80px;
    padding-bottom: 80px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tabs .tabs-nav {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none
}

.tabs .tabs-nav li {
    float: left
}

.tabs .tabs-nav a {
    display: block
}

.tabs .tabs-panel {
    clear: both;
    display: none
}

.tabs .tabs-panel.active {
    -webkit-animation: fadeIn 1 1s ease;
    animation: fadeIn 1 1s ease;
    display: block
}

.socials a {
    display: inline-block;
    padding: 0 15px;
    font-size: 18px;
    color: #848484;
    -webkit-transition: .5s;
    transition: .5s
}

.socials a:last-child {
    padding-right: 0
}

.socials a:first-child {
    padding-left: 0
}

.socials a:hover {
    color: #50a9ea
}

.main-color {
    color: #50a9ea
}

.main-background-color {
    background-color: #50a9ea
}

.sub-color {
    color: #0c1239
}

.sub-background-color {
    background-color: #0c1239
}

.ch_button,.tp-caption.ch_button {
    -webkit-transition: .3s!important;
    transition: .3s!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    padding: 17px 35px!important;
    text-align: center!important;
    min-width: 175px!important
}

.ch_button:hover,.tp-caption.ch_button:hover {
    border-color: red!important;
    background-color: red!important
}

.fh-form p:after,.fh-form p:before {
    content: '';
    display: table
}

.fh-form p:after {
    clear: both
}

.fh-form .single-field {
    clear: both
}

.fh-form .field {
    margin-bottom: 20px
}

.fh-form .field.submit {
    margin-bottom: 0
}

.fh-form input[type=submit] {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400
}

.fh-form input[type=submit]:focus {
    outline: 0
}

.fh-form input[type=email],.fh-form input[type=text],.fh-form select,.fh-form textarea {
    width: 100%;
    border: 1px solid #d0d0d0;
    padding-left: 15px;
    padding-right: 15px;
    color: #848484;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-form input[type=email]:focus,.fh-form input[type=text]:focus,.fh-form select:focus,.fh-form textarea:focus {
    outline: 0;
    border-color: #a8a8a8
}

.fh-form textarea {
    height: 175px;
    padding: 10px 15px
}

.fh-form input[type=email],.fh-form input[type=text],.fh-form select {
    font-size: 16px;
    height: 45px;
    line-height: 45px
}

.fh-form .first-row,.fh-form .last-row {
    width: 50%;
    padding: 0 15px
}

.fh-form .first-row {
    float: left;
    padding-left: 0;
    clear: both
}

.fh-form .last-row {
    float: right;
    padding-right: 0
}

.fh-form ::-webkit-input-placeholder {
    color: #a8a8a8
}

.fh-form ::-moz-placeholder {
    color: #a8a8a8
}

.fh-form :-ms-input-placeholder {
    color: #a8a8a8
}

.fh-form :-moz-placeholder {
    color: #a8a8a8
}

.fh-form select {
    color: #a8a8a8
}

.fh-form .note {
    padding-top: 10px
}

.fh-form label {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin: 0
}

.fh-form span.require {
    color: #50a9ea
}

.fh-form-1 .fh-form-row {
    margin-left: -10px;
    margin-right: -10px
}

.fh-form-1 div[class*=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.fh-form-3 textarea {
    height: 210px
}

.fh-form-3 p.field {
    margin-bottom: 30px
}

.fh-form-3 input[type=email],.fh-form-3 input[type=text],.fh-form-3 select {
    height: 50px;
    line-height: 50px
}

.fh-form-3 .submit {
    text-align: center
}

.fh-form-2 textarea {
    height: 145px
}

.fh-form-2 input[type=email],.fh-form-2 input[type=text],.fh-form-2 select {
    height: 48px;
    line-height: 48px
}

.fh-form-2 p.field {
    margin-bottom: 30px
}

.fh-form-2 .field.submit {
    margin-top: -5px
}

.request-form .form-label {
    color: #222;
    font-weight: 400;
    margin-bottom: 35px
}

.request-form .field {
    margin-bottom: 25px
}

.request-form .field.othersecw {
    display: none
}

.request-form .field.check-box {
    margin-bottom: 33px
}

.request-form label {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px
}

.request-form textarea {
    height: 157px
}

.request-form input[type=submit] {
    width: 100%
}

.request-form .checkbox-box {
    display: block;
    border: 1px solid #d0d0d0;
    padding: 25px 20px;
    background: #fff
}

.contact-form-message {
    clear: both;
    margin-top: 20px;
    display: block
}

.request-form .checkbox-box .wpcf7-list-item {
    display: block;
    margin-left: 0;
    margin-bottom: 8px
}

.request-form .checkbox-box .wpcf7-list-item.last {
    margin-bottom: 0
}

.request-form .checkbox-box .wpcf7-list-item label {
    width: 100%;
    color: #848484;
    font-weight: 300;
    font-family: open sans,sans-serif
}

.request-form .checkbox-box .wpcf7-list-item-label {
    margin-left: 10px
}

.track-form>div {
    zoom: 1
}

.track-form>div:after,.track-form>div:before {
    content: "";
    display: table
}

.track-form>div:after {
    clear: both
}

.track-form>div:after,.track-form>div:before {
    content: "";
    display: table
}

.track-form>div:after {
    clear: both
}

.track-form label {
    width: 25%;
    float: left;
    font-size: 16px;
    font-weight: 500;
    padding-top: 13px
}

.track-form .date-range {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    display: inline-block;
    padding-left: 10px
}

.track-form .field {
    width: 75%;
    float: right;
    margin-bottom: 30px
}

.track-form p.submit {
    margin-top: 15px;
    margin-bottom: 30px
}

.track-form input[type=email],.track-form input[type=text],.track-form select {
    height: 50px;
    line-height: 50px
}

.track-form span.end,.track-form span.start {
    width: 45%;
    display: inline-block;
    position: relative
}

.track-form span.end:after,.track-form span.start:after {
    content: '\f073';
    font-family: FontAweSome;
    color: #50a9ea;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.track-form span.end input,.track-form span.start input {
    padding-right: 40px
}

.track-form span.end {
    float: right
}

.track-form span.wpcf7-list-item {
    margin-left: 0;
    margin-right: 30px
}

.track-form .fh-radio {
    display: block;
    margin-top: 13px
}

.track-form .fh-radio .wpcf7-list-item label {
    width: 100%;
    color: #848484;
    font-weight: 300;
    padding-top: 0
}

.track-form .text-form {
    font-weight: 400
}

.track-form .text-form a {
    text-decoration: underline
}

.alignnone {
    margin: 0
}

.aligncenter,.aligncenter img,div.aligncenter {
    display: block;
    margin: 1em auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

.wp-caption {
    background: #fff;
    border: 1px solid #555;
    padding: 5px;
    max-width: 100%;
    text-align: center
}

.wp-caption img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0
}

.wp-caption-text {
    font-size: small;
    margin: 0;
    padding: 5px 0 0
}

.gallery-caption {
    display: block
}

.bypostauthor {
    display: block
}

.sticky {
    display: block
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.owl-controls .owl-nav button {
    outline: 0
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/preloader.gif)
}

.site-header {
    background-color: #fff;
    position: relative;
    padding: 0;
    z-index: 777
}

.site-logo h1,.site-logo h2,.site-logo p {
    margin: 0;
    line-height: 0;
    text-indent: -9999px
}

.site-logo .hide-logo {
    display: none
}

.site-logo .show-logo {
    display: block;
    padding-top: 10px;
}

.topbar {
    background-color: #013e7e;
    position: relative;
    z-index: 1000
}

.topbar .topbar-left {
    float: left;
    position: unset
}

.topbar .topbar-left .custom_menu {
    position: absolute;
    width: 134px;
    top: 4px;
    opacity: 1;
    z-index: 1
}

.topbar .topbar-left.activ .custom_menu {
    opacity: 0;
    z-index: -1
}

.topbar .topbar-left .custom_menu a {
    color: #fff;
    font-size: 12px
}

.topbar .topbar-left .topbar-search .search-form {
    left: 0;
    right: auto
}

.topbar .topbar-right {
    float: right;
    transition: all .5s ease
}

.topbar .topbar-right .custom_menu {
    display: inline-block;
    position: relative;
    top: -8px;
    margin-right: 10px
}

.topbar .topbar-right .custom_menu a {
    color: #fff
}

.topbar .widget {
    font-size: 12px;
    display: inline-block;
    color: #fff;
    padding: 0 20px;
    position: relative;
    top: -6px
}

.topbar .widget:first-child {
    padding-left: 0
}

.topbar .widget:last-child {
    padding-right: 0
}

.topbar .widget p {
    margin-bottom: 0
}

.topbar .widget .topbar-contact i {
    color: #50a9ea;
    padding-right: 6px;
    font-size: 18px
}

.topbar .widget .topbar-contact i:before {
    font-size: 18px
}

.topbar .cargo-search-widget {
    padding-left: 15px
}

.topbar .topbar-search {
    position: relative
}

.topbar .topbar-search .toggle-search {
    font-size: 15px;
    color: #dde2fc;
    position: relative
}

.topbar .topbar-search .toggle-search:before {
    content: '\f00d';
    font-family: FontAweSome;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.topbar .topbar-search .search-form {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    border: none
}

.topbar .topbar-search .search-form i {
    color: #999
}

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

.topbar .topbar-search .search-form :-moz-placeholder {
    color: #999
}

.topbar .topbar-search .search-form ::-moz-placeholder {
    color: #999
}

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

.topbar .topbar-search .search-form:after,.topbar .topbar-search .search-form:before {
    display: none
}

.topbar .topbar-search .search-form .search-field {
    height: 40px;
    line-height: 40px;
    padding-right: 40px;
    background-color: rgba(255,255,255,.1);
    color: #9e9e9e
}

.topbar .topbar-search .search-form .search-submit {
    right: 0;
    width: 45px;
    height: 45px
}

.topbar .topbar-search.topbar-search-1 .search-form {
    position: absolute;
    top: 120%;
    right: 0;
    width: 250px;
    line-height: 45px;
    background-color: #fff;
    -webkit-transition: top .3s ease 0s;
    transition: top .3s ease 0s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.topbar .topbar-search.topbar-search-1 .search-form i {
    color: #222
}

.topbar .topbar-search.topbar-search-1 .search-form ::-webkit-input-placeholder {
    color: #757575
}

.topbar .topbar-search.topbar-search-1 .search-form :-moz-placeholder {
    color: #757575
}

.topbar .topbar-search.topbar-search-1 .search-form ::-moz-placeholder {
    color: #757575
}

.topbar .topbar-search.topbar-search-1 .search-form :-ms-input-placeholder {
    color: #757575
}

.topbar .topbar-search.topbar-search-1 .search-form .search-field {
    background-color: transparent
}

.topbar .topbar-search.display-search .toggle-search i {
    opacity: 0
}

.topbar .topbar-search.display-search .toggle-search:before {
    opacity: 1
}

.topbar .topbar-search.display-search .search-form {
    top: 102%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.topbar .topbar-socials {
    display: inline-block;
    padding: 0;
    margin: 0
}

.topbar .topbar-socials li {
    display: inline-block;
    padding: 0 10px
}

.topbar .topbar-socials li a {
    color: #dde2fc;
    -webkit-transition: .5s;
    transition: .5s
}

.topbar .topbar-socials li:hover a {
    color: #50a9ea
}

.topbar .NTDE-social-links-widget a {
    color: #dde2fc;
    font-size: 15px
}

.topbar .NTDE-social-links-widget a:hover {
    color: #50a9ea
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel {
    padding: 15px 20px 15px 0;
    position: relative
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel a {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel a img {
    margin-right: 10px
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel a:hover {
    color: #fff
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel ul {
    position: absolute;
    background-color: #f4f4f4;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    opacity: 0;
    top: 53px;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -9999;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel ul a {
    color: #272727
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel ul a:hover {
    color: #272727
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel ul:before {
    content: '';
    width: 100%;
    height: 5px;
    background-color: transparent;
    top: -4px;
    left: 0
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel ul li {
    padding: 10px 10px 10px 0
}

.topbar .widget_icl_lang_sel_widget ul.lang_sel:hover ul {
    opacity: 1;
    z-index: 9999;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.topbar .widget_nav_menu ul li {
    display: inline-block;
    padding: 0 15px
}

.topbar .widget_nav_menu ul li:last-child {
    padding-right: 0
}

.topbar .widget_nav_menu ul li:first-child {
    padding-left: 0
}

.topbar .widget_nav_menu ul li a {
    padding-left: 0
}

.topbar .widget_nav_menu ul li a:before {
    display: none
}

.page-header {
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: #161616
}

.page-header h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    font-size: 35px;
    line-height: 1.2;
    position: relative;
    z-index: 99;
    font-style: italic;
    font-weight: 700;
    color: #efe850
}

.page-header .header-title {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: right;
    padding: 1rem 0 0;
    overflow: hidden
}

.page-header .header-title .col-md-12 .ptop {
    padding: 1rem 3vh;
    display: flex;
    align-items: self-start
}

.page-header .header-title .col-md-12 .ptop img {
    width: 70px;
    margin-left: 3rem;
    margin-top: .5rem
}

.page-header .header-title .col-md-12 .ptop .pdet {
}

.page-header .header-title .col-md-12 .recontop {
    width: 100%
}

.page-header .header-title .col-md-12 .recontop .tabbox {
    display: flex;
    position: relative;
    align-items: center;
    align-self: center
}

.page-header .header-title .col-md-12 .recontop .tabbox .top {
    flex: 1;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
    font-size: 1em;
    color: #666;
    transition: all .5s ease-in-out;
    font-weight: 500;
    background-color: #fff;
    border-right: 1px solid hsl(211deg 7% 42%);
    border-bottom: 1px solid hsl(211deg 7% 42%);
    transform: skew(-10deg,0deg)
}

.page-header .header-title .col-md-12 .recontop .tabbox .top.active {
    background-image: linear-gradient(to right,hsl(208deg 72% 58%),hsl(210deg 66% 42%),hsl(211deg 78% 34%),hsl(211deg 86% 30%),hsl(211deg 98% 25%))
}

.page-header .header-title .col-md-12 .recontop .tabbox .top:last-child {
    border-right: none
}

.page-header .header-title .col-md-12 .recontop .tabbox .top span {
    font-size: 18px;
    transform: skew(8deg,0deg);
    display: block
}

.page-header .header-title .col-md-12 .recontop .tabbox .top img {
    margin: 0 auto;
    display: block;
    width: 35px;
    opacity: .6;
    transform: skew(8deg,0deg)
}

.page-header .header-title .col-md-12 .recontop .tabbox .top.active span {
    color: #fff
}

.page-header .header-title .col-md-12 .recontop .tabbox .top.active img {
    opacity: 1;
    filter: brightness(0) invert(1)
}

.page-header .header-title p {
    color: hsl(0deg 0% 100%);
    margin-top: 1rem;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300
}

.page-header .breadcrumb-area {
    background-color: #fff;
    padding: 22px 0;
    border-bottom: 1px solid #ececec;
    font-size: 16px
}

.page-header .breadcrumb-area nav {
    background-color: transparent;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #848484;
    line-height: 20px
}

.page-header .breadcrumb-area nav a span[itemprop=title] {
    color: #848484;
    -webkit-transition: .5s;
    transition: .5s
}

.page-header .breadcrumb-area nav i {
    padding: 0 5px;
    font-size: 14px;
    color: #848484
}

.page-header .breadcrumb-area nav span[itemprop=title] {
    color: #848484
}

.page-header .site-social-share {
    text-align: right;
    position: relative;
    color: #222
}

.page-header .site-social-share .socials-share {
    position: absolute;
    width: 100%;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.page-header .site-social-share:hover .socials-share {
    opacity: 1
}

.header-sticky.header-v1 .topbar.minimized,.header-sticky.header-v2 .topbar.minimized {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 9999
}

.header-sticky.header-v1 .site-header.minimized,.header-sticky.header-v2 .site-header.minimized {
    top: 29px;
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 646;
    background-color: #fff;
    box-shadow: 0 5px 11px 0 rgb(79 79 79/75%)
}
.header-main{
	direction:rtl;
}
.header-sticky.header-v2 .site-header.minimized .header-main.clearfix {
    border-bottom: none
}

.header-sticky.admin-bar.header-v1 .site-header.minimized,.header-sticky.admin-bar.header-v2 .site-header.minimized {
    top: 32px
}

.header-sticky.admin-bar.header-v3 .site-header.minimized .site-menu,.header-sticky.admin-bar.header-v4 .site-header.minimized .site-menu {
    top: 32px
}

.header-sticky.header-transparent .site-header.minimized {
    top: 0!important
}

.header-sticky.header-transparent .site-header.minimized .site-logo img.logo-dark {
    display: inline-block
}

.header-sticky.header-transparent .site-header.minimized .site-logo img.logo-light {
    display: none
}

.header-sticky.header-transparent.admin-bar .site-header.minimized {
    top: 32px!important
}

.header-sticky.header-v3 .site-header.minimized .site-menu,.header-sticky.header-v4 .site-header.minimized .site-menu {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: inherit
}

.header-sticky.header-v3 .site-header.minimized .site-menu {
    width: 100%
}

.header-transparent .topbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(12,18,57,.9)
}

.header-transparent.admin-bar .topbar {
    top: 32px
}

.header-transparent .site-header {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid rgba(35,41,81,.1)
}

.header-transparent .page-header .header-title {
    padding-top: 275px
}

.header-v3 .site-header,.header-v4 .site-header {
    padding: 0
}

.header-v3 .site-logo,.header-v4 .site-logo {
    float: left
}

.header-v3 .site-header-widget,.header-v4 .site-header-widget {
    float: right
}

.header-v3 .site-header-widget .widget,.header-v4 .site-header-widget .widget {
    float: right;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 0
}

.header-v3 .site-header-widget .widget:first-child,.header-v4 .site-header-widget .widget:first-child {
    padding-right: 0
}

.header-v3 .site-header-widget .widget:last-child,.header-v4 .site-header-widget .widget:last-child {
    padding-left: 0
}

.header-v3 .site-header-widget .widget p,.header-v4 .site-header-widget .widget p {
    margin-bottom: 0;
    font-size: 16px;
    font-style: italic
}

.header-v3 .site-header-widget .widget i,.header-v4 .site-header-widget .widget i {
    color: #202020
}

.header-v3 .site-header-widget .widget h4,.header-v4 .site-header-widget .widget h4 {
    color: #50a9ea;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 5px
}

.header-v3 .site-header {
    background-color: transparent
}

.header-v3 .site-contact {
    padding-top: 38px;
    padding-bottom: 28px
}

.header-v3 .site-header-widget span {
    float: left;
    margin-top: -5px
}

.header-v3 .site-header-widget i {
    font-size: 33px
}

.header-v3 .site-header-widget i:before {
    font-size: 33px
}

.header-v3 .site-header-widget h4,.header-v3 .site-header-widget p {
    margin-left: 50px
}

.header-v4 .topbar {
    border-bottom: 1px solid #f1f1f1
}

.header-v4 .ch-empty-space {
    height: 85px
}

.header-v4 .page-header .header-title {
    padding-top: 200px
}

.header-v4 .site-header {
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999
}

.header-v4 .site-contact {
    padding: 29px 30px;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    background-color: #fff
}

.header-v4 .site-header-widget span {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    border: 2px solid #f1f1f1
}

.header-v4 .site-header-widget i {
    font-size: 22px
}

.header-v4 .site-header-widget i:before {
    font-size: 22px
}

.header-v4 .site-header-widget h4,.header-v4 .site-header-widget p {
    margin-left: 70px
}

.fh-header-minimized {
    display: none
}

.header-v2 .fh-header-minimized.minimized,.header-v3 .fh-header-minimized.minimized {
    display: block
}

.off-canvas-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    cursor: pointer;
    display: none;
    background-color: rgba(0,0,0,.5)
}

.display-mobile-menu .off-canvas-layer {
    display: block
}

.topbar .search-wrp {
    opacity: 0;
    z-index: 1;
    top: 0;
    left: 0;
    transition: all .5s ease;
    width: 0;
    visibility: hidden
}

.topbar .topbar-left.activ .search-wrp {
    opacity: 1;
    width: 100%;
    visibility: visible
}

.topbar .search-wrp .searchbar__form {
    width: 100%;
    background-color: hsl(0deg 0% 100%);
    -webkit-clip-path: polygon(2% 0,100% 0,98% 100%,0 100%);
    clip-path: polygon(2% 0,100% 0,98% 100%,0 100%)
}

.topbar .search-wrp .searchbar__form.activ {
}

.topbar .search-wrp .searchbar__form input {
    border: none;
    outline: none;
    font-size: 1.5rem;
    color: #013e7f;
    font-style: italic;
    display: inline-block
}

.topbar .search-wrp .searchbar__form .fa {
    position: absolute;
    top: 0;
    right: 2rem;
    color: #0f2e64;
    padding: .6rem 1.6rem;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

.topbar .topbar-left.activ .search-wrp .searchbar__form .fa {
    opacity: 1;
    visibility: visible
}

.topbar .search-wrp .searchbar__form .inputbox {
    margin-left: 7rem;
    padding: .87rem 0;
    margin-right: 77rem
}

.topbar .search-wrp .searchbar__form .button {
    position: absolute;
    top: 0;
    left: 2rem;
    padding: .87rem 0;
    background: 0 0;
    border: none
}

.topbar .search-wrp .searchbar__form .button i {
    position: relative;
    right: 0;
    font-size: 17px;
    top: -7px
}

.topbar .office-location {
    display: inline-block
}

.topbar .topbar-widgets .searchbtn {
    color: hsl(0deg 0% 100%);
    font-size: 17px;
    padding: 7px 10px;
    position: relative;
    top: -8px
}

.topbar .ajax-search {
    opacity: 0;
    z-index: 1;
    top: 0;
    left: 0;
    transition: all .5s ease;
    width: 0;
    visibility: hidden
}

.topbar .ajax-search.activ {
    opacity: 1;
    width: 100%;
    visibility: visible
}

.topbar .ajax-search #mod-ajaxsearch-form {
}

.topbar .ajax-search #mod-ajaxsearch-form.activ {
}

.topbar .ajax-search #mod-ajaxsearch-form input {
    border: none;
    outline: none;
    font-size: 1.5rem;
    color: #013e7f;
    font-style: italic;
    display: inline-block
}

.topbar .ajax-search #mod-ajaxsearch-form .fa {
    position: absolute;
    top: 0;
    right: 2rem;
    color: #0f2e64;
    padding: .6rem 1.6rem;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

.topbar .ajax-search.activ #mod-ajaxsearch-form .fa {
    opacity: 1;
    visibility: visible
}

.topbar .ajax-search #mod-ajaxsearch-form .inputbox {
    margin-left: 0;
    padding: .87rem 6rem;
    margin-right: 47rem;
    width: 100%;
    -webkit-clip-path: polygon(2% 0,100% 0,98% 100%,0 100%);
    clip-path: polygon(2% 0,100% 0,98% 100%,0 100%);
    background-color: hsl(0deg 0% 100%)
}

.topbar .ajax-search #mod-ajaxsearch-form .btn-group:first-child {
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box {
    display: none;
    background: #fff;
    -webkit-box-shadow: #212121 2px 8px 14px;
    box-shadow: #212121 2px 8px 14px;
    border: none;
    top: 35px
}

.topbar .ajax-search.activ #mod-ajaxsearch-form .results-box {
    display: block
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results {
    padding: 2rem 6rem 0
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results .result-title {
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results .result-title .highlight {
    background-color: #cfcfcf
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results .result-title a {
    color: #013e7f
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results .result-created {
    display: none
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results .result-text {
    margin-bottom: 2rem
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .search-results .result-text:last-child {
    margin-bottom: 0
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .mod-ajaxsearch-results-footer {
    background: hsl(58deg 83% 63%);
    border-top: none
}

.topbar .ajax-search #mod-ajaxsearch-form .results-box .mod-ajaxsearch-results-footer a {
    color: #013e7f;
    padding: 8px;
    display: block
}

.topbar .ajax-search #mod-ajaxsearch-form .button {
    position: absolute;
    top: 0;
    left: 2rem;
    padding: .87rem 0;
    background: 0 0;
    border: none
}

.topbar .ajax-search #mod-ajaxsearch-form .hidden-phone {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 33;
    right: 0;
    display: none
}

.topbar .ajax-search.activ #mod-ajaxsearch-form .hidden-phone {
    opacity: 1;
    visibility: visible
}

.topbar .ajax-search #mod-ajaxsearch-form .button i {
    position: relative;
    right: 0;
    font-size: 17px;
    top: -7px
}

.topbar .office-location {
    display: inline-block
}

.topbar .topbar-widgets .searchbtn {
    color: hsl(0deg 0% 100%);
    font-size: 17px;
    padding: 7px 10px;
    position: relative;
    top: -8px
}

.nav {
    line-height: 40px
}

.nav a {
    font-weight: 600;
    font-size: 10px;
    color: #222;
    display: block;
}

.nav ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex
}

.nav ul ul {
    -webkit-transition: top .3s ease 0s,opacity .3s;
    transition: top .3s ease 0s,opacity .3s;
    position: absolute;
    left: -13px;
    width: 760px;
    background-color: #fff;
    padding: 2px 0;
    z-index: 9;
    display: none;
    -ms-transform: skew(-18deg) scaleX(1);
    -webkit-transform: skew(-18deg) scaleX(1);
    transform: skew(-18deg) scaleX(1);
    border-top: 2px solid hsl(211deg 98% 25%)
}

.nav ul ul:before {
}

.nav ul ul ul {
    -webkit-transition: left .3s ease 0s,opacity .3s;
    transition: left .3s ease 0s,opacity .3s;
    left: 115%;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    z-index: 9999
}

.nav ul ul ul:before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    background-color: transparent;
    top: 0;
    left: -10px
}

.nav li {
    display: inline-block;
    position: relative
}

.nav li:hover>ul {
    display: flex
}

.nav li li {
    padding: 0 12px;
    flex: 1;
    line-height: 1.2;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    border-right: 1px solid #eee
}

.nav li li:last-child {
    border-bottom: 0;
    border-right: 0
}

.nav li li:hover {
    background-image: linear-gradient(to right,hsl(208deg 72% 58%),hsl(209deg 62% 52%),hsl(210deg 64% 46%),hsl(211deg 72% 40%),hsl(212deg 83% 35%))
}

.nav li li:hover {
    color: #fff
}

.nav li li:hover a {
    color: #fff
}

.nav li li:hover>a {
    color: #fff
}

.nav li li:hover>ul {
    top: 0;
    left: -webkit-calc(100% + 10px);
    left: calc(100% + 10px)
}

.nav li li label {
    margin: 0;
    display: block;
    text-transform: uppercase
}

.nav li li a {
    padding: 14px 2px;
    -webkit-transform: skew(18deg);
    transform: skew(18deg);
    display: block;
    text-align: center
}

.nav li li a img {
    width: 35px;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
	display:block;
	margin:auto;
	margin-bottom:10px;
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
}

.nav li li:hover a {
}

.nav li li:hover a img {
    filter: brightness(0) invert(1)
}

.nav li li a em {
    display: block;
    font-size: 10px;
    margin: 12px 0;
    font-style: normal
}

.nav li li a em:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 2px;
    border-bottom: 3px solid #efe950;
    bottom: 12px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.nav ul.menu {
    zoom: 1
}

.nav ul.menu:after,.nav ul.menu:before {
    content: "";
    display: table
}

.nav ul.menu:after {
    clear: both
}

.nav ul.menu:after,.nav ul.menu:before {
    content: "";
    display: table
}

.nav ul.menu:after {
    clear: both
}

.nav ul.menu>li {
    display: block;
    position: unset;
    cursor: pointer
}

.nav ul.menu>li:focus {
    outline: 0;
    border: none
}

.nav ul.menu>li:hover {
    outline: 0;
    border: none
}

.nav ul.menu>li>a {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 99
}

.nav ul.menu>li a:focus {
    outline: 0;
    border: none
}

.nav ul.menu>li:first-child>ul {
    left: 0
}

.nav ul.menu>li:last-child {
    outline: 0;
    border: none
}

.nav ul.menu>li.active>a:before,.nav ul.menu>li.has-children>a:before {
    content: '\f107';
    font-family: FontAweSome;
    position: absolute;
    top: 50%;
    right: -13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0;
    border: none;
    display: none
}

.nav ul.menu>li:hover>a {
    color: #fff;
    background-image: linear-gradient(to right,#479ae1,#3888d1,#2a75c2,#1d64b1,#0f52a1);
    outline: 0;
    border: none
}

.nav ul.menu>li.active>a,.nav ul.menu>li.current-menu-item>a,.nav ul.menu>li.current_page_item>a {
    color: #fff;
    background-image: linear-gradient(to right,#479ae1,#3888d1,#2a75c2,#1d64b1,#0f52a1);
    outline: 0;
    border: none
}

.nav ul.menu>li.active>a label,.nav ul.menu>li.current-menu-item>a label,.nav ul.menu>li.current_page_item>a label,.nav ul.menu>li:hover>a label {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.nav ul.menu li a.navactive {
    color: #fff;
    background-image: linear-gradient(to right,#479ae1,#3888d1,#2a75c2,#1d64b1,#0f52a1);
    outline: 0;
    border: none
}

.nav ul.menu li a.navactive label {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.nav ul.menu li a.navactive label img,.nav ul.menu li.active a label img {
    opacity: 1
}

.nav div.menu>ul {
    zoom: 1
}

.nav div.menu>ul:after,.nav div.menu>ul:before {
    content: "";
    display: table;
    outline: 0;
    border: none
}

.nav div.menu>ul:after {
    clear: both
}

.nav div.menu>ul:after,.nav div.menu>ul:before {
    content: "";
    display: table
}

.nav div.menu>ul:after {
    clear: both
}

.nav div.menu>ul>li {
    display: block;
    float: left;
    position: relative;
    padding: 9px 19px
}

.nav div.menu>ul>li>a {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 99;
    outline: 0;
    border: none
}

.nav div.menu>ul>li:first-child>ul {
    left: 0
}

.nav div.menu>ul>li.page_item_has_children>a:before {
    content: '\f107';
    font-family: FontAweSome;
    position: absolute;
    top: 50%;
    right: -13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav div.menu>ul>li.active>a,.nav div.menu>ul>li.current-menu-item>a,.nav div.menu>ul>li.current_page_item>a,.nav div.menu>ul>li.current_page_parent>a,.nav div.menu>ul>li:hover>a {
    color: #50a9ea
}

.nav .menu li.extra-menu-item {
    float: right
}

.nav .menu li.extra-menu-item.menu-item-button-link {
    padding: 0
}

.nav .menu li.extra-menu-item.menu-item-button-link a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin-top: 4px;
    text-transform: inherit
}

.nav .menu li.extra-menu-item.menu-item-button-link a:hover {
    color: #fff
}

.nav .menu li.extra-menu-item.menu-item-search {
    position: relative;
    text-align: right;
    padding-right: 0
}

.nav .menu li.extra-menu-item.menu-item-search .toggle-search {
    color: #50a9ea
}

.nav .menu li.extra-menu-item.menu-item-search .toggle-search:before {
    content: '\f00d';
    font-family: FontAweSome;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.nav .menu li.extra-menu-item.menu-item-search .toggle-search:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255,255,255,.1);
    width: 1px;
    height: 22px
}

.nav .menu li.extra-menu-item.menu-item-search .search-form {
    position: absolute;
    top: 130%;
    right: 0;
    width: 250px;
    border: 1px solid #f4f4f4;
    background-color: transparent;
    -webkit-transition: top .3s ease 0s;
    transition: top .3s ease 0s;
    z-index: 99;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.nav .menu li.extra-menu-item.menu-item-search .search-form i {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #222;
    font-size: 14px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav .menu li.extra-menu-item.menu-item-search .search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 9999
}

.nav .menu li.extra-menu-item.menu-item-search .search-form input[type=search] {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 40px 0 15px;
    background-color: #fff;
    border: none
}

.nav .menu li.extra-menu-item.menu-item-search .search-form input[type=search]:focus {
    outline: 0;
    border: none
}

.nav .menu li.extra-menu-item.menu-item-search.display-search .toggle-search i {
    opacity: 0
}

.nav .menu li.extra-menu-item.menu-item-search.display-search .toggle-search:before {
    opacity: 1
}

.nav .menu li.extra-menu-item.menu-item-search.display-search .search-form {
    top: 110%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.header-v1 .nav ul ul ul {
    left: 110%;
    top: 0
}

.header-v1 .nav li:hover>ul {
    top: 92%
}

.header-v1 .nav li li:hover>ul {
    top: 0;
    left: -webkit-calc(100% + 10px);
    left: calc(100% + 10px)
}

.header-v1 .nav a {
    color: #fff
}

.header-v1 .nav li li>a {
    color: #222
}

.header-v1 .nav li li:hover>a {
    color: #fff
}

.header-v1 .nav .menu li.extra-menu-item.menu-item-search .search-form {
    top: 180%
}

.header-v1 .nav .menu li.extra-menu-item.menu-item-search.display-search .search-form {
    top: 160%
}

.header-v2 .nav .menu li.extra-menu-item.menu-item-search .search-form {
    top: 180%
}

.header-v2 .nav .menu li.extra-menu-item.menu-item-search.display-search .search-form {
    top: 160%
}

.header-v3 .site-menu {
    background-color: #0c1239
}

.header-v3 .nav ul ul {
    top: 85%
}

.header-v3 .nav ul ul:before {
    height: 5px;
    top: -5px
}

.header-v3 .nav ul ul ul:before {
    height: 100%;
    left: -10px
}

.header-v3 .nav li:hover>ul {
    top: 55%
}

.header-v3 .nav li li:hover>ul {
    top: 0;
    left: -webkit-calc(100% + 10px);
    left: calc(100% + 10px)
}

.header-v3 .nav a {
    color: #fff
}

.header-v3 .nav li li>a {
    color: #222
}

.header-v3 .nav li li:hover>a {
    color: #fff
}

.header-v3 .nav ul.menu>li {
    padding: 15px 27px
}

.header-v3 .nav ul.menu>li:last-child {
    padding-right: 0
}

.header-v3 .nav ul.menu>li:first-child {
    padding-left: 0
}

.header-v3 .nav ul.menu .menu-item-button-link {
    padding: 6px 0
}

.header-v3 .site-menu {
    background-color: #0c1239
}

.header-v3 .blog-wrapper .entry-thumbnail a::before,.header-v3 .fh-btn-2,.header-v3 .fh-icon-box.version-light::before,.header-v3 .fh-latest-post .item-latest-post .entry-thumbnail a::before,.header-v3 .fh-price-table .table-header,.header-v3 .fh-service .entry-thumbnail .link,.header-v3 .fh-service-box-2.box-style-2 .box-header .fh-icon,.header-v3 .fh-team .team-member .team-header::before,.header-v3 .fh-testimonials-carousel .testi-wrapper,.header-v3 .nav li li:hover,.header-v3 .project-wrapper .project-thumbnail .pro-link,.header-v3 .service .service-thumbnail a::before,.header-v3 .single-post .entry-thumbnail::before,.header-v3 .site-menu,.header-v3 .sub-background-color,.header-v3 .topbar {
    background-color: #202020
}

.header-v4 .site-menu {
    background-color: #0c1239
}

.header-v4 .nav ul ul {
    top: 85%
}

.header-v4 .nav ul ul:before {
    height: 5px;
    top: -5px
}

.header-v4 .nav ul ul ul:before {
    height: 100%;
    left: -10px
}

.header-v4 .nav li:hover>ul {
    top: 55%
}

.header-v4 .nav li li:hover>ul {
    top: 0;
    left: -webkit-calc(100% + 10px);
    left: calc(100% + 10px)
}

.header-v4 .nav a {
    color: #fff
}

.header-v4 .nav li li>a {
    color: #222
}

.header-v4 .nav li li:hover>a {
    color: #fff
}

.header-v4 .nav ul.menu {
    padding: 0 30px
}

.header-v4 .nav ul.menu>li {
    padding: 0 7px 0 17px
}

.header-v4 .nav ul.menu>li:last-child {
    padding-right: 0
}

.header-v4 .nav ul.menu>li:first-child {
    padding-left: 0
}

.header-v4 .nav ul.menu>li>a {
    position: relative;
    padding: 13px 20px 13px 10px
}

.header-v4 .nav ul.menu>li>a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 5px;
    right: 0;
    bottom: 0;
    background-color: #50a9ea;
    -webkit-transition: .5s;
    transition: .5s
}

.header-v4 .nav ul.menu>li.active>a:after,.header-v4 .nav ul.menu>li.current-menu-item>a:after,.header-v4 .nav ul.menu>li.current_page_item>a:after,.header-v4 .nav ul.menu>li:hover>a:after {
    right: auto;
    left: 0;
    width: 100%
}

.header-v4 .nav ul.menu>li.has-children>a:before {
    right: 7px
}

.header-v4 .nav ul.menu>li.menu-item-button-link {
    padding: 4px 0
}

.header-v4 .nav ul.menu>li.menu-item-button-link a {
    padding: 0
}

.header-v4 .nav ul.menu>li.menu-item-search a {
    padding-left: 0;
    padding-right: 0
}

.header-v4 .nav .menu li.extra-menu-item.menu-item-search .search-form {
    right: -30px
}

.header-sticky .site-header.minimized .nav .menu>li a {
}

.header-sticky .site-header.minimized .nav .menu>li a.navactive {
    color: #fff
}

.header-sticky .site-header.minimized .nav .menu>li.menu-item-button-link a {
    color: #fff
}

.header-sticky .site-header.minimized .nav .menu>li.menu-item-button-link:hover a {
    color: #fff
}

.header-sticky .site-header.minimized .nav .menu>li.active>a,.header-sticky .site-header.minimized .nav .menu>li.current-menu-item>a,.header-sticky .site-header.minimized .nav .menu>li:hover>a {
    color: #50a9ea
}

.header-sticky .site-header.minimized .nav .menu>li li:hover>a {
    color: #fff
}

.header-sticky.header-v3 .site-header.minimized .nav .menu>li a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li a {
    color: #fff
}

.header-sticky.header-v3 .site-header.minimized .nav .menu>li.menu-item-button-link a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li.menu-item-button-link a {
    color: #fff
}

.header-sticky.header-v3 .site-header.minimized .nav .menu>li.menu-item-button-link:hover a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li.menu-item-button-link:hover a {
    color: #fff
}

.header-sticky.header-v3 .site-header.minimized .nav .menu>li.active>a,.header-sticky.header-v3 .site-header.minimized .nav .menu>li.current-menu-item>a,.header-sticky.header-v3 .site-header.minimized .nav .menu>li:hover>a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li.active>a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li.current-menu-item>a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li:hover>a {
    color: #50a9ea
}

.header-sticky.header-v3 .site-header.minimized .nav .menu>li li a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li li a {
    color: #222
}

.header-sticky.header-v3 .site-header.minimized .nav .menu>li li:hover>a,.header-sticky.header-v4 .site-header.minimized .nav .menu>li li:hover>a {
    color: #fff
}

.post-navigation {
    float: right
}

.post-navigation .nav-next,.post-navigation .nav-previous {
    display: inline-block;
    margin: 5px 0
}

.post-navigation .nav-next a,.post-navigation .nav-previous a {
    font-size: 18px;
    font-weight: 500
}

.post-navigation .nav-next .meta-nav,.post-navigation .nav-previous .meta-nav {
    font-size: 14px
}

.post-navigation .nav-previous {
    padding-right: 10px;
    border-right: .5px solid #eee
}

.post-navigation .nav-previous .meta-nav {
    padding-right: 12px
}

.post-navigation .nav-next {
    padding-left: 10px;
    border-left: .5px solid #eee
}

.post-navigation .nav-next .meta-nav {
    padding-left: 12px
}

.post-navigation a:hover {
    color: #50a9ea
}

.blog-grid .numeric-navigation {
    border-top: 1px solid #f4f4f4;
    padding-top: 60px
}

.numeric-navigation {
    clear: both;
    display: block;
    text-align: center;
    float: none;
    padding-top: 0
}

.numeric-navigation .page-numbers {
    color: #232a50;
    font-weight: 600;
    font-size: 18px;
    width: 52px;
    height: 52px;
    line-height: 49px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #232a50;
    display: inline-block;
    margin: 0 3px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.numeric-navigation .page-numbers i {
    color: #b8b8b8;
    -webkit-transition: .5s;
    transition: .5s
}

.numeric-navigation .page-numbers:first-child {
    margin-left: 0
}

.numeric-navigation .page-numbers:last-child {
    margin-right: 0
}

.numeric-navigation .page-numbers.current,.numeric-navigation .page-numbers:hover {
    color: #fff;
    background-color: #50a9ea;
    border-color: #50a9ea
}

.numeric-navigation .page-numbers.current i,.numeric-navigation .page-numbers:hover i {
    color: #fff
}

.portfolio-navigation {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 20px;
    padding-top: 21px;
    text-align: center
}

.portfolio-navigation .nav-next,.portfolio-navigation .nav-previous {
    padding-top: 7px
}

.portfolio-navigation .nav-next a,.portfolio-navigation .nav-previous a {
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s
}

.portfolio-navigation .nav-next a:hover,.portfolio-navigation .nav-previous a:hover {
    color: #50a9ea
}

.portfolio-navigation .nav-next .meta-nav.left,.portfolio-navigation .nav-previous .meta-nav.left {
    padding-right: 10px
}

.portfolio-navigation .nav-next .meta-nav.right,.portfolio-navigation .nav-previous .meta-nav.right {
    padding-left: 10px
}

.portfolio-navigation .portfolio-link {
    font-size: 24px
}

.portfolio-navigation .nav-previous {
    float: left
}

.portfolio-navigation .nav-next {
    float: right
}

.all-project .numeric-navigation {
    margin-top: 0;
    padding-top: 20px
}

.all-service .numeric-navigation {
    margin-top: 0;
    padding-top: 20px
}

.project-nav-ajax nav.numeric-navigation {
    text-align: center
}

.project-nav-ajax nav.numeric-navigation .page-numbers {
    display: none
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next {
    font-size: 16px;
    font-weight: 700;
    color: #50a9ea;
    text-align: center;
    display: inline-block;
    position: relative;
    min-width: 160px;
    min-height: 50px;
    line-height: 49px;
    height: inherit;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 0 20px;
    background-color: #fff;
    text-transform: capitalize;
    border: 2px solid #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .5s;
    transition: .5s
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next span {
    display: block;
    -webkit-transition: .5s;
    transition: .5s;
    color: #50a9ea
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next .NTDE-loading {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    width: 100%
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next.loading .NTDE-loading {
    opacity: 1
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next.loading .load-more {
    opacity: 0
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next:focus,.project-nav-ajax nav.numeric-navigation .page-numbers.next:hover {
    color: #fff;
    border-color: #50a9ea;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #50a9ea
}

.project-nav-ajax nav.numeric-navigation .page-numbers.next:focus span,.project-nav-ajax nav.numeric-navigation .page-numbers.next:hover span {
    color: #fff
}

.project-nav-ajax nav.numeric-navigation .page-numbers:before {
    display: none
}

.navbar-toggle {
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: static
}

.navbar-icon {
    display: inline-block;
    height: 25px;
    width: 27px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.navbar-icon .navbars-line {
    display: inline-block;
    width: 27px;
    height: 2px;
    background-color: #222;
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer
}

.navbar-icon .navbars-line:after,.navbar-icon .navbars-line:before {
    position: absolute;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #222
}

.navbar-icon .navbars-line:before {
    top: -8px
}

.navbar-icon .navbars-line:after {
    bottom: -8px
}

.header-transparent .navbar-icon .navbars-line,.header-transparent .navbar-icon .navbars-line:after,.header-transparent .navbar-icon .navbars-line:before {
    background-color: #fff
}

.navbars-icon {
    display: inline-block;
    position: relative
}

.navbars-icon i {
    color: #222;
    font-size: 26px
}

.admin-bar .primary-mobile-nav {
    top: 32px
}

.primary-mobile-nav {
    width: 275px;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: -340px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    color: #848484;
    z-index: 99999;
    background-color: hsl(211deg 98% 25%)
}

.primary-mobile-nav .mobinav {
    position: relative
}

.primary-mobile-nav .close-canvas-mobile-panel {
    padding: 20px;
    display: block;
    font-size: 46px;
    line-height: 30px;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
    font-family: serif;
    text-shadow: 2px 2px 2px #000306;
    position: absolute;
    right: 0;
    top: -32px;
    z-index: 222
}

.primary-mobile-nav .mobinav .custom_menu {
    margin-top: 2rem;
    margin-left: 2rem
}

.primary-mobile-nav .mobinav .custom_menu a {
    text-shadow: 2px 2px 2px #06294e;
    font-size: 13px;
    color: #fff;
}

.primary-mobile-nav .mobinav .search-wrp,.primary-mobile-nav .mobinav .ajax-search {
    margin-top: 2rem
}

.primary-mobile-nav .mobinav .search-wrp form,.primary-mobile-nav .mobinav .ajax-search form {
    position: relative
}

.primary-mobile-nav .mobinav .search-wrp form input,.primary-mobile-nav .mobinav .ajax-search form input {
    outline: none;
    border: none;
    padding: 10px 22px;
    font-size: 12px
}

.primary-mobile-nav .mobinav .ajax-search form .btn-toolbar {
    display: flex
}

.primary-mobile-nav .mobinav .ajax-search form .btn-toolbar .btn-group:first-child {
    flex: 1
}

.primary-mobile-nav .mobinav .ajax-search form input {
    width: 100%;
    background: #fff
}

.primary-mobile-nav .mobinav .ajax-search form .fa-close,.primary-mobile-nav .mobinav .ajax-search form .results-box {
    display: none
}

.primary-mobile-nav .mobinav .ajax-search form .hidden-phone {
    margin-left: 0
}

.primary-mobile-nav .mobinav .ajax-search form .hidden-phone button {
    border-radius: unset;
    border-color: hsl(0deg 0% 0%/0%);
    background-color: hsl(215deg 100% 19%)
}

.primary-mobile-nav .mobinav .ajax-search form .hidden-phone button span {
    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;
    color: #fff
}

.primary-mobile-nav .mobinav .ajax-search form .hidden-phone button span:before {
    content: "\f002"
}

.primary-mobile-nav .mobinav .search-wrp form button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: unset;
    border-color: transparent;
    background-color: #002861
}

.primary-mobile-nav .mobinav .search-wrp form .fa-close {
    display: none
}

.primary-mobile-nav ul {
    list-style: none;
    padding-left: 0
}

.primary-mobile-nav ul.menu {
	padding:0;
	margin:0;
	list-style:none;
    padding-top: 25px;
    padding-bottom: 20px;
	width:100%;
	float:right;
}

.primary-mobile-nav ul.menu.over-submenu {
    height: 0;
    overflow: hidden;
    padding-bottom: 0
}

.primary-mobile-nav ul.menu li {
    position: relative;
	width:100%;
	float:right;
}

.primary-mobile-nav ul.menu li a {
    padding: 0;
    color: #fff;
    display: block;
    cursor: pointer;
	width:100%;
	float:right;
}

.primary-mobile-nav ul.menu li a:hover {
    background-color: hsl(215deg 100% 19%)
}

.primary-mobile-nav ul.menu li a.navactive {
    background-color: hsl(215deg 100% 19%)
}

.primary-mobile-nav ul.menu li a label {
    display:block;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    margin: 0;
	padding:0;
	width:100%;
	float:right;
	line-height:40px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.primary-mobile-nav ul.menu li a label img {
	float:right;
	width:35px!important;
	height:35px!important;
	padding:5px!important;
}

.primary-mobile-nav ul.menu li a label span {
    text-shadow: 2px 2px 2px #06294e;
    font-size: 15px;
    font-style: normal;
    margin-left: 6px
}

.primary-mobile-nav ul.menu li .toggle-children {
    float: right;
    position: relative
}

.primary-mobile-nav ul.menu li .toggle-children i {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    right: -20px;
    top: -12px;
    font-size: 22px
}

.primary-mobile-nav ul.menu li>ul {
    position: relative;
    float: right;
    visibility: visible;
    display:block;
    width: 100%!important;
	background:rgba(0,0,0,0.2);
	padding:0!important;
	padding-right:15px!important;
	list-style:none;
	font-size:13px!important;
}

.primary-mobile-nav ul.menu li>ul .menu-parent-items {
    background-color: #f4f4f4;
    color: #222;
    text-transform: uppercase
}

.primary-mobile-nav ul.menu li.over-menu>ul {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.primary-mobile-nav ul.menu li.menu-back {
    padding-left: 40px;
    position: relative
}

.primary-mobile-nav ul.menu li.menu-back:before {
    content: '\f104';
    font-family: Fontawesome;
    font-size: 22px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.primary-mobile-nav ul.menu li.extra-menu-item {
    margin-top: 40px
}

.primary-mobile-nav ul.menu li.current-menu-item>a {
    color: #50a9ea
}

.primary-mobile-nav .menu-item-search .toggle-search {
    display: none
}

.primary-mobile-nav .menu-item-search .search-form {
    position: relative;
    opacity: 1;
    z-index: 9;
    color: #848484
}

.primary-mobile-nav .menu-item-search .search-form i {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #222;
    font-size: 14px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.primary-mobile-nav .menu-item-search .search-form .screen-reader-text {
    display: none
}

.primary-mobile-nav .menu-item-search .search-form ::-webkit-input-placeholder {
    color: #9e9e9e
}

.primary-mobile-nav .menu-item-search .search-form :-moz-placeholder {
    color: #9e9e9e
}

.primary-mobile-nav .menu-item-search .search-form ::-moz-placeholder {
    color: #9e9e9e
}

.primary-mobile-nav .menu-item-search .search-form :-ms-input-placeholder {
    color: #9e9e9e
}

.primary-mobile-nav .menu-item-search .search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 9999
}

.primary-mobile-nav .menu-item-search .search-form label {
    width: 100%;
    margin-bottom: 0
}

.primary-mobile-nav .menu-item-search .search-form input[type=search] {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 55px 0 15px;
    border: 1px solid #ececec
}

.primary-mobile-nav .menu-item-search .search-form input[type=search]:focus {
    outline: 0
}

.primary-mobile-nav .list-social {
    text-align: center
}

.primary-mobile-nav .list-social a {
    background: hsl(215deg 100% 19%)
}

.primary-mobile-nav .list-social a:hover {
    color: #fff
}

.primary-mobile-nav .navimgri8 {
    -webkit-transform: unset;
    transform: unset;
    filter: brightness(0) invert(1);
    opacity: 1
}

.display-mobile-menu .primary-mobile-nav {
    right: 0;
    z-index: 99999
}

.force {
    padding-right: 0!important;
    padding-left: 0!important
}

.fh-btn {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: inline-block;
    min-width: 150px;
    min-height: 50px;
    line-height: 50px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 20px;
    background-color: #023e7e;
    text-transform: capitalize;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-btn:focus,.fh-btn:hover {
    color: #fff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #50a9ea
}

.fh-btn-2 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: inline-block;
    min-width: 150px;
    min-height: 50px;
    line-height: 50px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 20px;
    background-color: #0c1239;
    text-transform: capitalize;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-btn-2:focus,.fh-btn-2:hover {
    color: #fff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #0c1239
}

.site-content {
    padding-top: 80px;
    padding-bottom: 80px
}

.container {
    padding-left: 0;
    padding-right: 0
}

.container .container {
    width: 100%
}

.page-template-template-fullwidth .site-content,.page-template-template-homepage .site-content,.single-service .site-content {
    padding-top: 0;
    padding-bottom: 0
}

.blog.single-left .site-content,.blog.single-right .site-content,.category.single-left .site-content,.category.single-right .site-content,.single-post.single-left .site-content,.single-post.single-right .site-content,.tag.single-left .site-content,.tag.single-right .site-content {
    padding-top: 0;
    padding-bottom: 0
}

.blog.single-left .blog-sidebar .NTDE-widget,.blog.single-left .content-area,.blog.single-right .blog-sidebar .NTDE-widget,.blog.single-right .content-area,.category.single-left .blog-sidebar .NTDE-widget,.category.single-left .content-area,.category.single-right .blog-sidebar .NTDE-widget,.category.single-right .content-area,.single-post.single-left .blog-sidebar .NTDE-widget,.single-post.single-left .content-area,.single-post.single-right .blog-sidebar .NTDE-widget,.single-post.single-right .content-area,.tag.single-left .blog-sidebar .NTDE-widget,.tag.single-left .content-area,.tag.single-right .blog-sidebar .NTDE-widget,.tag.single-right .content-area {
    padding-top: 80px;
    padding-bottom: 80px
}

.blog.blog-grid .site-main,.category.blog-grid .site-main,.single-post.blog-grid .site-main,.tag.blog-grid .site-main {
    margin-left: -15px;
    margin-right: -15px;
    zoom: 1
}

.blog.blog-grid .site-main:after,.blog.blog-grid .site-main:before,.category.blog-grid .site-main:after,.category.blog-grid .site-main:before,.single-post.blog-grid .site-main:after,.single-post.blog-grid .site-main:before,.tag.blog-grid .site-main:after,.tag.blog-grid .site-main:before {
    content: "";
    display: table
}

.blog.blog-grid .site-main:after,.category.blog-grid .site-main:after,.single-post.blog-grid .site-main:after,.tag.blog-grid .site-main:after {
    clear: both
}

.blog.blog-grid .site-main:after,.blog.blog-grid .site-main:before,.category.blog-grid .site-main:after,.category.blog-grid .site-main:before,.single-post.blog-grid .site-main:after,.single-post.blog-grid .site-main:before,.tag.blog-grid .site-main:after,.tag.blog-grid .site-main:before {
    content: "";
    display: table
}

.blog.blog-grid .site-main:after,.category.blog-grid .site-main:after,.single-post.blog-grid .site-main:after,.tag.blog-grid .site-main:after {
    clear: both
}

.single-left .primary-sidebar {
    float: left
}

.single-left .content-area {
    float: right
}

.single-left.blog .site-main,.single-left.category .site-main,.single-left.single-post .site-main,.single-left.tag .site-main {
    padding-left: 10px
}

.single-right .primary-sidebar {
    float: right
}

.single-right .content-area {
    float: left
}

.single-right.blog .site-main,.single-right.category .site-main,.single-right.single-post .site-main,.single-right.tag .site-main {
    padding-right: 10px
}

.entry-thumbnail {
    margin-bottom: 20px;
    position: relative;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.entry-meta {
    padding-bottom: 5px
}

.entry-meta a {
    color: #848484;
    font-weight: 400
}

.entry-meta a:hover {
    color: #50a9ea
}

.entry-meta .meta {
    float: left;
    padding: 0 15px;
    position: relative
}

.entry-meta .meta:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 17px;
    background-color: #949494
}

.entry-meta .meta:first-child {
    padding-left: 0
}

.entry-meta .meta:last-child:after {
    display: none
}

.entry-meta .meta.views {
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: capitalize
}

.entry-meta .meta.views:hover {
    color: #50a9ea
}

.entry-meta .meta.author a {
    text-transform: capitalize
}

.entry-meta .fa {
    padding-right: 8px;
    color: #50a9ea
}

.entry-title {
    font-size: 26px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.entry-time {
    position: absolute;
    width: 55px;
    height: 50px;
    padding: 8px 0;
    top: 10px;
    left: 30px;
    background-color: #50a9ea;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.entry-time span {
    display: block;
    line-height: 1.2
}

.post-author {
    margin-top: 70px
}

.post-author .box-title {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 40px;
    padding-bottom: 15px;
    position: relative
}

.post-author .box-title:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 70px;
    background-color: #50a9ea;
    left: 0;
    bottom: 0
}

.post-author .box-title:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #f6f6f6;
    left: 0;
    bottom: 0
}

.post-author .post-author-box {
    background-color: #f7f7f7;
    padding: 30px
}

.post-author .post-author-box .post-author-avatar {
    float: left;
    padding-right: 30px
}

.post-author .post-author-box .author-name {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    color: #222;
    text-transform: capitalize
}

.post-author .post-author-box .post-author-info p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0
}

.post-password-form input[type=password] {
    border: 1px solid #f4f4f4;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    padding: 5px 10px;
    height: 40px
}

.post-password-form input[type=password]:focus {
    border-color: #ececec;
    outline: 0
}

.post-password-form input[type=submit] {
    height: 40px;
    border: none;
    outline: 0
}

.post-password-form input[type=submit]:focus {
    outline: 0
}

.single .entry-content.no-title {
    padding-top: 10px
}

.single-post .hentry {
    border: 1px solid #eee
}

.single-post .hentry.no-thumb .entry-header {
    padding-top: 30px
}

.single-post .entry-thumbnail {
    overflow: hidden;
    position: relative
}

.single-post .entry-thumbnail img {
    -webkit-transition: .5s;
    transition: .5s
}

.single-post .entry-thumbnail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0c1239;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 99
}

.single-post .entry-thumbnail:hover img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.single-post .entry-thumbnail:hover:before {
    opacity: .7
}

.single-post .entry-content,.single-post .entry-footer,.single-post .entry-header .entry-meta,.single-post .entry-title {
    margin-left: 30px;
    margin-right: 30px
}

.single-post .entry-title {
    display: none
}

.single-post.no-sidebar .entry-thumbnail {
    text-align: center
}

.no-thumb .entry-thumbnail {
    margin: 0;
    display: none
}

.no-thumb .entry-thumbnail i {
    display: none
}

.entry-content {
    padding-bottom: 0
}

.entry-footer {
    padding: 20px 0;
    border-top: 1px solid #f6f6f6
}

.blog-wrapper {
    border: 1px solid #ececec;
    margin-bottom: 60px
}

.blog-wrapper .entry-thumbnail {
    overflow: hidden;
    margin-bottom: 15px
}

.blog-wrapper .entry-thumbnail a {
    display: inline-block;
    position: relative
}

.blog-wrapper .entry-thumbnail a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0c1239;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 99
}

.blog-wrapper .entry-thumbnail a img {
    -webkit-transition: .5s;
    transition: .5s
}

.blog-wrapper.no-thumb .wrapper {
    padding-top: 30px
}

.blog-wrapper .entry-footer {
    border: none;
    padding-top: 3px;
    padding-bottom: 23px
}

.blog-wrapper .entry-footer a {
    font-weight: 500;
    color: #50a9ea
}

.blog-wrapper:hover .entry-thumbnail a:before {
    opacity: .7
}

.blog-wrapper:hover .entry-thumbnail img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.blog-wrapper.sticky .entry-title:before {
    content: '\f02e';
    font-family: FontAweSome;
    padding-right: 5px;
    color: #50a9ea
}

.blog-classic .blog-wrapper .entry-content,.blog-classic .blog-wrapper .entry-footer,.blog-classic .blog-wrapper .entry-header {
    margin-left: 30px;
    margin-right: 30px
}

.blog-grid .blog-wrapper {
    padding-bottom: 0;
    margin-bottom: 55px;
    border: 0
}

.blog-grid .blog-wrapper.no-thumb .wrapper {
    padding-top: 0
}

.blog-grid .blog-wrapper .wrapper {
    border: none
}

.blog-grid .blog-wrapper .entry-content,.blog-grid .blog-wrapper .entry-title {
    padding-left: 0;
    padding-right: 0
}

.blog-grid .blog-wrapper .entry-content {
    display: none
}

.blog-grid .blog-wrapper .entry-title {
    font-size: 22px;
    margin-bottom: 0
}

.blog-grid .blog-wrapper .entry-footer {
    border: none;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.blog-grid .blog-wrapper.col-md-3:nth-child(4n+1),.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1),.blog-grid .blog-wrapper.col-md-6:nth-child(2n+1) {
    clear: left
}

.blog-grid .blog-wrapper.col-3 .entry-title,.blog-grid .blog-wrapper.col-4 .entry-title {
    font-size: 20px
}

.socials-share {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: inline-block
}

.socials-share li {
    display: inline-block;
    padding: 0 5px
}

.socials-share li:first-child {
    padding-left: 0
}

.socials-share li:last-child {
    padding-right: 0
}

.socials-share a {
    color: #848484;
    font-size: 14px;
    display: inline-block;
    width: 39px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #f4f4f4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.socials-share a:hover {
    background-color: #50a9ea;
    color: #fff
}

.post-type-archive-service .site-content,.tax-service_category .site-content {
    padding-top: 80px;
    padding-bottom: 40px
}

#page .fh-section-title h2,#page .fh-section-title22 h2,#page .sectop h2 {
    font-weight: 700;
}

.home-wrap .banner-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    position: relative;
    z-index: 2
}

.home-wrap .slid1 {
    display: none
}

.home-wrap .banner-wrapper .panel {
    background: 0 0;
    height: 89.33vh;
    overflow: hidden;
    display: flex;
    margin-left: -50px;
    margin-right: -285px;
    position: relative
}

.home-wrap .banner-wrapper .panel .pnelitm {
    flex: 1;
    transition: all .9s;
    position: relative
}

.home-wrap .banner-wrapper .panel .pnelitm .panel-item {
    overflow: hidden;
    position: relative;
    left: -120px;
    opacity: 1;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    height: 89.33vh
}

.home-wrap .banner-wrapper .panel .pnelitm .panel-item .bgimg {
    -webkit-transform: skew(10deg);
    height: 100%!important;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%!important;
    z-index: -1
}

.home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-item .bgimg {
    left: 106px
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) {
    flex: 3
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-item {
    left: -28px;
    background-color: hsl(0deg 0% 0%)
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-item .bgimg {
    opacity: .8;
    right: -650px
}

.home-wrap .banner-wrapper .panel .pnelitm:nth-child(1):before .panel-item {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
    content: ''
}

.home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-item .bgimg {
    right: 164px;
    left: -75px
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(2) {
    flex: 3
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(2) .panel-item {
    background-color: hsl(0deg 0% 0%)
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(2) .panel-item .bgimg {
    opacity: .8;
    right: 50px
}

.home-wrap .banner-wrapper .panel .randmtxt {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.home-wrap .banner-wrapper .panel .randmtxt .randpos {
    position: absolute;
    z-index: 7777;
    opacity: 1
}

.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos1 {
    top: 30%;
    left: 10%
}

.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos2 {
    top: 37%;
    right: 20%
}

.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos3 {
    top: 15%;
    left: 25%
}

.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos4 {
    top: 37%;
    right: 20%
}

.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos5 {
    top: 27%;
    left: 17%
}

.home-wrap .banner-wrapper .panel .randmtxt h2 {
    color: hsl(0deg 0% 100%);
    font-size: 2.1rem;
    text-shadow: 2px 2px 2px #0f0f0f;
    line-height: 25px
}

.home-wrap .banner-wrapper .panel .randmtxt h2 .fbig {
    display: block;
    font-size: 30px
}

.home-wrap .banner-wrapper .panel.bmshow .randmtxt {
    opacity: 0
}

.home-wrap .bannersli {
    position: relative
}

.home-wrap .bannersli .item .itemcapt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.home-wrap .bannersli .item .itemcapt .scontent-wrp {
    height: 100%;
    -webkit-transform: skew(-18deg);
    transform: skew(-18deg);
    overflow: hidden;
    position: absolute;
    width: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    -webkit-transition: width .7s ease-in-out;
    -moz-transition: width .7s ease-in-out;
    -o-transition: width .7s ease-in-out;
    transition: width .7s ease-in-out;
    transition-delay: .7s
}

.home-wrap .bannersli .item.nodet .sliderno.mobil {
    display: none
}

.home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
    left: -8.25vw
}

.mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
    left: calc(-8.25vw + 10px)
}

.home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
    right: -12.4vw
}

.mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
    right: calc(-12.4vw + 7px)
}

.home-wrap .bannersli .active .item .itemcapt .scontent-wrp {
    background-color: hsl(0deg 0% 0%/58%);
    width: 59.9vw
}

.home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
    -webkit-transform: skew(18deg);
    transform: skew(18deg);
    margin-top: -2vh;
    padding: 0 35vh;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    transition-delay: 1.5s;
    position: relative
}

.home-wrap .bannersli .active .item .itemcapt .scontent-wrp .sconte {
    opacity: 1
}

.home-wrap .bannersli .item .itemcapt .srandpos {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    transition-delay: 2s;
    top: -100px
}

.home-wrap .bannersli .active .item .itemcapt .srandpos {
    opacity: 1;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home-wrap .bannersli .active .item .itemcapt.ltr_anima .srandpos {
    right: 12%
}

.home-wrap .bannersli .active .item .itemcapt.rtl_anima .srandpos {
    left: 12%
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos1 {
    right: 51%;
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos2 {
    left: 38%;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    top: -140px
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos3 {
    right: 51%;
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos4 {
    left: 38%;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos5 {
    right: 51%;
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
    left: 38%;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.home-wrap .bannersli .active .item .itemcapt .srandpos.pos7 {
    right: 51%;
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.home-wrap .bannersli .item .itemcapt .srandpos h2 {
    color: hsl(0deg 0% 100%);
    font-size: 2.1rem;
    text-shadow: 2px 2px 8px #000;
    line-height: 42px;
    font-weight: 500;
    text-transform: uppercase
}

.home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
    display: block;
    font-size: 6rem;
    font-weight: 800
}

.home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
    color: #fee83c;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.3
}

.home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte p {
    color: #fff;
    font-size: 15px
}

.home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
    margin-top: 20px;
    color: #303030;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.home-wrap .banBtn {
    display: flex;
    position: relative;
    z-index: 4;
    left: -1vw;
    top: -1.8vw
}

.home-wrap .banBtn2 {
    position: absolute;
    margin-top: 0;
    left: 36.2%;
    bottom: 8%
}

.home-wrap .banBtn .welservices {
    display: flex;
    margin: 0 auto
}

.home-wrap .banBtn .welservices .bbox {
    -webkit-transform: skew(-18deg);
    transform: skew(-18deg);
    position: relative
}

.home-wrap .banBtn .welservices .bbox {
    font-size: 18px;
    font-weight: 500;
    background: hsl(0deg 0% 100%);
    color: hsl(0deg 0% 22%);
    padding: 22px 50px;
    -webkit-box-shadow: 7px 7px 5px 0 rgb(50 50 50/75%);
    -moz-box-shadow: 7px 7px 5px 0 rgba(50,50,50,.75);
    box-shadow: 4px 4px 7px 0 rgb(103 103 103/75%);
    cursor: pointer;
    margin-right: -2px
}

.home-wrap .banBtn .welservices .bbox a {
    background: linear-gradient(90deg,hsl(243deg 100% 7%) 0,hsl(208deg 74% 59%) 0,hsl(213deg 87% 33%) 100%);
    padding: 20px 45px;
    color: #fff;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    transition: none
}

.home-wrap .banBtn .welservices .bbox a label,.home-wrap .banBtn .welservices .bbox label {
    -webkit-transform: skew(18deg);
    transform: skew(18deg);
    cursor: pointer
}

.home-wrap .banBtn .welservices .bbox a img,.home-wrap .banBtn .welservices .bbox img {
    margin-right: 20px
}

.home-wrap .banBtn .welservices .bbox a:hover {
    background: hsl(0deg 0% 100%);
    color: hsl(0deg 0% 22%)
}

.home-wrap .banBtn .welservices .bbox a.active,.home-wrap .banBtn .welservices .bbox.active {
    background: linear-gradient(90deg,hsl(243deg 100% 7%) 0,hsl(208deg 74% 59%) 0,hsl(213deg 87% 33%) 100%);
    color: hsl(0deg 0% 100%)
}

.home-wrap .banner-wrapper .panel .panel-content {
    position: absolute;
    transition: all 3.5s ease;
    display: inline-block;
    width: 50%;
    transition: all 1.5s ease;
    z-index: 999;
    top: 13rem;
    opacity: 0
}

.home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
    right: 55rem
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-content {
    opacity: 1
}

.home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-content {
    left: 25rem
}

.home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(2) .panel-content {
    opacity: 1
}

.home-wrap .banner-wrapper .panel .panel-content .view-content {
    position: absolute;
    transition: all ease-in .1s;
    z-index: 2;
    left: 12rem;
    top: 0
}

.home-wrap .banner-wrapper .panel .panel-content .view-content {
    transition: all ease-in 4s;
    -webkit-animation: slideopac2 1s forwards;
    -webkit-animation-delay: .7s;
    animation: slideopac2 1s forwards;
    animation-delay: .7s
}

.home-wrap .banner-wrapper .panel .panel-content .view-content section {
    text-align: left;
    color: hsl(0deg 0% 100%);
    background-color: hsl(0deg 0% 0%/5%);
    padding: 20px 34px
}

.home-wrap .banner-wrapper .panel .panel-content .view-content section .xbtn {
    position: absolute;
    right: 0;
    padding: 22px;
    top: -56px;
    z-index: 99;
    cursor: pointer
}

.home-wrap .banner-wrapper .panel .panel-content .view-content section h4 {
    color: #fff;
    font-size: 18px
}

.home-wrap .banner-wrapper .panel .panel-content .view-content section p {
    font-size: 14px
}

@-webkit-keyframes slideopac2 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slideopac2 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slidetoptwo {
    0% {
        top: 50%
    }

    100% {
        top: 40%
    }
}

@keyframes slidetoptwo {
    0% {
        top: 50%
    }

    100% {
        top: 40%
    }
}

.xbtn .leftright {
    height: 2px;
    width: 25px;
    position: absolute;
    margin-top: 15px;
    background-color: hsl(0deg 63% 38%);
    transform: rotate(45deg);
    transition: all .3s ease-in
}

.xbtn:hover .leftright {
    transform: rotate(-45deg)
}

.xbtn .rightleft {
    height: 2px;
    width: 25px;
    position: absolute;
    margin-top: 15px;
    background-color: hsl(0deg 63% 38%);
    transform: rotate(-45deg);
    transition: all .3s ease-in
}

.xbtn:hover .rightleft {
    transform: rotate(45deg)
}

.banimated {
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50px)
    }
}

@keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(50px)
    }
}

@keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(50px)
    }
}

@-webkit-keyframes fadeOutTop {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-50px)
    }
}

@keyframes fadeOutTop {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-50px)
    }
}

@-webkit-keyframes fadeOutBottom {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(50px)
    }
}

@keyframes fadeOutBottom {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(50px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutTop {
    -webkit-animation-name: fadeOutTop;
    animation-name: fadeOutTop
}

.fadeOutBottom {
    -webkit-animation-name: fadeOutBottom;
    animation-name: fadeOutBottom
}

.bfade {
    -webkit-animation-name: slidetoptwo;
    animation-name: slidetoptwo
}

.quotes {
    display: none
}

.home-wrap .rigtsec {
    -webkit-clip-path: polygon(18% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(18% 0,100% 0,100% 100%,0 100%)
}

.home-wrap .rigtsec .rightblue {
    padding: 23rem 5rem 16rem 10rem;
    text-align: center;
    background: 0 0
}

.home-wrap .rigtsec .rightblue:after {
    content: '';
    border-top: 2px solid #efe950;
    width: 50%;
    display: inline-block;
    margin: 0 auto
}

.home-wrap .rigtsec .rightblue .fh-section-title {
    text-align: center
}

.home-wrap .rigtsec .rightblue .fh-section-title h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.home-wrap .rigtsec .rightblue .fh-section-title p {
    color: #fff
}

.home-wrap .rigtsec .rightblue .fh-section-title h2:before {
    content: unset
}

.home-wrap .rigtsec .rightblue .rbtn {
    display: block;
    text-align: right;
    padding-top: 3rem
}

.home-wrap .rigtsec .rightblue .rbtn a.skewbutton {
    text-align: right;
    display: inline-block;
    padding: 1rem 3rem;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    width: auto
}

.home-wrap .aboutsec-2 {
    max-height: unset;
    padding: 20px 0 5px
}

.home-wrap .secpadd3 {
    padding-bottom: 50px
}

.home-wrap .secpadd3 .sectop {
    text-align: center;
    width: 70%;
    margin: 0 auto
}

.home-wrap .secpadd3 .sectop h2 {
    color: #004080;
    font-style: italic;
    font-weight: 900;
    font-size: 30px
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem {
    position: relative
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem .dotbg {
    position: absolute;
    background-image: url(../images/bcgk-dot1.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem.box1 {
    background-image: linear-gradient(to right bottom,#193d73,#2b4483,#3f4b93,#5451a2,#6a56b0)
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem.box2 {
    background-image: linear-gradient(to right bottom,#eac433,#e0ac2b,#d59525,#c77e21,#b8691f);
    padding: 39px 30px
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem.box3 {
    background-image: linear-gradient(to right bottom,#4a9de4,#3887d2,#2871bf,#185cac,#074798)
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem h2 {
    text-transform: unset;
    margin-top: 1rem;
    padding-top: 1rem
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem h2:before {
    bottom: auto;
    top: 0
}

.home-wrap .secpadd3 .bgrid .grid2 .boxem p {
    font-size: 15px;
    line-height: 1.35
}

.home-wrap .secpadd4 {
    position: relative;
    overflow: hidden
}

.home-wrap .secpadd4 .bluebg {
    position: absolute;
    width: 100%;
    height: 90.8%;
    top: 37px
}

.home-wrap .secpadd4 .bluebg {
    background-image: url(../images/count-bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home-wrap .secpadd4 .pdntde {
    padding: 45px 65px 45px 100px
}

.home-wrap .secpadd4 .frs1box {
    border: none
}

.home-wrap .secpadd4 .frs1box .fh-icon-box {
    margin-bottom: 0
}

.home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon {
    font-size: 65px
}

.home-wrap .secpadd4 .frs1box .fh-icon-box h4 {
    padding-left: 0px
}

.home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
    font-size: 3.5rem
}

.home-wrap .secpadd4 .frs1box .fh-icon-box .desc {
    padding-left: 84px;
    position: relative;
    top: -9px
}

.home-wrap .secpadd5 {
    background-image: url(../images/bcgk-csr.png);
    background-size: cover;
    border-bottom: none;
    background-repeat: no-repeat
}

.home-wrap .secpadd5 .pdd-csr .fh-section-title h2 {
    color: #004080;
    padding-bottom: 0
}

.home-wrap .secpadd5 .pdd-csr .fh-section-title h2:before {
    content: unset
}

.home-wrap .secpadd5 .pdd-csr .fh-section-title .gsec {
    margin-top: 6rem;
    transition: all .5s ease
}

.home-wrap .secpadd5 .pdd-csr .fh-section-title .gsec.shom {
    margin-top: 0
}

.home-wrap .secpadd5 .pdd-csr .fh-section-title .rdbmohi {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.home-wrap .secpadd5 .pdd-csr .fh-section-title a.skewbutton {
    width: 160px;
    margin-top: 20px;
    margin-left: 0;
    transition: unset
}

.home-wrap .secpadd5 .secpadd {
    padding: 50px 0 20px
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post {
    margin-bottom: 3vw
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail {
    clip-path: none;
    -webkit-clip-path: none;
    margin-bottom: -15rem
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a {
    padding: 31px
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a:before {
    background-color: transparent
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a .bgsewim {
    background-color: hsl(0deg 0% 100%);
    padding: 7px;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    box-shadow: 2px 7px 10px 0 rgb(117 117 117/75%)
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a .bgsewim:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: hsl(232deg 65% 14%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a:hover .bgsewim:before {
    opacity: .7
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a .bgsewim img {
    background-color: hsl(0deg 0% 100%);
    -moz-transform: skew(10deg,0deg);
    -webkit-transform: skew(10deg,0deg);
    -o-transform: skew(10deg,0deg);
    -ms-transform: skew(10deg,0deg);
    transform: skew(10deg,0deg);
    display: inline-block;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,88% 100%,0 100%);
    position: relative;
    max-width: 113%
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
    background: hsl(0deg 0% 100%);
    border: none;
    padding: 20px;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    padding-top: 14rem;
    position: relative;
    z-index: -1;
    left: -5px;
    width: 82%;
    box-shadow: 1px 4px 14px 0 rgb(126 126 126/25%);
    margin: 0 auto
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-meta {
    -moz-transform: skew(10deg,0deg);
    -webkit-transform: skew(10deg,0deg);
    -o-transform: skew(10deg,0deg);
    -ms-transform: skew(10deg,0deg);
    transform: skew(10deg,0deg)
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title {
    -moz-transform: skew(10deg,0deg);
    -webkit-transform: skew(10deg,0deg);
    -o-transform: skew(10deg,0deg);
    -ms-transform: skew(10deg,0deg);
    transform: skew(10deg,0deg);
    cursor: pointer;
    text-align: center
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title a {
    color: hsl(211deg 98% 25%);
    font-size: 17px
}

.home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary p {
    -moz-transform: skew(10deg,0deg);
    -webkit-transform: skew(10deg,0deg);
    -o-transform: skew(10deg,0deg);
    -ms-transform: skew(10deg,0deg);
    transform: skew(10deg,0deg);
    font-size: 14px;
    margin-bottom: 0;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: center
}

.home-wrap .secpadd5 .secpadd .owlnavgcsr {
    position: absolute;
    bottom: 3rem;
    left: -25vw
}

.home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav button {
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(0deg 0% 88%);
    margin: 0 4px
}

.home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav button:hover {
    background: #004080
}

.home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav button:focus {
    outline: 0
}

.home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav button span {
    color: #fff;
    font-weight: 800;
    font-size: 30px
}

.home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav button:hover span {
    color: #fff
}

.home-wrap .secpadd6 {
    background-image: linear-gradient(to bottom,hsl(231deg 54% 97%/52%),hsl(211deg 98% 25%/71%)),url(../images/count-bg-2.jpg);
    background-size: cover;
    position: relative;
    padding: 5vh 10vh;
    background-position: left;
    margin-bottom: 0;
}

.home-wrap .secpadd6:after {
    content: ''
}

.home-wrap .secpadd6 .bgckwhit {
    background-color: hsl(0deg 0% 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 101%;
    -webkit-clip-path: polygon(15% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(15% 0,100% 0,100% 100%,0 100%)
}

.home-wrap .secpadd6 .csventu .fh-section-title h2 {
    color: hsl(0deg 0% 100%);
    padding-bottom: 30px;
    padding-left: 3vh
}

.home-wrap .secpadd6 .csventu .fh-section-title h2:before {
    background-color: unset
}

.home-wrap .secpadd6 .csventu .partener-1 {
    margin-top: 2vh
}

.home-wrap .secpadd6 .csventu .partener-1 .partner-item {
    text-align: center
}

.home-wrap .secpadd6 .csventu .partener-1 .partner-item a.skewbutton2 {
    margin: 0 auto;
    position: relative;
    top: -25px
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav {
    position: absolute;
    top: 0;
    right: 0
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav button {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: #29486a;
    margin: 0 4px
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav button:hover {
    background: hsl(210deg 100% 25%)
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav button.owl-next {
    left: 0
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.home-wrap .secpadd6 .csventu .owl-controls .owl-nav button:focus {
    outline: 0
}

.home-wrap .secpadd6 .csaward {
    padding: 1vh 8vh;
    position: relative;
    left: 7vh
}

.home-wrap .secpadd6 .csaward .fh-section-title {
    padding-left: 8vh
}

.home-wrap .secpadd6 .csaward .fh-section-title h2 {
    color: hsl(211deg 98% 25%);
    padding-bottom: 20px
}

.home-wrap .secpadd6 .csaward .fh-section-title h2:before {
    background-color: unset
}

.home-wrap .secpadd6 .csaward .testmonial-1 {
    position: relative;
    overflow: hidden
}

.home-wrap .secpadd6 .csaward .testmonial-1 .single-slide {
    -webkit-clip-path: polygon(13% 0,100% 0,87% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,87% 100%,0 100%)
}

.home-wrap .secpadd6 .csaward .testmonial-1 .single-slide .item .adescp {
    display: block;
    text-align: center;
    width: 75%;
    margin: 0 auto
}

.home-wrap .secpadd6 .csaward .testmonial-1 .single-slide .item .adescp h4 {
    font-size: 18px;
    color: #013e7e
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav {
    position: absolute;
    top: 0;
    right: 3rem
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button,.home-wrap .secpadd6 .csaward .owl-controls .owl-nav div {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(0deg 0% 88%);
    margin: 0 4px
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button:focus {
    outline: 0
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button:hover {
    background: hsl(210deg 100% 25%)
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button:hover span {
    color: #fff
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-nav button.owl-next {
    left: 0
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-dots .owl-dot {
    cursor: pointer;
    background: hsl(0deg 0% 0%/0%);
    border: none;
    outline: 0
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 5rem
}

.home-wrap .secpadd6 .csaward .owl-controls .owl-dots .owl-dot.active span,.home-wrap .secpadd6 .csaward .owl-controls .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

.home-wrap .secpadd2 {
    padding: 9rem 0 6rem;
    background-image: url(../images/distribution/brandbackgnd.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-wrap .secpadd2 .pager-list .pager {
    width: 40px;
    height: 40px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    border: 1px solid hsl(211deg 98% 25%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: hsl(0deg 0% 100%);
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    cursor: pointer;
    background: hsl(210deg 100% 25%);
    outline: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 8
}

.home-wrap .secpadd2 .wrapFilter--distribution {
    text-align: center
}

.home-wrap .secpadd2 .sub-filter {
    margin-top: 2.5rem;
    text-align: center
}

.home-wrap .secpadd2 .pager-list {
    margin-top: -3rem
}

.home-wrap .secpadd2 .pager-list .pager.disabled {
    opacity: .5
}

.home-wrap .secpadd2 .pager-list .pager span {
    position: relative
}

.home-wrap .secpadd2 .pager-list .pager.prev span {
    margin-left: 3px
}

.ios .home-wrap .secpadd2 .pager-list .pager.prev span {
    transform: translateX(8px)
}

.home-wrap .secpadd2 .pager-list .pager.next {
    right: 0;
    left: auto
}

.home-wrap .secpadd2 .pager-list .pager.next span {
    margin-left: 10px
}

.ios .home-wrap .secpadd2 .pager-list .pager.next span {
    transform: translateX(8px)
}

.home-wrap .secpadd2 .pager-list .page-number-list .pager {
    width: 35px;
    height: 35px;
    border: 1px solid hsl(0deg 0% 100%);
    background: hsl(0deg 0% 0%/0%)
}

.home-wrap .secpadd2 .pager-list .page-number-list .page-number {
    position: relative;
    float: left;
    margin: 0 3px
}

.home-wrap .secpadd2 .pager-list .page-number-list .pager.active {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%);
    border: 1px solid hsl(211deg 98% 25%)
}

.home-wrap .secpadd2 .pager-list .page-number-list .page-number span {
    display: block;
    text-indent: 1px;
    color: hsl(0deg 0% 100%);
    font-size: 12px
}

div#comparison {
    width: 100vw;
    height: 89vh;
    overflow: hidden
}

div#comparison figure {
    background-size: cover;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    top: -3vh
}

div#comparison figure.slid-distri-1 {
    background-image: url(../images/main-slider/distribution/slide2-1.jpg)
}

div#comparison figure.slid-distri-2 {
    background-image: url(../images/main-slider/distribution/slide2-2.jpg)
}

div#comparison figure.slid-distri-3 {
    background-image: url(../images/main-slider/distribution/slide2-3.jpg)
}

div#comparison figure>img {
    position: relative;
    width: 100%
}

div#comparison figure div.skewm {
    width: 53%;
    height: 100vh;
    margin: 0 0 0 -83px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    background: #fff;
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    overflow: hidden;
    position: relative
}

div#comparison figure div#divisor {
    background-size: cover;
    position: absolute;
    width: 100%;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,.3);
    overflow: hidden;
    bottom: 0;
    height: 100vh;
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -o-transform: skew(10deg);
    right: -82px
}

div#comparison figure .slid-retail-1 {
    background-image: url(../images/main-slider/retail/slide2-1.jpg)
}

div#comparison figure .slid-retail-2 {
    background-image: url(../images/main-slider/retail/slide2-2.jpg)
}

div#comparison figure .slid-retail-3 {
    background-image: url(../images/main-slider/retail/slide2-3.jpg)
}

div#comparison figure .panel-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0
}

div#comparison figure .panel-content .pnelitm {
    position: relative;
    display: flex
}

div#comparison figure .panel-content .pnelitm .view-content-wrap {
    position: absolute;
    display: inline-block;
    width: 0;
    z-index: 999;
    top: 27rem;
    opacity: 0
}

div#comparison figure .panel-content .pnelitm .view-content-wrap.active {
    transition: all 1.5s ease;
    opacity: 1;
    width: 50%
}

div#comparison figure .panel-content .pnelitm .view-content-wrap .view-conte {
    position: absolute;
    z-index: 2;
    left: 12rem;
    top: 0;
    visibility: hidden;
    width: 0%
}

div#comparison figure .panel-content .pnelitm .view-content-wrap.active .view-conte {
    visibility: visible;
    width: auto;
    transition: all ease-in .1s;
    transition-delay: .4s
}

div#comparison figure .panel-content .pnelitm .view-content-wrap:nth-child(2) {
    right: 0
}

div#comparison figure .panel-content .pnelitm .view-content-wrap:nth-child(2) .view-conte {
    left: auto;
    right: 12rem;
    top: 0
}

div#comparison figure .panel-content .pnelitm .view-content-wrap .view-conte section {
    text-align: left;
    color: hsl(0deg 0% 100%);
    background-color: hsl(0deg 0% 0%/37%);
    padding: 20px 34px
}

div#comparison figure .panel-content .pnelitm .view-content-wrap .view-conte section h4 {
    color: #fff;
    font-size: 18px
}

div#comparison figure .panel-content .pnelitm .view-content-wrap .view-conte section p {
    font-size: 14px
}

div#comparison figure .panel-content .pnelitm .view-content-wrap .view-conte section .xbtn2 {
    position: absolute;
    right: 0;
    padding: 22px;
    top: -56px;
    z-index: 99;
    cursor: pointer
}

.xbtn2 .leftright,.xbtn2 .rightleft {
    background-color: hsl(0deg 68% 52%)
}

div#comparison .randmtxt {
    opacity: 1;
    visibility: visible
}

div#comparison .randmtxt.disable {
    opacity: 0;
    visibility: hidden
}

div#comparison .randmtxt {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

div#comparison .randmtxt .randpos {
    position: absolute;
    z-index: 7777;
    opacity: 1;
    color: #fff
}

div#comparison .randmtxt .randpos h2 {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    text-shadow: 2px 2px 5px rgb(19 19 19)
}

div#comparison .randmtxt .randpos h2 .fbig {
    font-size: 50px;
    display: block;
    margin-bottom: 1px
}

div#comparison .randmtxt .randpos.pos1 {
    top: 30%;
    left: 10%
}

div#comparison .randmtxt .randpos.pos2 {
    top: 37%;
    right: 20%
}

div#comparison .randmtxt .randpos.pos3 {
    top: 15%;
    left: 25%
}

div#comparison .randmtxt .randpos.pos4 {
    top: 37%;
    right: 20%
}

div#comparison .randmtxt .randpos.pos5 {
    top: 27%;
    left: 17%
}

div#comparison .randmtxt .randpos.pos6 {
    top: 31%;
    right: 23%
}

.home-wrap .banner-wrapper .panel .randmtxt h2 {
    color: hsl(0deg 0% 100%);
    font-size: 2.1rem;
    text-shadow: 2px 2px 2px #0f0f0f
}

.corporate .page-header .header-title {
    background-image: url(../images/corpo/backgrndTop-corpo2.jpg);
    padding: 4vh 0
}

.corporate .page-header .header-title .bgckhedgrnd {
    background-color: hsl(0deg 0% 0%/45%);
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.corporate .page-header .header-title .ptop {
    padding: 0 3vh
}

.corporate .page-header .header-title .ptop .pdet {
    width: 45%
}

.corporate-wrap .csaward .testmonial-1 {
    margin-top: 3vh
}

.corporate-wrap .csaward .owl-controls {
    margin-top: 3vh
}

.corporate-wrap .secpadd {
    border-bottom: 1px solid #cacaca
}

.corporate-wrap .secpadd.secaboutc {
    border-bottom: 1px solid #cacaca;
    padding: 4rem 0
}

.corporate-wrap .secpadd.secaboutc .secabhed {
    text-align: center;
    font-weight: 700;
    margin-bottom: 4rem
}

.corporate-wrap .secpadd.secaboutc .secabhed h2 {
    color: hsl(210deg 100% 25%);
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic
}

.corporate-wrap .secpadd.secaboutc .sewrap .fh-section-title .gsec {
    margin-top: 0
}

.corporate-wrap .secpadd.secpaddhm {
    background-image: url(../images/bg/hbackground_d.png);
    background-repeat: no-repeat;
    border-bottom: none
}

.corporate-wrap .secpadd.secpaddhm .sewrap {
    text-align: center;
    padding: 10rem 0 4rem;
    margin-bottom: 0
}

.corporate-wrap .secpadd .sewrap {
    padding: 4vh 0;
    overflow: hidden;
    margin-bottom: 5rem
}

.corporate-wrap .secpadd .sewrap img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    margin-top: 5rem
}

.corporate-wrap .secpadd .sewrap .fh-section-title .gsec {
    margin-top: 4rem;
    transition: all .75s ease .5s
}

.corporate-wrap .secpadd .sewrap .fh-section-title .gsec.shom {
}

.corporate-wrap .secpadd .sewrap .fh-section-title .skewbutton {
    width: 160px;
    margin-top: 20px;
    margin-left: 0;
    transition: unset
}

.rdbmohi {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.corporate-wrap .secpadd .sewrap .fh-section-title.mrghide {
    margin-top: 0
}

.corporate-wrap .secpadd .sewrap .fh-section-title h2 {
    color: #004080
}

.corporate-wrap .secpadd.secpadd1 .sewrap .fh-section-title h2 {
    color: #004080;
    font-size: 20px;
    font-style: unset;
    margin-bottom: 5px
}

.corporate-wrap .secpadd .sewrap h3 {
    font-size: 20px;
    margin-top: 0
}

.corporate-wrap .secpadd .sewrap .fh-testimonials-carousel {
    box-shadow: 1px 7px 10px 0 rgb(117 117 117/75%)
}

.corporate-wrap .secpadd2 {
    padding: 0;
    background-color: hsl(208deg 27% 20%);
    border-bottom: 10px solid hsl(54deg 98% 61%)
}

.corporate-wrap .secpadd2 .tl-item {
    min-height: unset;
    height: 50vh
}

.corporate-wrap .secpadd2 .tl-item:first-child {
    margin-left: -48px
}

.corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
    left: 0;
    background-position-x: -33px
}

.corporate-wrap .secpadd2 .tl-item:first-child .tl-year {
    margin-left: 70px
}

.corporate-wrap .secpadd2 .tl-item:nth-child(5) {
    margin-right: -54px
}

.corporate-wrap .secpadd2 .tl-item .tl-year {
    bottom: 0;
    -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    padding: 15px 27px;
    position: absolute;
    left: -20px
}

.corporate-wrap .secpadd2 .tl-item .tl-year {
    width: auto
}

.corporate-wrap .secpadd2 .tl-item .tl-year p {
    margin-bottom: 0;
    font-weight: 700;
    text-align: left;
    margin-left: 20px
}

.corporate-wrap .secpadd2 .tl-item .tl-year p span {
    display: block
}

.corporate-wrap .secpadd2 .tl-item .tl-year a {
    left: -37px;
    bottom: -18px;
    position: relative;
    margin-left: 14px;
    background: #fdea3a
}

.corporate-wrap .secpadd2 .tl-item .expndicon {
    display: none;
    position: absolute;
    left: 46%;
    top: 55%;
    z-index: 2
}

.corporate-wrap .secpadd2 .tl-item .expndicon span {
    font-size: 25px;
    color: #c29100
}

.corporate-wrap .secpadd2 .tl-item:hover .expndicon {
    opacity: 0
}

.corporate-wrap .secpadd2 .tl-item .tl-content {
    top: 59%;
    width: 70%;
    margin: 0 auto
}

.corporate-wrap .secpadd2 .tl-item .tl-content p {
    font-size: 16px;
    transform: skew(8deg,0deg)
}

.corporate-wrap .secpadd2 .tl-item .tl-content p span {
    display: inline-block;
    padding-bottom: 8px;
    line-height: 1.3
}

.corporate-wrap .secpadd2 .tl-item:hover {
    flex: 4
}

.corporate-wrap .secpadd2 .tl-item:hover .tl-content {
    -webkit-transform: translateY(-7vw);
    transform: translateY(-7vw)
}

.corporate-wrap .secpadd2 .tl-item:hover .tl-year {
    -webkit-transition: all .75s ease .5s;
    transition: all .75s ease .5s;
    width: 71%;
    margin: 0 auto;
    bottom: 71%;
    left: 0;
    right: 0
}

.corporate-wrap .secpadd2 .tl-item:hover .tl-year p {
    text-align: center
}

.corporate-wrap .secpadd2 .tl-item:hover .tl-year p span {
    display: inline
}

.corporate-wrap .secpadd2 .tl-item:hover .tl-year a {
    display: none
}

.corporate-wrap .secpadd3 {
    padding: 10vh 0;
    background-image: linear-gradient(to left,hsl(0deg 0 100%) 0,hsl(0deg 0 74%/5%) 1%,hsl(211deg 58% 50%/0) 100%);
    text-align: center
}

.corporate-wrap .secpadd3 .fh-section-title h2 {
    color: #004080
}

.corporate-wrap .secpadd3 .fh-team {
    margin-top: 1vh
}

.corporate-wrap .secpadd3 .fh-team .team-list {
    padding-top: 0
}

.corporate-wrap .secpadd3 .fh-team .owl-nav {
    text-align: center;
    margin-top: 5rem
}

.corporate-wrap .secpadd3 .fh-team .owl-item {
    padding: 0
}

.corporate-wrap .secpadd3 .fh-team .owl-nav button {
    font-size: 18px;
    color: hsl(0deg 0% 85%);
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #ebebeb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: .5s;
    transition: .5s;
    margin-left: 15px
}

.corporate-wrap .secpadd3 .fh-team .owl-nav button:hover {
    background: hsl(210deg 100% 25%)
}

.corporate-wrap .secpadd3 .fh-team .owl-nav button:hover span {
    color: hsl(0deg 0% 100%)
}

.corporate-wrap .secpadd3 .fh-team .owl-nav button.disabled {
    opacity: .5
}

.corporate-wrap .secpadd3 .fh-team .owl-nav button span {
    color: #fff;
    font-weight: 800;
    font-size: 30px
}

.corporate-wrap .secpadd3 .fh-team .team-list .team-member {
    margin-bottom: 0
}

.corporate-wrap .secpadd3 .fh-team .team-list .team-member h4 {
    margin-bottom: 3px
}

.corporate-wrap .secpadd3 .fh-team .team-list .team-member .job {
    line-height: 1.4
}

.corporate-wrap .secpadd4 {
    background: url(../images/bggg.png) center repeat
}

.corporate-wrap .secpadd4 .fh-section-title22 h2 {
    display: inline-block;
    font-weight: 900;
    color: #004080
}

.corporate-wrap .secpadd4 .fh-section-title22 h2:before {
    left: auto;
    width: 100%
}

.corporate-wrap .secpadd4 .dtloffsec .fh-service-box-2 .box-thumb img {
    box-shadow: 2px 7px 10px 0 rgb(117 117 117/75%)
}

.corporate-wrap .secpadd4 .dtloffsec .fh-service-box-2 .box-wrapper {
    position: relative;
    padding: 30px;
    border: 1px solid hsl(0deg 0% 87%) z-index:-1
}

.corporate-wrap .secpadd4 .dtloffsec .fh-service-box-2 .box-wrapper .box-content p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal
}

.corporate-wrap .secpadd4 .hmabtvis section {
    position: relative
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox {
    display: flex
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    transition: all .5s ease;
    cursor: pointer;
    background-image: linear-gradient(to top,#bfbfbf 0,#cecece 1%,#0e2d63 100%);
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox:nth-child(2) .top {
    background-color: #859cc7
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top img {
    opacity: .5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top span {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.2em;
    color: #fff;
    text-shadow: 2px 2px 2px #2d2d2d;
    transition: all .5s ease-in-out;
    font-weight: 500
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top span:after {
    transition: all .5s;
    position: absolute;
    bottom: 0;
    left: 44%;
    content: ""
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top:hover {
    background-image: linear-gradient(to top,hsl(0deg 0 38%) 0,hsl(0deg 0 53%) 1%,hsl(218deg 75% 22%) 100%)
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top.active {
    background-image: linear-gradient(to top,#013e7f 0,#1e3c72 1%,#0e2d63 100%);
    cursor: inherit
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top.active img {
    -webkit-filter: unset;
    filter: unset
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top img {
    transition: all .5s
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top.active span {
    top: 50%;
    padding: 62px 0
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top.active span:after {
    box-sizing: border-box;
    height: 1vw;
    width: 1vw;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.corporate-wrap .secpadd4 .hmabtvis .tabbox .top:hover span {
    top: 50%
}

.corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail {
    padding: 30px 120px 20px 0;
    display: none;
    position: relative
}

.corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail p {
    color: hsl(0deg 0% 33%)
}

.corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail .abclsbtn {
    position: absolute;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid hsl(0deg 64% 71%);
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    right: 35px;
    padding: 20px;
    top: 50px
}

.corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail .abclsbtn span {
    position: absolute;
    font-size: 42px;
    left: 14px;
    top: -16px;
    color: hsl(0deg 64% 71%);
    font-weight: unset
}

.corporate-wrap .secpadd5 {
    padding-top: 5rem
}

.corporate-wrap .secpadd5 .fh-section-title22 {
    padding: 2rem 0 10rem;
    text-align: center
}

.corporate-wrap .secpadd5 .fh-section-title22 h2 {
    display: inline-block;
    color: hsl(210deg 100% 25%)
}

.corporate-wrap .secpadd5 .row .oppp {
    padding: 0;
    position: relative
}

.corporate-wrap .secpadd5 .row .oppp .skewbutton {
    width: 160px;
    margin-top: 20px;
    margin-left: 0;
    transition: unset
}

.corporate-wrap .secpadd5 .row .oppp .rdbmohi {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.corporate-wrap .secpadd5 .row .loog {
    height: 52rem;
    -webkit-clip-path: polygon(100% 0,94% 50%,100% 100%,0 100%,0 50%,0 1%);
    clip-path: polygon(100% 0,94% 50%,100% 100%,0 100%,0 50%,0 1%);
    background-position: center -9rem
}

.corporate-wrap .secpadd5 .row .oppp h2 {
    font-size: 22px
}

.corporate-wrap .secpadd5 .row .gloo {
    height: 52rem;
    transition: all 1s ease
}

.corporate-wrap .secpadd5 .row .gloo.glo2 {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,10% 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,10% 100%);
    background-image: url(../images/corpo/innovation.jpg);
    height: 52rem;
    background-position: 0 -5rem
}

.corporate-wrap .secpadd5 .container-fluid .row:nth-child(3) .fh-section-title {
    margin-right: 0
}

.corporate-wrap .secpadd5 .container-fluid .row:nth-child(2) .oppp {
    top: 7rem
}

.corporate-wrap .secpadd5 .container-fluid .row:nth-child(3) .oppp {
    top: 8rem
}

.corporate-wrap .secpadd5 .oppp .fh-section-title {
    padding: 0 7rem
}

.corporate-wrap .secpadd5 .gsec {
    margin-top: 10rem;
    transition: all 1s ease
}

.corporate-wrap .secpadd5 .gsec.shom {
    margin-top: 0;
    margin-bottom: 10rem
}

.corporate-wrap .secpadd5 .gsec2 {
    margin-top: 5rem
}

.corporate-wrap .secpadd5 .gsec2.shom {
    margin-top: -4rem
}

.corporate-wrap .secpadd5 .gsec3 {
    margin-top: 4rem
}

.corporate-wrap .secpadd5 .gsec3.shom {
    margin-top: -2rem
}

.corporate-wrap .secpadd5 .fh-section-title h2 {
    color: #004080;
    margin-bottom: 10px
}

.corporate-wrap .secpadd6 {
    padding: 77px 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to bottom,hsl(214deg 90% 37%/79%),hsl(214deg 72% 34%/77%)),url(../images/corpo/historbckgrnd-1.jpg);
    background-position: center center
}

.corporate-wrap .secpadd6 .phhe {
    position: relative;
    margin-bottom: 5vh;
    text-align: center
}

.corporate-wrap .secpadd6 .phhe h2 {
    font-style: italic;
    color: hsl(0deg 0% 94%);
    font-size: 25px;
    text-shadow: 2px 2px 2px #144680
}

.corporate-wrap .secpadd6 .phhe h2:before {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 100px;
    height: 2px;
    background-color: hsl(0deg 0% 94%)
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide {
    overflow: hidden;
    margin: 0
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .bgckgndblwrp {
    background-color: hsl(0deg 0% 100%);
    padding: 10px 0;
    transform: skew(-10deg,0deg);
    box-shadow: 11px 9px 22px 0 rgb(0 0 0/26%);
    overflow: hidden
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-4 {
    position: absolute;
    z-index: 3;
    padding: 16px;
    width: 40rem;
    left: 15px;
    top: 0
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-12 {
    padding: 34px 8rem 34px 31rem;
    text-align: left;
    margin-left: 3rem;
    background-color: hsl(0deg 0% 100%);
    margin-left: 11rem;
    margin-top: 4rem;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
    width: 89%
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder h4 {
    font-size: 30px;
    letter-spacing: 2px;
    color: hsl(211deg 97% 25%);
    line-height: 40px;
    text-align: left;
    margin-bottom: 1.5vh;
    font-style: italic;
    font-weight: 700;
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder p {
    font-size: 15px;
    color: hsl(0deg 0% 42%);
    margin-bottom: 0
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder img {
    position: relative;
    height: 31rem;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(14% 0,100% 0,86% 100%,0 100%);
    transform: skew(8deg,0deg);
    display: inline-block;
    padding: 10px 0
}

.corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
    padding: 15px 55px;
    text-align: left;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
    background: hsl(0deg 0% 100%);
    height: 326px
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap {
    position: relative;
    padding-top: 2vh;
    margin: 0 auto;
    top: -16rem;
    margin-bottom: -8rem
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav button {
    top: -25.4rem;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    padding: 8px 36px;
    background: hsl(54deg 98% 61%);
    width: 55px;
    height: 46px
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
    width: 50%;
    margin: auto 0 0 auto;
    right: 15rem
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list span {
    position: relative
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list span:after {
    content: '';
    width: 64%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 90%;
    left: 68%
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list .slick-slide {
    outline: 0
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list .slick-slide:last-child span:after {
    content: none
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list span .navitem {
    position: relative;
    text-align: center;
    overflow: visible;
    padding: 25px 10px;
    margin-top: -16px;
    z-index: 3;
    cursor: pointer
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav span .navitem:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-color: #000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 5;
    transition: all 1s ease
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list .slick-current .navitem:after {
    background-color: #346cb4;
    width: 20px;
    height: 20px
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list span .navitem h3 {
    color: #000;
    margin-top: 6px;
    font-style: italic;
    font-size: 22px;
    font-weight: 900;
    font-family: proxima_novaregular
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list .slick-current .navitem h3 {
    color: #346cb4;
    transition: all 1s ease;
    font-style: normal
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-prev {
    right: 10rem;
    left: unset
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-next {
    right: 3rem;
    left: unset
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-next:before,.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-prev:before {
    font: normal normal normal 30px/1 FontAwesome;
    color: hsl(208deg 94% 27%);
    background: hsl(54deg 98% 61%);
    margin-left: -5px
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-prev:before {
    content: "\f104";
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-next:before {
    content: "\f105"
}

.corporate-wrap .secpadd6 .timeline .histitle {
    position: absolute;
    bottom: 8rem;
    left: 20rem
}

.corporate-wrap .secpadd6 .timeline .histitle h2 {
    margin: 0;
    background-color: hsl(60deg 100% 50%);
    padding: 1.5rem 6rem;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    font-size: 18px;
    color: hsl(214deg 81% 18%);
    font-style: italic
}

.home-wrap .secpadd7 {
    position: relative;
    overflow: hidden
}

.home-wrap .secpadd7 .diamwrap {
    position: absolute;
    margin-top: 1rem
}

.home-wrap .secpadd7 .diambckg {
    width: 14.5rem;
    height: 14.5rem;
    background: #f5f7fa;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    position: absolute;
    top: 5.5rem;
    z-index: -2
}

.home-wrap .secpadd7 .diambckg:nth-child(2) {
    top: 16rem;
    margin-left: -10.5rem;
    background: #e6ecf5
}

.home-wrap .secpadd7 .diambckg:nth-child(3) {
    top: 26.5rem;
    margin-left: .1rem;
    background: #f0f5fd
}

.home-wrap .secpadd7 .diambckg:nth-child(4) {
    top: 36.6rem;
    margin-left: -10.7rem
}

.home-wrap .secpadd7 .tribckg {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 112px 112px;
    border-color: transparent transparent #f5f7fa transparent;
    line-height: 0;
    position: absolute;
    top: 40.2rem;
    margin-left: -10.5rem
}

.home-wrap .secpadd7 .fh-section-title22 h2 {
    display: inline-block;
    font-weight: 900;
    color: hsl(210deg 100% 25%)
}

.home-wrap .secpadd7 .viewp {
    text-align: right;
    margin-top: 10px
}

.home-wrap .secpadd7 .viewp a {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all .2s ease;
    color: #013e7e
}

.home-wrap .secpadd7 .viewp a:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    background: #fffa42;
    width: 56px;
    height: 52px;
    transition: all .3s ease
}

.home-wrap .secpadd7 .viewp a:hover:before {
    width: 100%
}

.home-wrap .secpadd7 .viewp a span {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle
}

.home-wrap .secpadd7 .viewp a svg {
    position: relative;
    top: 2px;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: hsl(0deg 0% 7%);
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all .3s ease;
    stroke: hsl(0deg 0% 0%)
}

.home-wrap .secpadd7 .viewp a:hover svg {
    transform: translateX(0);
    stroke: hsl(211deg 98% 25%)
}

.home-wrap .secpadd7 .hnewspress {
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.home-wrap .secpadd7 .hnewspress a {
    color: #212529
}

.home-wrap .secpadd7 .hnewspress .imgwrp {
    position: relative;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.home-wrap .secpadd7 .hnewspress .imgwrp:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #013e7f;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 9
}

.home-wrap .secpadd7 .hnewspress:hover .imgwrp:before {
    opacity: .7
}

.home-wrap .secpadd7 .hnewspress .cbarrow {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(to right,#49a1ff 0,#0c3277 1%,#869abb 100%);
    padding: .8rem;
    margin-top: -2.6rem;
    left: 39%;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.home-wrap .secpadd7 .hnewspress:hover .cbarrow {
    background-image: linear-gradient(to right,#fff 0,#fff 1%,#fff 100%);
    left: 50%
}

.home-wrap .secpadd7 .hnewspress .cbarrow svg {
    stroke: #fff;
    stroke-width: 1
}

.home-wrap .secpadd7 .hnewspress .cbarrow span {
    color: #fff;
    font-size: 29px;
    margin-left: 13px
}

.home-wrap .secpadd7 .hnewspress:hover .cbarrow span {
    color: #013e7f
}

.home-wrap .secpadd7 .hnewspress:hover .cbarrow svg {
    stroke: #013e7f
}

.home-wrap .secpadd7 .hnewspress .hnepredet {
    padding: 1rem;
    margin-top: 1vh;
    height: auto;
    text-align: center;
}

.home-wrap .secpadd7 .hnewspress .hnepredet .hnpdate {
    font-size: 1.4rem;
    color: #50a9ea
}

.home-wrap .secpadd7 .hnewspress .hnepredet .hnptitle {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 5px;
    font-weight: 500
}

.home-wrap .secpadd7 .owl-nav {
    display: block;
    text-align: center;
    margin-top: 3rem
}

.home-wrap .secpadd7 .owl-nav button {
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(0deg 0% 88%);
    margin: 0 4px
}

.home-wrap .secpadd7 .owl-nav button:hover {
    background: hsl(210deg 100% 25%)
}

.home-wrap .secpadd7 .owl-nav button:focus {
    outline: 0
}

.home-wrap .secpadd7 .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.covid-wrp {
    padding: 6rem 0;
    background-image: url(../images/corpo/cov-bgk.png);
    background-size: 56%;
    background-position: right;
    background-repeat: no-repeat
}

.covid-wrp .covwrp {
}

.covid-wrp .covwrp .covhed {
    margin-bottom: 3rem;
    display: inline-block
}

.covid-wrp .covwrp .covhed h2 {
    font-weight: 700;
    display: inline-block;
    color: hsl(210deg 100% 25%);
    padding-bottom: 0;
    line-height: 1.3
}

.covid-wrp .covwrp .covhed h2:after {
    text-align: left;
    content: " ";
    display: grid;
    width: 63px;
    border-bottom: 2px solid hsl(57deg 83% 63%);
    position: relative;
    top: 15px
}

.covid-wrp .covwrp .covhed p {
}

.covid-wrp .covwrp .covdet {
}

.covid-wrp .covwrp .covdet img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.covid-wrp .covwrp .gsec {
}

.covid-wrp .covwrp .gsec p {
    margin-bottom: 10px
}

.covid-wrp .covwrp .gsec ul {
    margin-bottom: 25px
}

.covidpa-wrp {
}

.covidpa-wrp .secpadd {
    padding: 6rem 0
}

.covidpa-wrp .secpadd .header {
    margin-bottom: 3rem
}

.covidpa-wrp .secpadd .header h2 {
    font-weight: 700;
    display: inline-block;
    color: hsl(210deg 100% 25%);
    line-height: 1.3
}

.covidpa-wrp .secpadd .header h2:after {
    content: "";
    width: 2em;
    border: 1px solid hsl(57deg 83% 63%);
    position: absolute;
    left: 0;
    bottom: 0
}

.covidpa-wrp .secpadd .sewrap .fh-section-title .gsec {
    margin-top: 0
}

.covidpa-wrp .secpadd .header p {
}

.covidpa-wrp .covwrap {
}

.covidpa-wrp .covwrap .list1 {
    list-style: decimal
}

.covidpa-wrp .covwrap .list2 {
}

.covidpa-wrp .covwrap .list3 {
    list-style: decimal
}

.covidpa-wrp .secpadd .sewrap {
    padding: 0
}

.covidpa-wrp .secpadd.secpadd2 {
    background-image: url(../images/corpo/covid/covid-bckg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8vh 0;
    position: relative;
    border: none
}

.covidpa-wrp .secpadd.secpadd2 .secabhed {
    text-align: center
}

.covidpa-wrp .secpadd.secpadd2 .secabhed p {
    color: #fff;
    margin: 0
}

.covidpa-wrp .secpadd.secpadd2 .secabhed h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    position: relative;
    z-index: 99;
    font-style: italic;
    font-weight: 700;
    color: hsl(57deg 83% 63%)
}

.covidpa-wrp .secpadd.secpadd2 .sec2 {
    display: flex;
    padding-top: 7rem
}

.covidpa-wrp .secpadd.secpadd2 .sec2 .sdet {
    flex: 1;
    text-align: center
}

.covidpa-wrp .secpadd.secpadd2 .sec2 .sdet p {
    color: #fff;
    margin-top: 3rem;
    line-height: 1.2;
    font-style: italic
}

.covidpa-wrp .secpadd.secpadd2 .sec2 .sdet img {
    width: 80px;
    filter: brightness(0) invert(1);
    -webkit-clip-path: unset;
    clip-path: unset
}

.covidpa-wrp .secpadd.secpadd3 {
    padding: 8vh 0;
    position: relative;
    border: none
}

.covidpa-wrp .secpadd.secpadd3 .secabhed {
    text-align: center
}

.covidpa-wrp .secpadd.secpadd3 .secabhed:after {
    text-align: center;
    content: " ";
    display: inline-block;
    width: 63px;
    border-bottom: 3px solid #efe752
}

.covidpa-wrp .secpadd.secpadd3 .secabhed p {
    margin: 0
}

.covidpa-wrp .secpadd.secpadd3 .secabhed h2 {
    margin: 0;
    font-size: 25px;
    position: relative;
    z-index: 99;
    font-style: italic;
    font-weight: 700
}

.covidpa-wrp .secpadd.secpadd3 .sec2 {
    display: flex;
    padding-top: 7rem
}

.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet {
    flex: 1;
    text-align: center
}

.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet p {
    margin-top: 4rem;
    line-height: 1.2;
    font-style: italic
}

.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet img {
    width: 100px;
    -webkit-clip-path: unset;
    clip-path: unset
}

.covidpa-wrp .secpadd.secpadd4 {
    padding: 8vh 0;
    position: relative;
    border: none;
    background-color: #f7f8f9;
    background-image: none
}

.covidpa-wrp .secpadd.secpadd4 .secabhed {
    padding: 13px;
    margin-top: 13%
}

.covidpa-wrp .secpadd.secpadd4 .secabhed p {
    margin: 0
}

.covidpa-wrp .secpadd.secpadd4 .secabhed h2 {
    margin: 0;
    font-size: 20px;
    position: relative;
    z-index: 99;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.3
}

.covidpa-wrp .secpadd.secpadd4 .sec2 {
    display: flex;
    padding-top: 7rem
}

.covidpa-wrp .secpadd.secpadd4 .sec2 .sdet {
    flex: 1;
    text-align: center
}

.covidpa-wrp .secpadd.secpadd4 .sec2 .sdet p {
    margin-top: 4rem;
    line-height: 1.2;
    font-style: italic
}

.corporate-wrap .secpadd.secpadd4 .sewrap img {
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.covidpa-wrp .secpadd.secpadd5 {
    padding: 8vh 0;
    position: relative;
    border-bottom: 1px solid hsl(0deg 0% 93%);
    background-image: none
}

.covidpa-wrp .secpadd.secpadd5 .secabhed {
    padding: 13px;
    text-align: center
}

.covidpa-wrp .secpadd.secpadd5 .secabhed:after {
    text-align: center;
    content: " ";
    display: inline-block;
    width: 63px;
    border-bottom: 3px solid #efe752;
    position: relative;
    top: -15px
}

.covidpa-wrp .secpadd.secpadd5 .secabhed p {
    margin: 0
}

.covidpa-wrp .secpadd.secpadd5 .secabhed h2 {
    margin: 0;
    font-size: 20px;
    position: relative;
    z-index: 99;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.3
}

.covidpa-wrp .secpadd.secpadd5 .sec3 {
    padding-top: 2rem
}

.covidpa-wrp .secpadd.secpadd5 .sec3 .list3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-self: center;
    list-style: none;
    align-items: center
}

.covidpa-wrp .secpadd.secpadd5 .sec3 .list3 li {
    flex: 1 0 50%;
    padding: 13px 15px;
    position: relative;
    line-height: 1.2
}

.covidpa-wrp .secpadd.secpadd5 .sec3 .list3 li:after {
    content: '';
    height: .6em;
    width: .6em;
    background: #efe148;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 1em;
    left: -11px
}

.covidpa-wrp .secpadd.secpadd6 {
    padding: 8vh 0;
    position: relative;
    border: none;
    background-image: none
}

.covidpa-wrp .secpadd.secpadd6 .secabhed {
    text-align: center;
    margin-bottom: 4rem
}

.covidpa-wrp .secpadd.secpadd6 .secabhed:after {
    text-align: center;
    content: " ";
    display: inline-block;
    width: 63px;
    border-bottom: 3px solid #efe752;
    position: relative;
    top: -15px
}

.covidpa-wrp .secpadd.secpadd6 .secabhed p {
}

.covidpa-wrp .secpadd.secpadd6 .secabhed h2 {
    margin: 0;
    font-size: 20px;
    position: relative;
    z-index: 99;
    font-style: italic;
    font-weight: 700;
    line-height: 1.3
}

.covidpa-wrp .secpadd.secpadd6 .sec2 {
    display: flex;
    padding-top: 7rem
}

.covidpa-wrp .secpadd.secpadd6 .sec2 .sdet {
    flex: 1;
    text-align: center
}

.covidpa-wrp .secpadd.secpadd6 .sec2 .sdet p {
    margin-top: 4rem;
    line-height: 1.2;
    font-style: italic
}

.corporate-wrap .secpadd.secpadd6 .sewrap img {
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.csr-activity .csr-activity-det {
    padding-bottom: 4vh;
    margin-top: 3rem
}

.csr-activity .csr-activity-det .phhe {
    margin-bottom: 10px
}

.csr-activity .csr-activity-det h1 {
    color: hsl(210deg 100% 25%);
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 10px;
    margin-bottom: 3rem;
    position: relative;
    font-style: italic;
    display: inline-block;
    border-bottom: 2px solid hsl(58deg 83% 63%)
}

.csr-activity .csr-activity-det h2 {
    margin: 0
}

.csr-activity .csr-activity-det .csrdate {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: #50a9ea
}

.csr-activity .csr-activity-det .csrdet .pull-none {
    text-align: center
}

.csr-activity .csr-activity-det .csrdet img {
    -webkit-clip-path: polygon(13% 0,100% 0,88% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,88% 100%,0 100%)
}

.csr-activity .csr-activity-det .othercsr {
    display: flex
}

.csr-activity .csr-activity-det h4 {
    color: hsl(210deg 100% 25%)
}

.csr-activity .csr-activity-det .othercsr .item {
    flex: .25;
    margin: 2px
}

.csr-activity .csr-activity-det .othercsr .item .bgsewim {
    text-align: center
}

.csr-activity .csr-activity-det .othercsr .item h2 {
    margin-top: 0;
    color: hsl(211deg 98% 25%);
    font-size: 17px;
    line-height: 1.3
}

.csr-activity .csr-activity-det .othercsr .item .ocsdate {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    color: hsl(205deg 79% 62%);
    margin-top: 5px
}

.csr-activity .csr-activity-det .othercsr .item img {
    -webkit-clip-path: polygon(13% 0,100% 0,88% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,88% 100%,0 100%)
}

.what-we-do .what-we-do-det {
    padding-bottom: 4vh
}

.what-we-do .what-we-do-det .phhe {
    margin-bottom: 10px
}

.what-we-do .what-we-do-det h1 {
    color: hsl(210deg 100% 25%);
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
    font-style: italic;
    display: inline-block;
}

.what-we-do .what-we-do-det h2 {
    margin: 0
}

.what-we-do .what-we-do-det .csrdate {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    color: #50a9ea
}

.what-we-do .what-we-do-det .csrdet img {
    -webkit-clip-path: polygon(13% 0,100% 0,88% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,88% 100%,0 100%)
}

.what-we-do .what-we-do-det .othercsr {
    display: flex
}

.what-we-do .what-we-do-det .othercsr .item {
    flex: .25;
    margin: 2px
}

.what-we-do .what-we-do-det .othercsr .item .bgsewim {
    text-align: center
}

.what-we-do .what-we-do-det .othercsr .item h2 {
    font-size: 20px;
    margin-top: 10px
}

.what-we-do .what-we-do-det .othercsr .item .ocsdate {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    color: hsl(205deg 79% 62%);
    top: -7px
}

.what-we-do .what-we-do-det .othercsr .item img {
    -webkit-clip-path: polygon(13% 0,100% 0,88% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,88% 100%,0 100%)
}

.what-we-do .what-we-do-dett .csrdet img {
    -webkit-clip-path: polygon(13% 0,100% 0,88% 100%,0 100%);
    clip-path: polygon(13% 0,100% 0,88% 100%,0 100%)
}

.our-concept .our-concept-det {
    padding-bottom: 4vh;
    padding-top: 4rem
}

.our-concept .our-concept-det .phhe {
    margin-bottom: 10px
}

.our-concept .our-concept-det h1 {
    color: hsl(210deg 100% 25%);
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 10px;
    margin-bottom: 3rem;
    position: relative;
    font-style: italic;
    display: inline-block;
    border-bottom: 2px solid hsl(58deg 83% 63%)
}

.our-concept .our-concept-det h2 {
    margin: 0
}

.our-concept .our-concept-det .contop {
    position: relative
}

.our-concept .our-concept-det .conceptdet img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.our-concept .our-concept-det .concptgal {
    margin-top: 5rem
}

.our-concept .our-concept-det .othercsr {
    display: flex
}

.our-concept .our-concept-det .othercsr .item {
    flex: .25;
    margin: 2px
}

.our-concept .our-concept-det .othercsr .item .bgsewim {
    text-align: center
}

.our-concept .our-concept-det .othercsr .item h2 {
    font-size: 20px;
    margin-top: 10px
}

.our-concept .our-concept-det .othercsr .item .ocsdate {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    color: hsl(205deg 79% 62%);
    top: -7px
}

.our-concept .our-concept-det .item img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.our-concept .our-concept-det .csrdet img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.our-concept .our-concept-det .owl-controls .owl-nav {
    position: absolute;
    top: 1vh;
    right: 12vh
}

.our-concept .our-concept-det .owl-controls .owl-nav button {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(0deg 0% 92%);
    margin: 0 4px
}

.our-concept .our-concept-det .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.our-concept .our-concept-det .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.our-concept .our-concept-det .owl-controls .owl-nav button.owl-next {
    left: 0
}

.our-concept .our-concept-det .owl-controls .owl-dots .owl-dot {
    cursor: pointer;
    background: hsl(0deg 0% 0%/0%);
    border: none;
    outline: 0
}

.our-concept .our-concept-det .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 5rem
}

.our-concept .our-concept-det .owl-controls .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 hsl(58deg 83% 63%)
}

.our-concept .our-concept-det .owl-theme .owl-dots .owl-dot.active span,.our-concept .our-concept-det .owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 hsl(58deg 83% 63%)
}

.gmaplistwrap {
    margin-top: 4rem
}

.gmaplistwrap .gridmnl {
}

.gmaplistwrap .gridmnl .dropdown {
}

.gmaplistwrap .gridmnl .gmapn {
}

.gmaplistwrap .gridmnl .gmapn .shopdet {
}

.gmaplistwrap .gridmnl .gmapn .shopdet img {
}

.gmaplistwrap .gridmnl .gmapn .shopdet h3 {
    font-size: 16px;
    margin-bottom: 0
}

.gmaplistwrap .gridmnl .gmapn .shopdet h4 {
    font-size: 15px;
    margin-top: 0
}

.gmapn {
    width: auto;
    height: 480px
}

.mnbtbvk {
}

.mnbtbvk a {
    color: hsl(210deg 100% 25%);
    font-size: 15px;
    font-weight: 700;
    padding: 13px 0
}

.btnck {
    position: absolute;
    right: 4rem;
    top: 21%
}

.btnck ul {
}

.btnck ul li {
}

.btnck ul li a {
    background: hsl(58deg 83% 63%);
    padding: 10px;
    display: block;
    width: 120px;
    text-align: center;
    color: hsl(211deg 98% 25%);
    -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    margin-left: 5px;
    font-size: 13px;
    border: none;
    outline: 0;
    border-radius: unset
}

.btnck ul li a:hover {
    background-color: hsl(58deg 92% 70%)
}

.btnck ul li.next a:after {
    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;
    content: "\f105"
}

.btnck ul li.previous a:before {
    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;
    content: "\f104"
}

.btnck a {
    color: hsl(210deg 100% 25%);
    font-size: 15px;
    font-weight: 700
}

.btnck a span {
    font-size: 14px;
    margin-right: 9px
}

.latest-news-press-releases h1 {
    color: hsl(210deg 100% 25%);
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 5px;
    margin-bottom: 3rem;
    position: relative;
    font-style: italic;
    display: inline-block;
    border-bottom: 2px solid hsl(58deg 83% 63%)
}

.latest-news-press-releases .content-categorylatest-news-press-releases {
    margin-bottom: 20px
}

.latest-news-press-releases .content-categorylatest-news-press-releases fieldset {
    border: none
}

.latest-news-press-releases .content-categorylatest-news-press-releases fieldset .btn-group {
}

.latest-news-press-releases .content-categorylatest-news-press-releases .table .cat-list-row {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid hsl(0deg 0% 88%)
}

.latest-news-press-releases .content-categorylatest-news-press-releases .table .cat-list-row .list-title {
    flex: .325;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    margin-right: 4rem
}

.latest-news-press-releases .content-categorylatest-news-press-releases .table .cat-list-row .catr-det {
    flex: 1
}

.latest-news-press-releases .content-categorylatest-news-press-releases .table .cat-list-row .catr-det h3 {
    margin-top: 0;
    font-size: 20px
}

.latest-news-press-releases .latest-news-press-releases-det {
    margin-bottom: 5rem
}

.latest-news-press-releases .latest-news-press-releases-det h3 {
    font-size: 18px
}

.latest-news-press-releases .latest-news-press-releases-det h2 {
    margin-top: 0
}

.latest-news-press-releases .latest-news-press-releases-det p {
}

.latest-news-press-releases .latest-news-press-releases-det .reflink a {
    margin-bottom: 10px;
    display: block;
    color: hsl(0deg 0% 18%);
    text-decoration: underline
}

.latest-news-press-releases .latest-news-press-releases-det .item img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.latest-news-press-releases .latest-news-press-releases-det .csrdet img {
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-nav {
    position: absolute;
    top: 1vh;
    right: 12vh
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-nav button {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(0deg 0% 92%);
    margin: 0 4px
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-nav button.owl-next {
    left: 0
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-dots .owl-dot {
    cursor: pointer;
    background: hsl(0deg 0% 0%/0%);
    border: none;
    outline: 0
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 5rem
}

.latest-news-press-releases .latest-news-press-releases-det .owl-controls .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 hsl(58deg 83% 63%)
}

.latest-news-press-releases .latest-news-press-releases-det .owl-theme .owl-dots .owl-dot.active span,.latest-news-press-releases .latest-news-press-releases-det .owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 hsl(58deg 83% 63%)
}

.latest-news-press-releases .latest-news-press-releases-det .lnewstop .phhe {
    margin-bottom: 10px
}

.latest-news-press-releases .latest-news-press-releases-det .lnewstop .date {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: hsl(205deg 79% 62%)
}

.latest-news-press-releases .latest-news-press-releases-det .item-image img {
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.retaildetails .header-main {
    border-bottom: 1px solid hsl(0deg 0% 95%)
}

.retail-wrap .page-header .header-title {
    background-image: url(../images/retail/backgrndTop-retail2.jpg)
}

.retail .page-header .header-title .bgckhedgrnd {
    background-color: hsl(0deg 0% 0%/45%);
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,85% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,85% 100%,0 100%)
}

.retail .page-header .header-title .ptop .pdet {
    width: 45%
}

.retail-wrap .secpadd {
    padding: 4rem 0
}

.retail-wrap .secpadd.bgkcg {
    background-image: url(../images/retail/retail-tria-bckgrnd.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat
}

.retail-wrap .secpadd .container {
    padding-bottom: 2vh
}

.retail-wrap .secpadd .slid1wrp .retailslide1 .item {
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
}

.retail-wrap .secpadd .slid1wrp .retailslide1 .item img {
    margin: 0 auto;
    width: 100%
}

.retail-wrap .secpadd .slid1wrp .retailslide1 .owl-dots {
    position: relative;
    z-index: 3;
    top: -50px;
    text-align: center
}

.retail-wrap .secpadd .slid1wrp .retailslide1 .owl-dots button {
    outline: 0
}

.retail-wrap .secpadd .slid1wrp .retailslide1 .owl-dots button span {
    width: 14px;
    height: 14px;
    border: none;
    background: none repeat scroll 0 0 hsl(0deg 0% 97%)
}

.retail-wrap .secpadd .slid1wrp .retailslide1 .owl-dots button.active span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

.retail-wrap .secpadd .recontop {
    position: relative;
    top: -32px;
    z-index: 33
}

.retail-wrap .secpadd .recontop .tabbox {
    display: flex;
    position: relative;
    left: -7px
}

.retail-wrap .secpadd .recontop .tabbox .top {
    flex: .3155;
    text-align: center;
    position: relative
}

.retail-wrap .secpadd .recontop .tabbox #tab1 span {
    -webkit-clip-path: polygon(2% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(2% 0,100% 0,100% 100%,0 100%)
}

.retail-wrap .secpadd .recontop .tabbox #tab3 span {
    -webkit-clip-path: polygon(2.1% 0,100% 0,98% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,98% 100%,0 100%)
}

.retail-wrap .secpadd .recontop .tabbox .top span {
    padding: 20px 0;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 1em;
    color: hsl(0deg 0% 99%);
    transition: all .5s ease-in-out;
    font-weight: 500;
    width: 100%;
    background-color: hsl(211deg 98% 25%);
    border-right: 1px solid hsl(211deg 7% 42%)
}

.retail-wrap .secpadd .recontop .tabbox .top span:after {
    transition: all .5s;
    position: absolute;
    top: 23px;
    right: 120px;
    content: "";
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: hsl(0deg 0% 100%);
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.retail-wrap .secpadd .recontop .tabbox .top.active span:after {
    top: 29px;
    transform: rotate(-135deg)
}

.retail-wrap .secpadd .recontop .tabbox .top:last-child span {
    border-right: none
}

.retail-wrap .secpadd .recontop .coptabdetail {
    padding-top: 7rem
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
    position: relative;
    padding: 30px 126px 20px 10px
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail .row .col-md-6:last-child {
    padding-left: 4rem
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail h3 {
    color: #044a87;
    font-style: italic;
    font-size: 25px
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
    position: absolute;
    cursor: pointer;
    background-color: hsl(0deg 0% 100%);
    border: 1px solid hsl(0deg 64% 71%);
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    right: 35px;
    padding: 20px;
    top: 50px
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn span {
    position: absolute;
    font-size: 42px;
    left: 14px;
    top: -16px;
    color: hsl(0deg 64% 71%);
    font-weight: unset
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg {
    position: relative
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg:after {
    content: '';
    position: absolute;
    background-color: #efe850;
    width: 150px;
    height: 18rem;
    right: 0;
    bottom: -3rem;
    z-index: 1;
    opacity: .7;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg img {
    -webkit-clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
}

.retail-wrap .secpadd .recontop .coptabdetail .tabdetail p a {
    text-decoration: underline;
    color: hsl(208deg 96% 27%)
}

.retail-wrap .secpadd.secpadne {
    background-image: url(../images/retail/retail-contn-newhs.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12vh 0;
    position: relative;
    background-position-y: center
}

.retail-wrap .secpadd.secpadne:after {
    content: "";
    position: absolute;
    background-color: #023e7e;
    width: 150px;
    height: 18rem;
    left: 0;
    bottom: -3rem;
    z-index: 1;
    -webkit-clip-path: polygon(0 0,59% 5%,100% 99%,0 100%);
    clip-path: polygon(0 0,59% 5%,100% 99%,0 100%)
}

.retail-wrap .secpadd.secpadne .padne-det {
    text-align: center
}

.retail-wrap .secpadd.secpadne .padne-det h3 {
    color: #efe850;
    font-size: 40px;
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.retail-wrap .secpadd.secpadne .padne-det h3.pwhi {
    color: #fff;
    position: relative;
    font-weight: 200
}

.retail-wrap .secpadd.secpadne .padne-det .shline {
    background-color: hsl(57deg 83% 63%);
    display: inline-block;
    width: 7%;
    height: 10px;
    margin: 3rem 0
}

.retail-wrap .secpadd.secpadne .padne-det p {
    color: #fff;
    font-size: 18px;
    width: 72%;
    margin: 0 auto
}

.retail-wrap .secpadd2 {
    padding: 5vh 0;
    background-image: url(../images/retail/retail-tria-bckgrnd.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat
}

.retail-wrap .secpadd2 .phhe {
    position: relative;
    margin-bottom: 3vh;
    text-align: center
}

.retail-wrap .secpadd2 .phhe h2 {
    color: #004080;
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic;
    display: inline-block
}

.retail-wrap .secpadd3 {
    padding: 8vh 0;
    background-color: #fcfcfc;
    background-image: url(../images/retail/retail-contn-services.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.retail-wrap .secpadd3.secpservdet {
    padding: 3vh 0;
    background-image: none;
    position: relative
}

.retail-wrap .secpadd3 .phhe {
    position: relative;
    margin-bottom: 3vh;
    text-align: center
}

.retail-wrap .secpadd3 .phhe h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic;
    display: inline-block
}

.retail-wrap .secpadd2 .phhe h2,.retail-wrap .secpadd3 .phhe h2 {
    text-transform: unset
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 {
    display: flex
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top {
    flex: 1;
    position: relative;
    transition: all .5s ease;
    cursor: pointer;
    border-right: 1px solid hsl(0deg 0% 100%/29%)
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top:after {
    transition: all .5s;
    position: absolute;
    bottom: 1rem;
    left: 48%;
    content: ""
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 #stab5 {
    border-right: none
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top {
    text-align: center;
    display: block;
    color: #fff;
    padding: 0 20px;
    position: relative;
    top: 0;
    transition: all .5s ease
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top img {
    opacity: 1;
    width: 80px;
    margin: 0 auto;
    transition: all .5s ease;
    position: relative;
    top: 0
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top:hover .serv-top img {
    top: 10px
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top h3 {
    color: #fff;
    font-size: 18px
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top .shline {
    background-color: hsl(57deg 83% 63%);
    display: inline-block;
    width: 7%;
    height: 2px;
    margin: 1rem 0
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    opacity: 1;
    transition: all .3s ease-in-out
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top a {
    margin: 0 auto
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active {
    cursor: inherit;
    transition: all .5s ease-in-out
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top.active .serv-top {
    top: 4rem
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active a {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active p {
    opacity: 0
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active h3 {
    color: #efe950
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active img {
    filter: sepia() saturate(10000%) hue-rotate(350deg);
    opacity: .8;
    top: 0
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active:after {
    box-sizing: border-box;
    height: 1vw;
    width: 1vw;
    border-style: solid;
    border-color: hsl(57deg 83% 63%);
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active .shline {
    opacity: 0
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top img {
    opacity: .3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
    height: auto
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top span {
    position: absolute;
    top: 50%;
    left: 91%;
    transform: translate(-91%,-50%);
    font-size: 1em;
    color: hsl(0deg 0% 100%);
    text-shadow: 2px 2px 2px #2d2d2d;
    transition: all .5s ease-in-out;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 0 30px;
    line-height: 23px;
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top.active span {
    top: 52%
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top span:after {
    transition: all .5s;
    position: absolute;
    bottom: -3vh;
    left: 44%;
    content: ""
}

.retail-wrap .secpadd3 .recontop2 .tabbox2 .top.active span:after {
    box-sizing: border-box;
    height: 1vw;
    width: 1vw;
    border-style: solid;
    border-color: hsl(0deg 0% 100%);
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail {
    padding: 0 4vw
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
    position: relative;
    padding: 30px 0
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl {
    display: flex
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl h3 {
    margin: 0 2vw;
    flex: .325
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl .splt {
    margin-top: 2px;
    flex: .6
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl .splt p {
    color: #000
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .abclsbtn2 {
    position: absolute;
    cursor: pointer;
    background-color: hsl(0deg 0% 100%);
    border: 1px solid hsl(0deg 64% 71%);
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    right: 35px;
    padding: 20px;
    top: 50px
}

.retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .abclsbtn2 span {
    position: absolute;
    font-size: 42px;
    left: 14px;
    top: -16px;
    color: hsl(0deg 64% 71%);
    font-weight: unset
}

.retail-wrap .secpadd4 {
    background: url(../images/bggg.png) center repeat
}

.retail-wrap .secpadd4 .container {
    border-top: 1px solid hsl(0deg 0% 83%);
    padding-top: 2vh
}

.retail-wrap .secpadd4 .phhe {
    position: relative;
    margin-bottom: 3vh;
    text-align: center
}

.retail-wrap .secpadd4 .phhe h2 {
    color: hsl(0deg 0% 13%);
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic;
    display: inline-block
}

.retail-wrap .secpadd4 .phhe h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: hsl(205deg 79% 62%)
}

.retail-det-wrap .phhe h2 {
    font-size: 2.25em;
    color: hsl(211deg 98% 25%);
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: Rubik,sans-serif
}

.retail-det-wrap .secpadd {
    padding-top: 1vh
}

.retail-det-wrap .secpadd .retdetop .calb {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right
}

.retail-det-wrap .secpadd .retdetop .calb .web a {
    color: hsl(211deg 98% 25%)
}

.retail-det-wrap .secpadd .retdetop .calb .cals span {
    color: hsl(196deg 61% 62%)
}

.retail-det-wrap .secpadd .retdemain {
    display: inline-block;
    border: none;
    background-color: hsl(0deg 0% 97%)
}

.retail-det-wrap .secpadd .retdemain .detp {
    padding: 4vh 8vh;
    position: relative
}

.retail-det-wrap .secpadd .retdemain .detp p {
    color: hsl(0deg 0% 40%);
    margin-bottom: 15px
}

.retail-det-wrap .secpadd .retdemain .adownld {
    margin-top: 7vh
}

.retail-det-wrap .secpadd .retdemain .adownld a {
    padding: 20px;
    background-color: hsl(58deg 83% 63%);
    color: hsl(211deg 98% 25%);
    font-size: 13px;
    -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
}

.retail-det-wrap .secpadd2 {
    border-bottom: 1px solid hsl(0deg 0% 95%)
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly {
    margin: 0 auto;
    width: 100%;
    display: inline-block
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg a {
    position: relative;
    display: block
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg a img {
    width: 100%
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg a i {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 3rem;
    color: hsl(211deg 98% 25%);
    text-shadow: 2px 2px 2px #484848;
    border: 1px solid hsl(211deg 98% 25%);
    border-radius: 50%;
    padding: 17px
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg a i:before {
    position: relative;
    left: 4px;
    top: -1px
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.largimg {
    width: 66%;
    float: left;
    position: relative;
    overflow: hidden
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.largimg i {
    top: 28vh
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.smalimg {
    width: 33%;
    float: left;
    overflow: hidden
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.smalimg i {
    top: 13.5vh;
    font-size: 2rem
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.smalimg a i:before {
    left: 2px
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .owl-dots {
    text-align: center
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .owl-dots button {
    outline: 0
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .owl-dots button span {
    width: 14px;
    height: 14px;
    border: none
}

.retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .owl-dots button.active span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

.retail-wrap .secpadd2 .phhe h2,.retail-wrap .secpadd3 .phhe h2 {
    font-size: 30px
}

.retail-wrap .secpadd3 .owlnavgcsr {
    position: absolute;
    bottom: 17px;
    right: 0;
    display: none
}

.retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button {
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(0deg 0% 92%);
    margin: 0 4px
}

.retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button:hover {
    background: #004080
}

.retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button:focus {
    outline: 0
}

.retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button span {
    color: #fff;
    font-weight: 800;
    font-size: 30px
}

.retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button:hover span {
    color: #fff
}

.distribution .page-header .header-title .bgckhedgrnd {
    background-color: hsl(0deg 0% 0%/45%);
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.distribution .page-header .header-title .ptop .pdet {
    width: 45%
}

.distribution-wrap .page-header .header-title {
    background-image: url(../images/distribution/backgrndTop-distrib.jpg)
}

.distribution-wrap .secpadd.bgkcg {
    background-image: url(../images/retail/retail-tria-bckgrnd.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat
}

.distribution-wrap .rigtsec .rightblue {
    padding: 23rem 5rem 16rem 10rem;
    text-align: center;
    background: 0 0
}

.distribution-wrap .rigtsec .rightblue:after {
    content: '';
    border-top: 2px solid #efe950;
    width: 50%;
    display: inline-block;
    margin: 0 auto
}

.distribution-wrap .page-header .owl-carousel .owl-stage-outer {
    overflow: unset
}

.distribution-wrap .secpadd {
}

.distribution-wrap .secpadd .distris {
    display: none
}

.distribution-wrap .secpadd .distris .owl-controls .owl-nav {
    position: relative;
    top: 0;
    right: 0
}

.distribution-wrap .secpadd .distris .owl-controls .owl-nav button {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(211deg 44% 29%);
    margin: 0 4px
}

.distribution-wrap .secpadd .distris .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.distribution-wrap .secpadd .distris .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.distribution-wrap .secpadd .distris .owl-controls .owl-nav button.owl-next {
    left: 0
}

.distribution-wrap .secpadd .container {
    padding-bottom: 2vh
}

.distribution-wrap .secpadd .recontop {
    position: relative;
    top: -32px;
    z-index: 33
}

.distribution-wrap .secpadd .recontop .coptabdetail {
    padding-top: 7rem
}

.distribution-wrap .secpadd .recontop .coptabdetail .gsec {
    margin-top: 4rem;
    transition: all .5s ease-in-out
}

.distribution-wrap .secpadd .recontop .coptabdetail .gsec.shom {
    margin-top: 0
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail {
    position: relative;
    padding: 0;
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg {
    position: relative
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg img {
    -webkit-clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 18rem;
    right: 0;
    bottom: -3rem;
    z-index: 1;
    opacity: .7;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .row .col-md-6:last-child {
    padding-left: 4rem
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail h3 {
    color: hsl(208deg 94% 27%);
    font-style: italic
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail h4 {
    color: hsl(210deg 100% 25%);
    font-size: 25px;
    font-style: italic;
    margin-top: 0
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .skewbutton {
    width: 160px;
    margin-top: 20px;
    margin-left: 0;
    transition: unset
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .rdbmohi {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .rdbmosho {
    opacity: 1;
    position: relative;
    visibility: visible
}

.distribution-wrap .secpadd .logis {
    display: none
}

.distribution-wrap .secpadd .logis .owl-controls .owl-nav {
    position: relative;
    top: 0;
    right: 0
}

.distribution-wrap .secpadd .logis .owl-controls .owl-nav button {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: none;
    width: 50px;
    height: 50px;
    background: hsl(211deg 44% 29%);
    margin: 0 4px
}

.distribution-wrap .secpadd .logis .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.distribution-wrap .secpadd .logis .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.distribution-wrap .secpadd .logis .owl-controls .owl-nav button.owl-next {
    left: 0
}

.morecontent span {
    display: none
}

.comment {
    width: 400px;
    background-color: #f0f0f0;
    margin: 10px
}

.distribution-wrap .secpadd .recontop33 {
    margin-top: 2vh
}

.distribution-wrap .secpadd .recontop33 .tabbox33 {
    position: relative;
    z-index: 99
}

.distribution-wrap .secpadd .recontop33 .tabbox33 .top {
    text-align: center;
    position: relative;
    padding: 20px 0;
    cursor: pointer;
    border: 1px solid hsl(0deg 0% 85%);
    border-right: none
}

.distribution-wrap .secpadd .recontop33 .owl-item:last-child .top {
    border-right: 1px solid hsl(0deg 0% 85%)
}

.distribution-wrap .secpadd .recontop33 .tabbox33 .top.active {
    border-bottom: none
}

.distribution-wrap .secpadd .recontop33 .tabbox33 .top span {
    font-size: 1em;
    color: hsl(0deg 0% 13%);
    transition: all .5s ease-in-out;
    font-weight: 500;
    width: 100%
}

.distribution-wrap .secpadd .recontop33 .tabbox33 .top.active span {
    color: hsl(211deg 98% 25%);
    border-bottom: none
}

.distribution-wrap .secpadd .recontop33 .tabbox33 .top span:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -1px
}

.distribution-wrap .secpadd .recontop33 .tabbox33 .top.active span:before {
    border-bottom: 2px solid
}

.distribution-wrap .secpadd .recontop33 .owl-dots {
    position: relative;
    z-index: 3;
    text-align: center
}

.distribution-wrap .secpadd .recontop33 .owl-dots button {
    outline: 0
}

.distribution-wrap .secpadd .recontop33 .owl-dots button span {
    width: 14px;
    height: 14px;
    border: none;
    background: none repeat scroll 0 0 hsl(0deg 0% 89%)
}

.distribution-wrap .secpadd .recontop33 .owl-dots button.active span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

.distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail {
    position: relative;
    padding: 34px 0 20px;
    font-size: 15px
}

.distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail h4 {
    padding-bottom: 2vh;
    color: #004080
}

.distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail .abclsbtn {
    position: absolute;
    cursor: pointer;
    background-color: hsl(0deg 0% 100%);
    border: 1px solid hsl(0deg 64% 71%);
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    right: 35px;
    padding: 20px;
    top: 36px
}

.distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail .abclsbtn span {
    position: absolute;
    font-size: 42px;
    left: 14px;
    top: -16px;
    color: hsl(0deg 64% 71%);
    font-weight: unset
}

.distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail img {
    margin-top: 8vh;
    box-shadow: 1px 7px 10px 0 rgb(117 117 117/75%);
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.distribution-wrap .secpadd2 {
    padding: 9rem 0 6rem;
    background-image: url(../images/distribution/brandbackgnd.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.distribution-wrap .secpadd2 .slick .slick-slide div {
    float: left
}

.distribution-wrap .secpadd2 .ntd.carousel--distribution {
    padding-bottom: 5vh
}

.distribution-wrap .secpadd2 .sub-filter,.distribution-wrap .secpadd2 .wrapFilter--distribution {
    text-align: center
}

.distribution-wrap .secpadd2 .sub-filter {
    margin-top: 3vh
}

.distribution-wrap .secpadd2 .pager-list .pager {
    width: 40px;
    height: 40px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    border: 1px solid hsl(211deg 98% 25%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    cursor: pointer;
    background: #003e7e;
    outline: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 8
}

.distribution-wrap .secpadd2 .pager-list .pager.next {
    right: 0;
    left: auto
}

.distribution-wrap .secpadd2 .pager-list .pager span {
    position: relative
}

.distribution-wrap .secpadd2 .pager-list .pager.prev span {
    left: 3px
}

.distribution-wrap .secpadd2 .pager-list .pager.next span {
    left: 4px
}

.ios .distribution-wrap .secpadd2 .pager-list .pager.prev span {
    transform: translateX(8px)
}

.ios .distribution-wrap .secpadd2 .pager-list .pager.next span {
    transform: translateX(8px)
}

.distribution-wrap .secpadd2 .pager-list .pager.disabled {
    opacity: .5
}

.distribution-wrap .secpadd2 .pager-list .page-number-list .pager {
    width: 35px;
    height: 35px;
    border: 1px solid hsl(0deg 0% 100%);
    background: 0 0
}

.distribution-wrap .secpadd2 .pager-list .page-number-list .page-number {
    position: relative;
    float: left;
    margin: 0 3px
}

.distribution-wrap .secpadd2 .pager-list .page-number-list .page-number span {
    display: block;
    text-indent: 1px;
    color: #fff;
    font-size: 12px
}

.distribution-wrap .secpadd2 .pager-list .page-number-list .pager.active {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%);
    border: 1px solid #013e7e
}

.distribution-det-wrap .phhe h2 {
    font-size: 2.25em;
    color: hsl(211deg 98% 25%);
    margin-top: 20px;
    margin-bottom: 20px
}

.distribution-det-wrap .phhe p {
    font-size: 13px
}

.distribution-det-wrap .secpadd .sectop {
    background-image: url(../images/distribution/bgbranditem.jpg);
    background-size: cover;
    padding: 4rem 0;
    text-align: center
}

#page .distribution-det-wrap .secpadd .sectop h2 {
    margin: 0;
    color: #fff;
    font-weight: unset;
    line-height: 1
}

.distribution-det-wrap .secpadd .sectop .categl {
    text-align: center;
    line-height: unset
}

.distribution-det-wrap .secpadd .sectop .categl .fields-container {
    margin-bottom: 0
}

.distribution-det-wrap .secpadd .sectop .categl .fields-container span {
    color: #fff
}

.distribution-det-wrap .secpadd .categl {
    text-align: right;
    line-height: 5
}

.distribution-det-wrap .secpadd .categl .fields-container {
    display: inline-block
}

.distribution-det-wrap .secpadd .categl .field-entry,.distribution-det-wrap .secpadd .categl span {
    font-size: 13px;
    border-right: 1px solid #666;
    margin-right: 4px;
    padding-right: 4px;
    display: inline-block;
    text-transform: uppercase
}

.distribution-det-wrap .secpadd .categl .field-entry:last-child,.distribution-det-wrap .secpadd .categl span:last-child {
    border-right: none;
    margin-right: 0
}

.distribution-det-wrap .secpadd .distridet {
    display: inline-block;
    border: none
}

.distribution-det-wrap .secpadd .distridet .detp {
    padding: 7vh 8vh;
    position: relative;
    min-height: 39vh
}

.distribution-det-wrap .secpadd2 {
    border-bottom: 1px solid hsl(0deg 0% 95%);
    padding-top: 0;
    background-image: url(../images/distribution/bgbranditem_2.jpg);
    background-size: cover;
    padding: 6rem 0
}

.distribution-det-wrap .secpadd2 .distridet {
    display: block;
    overflow: auto;
    width: 100%
}

.distribution-det-wrap .secpadd2 .distridet h4 {
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 3vh
}

.distribution-det-wrap .secpadd2 .distridet .col-md-6 {
    padding: 30px 45px 45px;
    border-right: 1px solid #e2e2e2;
    display: inline-block
}

.distribution-det-wrap .secpadd2 .distridet .col-md-6:last-child {
    border-right: none
}

.distribution-det-wrap .secpadd2 .distridet .disrbrndlog {
    display: flex
}

.distribution-det-wrap .secpadd2 .distridet .disrbrndlog .brnd {
    flex: .325
}

.distribution-det-wrap .secpadd2 .distridet .disrbrndlog .brnd:hover {
    opacity: .6
}

.distribution-det-wrap .secpadd2 .distridet .disrbrndlog .brnd img {
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.distribution-wrap .secpadd2 .rigtsec .rightblue {
    text-align: center
}

.distribution-wrap .secpadd2 .rigtsec .fh-section-title h2 {
    text-align: center;
    margin-bottom: 10px
}

.distribution-wrap .secpadd2 .rigtsec .rightblue h2,.distribution-wrap .secpadd2 .rigtsec .rightblue p {
    color: #fff
}

.distribution-wrap .secpadd2 .rigtsec .rightblue:after {
    content: '';
    border-top: 2px solid hsl(58deg 83% 63%);
    width: 50%;
    display: inline-block;
    margin: 0 auto
}

.distribution-wrap .secpadd.secp3 {
    padding: 0
}

.distribution-wrap .secpadd.secp3 .row>div:first-child {
    padding: 6rem 0
}

.distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet {
    padding: 7rem 10rem
}

.distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet img {
    width: 120px
}

.distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet h3 {
    color: hsl(210deg 100% 25%);
    font-style: italic
}

.distribution-wrap .secpadd.secp3 .row>div:first-child .sehead {
    background-image: linear-gradient(to right top,hsl(214deg 100% 28%),hsl(213deg 85% 34%),hsl(212deg 74% 40%),hsl(210deg 64% 46%),hsl(209deg 62% 52%));
    -webkit-clip-path: polygon(0 0,100% 0,96% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,96% 100%,0 100%);
    padding: 2rem 6rem
}

.distribution-wrap .secpadd.secp3 .row>div:first-child .sehead h2 {
    color: #fefefe;
    font-family: work sans,sans-serif;
    font-size: 23px;
    font-style: italic;
    margin: 0
}

.distribution-wrap .secpadd.secp3 .row>div:last-child img {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 {
    display: flex
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top {
    flex: 1;
    position: relative;
    transition: all .5s ease;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top span {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-105%);
    font-size: 1.1em;
    color: hsl(0deg 0% 100%);
    transition: all .5s ease-in-out;
    font-style: italic;
    text-align: center;
    line-height: 1.2
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top a {
    position: relative;
    right: 22px;
    z-index: 222;
    bottom: 19px;
    margin: 0 0 0 auto;
    -webkit-clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    transition: all .3s ease-in-out;
    opacity: 1
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top:after {
    transition: all .5s;
    position: absolute;
    bottom: 7rem;
    left: 48%;
    content: ""
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top.active {
    transition: all .5s ease-in-out
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top.active a {
    opacity: 0
}

.distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top.active:after {
    box-sizing: border-box;
    height: 1vw;
    width: 1vw;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.distribution-wrap .secpadd.secp4 .recontop2 .coptabdetail {
    padding-top: 2rem
}

.distribution-wrap .secpadd.secp4 .recontop2 .coptabdetail .tabdetail2 {
    text-align: center
}


.home-wrap .secpadd.secp4 .recontop2 .tabbox2 {
    display: flex
}
.home-wrap .secpadd.secp4 .recontop2 .tabbox2 img{
	max-height:60px;
	width:auto;
	display:block;
	margin:auto;
	filter: grayscale(1);
}
.home-wrap .secpadd.secp4 .recontop2 .tabbox2 img:hover{
	filter: grayscale(0);
}
#logicustomNav{
	display:none;
}
.div-arrow-down:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -7px;
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background-color: white;
    border-bottom: 1px solid rgb(48,49,51);
    border-right: 1px solid rgb(48,49,51);
}

.div-tab-down:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% - 10px);
    width: 20px;
    height: 14px;
    background-color: white;
    border-bottom: 1px solid rgb(48,49,51);
    border-left: 1px solid rgb(48,49,51);
    border-right: 1px solid rgb(48,49,51);
    border-radius: 0 0 8px 8px;
}
.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top {
    flex: 1;
    position: relative;
    transition: all .5s ease;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top span {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-105%);
    font-size: 1.1em;
    color: hsl(0deg 0% 100%);
    transition: all .5s ease-in-out;
    font-style: italic;
    text-align: center;
    line-height: 1.2
}

.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top a {
    position: relative;
    right: 22px;
    z-index: 222;
    bottom: 19px;
    margin: 0 0 0 auto;
    -webkit-clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    transition: all .3s ease-in-out;
    opacity: 1
}

.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top:after {
    transition: all .5s;
    position: absolute;
    bottom: 7rem;
    left: 48%;
    content: ""
}

.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top.active {
    transition: all .5s ease-in-out
}

.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top.active a {
    opacity: 0
}

.home-wrap .secpadd.secp4 .recontop2 .tabbox2 .top.active:after {
    box-sizing: border-box;
    height: 1vw;
    width: 1vw;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.home-wrap .secpadd.secp4 .recontop2 .coptabdetail {
    padding-top: 2rem
}

.home-wrap .secpadd.secp4 .recontop2 .coptabdetail .tabdetail2 {
    text-align: center
}

.distribution-wrap .secpadd.secp5 {
    padding: 3rem 0 6rem;
    background-image: url(../images/distribution/Distribution-bluebg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.distribution-wrap .secpadd.secp5 .phhe {
    text-align: center;
    color: #fff;
    margin-bottom: 4rem
}

.distribution-wrap .secpadd.secp5 .phhe h2 {
    color: #fff;
    font-size: 30px
}

.distribution-wrap .secpadd.secp5 .casedet .item>.col-md-4 img {
    margin: 0 auto;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.distribution-wrap .secpadd.secp5 .casedet .item>.col-md-8 h3 {
    color: #fff;
    font-size: 25px
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-nav {
    top: 1vh;
    right: 12vh;
    display: none
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-nav button.owl-prev {
    left: -4.5vh
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-nav button span {
    color: hsl(0deg 0% 100%);
    font-weight: 800;
    font-size: 30px
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-nav button.owl-next {
    left: 0
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-dots .owl-dot {
    cursor: pointer;
    background: hsl(0deg 0% 0%/0%);
    border: none;
    outline: 0
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 5rem
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-dots .owl-dot {
    cursor: pointer;
    background: hsl(0deg 0% 0%/0%);
    border: none;
    outline: 0
}

.distribution-wrap .secpadd.secp5 .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 5rem;
    background: none repeat scroll 0 0 hsl(58deg 83% 62%)
}

.distribution-wrap .secpadd.secp6 {
    padding: 0;
    margin-bottom: 6rem
}

.distribution-wrap .secpadd.secp6 .se6-det {
    padding: 6rem 10rem
}

.distribution-wrap .secpadd.secp6 .se6-det h3 {
    font-size: 30px;
    font-style: italic;
    color: hsl(210deg 100% 25%)
}

.distribution-wrap .secpadd.secp6 .se6img {
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    background-position: center;
    height: 54rem
}

.distribution-wrap .secpadd.secp6 .se6img img {
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.distribution-wrap .secpadd.secp6 .row:first-child .se6img {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.distribution-wrap .secpadd.secp6 .row:first-child .se6img img {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    width: 100%
}

.distribution-wrap .secpadd.secp6 .row:last-child {
    display: flex;
    flex-direction: row-reverse
}

.distribution-wrap .secpadd.secp7 .flet-det {
    text-align: center;
    color: #fff
}

.distribution-wrap .secpadd.secp7 .flet-det h3 {
    font-size: 30px;
    font-style: italic;
    color: #fff;
    margin-top: 5px;
}

.distribution-wrap .secpadd.secp7 .flet-det img {
    margin: 0 auto;
    width: 100%
}

.distribution-wrap .secpadd.secp7 .flet-det img.respo {
    display: none
}

.distribution-wrap .secpadd.secp7 .flet-img {
    display: flex;
    margin-top: 4rem
}

.distribution-wrap .secpadd.secp7 .flet-img .fitem {
    text-align: center;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.distribution-wrap .secpadd.secp7 .flet-img .fitem img {
    box-shadow: 8px 2px 4px 0 rgb(0 0 0);
    margin-bottom: 1rem;
    background-color: hsl(0deg 0% 100%);
    padding: 32px
}

.distribution-wrap .secpadd.secp7 .flet-img .fitem h3 {
    color: #fff;
    font-size: 20px;
    font-family: inherit;
    margin: 0
}

.distribution-wrap .secpadd.secp7 .flet-img .fitem p {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: -7px
}

.ventures .page-header .header-title .bgckhedgrnd {
    background-color: hsl(0deg 0% 0%/45%);
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.ventures .page-header .header-title .ptop {
    padding: 0 3vh
}

.ventures .page-header .header-title .ptop .pdet {
    width: 45%
}

.ventures .page-header .header-title {
    background-image: url(../images/venture/backgrndTop-venture.jpg);
    padding: 8vh 0
}

.ventures .page-header .header-title .ptop {
    padding: 0 3vh
}

.ventures-wrap .secpadd {
    position: relative
}

.ventures-wrap .secpadd:after {
    content: '';
    width: 21%;
    height: 3px;
    background-color: hsl(58deg 83% 63%);
    display: block;
    text-align: center;
    margin: 4rem auto
}

.ventures-wrap .secpadd:last-child:after {
    background-color: transparent;
    margin: 2rem auto
}

.ventures-wrap .secpadd .ventop {
    background-color: hsl(0deg 0% 99%);
    display: inline-block;
    padding: 1rem 6rem;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    -webkit-clip-path: polygon(2.7% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(2.7% 0,100% 0,97% 100%,0 100%);
    left: 71px;
    width: 97%
}

.ventures-wrap .secp2 .ventop {
    left: 71px;
    width: 96%;
    -webkit-clip-path: polygon(1% 0,100% 0,98.1% 100%,0 100%);
    clip-path: polygon(1% 0,100% 0,98.1% 100%,0 100%)
}

.ventures-wrap .secpadd .ventwrap .colcus {
    width: 55.55%
}

.ventures-wrap .secpadd.secp2 .ventwrap {
    display: flex;
    flex-direction: row-reverse
}

.ventures-wrap .secpadd .vntidet {
    display: inline-block;
    padding: 3rem 7rem
}

.ventures-wrap .secpadd .vntidet .vtrtitlto {
    position: relative;
    margin-bottom: 20px
}

.ventures-wrap .secpadd .vntidet .vtrtitlto h5 {
    display: none
}

.ventures-wrap .secpadd.secp6 .vntidet .vtrtitlto h5,.ventures-wrap .secpadd.secp7 .vntidet .vtrtitlto h5 {
    display: block;
    font-size: 23px;
    color: #013e7e;
    margin: 0
}

.ventures-wrap .secpadd .vntidet .vtrtitlto a {
    position: absolute;
    right: 0;
    bottom: 10px;
    background: hsl(58deg 83% 63%);
    padding: 1rem 2rem;
    display: block;
    -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    font-size: 14px
}

.ventures-wrap .secpadd .vntidet p {
    color: hsl(0deg 0% 27%)
}

.ventures-wrap .secpadd .vntidet .vtrtitl {
    display: flex
}

.ventures-wrap .secpadd .vntidet .vtrtitl h5 {
    flex: 1;
    color: #004080
}

.ventures-wrap .secpadd .vntidet .vtrtitl a {
    flex: 1;
    text-align: right;
    line-height: 2.5;
    color: #013e7f
}

.ventures-wrap .secpadd .vntidetmn {
    -webkit-clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
}

.ventures-wrap .secpadd .vntidetmn .vimg {
    position: relative
}

.ventures-wrap .secpadd .vntidetmn .vimg img {
    width: 100%
}

.ventures-wrap .secpadd .venfdethe {
    position: absolute;
    bottom: 0;
    background-color: hsl(211deg 98% 25%);
    padding: 1vh 21vh;
    width: 100%;
    text-align: center;
    z-index: 33
}

.ventures-wrap .secpadd .venfdethe {
    position: relative;
    top: -32px
}

.ventures-wrap .secpadd .venfdethe:after {
    content: '';
    position: absolute;
    left: 48.5%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid hsl(211deg 98% 25%);
    clear: both;
    z-index: 3
}

.ventures-wrap .secpadd .venfdethe h4 {
    color: #fff;
    font-size: 16px
}

.ventures-wrap .secpadd .venfdethe p {
    color: #fff
}

.ventures-wrap .secpadd .venfdet {
    margin-top: 2rem;
    position: relative;
    left: -38px;
    background-image: linear-gradient(to right,hsl(208deg 74% 59%),hsl(210deg 62% 51%),hsl(211deg 68% 44%),hsl(213deg 80% 36%),hsl(214deg 100% 28%));
    display: inline-block;
    -webkit-clip-path: polygon(4% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
    flex-direction: row
}

.ventures-wrap .secpadd .venfdet .blckwrap {
    flex: 0 48%;
    height: auto;
    padding: 15px 0
}

.ventures-wrap .secpadd.secp6 .venfdet .blckwrap,.ventures-wrap .secpadd.secp7 .venfdet .blckwrap {
    flex: 0 32%;
    height: auto;
    padding: 15px 0
}

.ventures-wrap .secpadd.secp7 .venfdet .blckwrap {
    flex: 0 25%
}

.ventures-wrap .secpadd .venfdet.venfdetfull {
    display: none
}

.ventures-wrap .secpadd .venfdet .col-xs-4 {
    border-bottom: none;
    -webkit-clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    position: relative
}

.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(2),.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(5) {
    border-right: none;
    border-left: none
}

.ventures-wrap .secpadd .venfdet .blck {
    text-align: center;
    color: hsl(0deg 0% 27%);
    padding: 0
}

.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(4) .blck,.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(5) .blck,.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(6) .blck {
    padding: 2rem 0
}

.ventures-wrap .secpadd .venfdet .blck p {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.25
}

.ventures-wrap .secpadd .venfdet .blck p span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 15px
}

.ventures-wrap .secpadd .venfdet .blck p span img {
    width: 32px;
    margin-bottom: 1rem
}

.ventures-wrap .secpadd.secp6 .venfdet .blck p span img,.ventures-wrap .secpadd.secp7 .venfdet .blck p span img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(106%) contrast(101%)
}

.ventures-wrap .secpadd .venfdet .blck p span.mnad {
    display: inline-block;
    font-size: 1.5em;
    width: auto;
    color: hsl(57deg 84% 63%)
}

.ventures-wrap .secpadd .venfdet .blck p span:first-child {
    display: inline-block;
    font-size: 1.5em;
    width: auto;
    color: hsl(57deg 84% 63%)
}

.ventures-wrap .secpadd.secp2,.ventures-wrap .secpadd.secp4 {
    border-bottom: none
}

.ventures-wrap .secpadd.secp2 .venfdethe,.ventures-wrap .secpadd.secp3 .venfdethe {
    position: relative;
    top: -32px
}

.ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 68rem;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    background-position: center
}

.ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    background-position-x: center
}

.ventures-wrap .secpadd .slid1wrp .venturslide .owl-dots {
    position: relative;
    z-index: 3;
    top: -50px;
    text-align: center
}

.ventures-wrap .secpadd .slid1wrp .venturslide .owl-dots button {
    outline: 0
}

.ventures-wrap .secpadd .slid1wrp .venturslide .owl-dots button span {
    width: 14px;
    height: 14px;
    border: none;
    background: none repeat scroll 0 0 hsl(0deg 0% 97%)
}

.ventures-wrap .secpadd .slid1wrp .venturslide .owl-dots button.active span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

.ventures-wrap .breaklin {
    padding: 3rem 0;
    background-image: url(../images/venture/backgrndmid-ventbr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -6px;
    position: relative;
    z-index: 111
}

.ventures-wrap .breaklin .brtitle {
    margin-left: 12rem;
    margin-top: 10px
}

.ventures-wrap .breaklin .brtitle h3 {
    color: hsl(57deg 83% 63%);
    font-size: 40px;
    margin: 0;
    padding: 0;
    font-style: italic
}

.ventures-wrap .breaklin .brtitle h3:last-child {
    color: hsl(0deg 0% 100%);
    position: relative;
    top: -18px;
    font-weight: 200;
}

.ventures-wrap .secpadd.secp2 .venfdet,.ventures-wrap .secpadd.secp3 .venfdet,.ventures-wrap .secpadd.secp4 .venfdet {
    margin-top: 2rem
}

.ventures-wrap .secpadd.secp2 .venfdet {
    left: -34px
}

.ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(odd) {
    background-color: transparent
}

.ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(6) {
    left: -24px
}

.ventures-wrap .secpadd.secp3 .vntidet {
    margin-top: 0
}

.ventures-wrap .secpadd.secp3 .venfdet {
    padding: 20px
}

.ventures-wrap .secpadd.secp3 .venfdet .blckwrap {
}

.ventures-wrap .secpadd.secp3 .venfdet .col-xs-4 {
    -webkit-clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(3% 0,100% 0,97% 100%,0 100%)
}

.ventures-wrap .secpadd.secp3 .venfdet .blck p span:first-child {
}

.ventures-wrap .secpadd.secp4 .ventwrap {
    display: flex;
    flex-direction: row-reverse
}

.ventures-wrap .secpadd.secp4 .slid1wrp {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.ventures-wrap .secpadd.secp4 .venfdet {
}

.ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
}

.ventures-wrap .secpadd.secp4 .venfdet .blck p span:first-child {
}

.ventures-wrap .secpadd.secp5 .slid1wrp .item .vslibgnd {
    height: 73rem
}

.ventures-wrap .secpadd.secp5 .vntidet .vtrtitlto {
    margin-bottom: 20px
}

.ventures-wrap .secpadd.secp5 .vntidet .vtrtitlto img {
    width: 240px
}

.ventures-wrap .secpadd.secp5 .venfdet {
    padding: 20px 20px 0
}

.ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
    flex: 0 49%;
    height: auto;
    margin-bottom: 2rem
}

.ventures-wrap .secpadd.secp5 .venfdet .blck p span:first-child {
}

.ventures-wrap .secpadd.secp5 .venfdet .col-xs-6:nth-child(3) .blck,.ventures-wrap .secpadd.secp5 .venfdet .col-xs-6:nth-child(4) .blck {
    padding: 2rem 0
}

.ventures-wrap .secpadd.secp6 .ventwrap {
    display: flex;
    flex-direction: row-reverse
}

.ventures-wrap .secpadd.secp6 .slid1wrp .item .vslibgnd {
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    background-position-x: center
}

.franchising .page-header .header-title {
    background-image: url(../images/franchise/backgrndTop-franchi.jpg);
    padding: 5vh 0
}

.franchising .page-header .header-title .bgckhedgrnd {
    background-color: hsl(0deg 0% 0%/45%);
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.franchising .page-header .header-title .ptop {
    padding: 0 3vh
}

.franchising .page-header .header-title .ptop .pdet {
    width: 45%
}

.franchise-wrap .secpadd {
    padding: 6vh 0 0
}

.franchise-wrap .secpadd .frnformwrp .quote1forms .frnchform {
    margin-top: 2rem
}

.franchise-wrap .secpadd .frnformwrp .quote1forms .frnchform input.submit {
    margin-left: 0;
    color: #013e7e;
    font-weight: 700;
    padding: 15px
}

.franchise-wrap .secpadd .frnformwrp .quote1forms .frnchform label.error {
    font-weight: 400;
    color: #f45d69;
    font-size: .6875em;
    padding-top: 0
}

.contact .page-header .header-title {
    background-image: url(../images/contact/backgrndTop-contact.jpg);
    padding: 8vh 0
}

.contact .page-header .header-title .bgckhedgrnd {
    background-color: hsl(0deg 0% 0%/45%);
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.contact .page-header .header-title .ptop {
    padding: 0 3vh
}

.contact .page-header .header-title .ptop .pdet {
    width: 45%
}

.contactus-wrap .secpadd {
    padding: 6vh 0
}

.contactus-wrap .secpadd .frnformwrp .quote1forms .contctform .request-form label.error {
    font-weight: 400;
    color: #f45d69;
    font-size: .6875em;
    padding-top: 0
}

.contactus-wrap .secpadd .frnformwrp .quote1forms .contctform .request-form input.submit {
    margin-left: 0;
    color: hsl(211deg 98% 25%);
    font-weight: 700;
    padding: 15px
}

.contactus-wrap .secpadd .frnformwrp .quote1forms .contctform .request-form textarea {
    padding: 0
}

.contactus-wrap .secpadd2 {
    padding: 40px;
    background-color: #f7f7f7
}

.contactus-wrap .secpadd2 .fh-section-title {
    padding-top: 12px
}

.contactus-wrap .secpadd2 .fh-section-title h2 {
    font-size: 25px;
    margin-bottom: 16px
}

.contactus-wrap .secpadd2 .seldept-wrap {
    margin-bottom: 2vh;
    padding-bottom: 2vh;
    border-bottom: 2px solid #efe94e
}

.contactus-wrap .secpadd2 .selctdept select {
    width: 100%;
    border: 1px solid #efe94e;
    padding-left: 15px;
    padding-right: 15px;
    color: #848484;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    outline: 0
}

.contactus-wrap .secpadd2 .showdepinfo {
    padding: 1rem 2rem
}

.contactus-wrap .secpadd2 .showdepinfo .blck {
    display: none;
    padding: 10px
}

.contactus-wrap .secpadd2 .showdepinfo .blck h4 {
    color: #013e7e;
    font-size: 18px
}

.contactus-wrap .secpadd2 .showdepinfo .blck p {
    margin-bottom: 5px
}

.contactus-wrap .secpadd2 .showdepinfo .blck p span {
    display: inline-block;
    padding-right: 2rem
}

.contactus-wrap .secpadd2 .concal .fh-contact-box .box-title {
    font-size: 17px;
    padding-bottom: 0;
    font-weight: 600
}

.contactus-wrap .secpadd2 .concal .fh-contact-box ul li {
    background-color: #003e7e
}

.contactus-wrap .secpadd2 .opening-hours h3 {
    font-size: 20px;
    color: #004080;
}

.disclaimer-wrap {
    padding: 6rem 0
}

.disclaimer-wrap .secpadd {
}

.disclaimer-wrap .secpadd .header {
}

.disclaimer-wrap .secpadd .header h2 {
    font-weight: 700;
    display: inline-block;
    color: hsl(210deg 100% 25%);
    border-bottom: 2px solid hsl(58deg 83% 63%);
    padding-bottom: 0
}

.disclaimer-wrap .secpadd .header p {
    font-weight: 600
}

.disclaimer-wrap .secpadd .diswrap {
}

.disclaimer-wrap .secpadd .diswrap {
}

.disclaimer-wrap .secpadd .diswrap p {
}

.privacy-policy-wrap {
    padding: 6rem 0
}

.privacy-policy-wrap .secpadd {
}

.privacy-policy-wrap .secpadd .header h2 {
    font-weight: 700;
    display: inline-block;
    color: hsl(210deg 100% 25%);
    border-bottom: 2px solid hsl(58deg 83% 63%);
    padding-bottom: 0
}

.privacy-policy-wrap .secpadd .header p {
}

.privacy-policy-wrap .privwrap {
}

.privacy-policy-wrap .privwrap .card {
}

.privacy-policy-wrap .privwrap .card-header {
}

.privacy-policy-wrap .privwrap .card-header h5 {
    font-size: 17px
}

.privacy-policy-wrap .privwrap .card-header h5:before {
}

.privacy-policy-wrap .privwrap .card-header h5 .btn-link {
    color: #012141;
    font-weight: 600;
    font-size: 15px
}

.privacy-policy-wrap .privwrap .card-header h5 .btn-link:before {
    font-family: fontawesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f107";
    position: relative;
    left: -8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.privacy-policy-wrap .privwrap .card-header h5 .btn-link.collapsed {
    color: #004080
}

.privacy-policy-wrap .privwrap .card-header h5 .btn-link.collapsed:before {
    -webkit-transform: unset;
    transform: unset
}

.privacy-policy-wrap .privwrap .card-header h5 .btn-link:focus,.privacy-policy-wrap .privwrap .card-header h5 .btn-link:hover {
    text-decoration: none;
    outline: none
}

.privacy-policy-wrap .privwrap {
}

.privacy-policy-wrap .privwrap .card-body {
    padding: 1rem 2.5rem
}

.privacy-policy-wrap .privwrap .card-body p {
}

.privacy-policy-wrap .privwrap .card-body ul {
}

.privacy-policy-wrap .privwrap .card-body ul li {
}

.terms-and-condition-wrap {
    padding: 6rem 0
}

.terms-and-condition-wrap .secpadd {
}

.terms-and-condition-wrap .secpadd .header h2 {
    font-weight: 700;
    display: inline-block;
    color: hsl(210deg 100% 25%);
    border-bottom: 2px solid hsl(58deg 83% 63%);
    padding-bottom: 0
}

.terms-and-condition-wrap .secpadd .header p {
}

.terms-and-condition-wrap .termwrap {
}

.terms-and-condition-wrap .termwrap .card {
}

.terms-and-condition-wrap .termwrap .card-header {
}

.terms-and-condition-wrap .termwrap .card-header h5 {
    font-size: 17px
}

.terms-and-condition-wrap .termwrap .card-header h5:before {
}

.terms-and-condition-wrap .termwrap .card-header h5 .btn-link {
    color: #012141;
    font-weight: 600;
    font-size: 15px
}

.terms-and-condition-wrap .termwrap .card-header h5 .btn-link:before {
    font-family: fontawesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f107";
    position: relative;
    left: -8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.terms-and-condition-wrap .termwrap .card-header h5 .btn-link.collapsed {
    color: #004080
}

.terms-and-condition-wrap .termwrap .card-header h5 .btn-link.collapsed:before {
    -webkit-transform: unset;
    transform: unset
}

.terms-and-condition-wrap .termwrap .card-header h5 .btn-link:focus,.terms-and-condition-wrap .termwrap .card-header h5 .btn-link:hover {
    text-decoration: none;
    outline: none
}

.terms-and-condition-wrap .termwrap {
}

.terms-and-condition-wrap .termwrap .card-body {
    padding: 1rem 2.5rem
}

.terms-and-condition-wrap .termwrap .card-body p {
}

.terms-and-condition-wrap .termwrap .card-body ul {
    margin-bottom: 20px;
    font-size: 16px
}

.terms-and-condition-wrap .termwrap .card-body ul li {
    margin-bottom: 10px
}

.terms-and-condition-wrap .termwrap .card-body ul li p {
    margin-bottom: 0
}

.terms-and-condition-wrap .termwrap .card-body ul li a {
}

.search {
    padding: 4rem 0;
}

.search #searchForm {
}

.search #searchForm .btn-toolbar {
    margin-bottom: 10px
}

.search #searchForm .btn-toolbar .btn-group {
}

.search #searchForm .btn-toolbar .btn-group #search-searchword {
    padding: 5px
}

.search #searchForm .btn-toolbar .btn-group:nth-child(2) {
    margin-top: 31px
}

.search #searchForm .btn-toolbar .btn-group .skewbutton {
    background: hsl(58deg 83% 63%);
    padding: 8px;
    display: block;
    width: 160px;
    text-align: center;
    color: hsl(211deg 98% 25%);
    margin-left: 5px;
    font-size: 13px;
    border: none;
    outline: 0
}

.search #searchForm .searchintro {
}

.search #searchForm fieldset {
    margin: 10px 2px;
    width: auto
}

.search #searchForm fieldset legend {
    font-size: 17px;
    width: auto;
    margin-bottom: 0
}

.search #searchForm .phrases {
    display: none
}

.search #searchForm .only {
    margin-bottom: 20px
}

.search #searchForm .only legend {
}

.search #searchForm .only label {
    margin-left: 4rem;
    font-size: 14px;
    font-weight: 500
}

.search .search-results {
    padding: 0 1rem
}

.search .search-results .result-title {
}

.search .search-results .result-category {
}

.search .search-results .result-text {
    margin-top: 10px
}

.search .search-results .result-text .highlight {
    font-weight: 600
}

.search .search-results .result-created {
    margin-bottom: 20px;
    border-bottom: 1px solid hsl(0deg 0% 80%);
    padding-bottom: 20px;
    font-size: 12px;
    margin-top: 10px
}

.mix {
    float: left;
    display: none;
    position: relative;
    width: 24.7%;
    z-index: 3;
    margin: 1px;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.mix .carousel--distribution__curve {
    position: absolute;
    content: "";
    width: 51px;
    height: 51px;
    top: 0;
    right: 0
}

.mix:hover .info {
    background-color: rgba(1,62,127,.9);
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.mix:hover .carousel--distribution__curve {
    display: none
}

.mix img {
    cursor: pointer;
    width: 100%
}

.mix .info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(1,62,127,.5);
    color: #fff;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
    padding: 38px
}

.mix .info h4 {
    font-size: 1.25em;
    margin-bottom: 12px
}

.mix .info h4 a:hover {
    color: #666
}

.mix .info p {
    font-size: .8125em
}

.mix .info a {
    color: #fff
}

.mix .info a.linkLM--white {
    position: absolute;
    padding-right: 15px;
    bottom: 20px;
    left: 39px
}

.mix .info a.linkLM--white:hover {
    color: #666
}

.mix .info a.linkLM--white:hover:after {
    background: url(/sites/all/themes/ntde/images/sprite.png) -370px -716px
}

.mix .info a.linkLM--white:after {
    background: url(/sites/all/themes/ntde/images/sprite.png) -344px -716px;
    width: 6px;
    height: 10px
}

.venture--page .view-header {
    background-color: #f0f1f1
}

.wrap--pager {
    display: inline-block;
    width: 100%;
    text-align: center
}

.pager-list {
    display: inline-block;
    width: auto;
    margin-top: 20px
}

.pager-list .pager.page-number {
    float: left;
    margin: 10px 4px 0;
    background-color: #b1b1b1;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    text-indent: -999px;
    cursor: pointer;
    overflow: hidden;
    background-color: #dadada;
    padding: 0
}

.pager-list .pager.active {
    background-color: #b1b1b1
}

.pager-list .pager.page-prev {
    display: none
}

.pager-list .pager.page-next {
    display: none
}

.pageMessage button:hover {
    opacity: .8
}

.ui-slider-horizontal {
    height: 5px
}

.wrapSectionsummery--distribution {
    padding: 25px 45px
}

.wrapSectionsummery--distribution h2 {
    margin-bottom: 10px
}

.wrapSectionsummery--distribution p {
    font-size: .8125em
}

.wrap--pager {
    position: absolute;
    z-index: 3;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pager-list {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.pager-list .page-number-list {
    position: absolute;
    left: 45%;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
    bottom: 0;
    z-index: 15
}

.pager.page-prev {
    display: block!important;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin-top: -35px;
    transition: all .5s ease;
    z-index: 15;
    border: 1px solid #7ac9eb
}

.pager.page-prev:hover {
    opacity: .7
}

.pager.page-prev.disabled {
    cursor: default;
    opacity: .7
}

.pager.page-next {
    display: block!important;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin-top: -35px;
    transition: all .5s ease;
    z-index: 15;
    border: 1px solid #7ac9eb
}

.pager.page-next span:before {
    content: "\f105"
}

.pager.page-next:hover {
    opacity: .9
}

.pager.page-next.disabled {
    cursor: default;
    opacity: .7
}

.ntd.carousel {
    background-color: #f0f1f1;
    display: block;
    overflow: auto;
    width: 100%
}

.ntd.carousel .slick-dots {
    bottom: -25px;
    z-index: 3;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.ntd.carousel .slick-dots li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255,255,255,.7)
}

.ntd.carousel .slick-dots li.slick-active {
    background: #999
}

.ntd.carousel .slick-dots li button:before {
    display: none
}

.ntd.carousel--distribution {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 5vh;
    padding-top: 3vh
}

.view-empty {
    padding: 35px 45px;
    font-size: .875em
}

.ntd.filter--alphabet,.ntd.filter--branddetail,.ntd.filter--category,.ntd.filter--continents,.ntd.filter--country,.ntd.filter--distribution,.ntd.filter--feature,.ntd.filter--home,.ntd.filter--menu {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 26px 0
}

.ntd.filter--alphabet ul li,.ntd.filter--branddetail ul li,.ntd.filter--category ul li,.ntd.filter--continents ul li,.ntd.filter--country ul li,.ntd.filter--distribution ul li,.ntd.filter--feature ul li,.ntd.filter--home ul li,.ntd.filter--menu ul li {
    display: inline-block;
    text-align: center
}

.ntd.filter--alphabet ul li a,.ntd.filter--branddetail ul li a,.ntd.filter--category ul li a,.ntd.filter--continents ul li a,.ntd.filter--country ul li a,.ntd.filter--distribution ul li a,.ntd.filter--feature ul li a,.ntd.filter--home ul li a,.ntd.filter--menu ul li a {
    padding: 8.5px 25px;
    color: #fff;
    outline: 0;
    font-size: .875em border:1px solid #fff
}

.ntd.filter--alphabet ul li a.active,.ntd.filter--branddetail ul li a.active,.ntd.filter--category ul li a.active,.ntd.filter--continents ul li a.active,.ntd.filter--country ul li a.active,.ntd.filter--distribution ul li a.active,.ntd.filter--feature ul li a.active,.ntd.filter--home ul li a.active,.ntd.filter--menu ul li a.active {
    color: #fff;
    background-color: #013e7f
}

.ntd.filter--alphabet ul li.active a,.ntd.filter--branddetail ul li.active a,.ntd.filter--category ul li.active a,.ntd.filter--continents ul li.active a,.ntd.filter--country ul li.active a,.ntd.filter--distribution ul li.active a,.ntd.filter--feature ul li.active a,.ntd.filter--home ul li.active a,.ntd.filter--menu ul li.active a {
    color: #fff;
    background-color: #013e7f;
    border-radius: 20px
}

.ntd.filter--alphabet ul li:hover a,.ntd.filter--branddetail ul li:hover a,.ntd.filter--category ul li:hover a,.ntd.filter--continents ul li:hover a,.ntd.filter--country ul li:hover a,.ntd.filter--distribution ul li:hover a,.ntd.filter--feature ul li:hover a,.ntd.filter--home ul li:hover a,.ntd.filter--menu ul li:hover a {
    color: #fff;
    background-color: #1f2731
}

.ntd.filter--menu {
    width: auto;
    padding: 5px
}

.ntd.filter--menu ul li a {
    color: #023d7f;
    outline: 0
}

.ntd.filter--menu ul li.active a {
    color: #023d7f;
    background-color: #fff!important
}

.ntd.filter--menu ul li:hover a {
    color: #023d7f;
    background-color: #fff!important
}

.ntd.filter--alphabet,.ntd.filter--category,.ntd.filter--continents,.ntd.filter--country,.ntd.filter--distribution {
    width: auto;
    display: inline-block;
    padding: 0
}

.ntd.filter--alphabet ul li a,.ntd.filter--category ul li a,.ntd.filter--continents ul li a,.ntd.filter--country ul li a,.ntd.filter--distribution ul li a {
    outline: 0;
    padding: 8px 25px;
    color: #fff;
    text-decoration: none
}

.ntd.filter--alphabet ul li:hover a,.ntd.filter--category ul li:hover a,.ntd.filter--continents ul li:hover a,.ntd.filter--country ul li:hover a,.ntd.filter--distribution ul li:hover a {
    background-color: #fff;
    border-radius: 20px;
    color: #013e7f
}

.ntd.filter--alphabet ul li a.active,.ntd.filter--category ul li a.active,.ntd.filter--continents ul li a.active,.ntd.filter--country ul li a.active,.ntd.filter--distribution ul li a.active {
    background-color: hsl(211deg 98% 25%);
    color: hsl(0deg 0% 100%);
    border-radius: 20px
}

.ntd.filter--branddetail {
    width: auto;
    display: inline-block
}

.ntd.filter--branddetail li a {
    outline: 0;
    font-size: 1em
}

.ntd.filter--alphabet ul li a,.ntd.filter--category ul li a,.ntd.filter--continents ul li a,.ntd.filter--country ul li a {
    padding: 8px 9px;
    font-size: .98em
}

.ntd.filter--alphabet ul li a:hover,.ntd.filter--category ul li a:hover,.ntd.filter--continents ul li a:hover,.ntd.filter--country ul li a:hover {
    background-color: #47b0d6;
    color: #fff
}

.ntd.filter--alphabet ul li a.active,.ntd.filter--category ul li a.active,.ntd.filter--continents ul li a.active,.ntd.filter--country ul li a.active {
    background-color: #013e7f;
    border-radius: 50%;
    color: #fff
}

.ntd.filter--category ul li a {
    display: block;
    padding: 8px 20px;
    margin-bottom: 2px;
    text-transform: none!important
}

.ntd.filter--category ul li a:hover {
    background-color: #47b0d6;
    color: #fff
}

.ntd.filter--category ul li a.active {
    background-color: #013e7f;
    border-radius: 20px;
    color: #fff
}

.ntd.filter--continents ul li a,.ntd.filter--country ul li a {
    text-transform: normal;
    text-transform: none;
    padding: 8px 25px
}

.ntd.filter--continents ul li:hover a,.ntd.filter--country ul li:hover a {
    background-color: #47b0d6;
    color: #fff
}

.ntd.filter--continents ul li.active a,.ntd.filter--country ul li.active a {
    background-color: #013e7f;
    border-radius: 20px;
    color: #fff
}

.ntd.filter--country ul li {
    margin: 0 2px 8px
}

.ntd.filter--country ul li a {
    color: #fff;
    text-transform: none;
    position: relative;
    padding: 8px
}

.ntd.filter--country ul li a:hover {
    text-decoration: none;
    background-color: #47b0d6;
    color: #fff
}

.ntd.filter--country ul li a.active {
    background-color: #013e7f;
    border-radius: 20px;
    color: #fff
}

@media(max-width:992px) {
    .ntd.filter--distribution ul li a {
        padding: 8px 20px
    }

    .ntd.filter--category ul li a {
        padding: 8px 15px
    }

    .ntd.filter--continents ul li a {
        padding: 8px 15px
    }

    .ntd.filter--country ul li a {
        padding: 8px 0
    }
}

@media(max-width:850px) {
    .ntd.filter--news .filter__form ul:last-child {
        float: left;
        margin-left: 6px;
        margin-top: 15px
    }

    .ntd.carousel--corp .slick-dots {
        bottom: 5px;
        right: 20px
    }

    .ntd.features .features__item h4 {
        font-size: 1em
    }
}

@media(max-width:767px) {
    .ntd.carousel--distribution .mix {
        width: 33%
    }

    .wrapFilter--distribution {
        padding: 10px 0
    }

    .wrapFilter--alphabet {
        padding: 0 0 10px
    }

    .wrapFilter--category {
        padding: 0 0 10px
    }

    .wrapFilter--continents {
        padding: 0 0 10px
    }

    .wrapFilter--country {
        padding: 0
    }

    .ntd.filter--distribution {
        width: 100%
    }

    .ntd.filter--distribution ul li {
        display: block;
        text-align: center
    }

    .ntd.filter--distribution ul li a {
        display: block
    }

    .ntd.filter--alphabet {
        width: 100%;
        padding-bottom: 10px;
        padding-left: 10px
    }

    .ntd.filter--alphabet ul li {
        display: inline-block;
        text-align: center
    }

    .ntd.filter--alphabet ul li a {
        display: block
    }

    .ntd.filter--category {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .ntd.filter--category ul li {
        display: inline-block;
        text-align: center
    }

    .ntd.filter--category ul li a {
        display: block;
        padding: 8px 20px;
        border-radius: 0
    }

    .ntd.filter--continents {
        width: 100%;
        padding: 0
    }

    .ntd.filter--continents ul li {
        display: inline-block;
        text-align: center
    }

    .ntd.filter--continents ul li a {
        padding: 8px 20px;
        display: block
    }

    .ntd.filter--country {
        width: 100%;
        padding: 0 10px
    }

    .ntd.filter--country ul li {
        display: inline-block;
        text-align: center;
        margin: 2px
    }

    .ntd.filter--country ul li a {
        display: inline-block
    }

    .pager-list {
        margin-top: 0
    }

    .listing--menu {
        padding: 20px
    }

    .listing--menu .listing--menu__itemsinner {
        height: 200px
    }

    .listing--menu .listing--menu__item {
        width: 100%;
        float: left
    }

    .carousel--gallery .slick-next {
        right: 70px
    }

    .carousel--gallery .slick-prev {
        left: 70px
    }

    .pager li.pager-next a {
        top: 1px
    }

    .pager li.pager-previous a {
        top: 1px
    }

    .ntd.filter--country ul li a {
        padding: 8px 15px
    }
}

@media(max-width:558px) {
    .ntd.carousel--distribution .mix {
        width: 50%
    }

    .ntd.carousel--distribution .mix img {
        width: 100%
    }
}

@media(max-width:479px) {
    .ntd.carousel--distribution .mix {
        width: 100%
    }

    .ntd.carousel--warehouse .slick-dots {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media screen and (min-device-width:481px) and (max-device-width:632px) {
    .ntd.listing--products .listing--products__item img {
        float: none;
        margin: 0 auto
    }

    .ntd.listing--products .listing--products__item .info {
        float: none;
        margin: 15px auto 0;
        padding-left: 0;
        width: 200px
    }
}

@media(max-width:480px) {
    .node-type-distribution-brand .titleTag {
        float: left;
        margin-bottom: 0;
        padding-left: 20px;
        width: 100%;
        margin-top: 10px
    }

    .ntd.listing--products .listing--products__item {
        width: 100%;
        border-right: none
    }

    .ntd.articlethumb--award .details {
        width: 100%;
        margin-bottom: 15px
    }

    .ntd.articlethumb--award img {
        margin: 0 auto;
        float: none
    }
}

@media(max-width:992px) {
    .ntd.carousel--corp .detailWrap {
        padding: 20px
    }

    .ntd.carousel--corp .detailWrap:before {
        background: url(/sites/all/themes/ntde/images/corporate-spotlight-patch-sm.png)
    }

    .ntd.articlethumb-generic .articleDetails {
        padding: 20px
    }

    .ntd.articlethumb-generic .articleDetails a.btn-Tlm {
        margin-top: 10px
    }

    .ntd.widMission .wrapSectionsummery {
        padding: 20px
    }

    .ntd.widMission .wrapSectionsummery h2 {
        margin-bottom: 10px
    }

    .ntd.carousel--news .wrapSectionsummery {
        padding: 20px
    }

    .ntd.carousel--news .detailWrap {
        padding: 20px
    }

    .ntd.carousel--news .detailWrap .btn-Tlm {
        margin-top: 10px
    }

    .ntd.widMessage .wrapMessage .message {
        padding: 0 20px
    }

    .ntd.widMessage .wrapMessage .message a.btn-Tlm {
        margin-top: 15px
    }

    .ntd.articlethumb--csr .wrapSectionsummery {
        padding: 20px
    }

    .ntd.articlethumb--csr .even .details {
        padding: 20px
    }

    .ntd.articlethumb--csr .even .details h3 {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .ntd.articlethumb--csr .even .details .btn-Tlm {
        margin-top: 10px
    }

    .ntd.articlethumb--csr .odd .details {
        padding: 20px
    }

    .ntd.articlethumb--csr .odd .details h3 {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .ntd.articlethumb--csr .odd .details .btn-Tlm {
        margin-top: 10px
    }

    .ntd.carousel--history .sectionTitle {
        padding: 20px
    }

    .ntd.carousel--history .carousel--history__wrap .carousel--history__nav .slick-prev {
        top: 45%
    }

    .ntd.carousel--history .carousel--history__wrap .carousel--history__nav .slick-next {
        top: 45%
    }

    .ntd.carousel--team .sectionTitle {
        padding: 20px
    }
}

@media(max-width:767px) {
    .ntd.articlethumb--case .even .imgThumb:after,.ntd.articlethumb--csr .even .imgThumb:after {
        display: none
    }

    .ntd.articlethumb--case .odd .imgThumb:after,.ntd.articlethumb--csr .odd .imgThumb:after {
        display: none
    }

    .ntd.widVision .widVision__item {
        width: 100%;
        margin: 10px 0;
        display: inline-block
    }

    .ntd.widVision .widVision__item img {
        width: 50%;
        float: left
    }

    .ntd.widVision .widVision__item .info {
        padding: 0 20px 10px;
        width: 50%;
        float: left;
        border-left: none
    }

    .ntd.widMessage {
        display: block
    }

    .ntd.widMessage .wrapMessage .message {
        padding: 0 20px
    }

    .ntd.widMessage:before {
        display: none
    }

    .ntd.widMessage .messageThumb img {
        float: right
    }

    .ntd.carousel--history .carousel--history__content {
        margin: 0;
        padding: 0 20px 20px
    }

    .mix .info h4 {
        font-size: 1.15em
    }

    .ntd.carousel--distribution .mix {
        margin-bottom: 12px
    }

    .force {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

.sky-tabs,.sky-tabs * {
    margin: 0 auto;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0
}

.sky-tabs {
    position: relative;
    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 0;
    text-align: left;
    color: #666
}

.sky-tabs>input {
    position: absolute;
    display: none
}

.sky-tabs>label {
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 1px;
    padding-top: 0;
    padding-left: 0;
    text-align: center;
    font-size: 13px;
    line-height: 45px;
    cursor: pointer;
    border: 1px solid #ececec
}

.sky-tabs>label.inverse {
    float: right;
    padding-right: 0;
    padding-left: 1px
}

.sky-tabs>label.disabled {
    cursor: default
}

.sky-tabs>label span {
    display: block;
    padding: 5px;
    background: rgba(255,255,255,.9)
}

.sky-tabs>label span span {
    padding: 0 20px;
    background: 0 0;
    transition: background .4s,color .4s;
    -o-transition: background .4s,color .4s;
    -ms-transition: background .4s,color .4s;
    -moz-transition: background .4s,color .4s;
    -webkit-transition: background .4s,color .4s;
    font-size: 16px
}

.sky-tabs>label:hover span span {
    background: #fff;
    color: #fff
}

.sky-tabs>label.disabled span span {
    background: 0 0;
    color: inherit
}

.sky-tabs>input:checked+label {
    cursor: default
}

.sky-tabs>input:checked+label span span {
    background: #fff;
    color: #fff
}

.sky-tabs>.switcher {
    display: none
}

.sky-tabs>.switcher a {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
    text-decoration: none;
    color: inherit
}

.sky-tabs>ul {
    list-style: none;
    position: relative;
    display: block;
    font-size: 13px
}

.sky-tabs>ul>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    padding: 20px 25px 25px;
    background: rgba(255,255,255,.9);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transition: opacity .8s,-o-transform .8s;
    -ms-transition: opacity .8s,-ms-transform .8s;
    -moz-transition: opacity .8s,-moz-transform .8s;
    -webkit-transition: opacity .8s,-webkit-transform .8s
}

.sky-tabs>.sky-tab-content-1:checked~ul>.sky-tab-content-1,.sky-tabs>.sky-tab-content-2:checked~ul>.sky-tab-content-2,.sky-tabs>.sky-tab-content-3:checked~ul>.sky-tab-content-3,.sky-tabs>.sky-tab-content-4:checked~ul>.sky-tab-content-4,.sky-tabs>.sky-tab-content-5:checked~ul>.sky-tab-content-5,.sky-tabs>.sky-tab-content-6:checked~ul>.sky-tab-content-6,.sky-tabs>.sky-tab-content-7:checked~ul>.sky-tab-content-7,.sky-tabs>.sky-tab-content-8:checked~ul>.sky-tab-content-8,.sky-tabs>.sky-tab-content-9:checked~ul>.sky-tab-content-9 {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate(0,0)
}

.sky-tabs-pos-top-center {
    text-align: center
}

.sky-tabs-pos-top-right {
    text-align: right
}

.sky-tabs-pos-top-right>label {
    padding-right: 0;
    padding-left: 1px
}

.sky-tabs-pos-top-justify>label {
    padding-right: 0;
    padding-left: 1px
}

.sky-tabs-pos-top-justify.sky-tabs-amount-2>label {
    width: 50%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-3>label {
    width: 33.33%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-4>label {
    width: 25%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-5>label {
    width: 20%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-6>label {
    width: 16.66%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-7>label {
    width: 14.28%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-8>label {
    width: 12.5%
}

.sky-tabs-pos-top-justify.sky-tabs-amount-9>label {
    width: 11.11%
}

.sky-tabs-pos-top-justify>input:first-child+label {
    padding-left: 0
}

.sky-tabs-pos-left>label,.sky-tabs-pos-right>label {
    display: block;
    width: 25%;
    float: left;
    clear: left;
    margin-right: 0
}

.sky-tabs-pos-right>label {
    float: right;
    clear: right
}

.sky-tabs-pos-left>ul {
    margin-left: 25%
}

.sky-tabs-pos-right>ul {
    margin-right: 25%
}

.sky-tabs-pos-right>label {
    padding-right: 0;
    padding-left: 1px
}

.sky-tabs-pos-top-center>ul>li,.sky-tabs-pos-top-justify>ul>li {
    -o-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0
}

.sky-tabs-pos-right>ul>li,.sky-tabs-pos-top-right>ul>li {
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0
}

.sky-tabs-anim-slide-up>ul>li {
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -webkit-transform: translateY(-15%)
}

.sky-tabs-anim-slide-right>ul>li {
    -o-transform: translateX(15%);
    -ms-transform: translateX(15%);
    -moz-transform: translateX(15%);
    -webkit-transform: translateX(15%)
}

.sky-tabs-anim-slide-down>ul>li {
    -o-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -webkit-transform: translateY(15%)
}

.sky-tabs-anim-slide-left>ul>li {
    -o-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    -moz-transform: translateX(-15%);
    -webkit-transform: translateX(-15%)
}

.sky-tabs-anim-slide-up-left>ul>li {
    -webkit-transform: translate(-15%,-15%)
}

.sky-tabs-anim-slide-up-right>ul>li {
    -webkit-transform: translate(15%,-15%)
}

.sky-tabs-anim-slide-down-right>ul>li {
    -webkit-transform: translate(15%,15%)
}

.sky-tabs-anim-slide-down-left>ul>li {
    -webkit-transform: translate(-15%,15%)
}

.sky-tabs-anim-scale>ul>li {
    -o-transform: scale(.1,.1);
    -ms-transform: scale(.1,.1);
    -moz-transform: scale(.1,.1);
    -webkit-transform: scale(.1,.1)
}

.sky-tabs-anim-scale>.sky-tab-content-1:checked~ul>.sky-tab-content-1,.sky-tabs-anim-scale>.sky-tab-content-2:checked~ul>.sky-tab-content-2,.sky-tabs-anim-scale>.sky-tab-content-3:checked~ul>.sky-tab-content-3,.sky-tabs-anim-scale>.sky-tab-content-4:checked~ul>.sky-tab-content-4,.sky-tabs-anim-scale>.sky-tab-content-5:checked~ul>.sky-tab-content-5,.sky-tabs-anim-scale>.sky-tab-content-6:checked~ul>.sky-tab-content-6,.sky-tabs-anim-scale>.sky-tab-content-7:checked~ul>.sky-tab-content-7,.sky-tabs-anim-scale>.sky-tab-content-8:checked~ul>.sky-tab-content-8,.sky-tabs-anim-scale>.sky-tab-content-9:checked~ul>.sky-tab-content-9 {
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1)
}

.sky-tabs-anim-rotate>ul>li {
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.sky-tabs-anim-rotate.sky-tabs-pos-right>ul>li,.sky-tabs-anim-rotate.sky-tabs-pos-top-right>ul>li {
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.sky-tabs-anim-rotate>.sky-tab-content-1:checked~ul>.sky-tab-content-1,.sky-tabs-anim-rotate>.sky-tab-content-2:checked~ul>.sky-tab-content-2,.sky-tabs-anim-rotate>.sky-tab-content-3:checked~ul>.sky-tab-content-3,.sky-tabs-anim-rotate>.sky-tab-content-4:checked~ul>.sky-tab-content-4,.sky-tabs-anim-rotate>.sky-tab-content-5:checked~ul>.sky-tab-content-5,.sky-tabs-anim-rotate>.sky-tab-content-6:checked~ul>.sky-tab-content-6,.sky-tabs-anim-rotate>.sky-tab-content-7:checked~ul>.sky-tab-content-7,.sky-tabs-anim-rotate>.sky-tab-content-8:checked~ul>.sky-tab-content-8,.sky-tabs-anim-rotate>.sky-tab-content-9:checked~ul>.sky-tab-content-9 {
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0)
}

.sky-tabs-anim-flip>ul {
    border-top: 1px solid #d2d2d2;
    perspective: 2000px;
    -o-perspective: 2000px;
    -ms-perspective: 2000px;
    -moz-perspective: 2000px;
    -webkit-perspective: 2000px;
    perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%
}

.sky-tabs-anim-flip>ul>li {
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg)
}

.sky-tabs-anim-flip.sky-tabs-pos-left>ul>li {
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg)
}

.sky-tabs-anim-flip.sky-tabs-pos-right>ul>li {
    -o-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg)
}

.sky-tabs-anim-flip>.sky-tab-content-1:checked~ul>.sky-tab-content-1,.sky-tabs-anim-flip>.sky-tab-content-2:checked~ul>.sky-tab-content-2,.sky-tabs-anim-flip>.sky-tab-content-3:checked~ul>.sky-tab-content-3,.sky-tabs-anim-flip>.sky-tab-content-4:checked~ul>.sky-tab-content-4,.sky-tabs-anim-flip>.sky-tab-content-5:checked~ul>.sky-tab-content-5,.sky-tabs-anim-flip>.sky-tab-content-6:checked~ul>.sky-tab-content-6,.sky-tabs-anim-flip>.sky-tab-content-7:checked~ul>.sky-tab-content-7,.sky-tabs-anim-flip>.sky-tab-content-8:checked~ul>.sky-tab-content-8,.sky-tabs-anim-flip>.sky-tab-content-9:checked~ul>.sky-tab-content-9 {
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.sky-tabs .grid-row {
    margin-top: 20px
}

.sky-tabs .grid-row:after {
    content: '';
    display: table;
    clear: both
}

.sky-tabs .grid-row:first-child {
    margin-top: 0
}

.sky-tabs .grid-col {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2%
}

.sky-tabs .grid-col:first-child {
    margin-left: 0
}

.sky-tabs .grid-col .inner {
    padding: 10px 0;
    border-radius: 5px;
    background: rgba(0,0,0,.1);
    text-align: center
}

.sky-tabs .grid-col-1 {
    width: 6.5%
}

.sky-tabs .grid-col-2 {
    width: 15%
}

.sky-tabs .grid-col-3 {
    width: 23.5%
}

.sky-tabs .grid-col-4 {
    width: 32%
}

.sky-tabs .grid-col-5 {
    width: 40.5%
}

.sky-tabs .grid-col-6 {
    width: 49%
}

.sky-tabs .grid-col-7 {
    width: 57.5%
}

.sky-tabs .grid-col-8 {
    width: 66%
}

.sky-tabs .grid-col-9 {
    width: 74.5%
}

.sky-tabs .grid-col-10 {
    width: 83%
}

.sky-tabs .grid-col-11 {
    width: 91.5%
}

.sky-tabs .grid-col-offset-1,.sky-tabs .grid-col-offset-1:first-child {
    margin-left: 8.5%
}

.sky-tabs .grid-col-offset-2,.sky-tabs .grid-col-offset-2:first-child {
    margin-left: 17%
}

.sky-tabs .grid-col-offset-3,.sky-tabs .grid-col-offset-3:first-child {
    margin-left: 25.5%
}

.sky-tabs .grid-col-offset-4,.sky-tabs .grid-col-offset-4:first-child {
    margin-left: 34%
}

.sky-tabs .grid-col-offset-5,.sky-tabs .grid-col-offset-5:first-child {
    margin-left: 42.5%
}

.sky-tabs .grid-col-offset-6,.sky-tabs .grid-col-offset-6:first-child {
    margin-left: 51%
}

.sky-tabs .grid-col-offset-7,.sky-tabs .grid-col-offset-7:first-child {
    margin-left: 59.5%
}

.sky-tabs .grid-col-offset-8,.sky-tabs .grid-col-offset-8:first-child {
    margin-left: 68%
}

.sky-tabs .grid-col-offset-9,.sky-tabs .grid-col-offset-9:first-child {
    margin-left: 76.5%
}

.sky-tabs .grid-col-offset-10,.sky-tabs .grid-col-offset-10:first-child {
    margin-left: 85%
}

.sky-tabs .grid-col-offset-11,.sky-tabs .grid-col-offset-11:first-child {
    margin-left: 93.5%
}

.sky-tabs .typography h1,.sky-tabs .typography h2,.sky-tabs .typography h3,.sky-tabs .typography h4,.sky-tabs .typography h5,.sky-tabs .typography h6 {
    margin: 40px 0 0;
    padding: 0;
    text-align: left;
    color: #333
}

.sky-tabs .typography h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300
}

.sky-tabs .typography h2 {
    font-size: 34px;
    line-height: 44px;
    font-weight: 300
}

.sky-tabs .typography h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300
}

.sky-tabs .typography h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400
}

.sky-tabs .typography h5 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    text-transform: uppercase
}

.sky-tabs .typography h6 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase
}

.sky-tabs .typography p {
    margin: 20px 0 0;
    padding: 0;
    line-height: 30px;
    text-align: left;
    font-size: 16px
}

.sky-tabs .typography ol,.sky-tabs .typography ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    line-height: 20px
}

.sky-tabs .typography li {
    position: relative;
    margin-top: 5px;
    padding-left: 20px
}

.sky-tabs .typography li ol,.sky-tabs .typography li ul {
    margin-top: 5px
}

.sky-tabs .typography ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #333
}

.sky-tabs .typography ol {
    counter-reset: list1
}

.sky-tabs .typography ol>li:before {
    counter-increment: list1;
    content: counter(list1) '.';
    position: absolute;
    top: 0;
    left: 0;
    color: #333
}

.sky-tabs .typography a {
    text-decoration: underline;
    color: #2da5da
}

.sky-tabs .typography a:hover {
    text-decoration: none
}

.sky-tabs .typography .pic {
    padding: 4px;
    border: 1px dotted #ccc
}

.sky-tabs .typography .pic img {
    display: block
}

.sky-tabs .typography .pic-right {
    float: right;
    margin: 0 0 10px 20px
}

.sky-tabs .typography .link {
    text-decoration: underline;
    color: #2da5da;
    cursor: pointer
}

.sky-tabs .typography .link:hover {
    text-decoration: none
}

.sky-tabs .typography h1:first-child,.sky-tabs .typography h2:first-child,.sky-tabs .typography h3:first-child,.sky-tabs .typography h4:first-child,.sky-tabs .typography h5:first-child,.sky-tabs .typography h6:first-child,.sky-tabs .typography p:first-child {
    margin-top: 0
}

.sky-tabs .typography .text-center {
    text-align: center
}

.sky-tabs .typography .text-right {
    text-align: right
}

.grid {
    position: relative;
    list-style: none;
    text-align: center;
    display: inline-block
}

.grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin: 0;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
    margin-bottom: 2rem
}

.grid figure a {
    display: inline-block
}

.grid figure .conimg {
    position: relative
}

.grid figure .conimg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsl(211deg 98% 25%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 9
}

.grid figure:hover .conimg:before {
    opacity: .7
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%
}

.grid figure figcaption {
    padding: 0;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: hsl(57deg 83% 63%)
}

.grid figure figcaption::after,.grid figure figcaption::before {
    pointer-events: none
}

.grid figure figcaption {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid figure figcaption>span {
    z-index: 1000;
    font-size: 12px;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 40%;
    text-shadow: 2px 2px 2px #2d2d2d;
    transition: all .35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    display: none
}

.grid figure:hover figcaption span {
    text-indent: unset;
    font-size: 12px;
    bottom: 7vh;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.grid figure h2 {
    font-weight: 300
}

.grid figure h2 span {
    font-weight: 800
}

.grid figure h2,.grid figure p {
    margin: 0
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%
}

figure.effect-marley figcaption {
    text-align: center
}

figure.effect-marley h2,figure.effect-marley p {
    position: relative;
    padding: 10px 0
}

figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

figure.effect-marley h2 {
    top: -20px;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    color: #282c32;
    font-size: 16px;
    font-weight: 800
}

figure.effect-marley h2 span {
    margin-left: 2px
}

figure.effect-marley h2 i {
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 6px;
    transition: all .35s
}

figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
}

figure.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    display: none
}

figure.effect-marley h2::after,figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s
}

figure.effect-marley:hover h2 i {
    left: 12px
}

figure.effect-marley:hover h2::after,figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.retail-wrap .slid1wrp .retailslide2 {
    display: none
}

.retail-wrap .slid1wrp .owl-carousel .item img {
    margin: 0 auto;
    width: 100%
}

.retail-wrap .slid1wrp .owl-carousel .owl-dots {
    position: relative;
    z-index: 3;
    top: -50px;
    text-align: center
}

.retail-wrap .slid1wrp .owl-carousel .owl-dots button {
    outline: 0
}

.retail-wrap .slid1wrp .owl-carousel .owl-dots button span {
    width: 14px;
    height: 14px;
    border: none;
    background: none repeat scroll 0 0 hsl(0deg 0% 97%)
}

.retail-wrap .slid1wrp .owl-carousel .owl-dots button.active span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

.list-project {
    margin-left: -15px;
    margin-right: -15px
}

.all-project ul.filtertb {
    margin-bottom: 20px;
    list-style: none;
    text-align: center;
    display: flex;
    position: relative;
    padding-left: 0
}

.all-project ul.filtertb li {
    font-size: 15px;
    color: #023e7e;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    flex: 1
}

.all-project ul.filtertb li a {
    color: #222;
    font-weight: 400;
    padding: 3px 20px;
    border: 1px solid #bfbfbf;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-right: none;
    font-size: 13px;
	white-space:nowrap;
}

.all-project ul.filtertb li:first-child a {
    border-right: 1px solid #bfbfbf;
}

.all-project ul.filtertb li a img {
    display: inline-block;
    vertical-align: sub;
    position: relative;
    left: 0
}

.all-project ul.filtertb li a.active,.all-project ul.filtertb li a:hover {
    color: #50a9ea;
    background-color: transparent
}

.all-project ul.filtertb li a.active,.all-project ul.filtertb li a:hover {
    color: #50a9ea
}

.all-project ul.filtertb li a svg {
    display: inline-block;
    vertical-align: sub;
    position: relative;
    left: 0
}

.all-project ul.filtertb li a.active svg {
    fill: #50a9ea
}

.project-wrapper {
    margin-bottom: 18px;
    text-align: center
}

.project-wrapper .project-thumbnail {
    position: relative;
    overflow: hidden;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.project-wrapper .project-thumbnail .pro-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0c1239;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 99
}

.project-wrapper .project-thumbnail img {
    -webkit-transition: .5s;
    transition: .5s;
	height:150px;
}

.project-wrapper .project-thumbnail .project-button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: scale(.6) translateY(-50%);
    -ms-transform: scale(.6) translateY(-50%);
    transform: scale(.6) translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 100
}

.project-wrapper .project-thumbnail .project-button .button-link {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    -webkit-transition: .5s;
    transition: .5s
}

.project-wrapper .project-thumbnail .project-button .button-link:hover {
    background-color: #50a9ea;
    border-color: #50a9ea
}

.project-wrapper:hover .project-thumbnail .pro-link {
    opacity: .7
}

.project-wrapper:hover .project-thumbnail img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.project-wrapper:hover .project-thumbnail .project-button {
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 1
}

.list-project {
    margin-left: -15px;
    margin-right: -15px
}

.all-project2 ul.filter {
    margin-bottom: 43px;
    list-style: none;
    text-align: center;
    display: inline-block;
    position: relative;
    padding-left: 0
}

.all-project2 ul.filter li {
    font-size: 15px;
    color: #023e7e;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 3px 13px 0 6px;
    -webkit-transition: all .5s;
    transition: all .5s;
    border: 1px solid #bfbfbf;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg)
}

.all-project2 ul.filter li a {
    color: #222;
    font-weight: 500
}

.all-project ul.filtertb li:hover,.all-project2 ul.filter li.active {
    color: #50a9ea
}

.all-project2 ul.filter li.active a,.all-project2 ul.filter li:hover a {
    color: #50a9ea
}

.all-project2 ul.filters {
    margin-bottom: 43px;
    list-style: none;
    text-align: center;
    display: block;
    position: relative;
    padding-left: 0;
    text-align: right
}

.all-project2 ul.filters li {
    font-size: 15px;
    color: #023e7e;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 3px 13px 0 6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.all-project2 ul.filters li a {
    color: #fff;
    font-weight: 300;
    font-family: Rubik,sans-serif;
    position: relative;
    padding: 10px
}

.all-project ul.filtertbs li:hover,.all-project2 ul.filters li.active {
    color: #50a9ea
}

.all-project2 ul.filters li.active a,.all-project2 ul.filters li:hover a {
    color: #fff
}

.all-project2 ul.filters li.active:after {
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    outline: 1px solid #efea52;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.isotope-pager {
    clear: both;
    display: block;
    text-align: center;
    float: none;
    padding-top: 0
}

.isotope-pager a,.isotope-pager span {
    color: hsl(0deg 0% 100%);
    font-weight: 600;
    font-size: 12px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid hsl(0deg 0% 100%);
    display: inline-block;
    margin: 0 3px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.isotope-pager a.active {
    color: hsl(0deg 0% 100%);
    background-color: hsl(205deg 79% 62%);
    border-color: hsl(205deg 79% 62%)
}

.grid-item {
    display: inline-block;
    height: auto;
    margin: 0;
    overflow: hidden;
    text-align: center;
    width: 190px
}

.isotope-pager .pager {
    display: inline-block
}

.project-wrapper {
    margin-bottom: 30px;
    text-align: center
}

.project-wrapper .project-thumbnail2 {
    position: relative;
    overflow: hidden;
    text-align: left
}

.project-wrapper .project-thumbnail2 .pro-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0c1239;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 99
}

.project-wrapper .project-thumbnail2 img {
    -webkit-transition: .5s;
    transition: .5s
}

.project-wrapper .project-thumbnail2 .project-button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: scale(.6) translateY(-50%);
    -ms-transform: scale(.6) translateY(-50%);
    transform: scale(.6) translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 100
}

.project-wrapper .project-thumbnail2 .project-button .button-link {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    -webkit-transition: .5s;
    transition: .5s
}

.project-wrapper .project-thumbnail2 .project-button .button-link:hover {
    background-color: #50a9ea;
    border-color: #50a9ea
}

.project-wrapper:hover .project-thumbnail2 .pro-link {
    opacity: .7
}

.project-wrapper:hover .project-thumbnail2 img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.project-wrapper:hover .project-thumbnail2 .project-button {
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 1
}

.search-no-results .no-results .page-header {
    background-color: transparent
}

.search-no-results .no-results h2 {
    margin-bottom: 30px;
    color: #222
}

.search-no-results .no-results .search-form {
    font-size: 16px;
    position: relative;
    color: #a8a8a8;
    padding: 0 5px;
    border: 1px solid #f4f4f4;
    margin-top: 20px
}

.search-no-results .no-results .search-form:before {
    content: '\f002';
    position: absolute;
    top: 50%;
    right: 16px;
    color: #222;
    font-family: FontAwesome;
    font-size: 14px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-no-results .no-results .search-form .screen-reader-text {
    display: none
}

.search-no-results .no-results .search-form ::-webkit-input-placeholder {
    color: #a8a8a8
}

.search-no-results .no-results .search-form :-moz-placeholder {
    color: #a8a8a8
}

.search-no-results .no-results .search-form ::-moz-placeholder {
    color: #a8a8a8
}

.search-no-results .no-results .search-form :-ms-input-placeholder {
    color: #a8a8a8
}

.search-no-results .no-results .search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 9999
}

.search-no-results .no-results .search-form label {
    width: 100%;
    margin-bottom: 0
}

.search-no-results .no-results .search-form label input {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 35px 0 15px;
    border: 0;
    background-color: transparent;
    font-weight: 400
}

.search-no-results .no-results .search-form label input:focus {
    outline: 0
}

.error404 .site-content {
    padding-top: 140px;
    padding-bottom: 140px
}

.error404 .error-404 {
    text-align: left;
    color: #222
}

.error404 .error-404 .page-header {
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 45px;
    border: 0;
    background-color: transparent
}

.error404 .error-404 .page-header p {
    line-height: 1
}

.error404 .error-404 .page-header p.line-1 {
    font-size: 20px;
    padding-bottom: 15px
}

.error404 .error-404 .page-header p.line-2 {
    font-size: 18px
}

.error404 .error-404 h1 {
    font-size: 150px;
    font-weight: 600;
    color: #222;
    margin: 0;
    line-height: 1;
    padding-bottom: 5px
}

.error404 .error-404 .search-field {
    background-color: #fff;
    font-weight: 400;
    border: none
}

.error404 .error-404 .search-form {
    font-size: 16px;
    position: relative;
    color: #848484;
    padding: 0 5px;
    width: 430px;
    border: 1px solid #ececec;
    background-color: #fff
}

.error404 .error-404 .search-form:before {
    content: '\f002';
    position: absolute;
    top: 50%;
    right: 7px;
    color: #222;
    font-family: FontAwesome;
    font-size: 14px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.error404 .error-404 .search-form:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -11px;
    width: 50px;
    height: 52px;
    background-color: #fafafa;
    z-index: 9;
    border: 1px solid #ececec
}

.error404 .error-404 .search-form .screen-reader-text {
    display: none
}

.error404 .error-404 .search-form ::-webkit-input-placeholder {
    color: #9e9e9e
}

.error404 .error-404 .search-form :-moz-placeholder {
    color: #9e9e9e
}

.error404 .error-404 .search-form ::-moz-placeholder {
    color: #9e9e9e
}

.error404 .error-404 .search-form :-ms-input-placeholder {
    color: #9e9e9e
}

.error404 .error-404 .search-form .search-submit {
    position: absolute;
    top: 1px;
    right: -10px;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 9999
}

.error404 .error-404 .search-form label {
    width: 100%;
    margin-bottom: 0
}

.error404 .error-404 .search-form label input {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 0 0 15px
}

.error404 .error-404 .search-form label input:focus {
    outline: 0
}

.error404 .error-404 .back-home {
    margin-top: 25px
}

.error404 .error-404 .back-home a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.error404.error404-no-bg .error-404 div[class*=col-] {
    width: 100%;
    text-align: center
}

.error404.error404-no-bg .error-404 .search-form {
    margin: 0 auto
}

.scroll-to-top {
    display: inline-block;
    position: fixed;
    bottom: 60px;
    right: 15px;
    width: 60px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid red;
    color: #50a9ea;
    font-size: 30px;
    background-color: #160f09;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 9999;
    cursor: pointer
}

.scroll-to-top .fa {
    color: #50a9ea
}

.scroll-to-top:hover {
    color: #50a9ea
}

.scroll-to-top:hover .fa {
    color: #50a9ea
}

.scroll-to-top.show-scroll {
    opacity: 1
}

.backtotop {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 60px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: hsl(0deg 0% 0%);
    font-size: 30px;
    background-color: hsl(211deg 98% 25%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 9999
}

.backtotop .fa {
    color: #fff
}

.backtotop.show-scroll {
    opacity: 1
}

.bypostauthor {
    display: block
}

.comments-area {
    clear: both;
    margin-top: 80px
}

.comment-reply-title,.comments-title {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 10px;
    position: relative
}

.comment-reply-title:after,.comments-title:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 67px;
    background-color: #50a9ea;
    left: 0;
    bottom: 0
}

.comment-count {
    display: none
}

.comment-reply-title {
    margin-bottom: 30px
}

.comment-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.comment-list .children {
    list-style: none;
    padding: 0 0 0 80px
}

.comment-list .children:last-child {
    margin-bottom: 0
}

.comment-list>.comment:first-child article {
    border: none
}

.comment {
    zoom: 1;
    float: left;
    clear: both;
    width: 100%
}

.comment:after,.comment:before {
    content: "";
    display: table
}

.comment:after {
    clear: both
}

.comment:after,.comment:before {
    content: "";
    display: table
}

.comment:after {
    clear: both
}

.comment article {
    padding: 40px 0;
    border-top: 1px solid #ececec;
    overflow: hidden
}

.comment .comment-author {
    float: left
}

.comment .comment-edit-link {
    float: right;
    margin-right: 20px
}

.comment .comment-meta {
    margin-left: 130px
}

.comment .author-name {
    font-size: 18px;
    color: #222;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    padding-bottom: 10px
}

.comment .comment-reply-link {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
}

.comment .comment-reply-link:hover {
    color: #50a9ea
}

.comment-respond {
    margin-top: 50px
}

.comment-respond .comment-notes {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding-bottom: 5px
}

.comment-respond ::-webkit-input-placeholder {
    color: #9f9f9f;
    font-size: 16px
}

.comment-respond .required {
    display: none
}

.comment-respond textarea {
    width: 100%;
    padding: 10px 15px;
    border-color: #ececec;
    outline: 0;
    color: #222;
    height: 108px;
    -webkit-transition: .5s;
    transition: .5s
}

.comment-respond textarea:focus {
    border-color: #848484
}

.comment-respond .comment-form-comment {
    margin-bottom: 30px;
    margin-top: 20px
}

.comment-respond .comment-form-email input {
    border: 1px solid #ececec
}

.comment-respond .comment-form-author,.comment-respond .comment-form-email,.comment-respond .comment-form-phone,.comment-respond .comment-form-url {
    width: 50%;
    float: left;
    padding: 0 15px
}

.comment-respond .comment-form-author input,.comment-respond .comment-form-email input,.comment-respond .comment-form-phone input,.comment-respond .comment-form-url input {
    width: 100%;
    padding-left: 15px;
    height: 50px;
    border-color: #ececec;
    outline: 0;
    color: #222;
    -webkit-transition: .5s;
    transition: .5s
}

.comment-respond .comment-form-author input:focus,.comment-respond .comment-form-email input:focus,.comment-respond .comment-form-phone input:focus,.comment-respond .comment-form-url input:focus {
    border-color: #848484
}

.comment-respond .comment-form-author,.comment-respond .comment-form-url {
    padding-left: 0
}

.comment-respond .comment-form-email,.comment-respond .comment-form-phone {
    padding-right: 0
}

.comment-respond .form-submit {
    clear: both;
    margin-top: 35px
}

.comment-respond .form-submit .submit {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: inline-block;
    min-width: 150px;
    min-height: 50px;
    line-height: 50px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 20px;
    background-color: #50a9ea;
    text-transform: capitalize;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .5s;
    transition: .5s
}

.comment-respond .form-submit .submit:focus,.comment-respond .form-submit .submit:hover {
    color: #fff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #50a9ea
}

.comment-content {
    word-break: break-all;
    padding-bottom: 20px
}

.comment-content a {
    word-wrap: break-word
}

.comment-awaiting-moderation {
    display: block
}

.single-right .blog-sidebar .NTDE-widget {
    border-left: 1px solid #f4f4f4;
    padding-left: 40px
}

.single-left .blog-sidebar .NTDE-widget {
    border-right: 1px solid #f4f4f4;
    padding-right: 40px
}

.widget {
    margin-bottom: 50px
}

.widget:last-child {
    margin-bottom: 0
}

.widget .widget-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 40px;
    padding-bottom: 15px;
    position: relative
}

.widget .widget-title:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 67px;
    left: 0;
    bottom: 0;
    background-color: #50a9ea
}

.widget ul {
    margin: 0;
    padding: 0
}

.widget ul li {
    list-style: none
}

.widget select,.widget table {
    width: 100%
}

.widget select {
    color: #848484;
    border: 1px solid #eee;
    height: 50px;
    padding-left: 15px;
    background-color: transparent;
    font-weight: 400
}

.widget select:focus {
    outline: 0
}

.widget select option {
    color: #555
}

.widget table {
    text-align: left;
    width: 100%
}

.widget table caption {
    border: 1px solid #eee;
    border-bottom-width: 0;
    text-align: center
}

.widget table thead {
    color: #222
}

.widget table tr {
    border: 1px solid #eee;
    border-bottom-width: 0;
    padding: 3px 0
}

.widget table tr td,.widget table tr th {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee
}

.widget_calendar {
    line-height: 26px
}

.widget_recent_comments li,.widget_rss li {
    border-bottom: solid 1px #f4f4f4;
    padding: 15px 0;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.widget_recent_comments li>a,.widget_rss li>a {
    color: #848484;
    padding-left: 0;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.widget_recent_comments li:hover>a,.widget_rss li:hover>a {
    color: #50a9ea
}

.widget_recent_comments li:last-child,.widget_rss li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.widget_recent_comments li ul,.widget_rss li ul {
    margin-top: 15px;
    border-top: solid 1px #f4f4f4
}

.widget_recent_comments .children,.widget_rss .children {
    border-top: 1px solid #f4f4f4;
    margin-top: 15px;
    margin-left: 15px
}

.widget_recent_comments .children li:first-child,.widget_rss .children li:first-child {
    padding-top: 15px
}

.widget_recent_comments .children li:last-child,.widget_rss .children li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.widget_archive .widget-title,.widget_categories .widget-title,.widget_meta .widget-title,.widget_nav_menu .widget-title,.widget_pages .widget-title,.widget_recent_entries .widget-title,ul.service-menu .widget-title {
    margin-bottom: 40px
}

.widget_archive li,.widget_categories li,.widget_meta li,.widget_nav_menu li,.widget_pages li,.widget_recent_entries li,ul.service-menu li {
    padding: 14px 0;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #eee
}

.widget_archive li:after,.widget_categories li:after,.widget_meta li:after,.widget_nav_menu li:after,.widget_pages li:after,.widget_recent_entries li:after,ul.service-menu li:after {
    color: #848484;
    content: '\f105';
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 16px;
    font-family: FontAweSome;
    -webkit-transition: all .5s;
    transition: all .5s
}

.widget_archive li>a,.widget_categories li>a,.widget_meta li>a,.widget_nav_menu li>a,.widget_pages li>a,.widget_recent_entries li>a,ul.service-menu li>a {
    color: #848484;
    padding-left: 30px;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.widget_archive li>a:before,.widget_categories li>a:before,.widget_meta li>a:before,.widget_nav_menu li>a:before,.widget_pages li>a:before,.widget_recent_entries li>a:before,ul.service-menu li>a:before {
    color: #848484;
    content: '\f114';
    position: absolute;
    top: -4px;
    left: 0;
    font-size: 16px;
    font-family: FontAweSome;
    -webkit-transition: all .5s;
    transition: all .5s
}

.widget_archive li:hover,.widget_categories li:hover,.widget_meta li:hover,.widget_nav_menu li:hover,.widget_pages li:hover,.widget_recent_entries li:hover,ul.service-menu li:hover {
    color: #50a9ea
}

.widget_archive li:hover:after,.widget_categories li:hover:after,.widget_meta li:hover:after,.widget_nav_menu li:hover:after,.widget_pages li:hover:after,.widget_recent_entries li:hover:after,ul.service-menu li:hover:after {
    color: #50a9ea
}

.widget_archive li:hover>a,.widget_categories li:hover>a,.widget_meta li:hover>a,.widget_nav_menu li:hover>a,.widget_pages li:hover>a,.widget_recent_entries li:hover>a,ul.service-menu li:hover>a {
    color: #50a9ea
}

.widget_archive li:hover>a:before,.widget_categories li:hover>a:before,.widget_meta li:hover>a:before,.widget_nav_menu li:hover>a:before,.widget_pages li:hover>a:before,.widget_recent_entries li:hover>a:before,ul.service-menu li:hover>a:before {
    color: #50a9ea
}

.widget_archive li ul,.widget_categories li ul,.widget_meta li ul,.widget_nav_menu li ul,.widget_pages li ul,.widget_recent_entries li ul,ul.service-menu li ul {
    margin-top: 15px;
    border-top: solid 1px #f4f4f4
}

.widget_archive li ul li:last-child,.widget_categories li ul li:last-child,.widget_meta li ul li:last-child,.widget_nav_menu li ul li:last-child,.widget_pages li ul li:last-child,.widget_recent_entries li ul li:last-child,ul.service-menu li ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.widget_archive .children,.widget_categories .children,.widget_meta .children,.widget_nav_menu .children,.widget_pages .children,.widget_recent_entries .children,ul.service-menu .children {
    border-top: 1px solid #f4f4f4;
    margin-top: 15px;
    margin-left: 15px
}

.widget_archive .children li:first-child,.widget_categories .children li:first-child,.widget_meta .children li:first-child,.widget_nav_menu .children li:first-child,.widget_pages .children li:first-child,.widget_recent_entries .children li:first-child,ul.service-menu .children li:first-child {
    padding-top: 15px
}

.widget_archive .children li:last-child,.widget_categories .children li:last-child,.widget_meta .children li:last-child,.widget_nav_menu .children li:last-child,.widget_pages .children li:last-child,.widget_recent_entries .children li:last-child,ul.service-menu .children li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.widget_tag_cloud a {
    margin-bottom: 10px;
    margin-right: 8px;
    display: inline-block;
    font-size: 16px!important;
    background-color: transparent;
    color: #848484;
    padding: 5px 18px;
    position: relative;
    border: 1px solid #f4f4f4
}

.widget_tag_cloud a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #50a9ea
}

.popular-posts-widget .popular-post {
    margin-bottom: 40px;
    border: 0;
    padding: 0
}

.popular-posts-widget .widget-thumb {
    float: left
}

.popular-posts-widget .mini-widget-title {
    margin-left: 100px
}

.popular-posts-widget .mini-widget-title h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-transform: capitalize;
    margin-top: -5px;
    margin-bottom: 8px
}

.popular-posts-widget i {
    color: #50a9ea;
    padding-right: 10px
}

.widget-about img {
    margin-bottom: 25px
}

.widget-about a {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-top: 20px
}

.widget-about a .fa {
    padding-left: 5px
}

.widget-about a:hover {
    color: #50a9ea
}

.tabs-widget .tabs-nav li {
    width: 33%;
    border-bottom: none;
    padding-bottom: 0
}

.tabs-widget .tabs-nav li:last-child {
    width: 34%
}

.tabs-widget .tabs-nav li:before {
    display: none
}

.tabs-widget .tabs-nav li a {
    background: #555;
    border: 1px solid #ccc;
    color: #646464;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.tabs-widget .tabs-nav li a.active {
    color: #fff;
    text-decoration: none;
    border-color: transparent;
    background-color: #50a9ea
}

.tabs-widget .tabs-nav li a:hover {
    text-decoration: none
}

.tabs-widget .tabs-panel {
    margin-top: -1px;
    padding: 15px 0 20px
}

.tabs-widget .tab-comments .comment {
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
    overflow: hidden
}

.tabs-widget .tab-comments .comment-summary {
    font-style: italic;
    margin-bottom: 5px
}

.recent-post {
    margin-bottom: 20px
}

.recent-post:last-child {
    margin-bottom: 0
}

.recent-post .widget-thumb {
    display: block;
    float: left
}

.recent-post .icon {
    color: #50a9ea;
    display: none
}

.recent-post .post-text {
    padding-left: 85px
}

.recent-post .post-title {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 5px
}

.recent-post .post-date {
    font-size: 16px;
    font-weight: 300
}

.recent-post.no-thumbnail .icon {
    display: block;
    float: left
}

.recent-post.no-thumbnail .icon i,.recent-post.no-thumbnail .icon i:before {
    font-size: 16px
}

.recent-post.no-thumbnail .post-text {
    padding-left: 26px
}

.popular-post {
    border-bottom: 1px solid #f4f4f4;
    padding: 25px 0;
    overflow: hidden
}

.popular-post:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.popular-post .widget-thumb {
    float: left
}

.popular-post .post-text {
    margin-left: 95px;
    color: #848484;
    font-size: 16px
}

.popular-post .post-text .post-title {
    color: #222;
    display: block;
    padding-bottom: 5px;
    font-weight: 500
}

.popular-post .post-text .post-date i {
    font-size: 14px;
    padding-right: 10px;
    color: #50a9ea
}

.popular-post .post-text .post-comments {
    display: block
}

.popular-post .post-text .read-more {
    line-height: 2
}

.popular-post.no-thumbnail .post-text {
    margin-left: 0;
    margin-top: 0
}

.widget-recent-comments li {
    padding: 20px 0;
    color: #ccc
}

.widget-recent-comments li a,.widget-recent-comments li p {
    color: #555
}

.topbar-search .search-field,.widget_search .search-field {
    background-color: transparent;
    font-weight: 400;
    border-width: 0
}

.topbar-search .search-form,.widget_search .search-form {
    font-size: 16px;
    position: relative;
    color: #222;
    border: 1px solid #eee
}

.topbar-search .search-form:before,.widget_search .search-form:before {
    content: '\f002';
    font-family: FontAwesome
}

.topbar-search .search-form:after,.widget_search .search-form:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    width: 50px;
    height: 52px;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    z-index: 9
}

.topbar-search .search-form i,.topbar-search .search-form:before,.widget_search .search-form i,.widget_search .search-form:before {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #222;
    font-size: 14px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.topbar-search .search-form .screen-reader-text,.widget_search .search-form .screen-reader-text {
    display: none
}

.topbar-search .search-form ::-webkit-input-placeholder,.widget_search .search-form ::-webkit-input-placeholder {
    color: #9e9e9e
}

.topbar-search .search-form :-moz-placeholder,.widget_search .search-form :-moz-placeholder {
    color: #9e9e9e
}

.topbar-search .search-form ::-moz-placeholder,.widget_search .search-form ::-moz-placeholder {
    color: #9e9e9e
}

.topbar-search .search-form :-ms-input-placeholder,.widget_search .search-form :-ms-input-placeholder {
    color: #9e9e9e
}

.topbar-search .search-form .search-submit,.widget_search .search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 9999
}

.topbar-search .search-form label,.widget_search .search-form label {
    width: 100%;
    margin-bottom: 0
}

.topbar-search .search-form input[type=search],.widget_search .search-form input[type=search] {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 55px 0 15px
}

.topbar-search .search-form input[type=search]:focus,.widget_search .search-form input[type=search]:focus {
    outline: 0
}

.download .item-download {
    background-color: transparent;
    font-size: 16px;
    position: relative;
    border: 1px solid #f4f4f4;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 15px 20px
}

.download .item-download a {
    font-weight: 600;
    display: block;
    color: #222
}

.download .item-download i {
    color: #222;
    -webkit-transition: .5s;
    transition: .5s;
    padding-right: 20px
}

.download .item-download:hover {
    color: #fff;
    border-color: #50a9ea;
    background-color: #50a9ea
}

.download .item-download:hover a,.download .item-download:hover i {
    color: #fff
}

.services-menu-widget ul li {
    border: 1px solid #ececec;
    border-bottom-width: 0;
    background-color: #f7f7f7;
    padding: 15px 20px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s
}

.services-menu-widget ul li:after {
    display: none
}

.services-menu-widget ul li:last-child {
    border-bottom-width: 1px
}

.services-menu-widget ul li a {
    display: block;
    color: #848484;
    font-size: 16px;
    padding-left: 0;
    font-weight: 400;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s
}

.services-menu-widget ul li a:before {
    display: none
}

.services-menu-widget ul li.current-menu-item,.services-menu-widget ul li:hover {
    background-color: #50a9ea;
    border-color: #50a9ea
}

.services-menu-widget ul li.current-menu-item a,.services-menu-widget ul li:hover a {
    color: #fff
}

.side-contact {
    padding: 25px 20px
}

.side-contact h3 {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 24px;
    color: #fff;
    position: relative;
    padding-bottom: 15px
}

.side-contact h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 1px;
    border-bottom: 1px dashed rgba(255,255,255,.15)
}

.side-contact i {
    color: #50a9ea;
    padding-right: 10px
}

.NTDE-social-links-widget a {
    color: #fff;
    padding: 6px 17px;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
    background: hsl(211deg 98% 25%);
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    display: inline-block
}

.NTDE-social-links-widget a:hover {
    color: #ffe041
}

.NTDE-social-links-widget .style-2 a {
    color: rgba(255,255,255,.7);
    font-size: 14px;
    width: 38px;
    height: 38px;
    line-height: 34px;
    padding: 0;
    text-align: center;
    border: 2px solid rgba(255,255,255,.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px
}

.NTDE-social-links-widget .style-2 a:first-child {
    margin-left: 0
}

.NTDE-social-links-widget .style-2 a:last-child {
    margin-right: 0
}

.NTDE-social-links-widget .style-2 a:hover {
    color: #fff;
    background-color: #50a9ea;
    border-color: #50a9ea
}

.latest-project-widget .latest-project-list {
    margin-left: -5px;
    margin-right: -5px
}

.latest-project-widget .latest-project {
    width: 33.3333%;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px
}

.latest-project-widget .widget-thumb {
    display: block;
    position: relative
}

.latest-project-widget .widget-thumb:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #50a9ea;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 90
}

.latest-project-widget .widget-thumb:hover:before {
    opacity: .8
}

.latest-project-widget .widget-thumb:hover i {
    opacity: 1
}

.latest-project-widget i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    font-size: 16px;
    z-index: 99
}

.latest-project-widget .fp-widget-thumb {
    display: inline-block
}

.cargo-office-location-widget {
    line-height: initial;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.cargo-office-location-widget .current-office {
    color: #dde2fc;
    padding-right: 17px;
    position: relative
}

.cargo-office-location-widget .current-office:after {
    content: '\f107';
    font-family: FontAweSome;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    color: #50a9ea;
    z-index: 99
}

.cargo-office-location-widget .office-switcher {
    border: 1px solid rgba(255,255,255,.1);
    padding: 4px 10px;
    position: relative;
    float: left
}

.cargo-office-location-widget .office-switcher i {
    font-size: 15px;
    padding-right: 10px
}

.cargo-office-location-widget .office-switcher i:before {
    font-size: 15px
}

.cargo-office-location-widget .office-switcher ul {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: top .3s ease 0s,opacity .3s;
    transition: top .3s ease 0s,opacity .3s;
    position: absolute;
    background-color: #fff;
    color: #222;
    width: 100%;
    padding: 5px 10px;
    left: 0;
    top: -webkit-calc(100% + 28px);
    top: calc(100% + 28px);
    font-weight: 400;
    -webkit-box-shadow: 0 3px 16.6px 3.4px rgba(0,0,0,.2);
    box-shadow: 0 3px 16.6px 3.4px rgba(0,0,0,.2)
}

.cargo-office-location-widget .office-switcher ul li {
    padding: 5px 0;
    cursor: pointer
}

.cargo-office-location-widget .office-switcher ul li:last-child {
    display: none
}

.cargo-office-location-widget .office-switcher.show-office ul {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    top: -webkit-calc(100% + 15px);
    top: calc(100% + 15px)
}

.cargo-office-location-widget .topbar-office {
    float: right;
    display: none
}

.cargo-office-location-widget .topbar-office.active {
    display: block;
    padding-left: 10px
}

.cargo-office-location-widget .topbar-office li {
    display: inline-block;
    padding: 0 20px
}

.cargo-office-location-widget .topbar-office li:last-child {
    padding-right: 0
}

.cargo-office-location-widget .topbar-office li i {
    color: #50a9ea;
    padding-right: 6px;
    font-size: 18px
}

.cargo-office-location-widget .topbar-office li i:before {
    font-size: 18px
}

.cargo-contact-widget .detail {
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f4f4f4
}

.cargo-contact-widget .detail:last-child {
    border: 0
}

.cargo-contact-widget i {
    color: #50a9ea;
    font-size: 23px;
    float: left
}

.cargo-contact-widget i:before {
    font-size: 23px
}

.cargo-contact-widget h5,.cargo-contact-widget p {
    padding-left: 40px
}

.cargo-contact-widget h5 {
    margin-top: 0;
    margin-bottom: 7px
}

.cargo-contact-widget p {
    margin-bottom: 0
}

.site-footer {
    color: #fff;
    background-color: hsl(213deg 83% 18%);
    line-height: 4vh
}

.site-footer .footer-copyright {
    font-size: 16px;
    color: #fff
}

.site-footer .footer-copyright .site-info {
    color: #fff;
    font-size: 13px
}

.site-footer .footer-descl {
    text-align: right
}

.site-footer .footer-descl .selink a {
    color: #fff;
    font-size: 13px;
    border-right: 1px solid hsl(0deg 0% 100%);
    padding-right: 9px;
    margin-right: 9px
}

.site-footer .footer-descl .selink a:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.site-footer .footer-descl .selink a:hover {
    color: hsl(0deg 0% 60%)
}

.retail .footer-widgets {
    padding-top: 3rem
}

.footer-widgets {
    color: #000;
    border-top: 1px solid hsl(0deg 0% 95%)
}

.footer-widgets .widget {
    margin-bottom: 0;
    text-align: center
}

.footer-widgets .widget .logfot {
    width: 43%;
    display: block;
    margin: 0 auto
}

.footer-widgets .widget .certfot {
    margin-top: 2.2vh
}

.footer-widgets .widget_mc4wp_form_widget {
    margin-bottom: 0
}

.footer-widgets .widget-title {
    font-size: 20px;
    font-weight: 600;
    color: hsl(213deg 54% 26%);
    margin: 0;
    padding-bottom: 20px;
    text-transform: capitalize;
    font-style: italic
}

.footer-widgets .widget.widcent2 {
    margin-top: 0
}

.footer-widgets .widget.widcent1 .pexpo {
    display: none
}

.footer-widgets .widget.widcent2 h2 {
    padding-bottom: 0
}

.footer-widgets .widget.widcent2 h2:before {
    bottom: 20px;
    left: 41%;
    background-color: hsl(231deg 100% 27%)
}

.footer-widgets .widget.widcent3 {
    margin-top: 1.8rem
}

.footer-widgets .widget.widcent3 h2 {
    padding-bottom: 10px
}

.footer-widgets .widget.widcent3 h2:before {
    bottom: 20px;
    left: 41%;
    background-color: hsl(231deg 100% 27%)
}

.footer-widgets .widget.widcent3 .list-social {
    padding-bottom: 2vh
}

.footer-widgets .widget.widcent3 .expoim {
    display: inline-block
}

.footer-widgets .widget-title:after {
    display: none
}

.footer-widgets .widget-title a {
    color: #fff
}

.footer-widgets .menu {
    margin-top: -10px
}

.footer-widgets .menu li {
    padding: 5px 0 5px 15px;
    border: 0
}

.footer-widgets .menu li:before {
    display: none
}

.footer-widgets .menu li:after {
    top: 4px;
    right: auto;
    left: 0
}

.footer-widgets .menu li a {
    color: #000;
    padding-left: 0
}

.footer-widgets .menu li a:before {
    display: none
}

.footer-widgets .menu li:hover a {
    color: #50a9ea
}

.footer-widgets .fh-form-field {
    margin-bottom: 15px
}

.footer-widgets .fh-form-field .subscribe {
    position: relative;
    border: 1px solid rgba(255,255,255,.1);
    margin-top: 23px
}

.footer-widgets .fh-form-field .subscribe .emierrormsg {
    position: absolute;
    bottom: -28px;
    width: 100%;
    text-align: center
}

.footer-widgets .subscribe form {
    position: relative
}

.footer-widgets .subscribe label {
}

.footer-widgets .subscribe label.error {
    font-weight: 400;
    color: hsl(355deg 87% 66%);
    font-size: .6875em;
    padding-top: 0;
    position: absolute;
    bottom: -25px;
    width: 100%;
    left: 0
}

.footer-widgets .fh-form-field .subscribe ::-webkit-input-placeholder {
    color: #fff
}

.footer-widgets .fh-form-field .subscribe ::-moz-placeholder {
    color: #fff
}

.footer-widgets .fh-form-field .subscribe :-ms-input-placeholder {
    color: #fff
}

.footer-widgets .fh-form-field .subscribe :-moz-placeholder {
    color: #fff
}

.footer-widgets .fh-form-field .subscribe input[type=email] {
    width: 100%;
    background-color: hsl(211deg 98% 25%);
    color: #868686;
    padding-left: 33px;
    padding-right: 95px;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 50px;
    line-height: 50px;
    -webkit-clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
    font-size: 12px
}

.footer-widgets .fh-form-field .subscribe input[type=email]:focus {
    outline: 0
}

.footer-widgets .fh-form-field .subscribe input[type=submit] {
    position: absolute;
    width: 86px;
    height: 50px;
    right: 0;
    top: 0;
    background-color: #2a5db8;
    z-index: 99;
    border: none;
    color: #fff;
    -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.latest-post {
    padding: 22px 0;
    border-bottom: 1px solid #0a253d
}

.latest-post:first-child {
    padding-top: 0
}

.latest-post:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.latest-post .post-date {
    display: block;
    color: #50a9ea
}

.latest-post a {
    display: block;
    color: #d8d8d8;
}

.latest-project-widget .latest-project-list {
    padding-top: 5px
}

.footer-menu ul {
    padding: 0;
    margin: 0
}

.footer-menu ul li {
    display: inline-block;
    padding: 0 15px
}

.footer-menu ul li:last-child {
    padding-right: 0
}

.footer-menu ul li:first-child {
    padding-left: 0
}

.footer-menu ul li a {
    color: #848484
}

.footer-menu ul li a:hover {
    color: #50a9ea
}

.footer-text a {
    color: #fff;
    font-size: 15px
}

.contact-widget {
    border-bottom: 1px solid #232951;
    padding-top: 50px;
    padding-bottom: 40px
}

.contact-widget .contact h4 {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    padding-left: 50px
}

.contact-widget .contact p {
    font-style: italic;
    margin-bottom: 0;
    padding-left: 50px
}

.contact-widget .contact i {
    color: #50a9ea;
    float: left;
    font-size: 38px;
    margin-top: -5px
}

.contact-widget .contact i:before {
    font-size: 38px
}

.footer-contact {
    margin-left: -15px;
    margin-right: -15px
}

.footer-contact .ft-contact i {
    float: left;
    font-size: 23px;
    color: #50a9ea;
    margin-top: -3px
}

.footer-contact .ft-contact i:before {
    font-size: 23px
}

.footer-contact .ft-contact p {
    margin-left: 45px
}

.footer-contact .ft-contact.fax {
    margin-bottom: 30px
}

.footer-contact .ft-contact.phone {
    margin-bottom: 5px
}

.footer-contact .ft-contact.phone p {
    margin-bottom: 5px
}

.footer-sidebars {
    padding-top: 10px;
    padding-bottom: 10px;
	background:#0B3A75;
}
.footer-sidebars *{
	color:#FFF!important;
}
.footer-sidebars img{
	border-radius:8px;
	margin-left:10px;
	boc-shadow:0px 0px 15px -10px #000;
}
.opening-hours {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.opening-hours li {
    padding: 4px 0
}

.opening-hours li span {
    float: right
}

.site-content .vc_row.vc_row-fluid {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.site-content .vc_row.parallax {
    background-attachment: fixed;
    background-position: 50% 50%
}

.site-content .vc_row.overlay-enable {
    position: relative
}

.site-content .vc_row>.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.site-content .vc_row.vc_inner {
    margin-left: -15px;
    margin-right: -15px
}

.site-content .vc_row>.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.site-content .vc_row .wpb_content_element {
    margin-bottom: 0
}

.site-content .vc_row.vc_row-flex>.container-fluid {
    width: 100%
}

.site-content .vc_row.vc_row-flex>.container-fluid>.row,.site-content .vc_row.vc_row-flex>.container>.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.site-content .vc_row.vc_row-flex>.container-fluid>.row>.vc_column_container>.vc_column-inner,.site-content .vc_row.vc_row-flex>.container>.row>.vc_column_container>.vc_column-inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.site-content .vc_row.vc_row-o-columns-top>.container-fluid>.row,.site-content .vc_row.vc_row-o-columns-top>.container>.row {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.site-content .vc_row.vc_row-o-columns-middle>.container-fluid>.row,.site-content .vc_row.vc_row-o-columns-middle>.container>.row {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.site-content .vc_row.vc_row-o-columns-bottom>.container-fluid>.row,.site-content .vc_row.vc_row-o-columns-bottom>.container>.row {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.site-content .vc_row.vc_row-o-equal-height>.container-fluid>.row .vc_column_container,.site-content .vc_row.vc_row-o-equal-height>.container>.row .vc_column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -moz-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.site-content .vc_row.vc_row-o-content-top>.container-fluid>.row>.vc_column_container>.vc_column-inner,.site-content .vc_row.vc_row-o-content-top>.container>.row>.vc_column_container>.vc_column-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    justify-content: flex-start
}

.site-content .vc_row.vc_row-o-content-middle>.container-fluid>.row>.vc_column_container>.vc_column-inner,.site-content .vc_row.vc_row-o-content-middle>.container>.row>.vc_column_container>.vc_column-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center
}

.site-content .vc_row.vc_row-o-content-bottom>.container-fluid>.row>.vc_column_container>.vc_column-inner,.site-content .vc_row.vc_row-o-content-bottom>.container>.row>.vc_column_container>.vc_column-inner {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.site-content .vc_column-inner {
    padding-top: 0!important;
    background-repeat: no-repeat
}

.fh-button {
    font-weight: 500;
    font-size: 15px;
    color: #fff;
}

.fh-button:hover {
    color: #fff
}

.fh-button.button-type-bordered {
    min-width: 160px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #fff;
    text-align: center
}

.fh-button.align-left {
    float: left
}

.fh-button.align-right {
    float: right
}

.fh-button.button-color-dark {
    color: #222
}

.fh-button.button-color-dark.button-type-bordered {
    border-color: #222
}

.fh-button.button-color-dark:hover {
    color: #222
}

.fh-button .fh-icon,.fh-button .img-icon {
    padding-left: 10px
}

.fh-section-title h2 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic;
    color: #004080
}

.fh-section-title.text-center h2:before {
    left: 5%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fh-section-title.version-light h2 {
    color: #fff;
    padding-bottom: 0
}

.fh-section-title.version-light h2:before {
    display: none
}

.fh-section-title2 h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic
}

.fh-section-title2.text-center h2:before {
    left: 5%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fh-section-title2.version-light h2 {
    color: #fff;
    padding-bottom: 0
}

.fh-section-title2.version-light h2:before {
    display: none
}

.fh-icon-box {
    margin-bottom: 30px;
    position: relative
}

.fh-icon-box .fh-icon,.fh-icon-box .img-icon,.fh-icon-box h4,.fh-icon-box h4 a {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 10
}

.fh-icon-box:hover h4 a {
    color: #50a9ea
}

.fh-icon-box:hover .overlay {
    opacity: 1
}

.fh-icon-box h4 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0
}

.fh-icon-box h4 a {
    color: #fff
}

.fh-icon-box .desc {
    position: relative;
    z-index: 10;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-icon-box .fh-icon {
    font-size: 74px;
    display: block;
    line-height: 1;
    background-color: transparent;
    color: #0c1239
}

.fh-icon-box .fh-icon i:before {
    font-size: 74px
}

.fh-icon-box.version-light {
    color: #fff
}

.fh-icon-box.version-light .fh-icon,.fh-icon-box.version-light h4,.fh-icon-box.version-light h4 a {
    color: #fff
}

.fh-icon-box.version-light:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0c1239;
    opacity: .7;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-icon-box.version-light:hover .fh-icon,.fh-icon-box.version-light:hover h4,.fh-icon-box.version-light:hover h4 a {
    color: #fff
}

.fh-icon-box.version-light:hover:before {
    background-color: #50a9ea
}

.fh-icon-box.has-line:before {
    content: '';
    position: absolute;
    width: 1px;
    height: -webkit-calc(100% + 35px);
    height: calc(100% + 35px);
    top: 0;
    left: 35px;
    background-color: #efefef
}

.fh-icon-box.has-line.icon-right:before {
    left: auto;
    right: 35px
}

.fh-icon-box.has-line .fh-icon {
    background-color: #fff
}

.fh-icon-box.no-border {
    border: none
}

.fh-icon-box.show-button .button-box {
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-icon-box.show-button:hover .desc {
    opacity: 0
}

.fh-icon-box.show-button:hover .button-box {
    opacity: 1
}

.fh-icon-box.style-1 {
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    text-align: center;
    text-align: center;
    color: #fff
}

.fh-icon-box.style-1.no-border {
    border: none
}

.fh-icon-box.style-1.version-light {
    -webkit-box-shadow: 0 3px 16.6px 3.4px rgba(0,0,0,.2);
    box-shadow: 0 3px 16.6px 3.4px rgba(0,0,0,.2)
}

.fh-icon-box.style-2 {
    margin-bottom: 35px
}

.fh-icon-box.style-2 .fh-icon {
    font-size: 30px;
    color: #0c1239;
    width: 70px;
    height: 70px;
    line-height: 70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #dbdbdb;
    position: relative;
    z-index: 99
}

.fh-icon-box.style-2 .fh-icon i:before {
    font-size: 30px
}

.fh-icon-box.style-2:hover .fh-icon {
    background-color: #f4f596;
    border-color: #e1e286;
    color: #fff
}

.fh-icon-box.style-2 h4 {
    padding-top: 0
}

.fh-icon-box.style-2.icon-left .desc,.fh-icon-box.style-2.icon-left h4 {
    padding-left: 100px
}

.fh-icon-box.style-2.icon-left .fh-icon,.fh-icon-box.style-2.icon-left .img-icon {
    float: left
}

.fh-icon-box.style-2.icon-right {
    text-align: right
}

.fh-icon-box.style-2.icon-right .desc,.fh-icon-box.style-2.icon-right h4 {
    padding-right: 100px
}

.fh-icon-box.style-2.icon-right .fh-icon,.fh-icon-box.style-2.icon-right .img-icon {
    float: right
}

.fh-icon-box.style-2.icon-center {
    text-align: center
}

.fh-icon-box.style-2.icon-center .fh-icon,.fh-icon-box.style-2.icon-center .img-icon {
    margin: 0 auto 20px
}

.fh-icon-box.style-2.service-process .fh-icon {
    width: 110px;
    height: 110px;
    line-height: 110px
}

.fh-icon-box.style-2.service-process .fh-icon i,.fh-icon-box.style-2.service-process .fh-icon i:before {
    font-size: 32px
}

.fh-icon-box.style-3 {
    color: #dde2fc
}

.fh-icon-box.style-3 .fh-icon,.fh-icon-box.style-3 .img-icon {
    font-size: 64px;
    color: #50a9ea;
    float: left;
	width:100%;
}

.fh-icon-box.style-3 .fh-icon i:before,.fh-icon-box.style-3 .img-icon i:before {
    font-size: 64px
}

.fh-icon-box.style-3 .desc,.fh-icon-box.style-3 h4 {
    padding-left: 110px
}

.fh-icon-box.style-3 h4,.fh-icon-box.style-3 h4 a {
    padding-top: 0;
    color: #f0e851;
    font-size: 24px
}

.fh-feature-box {
    position: relative;
    color: #dde2fc;
    margin-bottom: 30px
}

.fh-feature-box .box-title,.fh-feature-box .desc {
    padding-left: 70px
}

.fh-feature-box .chars {
    position: absolute;
    left: 0;
    top: 7px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #50a9ea;
    border: 1px solid #232951;
    font-weight: 400
}

.fh-feature-box .box-title {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 400
}

.fh-feature-box .box-title2,.fh-feature-box .desc {
    padding-left: 70px
}

.fh-feature-box .box-title2 {
    font-size: 20px;
    color: #fff;
    margin: 0;
    font-weight: 400
}

.fh-service-box {
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box h4,.fh-service-box h4 a {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box .desc,.fh-service-box h4 {
    padding-left: 70px
}

.fh-service-box h4 {
    margin: 0;
    padding-bottom: 10px
}

.fh-service-box i {
    font-size: 50px;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box i:before {
    font-size: 50px
}

.fh-service-box .fh-icon,.fh-service-box .img-icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 1;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box.style-1 {
    padding: 25px 20px;
    border: 1px solid #232951
}

.fh-service-box.style-1 .fh-icon,.fh-service-box.style-1 .img-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fh-service-box.style-1:hover {
    border-color: #50a9ea
}

.fh-service-box.style-1:hover .fh-icon,.fh-service-box.style-1:hover .img-icon {
    color: #50a9ea;
    top: 30px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fh-service-box.style-1:hover i {
    color: #50a9ea
}

.fh-service-box.style-2 {
    color: #555
}

.fh-service-box.style-2 .fh-icon,.fh-service-box.style-2 .img-icon {
    left: 0
}

.fh-service-box.style-2 h4,.fh-service-box.style-2 h4 a {
    color: #222
}

.fh-service-box.style-2 i {
    color: #0c1239
}

.fh-service-box.style-2:hover .fh-icon,.fh-service-box.style-2:hover h4,.fh-service-box.style-2:hover h4 a,.fh-service-box.style-2:hover i {
    color: #50a9ea
}

.fh-service-box-2 {
    margin-bottom: 30px
}

.fh-service-box-2 .box-wrapper {
    padding: 30px;
    border: 1px solid #f4f4f4;
    border-top-width: 0
}

.fh-service-box-2 .box-wrapper .fh-icon,.fh-service-box-2 .box-wrapper .img-icon {
    float: left;
    margin-top: -10px
}

.fh-service-box-2 h4,.fh-service-box-2 h4 a {
    font-weight: 500;
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box-2 h4 {
    margin: 0;
    padding-left: 75px
}

.fh-service-box-2 .sub-title {
    font-size: 14px;
    padding-left: 75px;
    display: block
}

.fh-service-box-2 .fh-icon {
    color: #50a9ea
}

.fh-service-box-2 .fh-icon i,.fh-service-box-2 .fh-icon i:before {
    font-size: 48px
}

.fh-service-box-2 .box-header {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.fh-service-box-2 ul {
    margin: 0;
    padding-left: 20px
}

.fh-service-box-2 ul li {
    padding-bottom: 10px
}

.fh-service-box-2 ul li:last-child {
    padding-bottom: 0
}

.fh-service-box-2.no-thumb .box-wrapper {
    border-top-width: 1px
}

.fh-service-box-2.box-style-2 .box-thumb {
    position: relative
}

.fh-service-box-2.box-style-2 .box-thumb img {
    width: 100%
}

.fh-service-box-2.box-style-2 .box-thumb .fh-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 10
}

.fh-service-box-2.box-style-2 .box-thumb .fh-icon i,.fh-service-box-2.box-style-2 .box-thumb .fh-icon i:before {
    font-size: 80px
}

.fh-service-box-2.box-style-2 .box-thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #50a9ea;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 9
}

.fh-service-box-2.box-style-2 .box-wrapper {
    padding: 25px 15px;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
    position: relative
}

.fh-service-box-2.box-style-2 .box-content,.fh-service-box-2.box-style-2 h4 {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box-2.box-style-2 h4 {
    padding-left: 0;
    font-size: 18px
}

.fh-service-box-2.box-style-2 .box-header {
    border: none;
    padding-bottom: 0;
    margin-bottom: 15px
}

.fh-service-box-2.box-style-2 .box-header .fh-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    background-color: #0c1239;
    float: none;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box-2.box-style-2 .box-header .fh-icon i,.fh-service-box-2.box-style-2 .box-header .fh-icon i:before {
    font-size: 48px
}

.fh-service-box-2.box-style-2 .read-more {
    font-size: 15px;
    color: #0c1239;
    font-weight: 500;
    text-decoration: underline;
    display: inline-block;
    margin-top: 7px;
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s
}

.fh-service-box-2.box-style-2:hover .box-thumb .fh-icon {
    opacity: 1
}

.fh-service-box-2.box-style-2:hover .box-thumb:before {
    opacity: .85
}

.fh-service-box-2.box-style-2:hover .box-content,.fh-service-box-2.box-style-2:hover h4 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service-box-2.box-style-2:hover .read-more {
    opacity: 1
}

.fh-service-box-2.box-style-2:hover .box-header .fh-icon {
    opacity: 0
}

.fh-contact-box {
    margin-bottom: 45px
}

.fh-contact-box h4 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500
}

.fh-contact-box i {
    float: left;
    font-size: 26px;
    color: #2773be
}

.fh-contact-box i:before {
    font-size: 26px
}

.fh-contact-box .desc,.fh-contact-box h4 {
    padding-left: 40px
}

.fh-contact-box ul {
    padding-left: 40px;
    margin: 0;
    list-style: none
}

.fh-contact-box ul li {
    float: left;
    width: 42px;
    height: 42px;
    line-height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 1px;
    text-align: center;
    border: 2px solid #f4f4f4;
    margin: 0 5px;
    -webkit-transition: .5s;
    transition: .5s;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg)
}

.fh-contact-box ul li:first-child {
    margin-left: 0
}

.fh-contact-box ul li:last-child {
    margin-right: 0
}

.fh-contact-box ul li a {
    color: #fff;
    display: block;
    font-size: 15px
}

.fh-contact-box ul li a i {
    float: none;
    color: inherit;
    font-size: inherit
}

.fh-contact-box ul li a i:before {
    font-size: inherit
}

.fh-contact-box ul li:hover {
    background-color: #50a9ea
}

.fh-contact-box ul li:hover a {
    color: #fff
}

.fh-project .list-project {
    overflow: hidden
}

.fh-project .item-project {
    margin-bottom: 30px;
    display: inline-block;
    text-align: center
}

.fh-project .item-project .project-thumbnail {
    position: relative;
    margin-bottom: 15px
}

.fh-project .item-project .pro-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background-color: transparent;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-project .item-project .project-summary h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0
}

.fh-project .item-project .project-summary h2 a {
    color: #fff
}

.fh-project .item-project .project-summary .project-cat {
    color: #50a9ea
}

.fh-project .item-project .project-summary .project-cat a {
    color: #50a9ea
}

.fh-project ul.filter {
    margin-bottom: 70px;
    list-style: none;
    position: relative;
    text-align: right;
    padding-left: 0
}

.fh-project ul.filter li {
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    background-color: #1d1d1d;
    border: 1px dashed transparent;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-project ul.filter li.active,.fh-project ul.filter li:hover {
    border-color: rgba(255,255,255,.15)
}

.fh-project ul.filter li:first-child {
    margin-left: 0
}

.fh-project ul.filter li:last-child {
    margin-right: 0
}

.fh-project.style-1 .project-thumbnail {
    overflow: hidden;
    position: relative
}

.fh-project.style-1 .project-thumbnail .pro-link {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-project.style-1 .project-thumbnail img {
    -webkit-transition: .5s;
    transition: .5s
}

.fh-project.style-1 .project-inner:hover .project-thumbnail a {
    opacity: .6
}

.fh-project.style-1 .project-inner:hover .project-thumbnail img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.fh-project.style-2 .project-inner,.fh-project.style-3 .project-inner {
    position: relative
}

.fh-project.style-2 .project-inner .project-thumbnail,.fh-project.style-3 .project-inner .project-thumbnail {
    margin-bottom: 0
}

.fh-project.style-2 .project-inner .project-summary,.fh-project.style-3 .project-inner .project-summary {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 999;
    padding: 0 15px
}

.fh-project.style-2 .project-inner:hover .pro-link,.fh-project.style-3 .project-inner:hover .pro-link {
    background-color: rgba(0,0,0,.8)
}

.fh-project.style-2 .project-inner:hover .project-summary,.fh-project.style-3 .project-inner:hover .project-summary {
    opacity: 1
}

.fh-project.style-2 .item-project {
    width: 25%;
    padding: 0 15px
}

.fh-project.style-2 .item-project.project-1 {
    width: 50%
}

.fh-project.style-2 ul.filter {
    margin-bottom: 70px;
    list-style: none;
    position: relative;
    text-align: right;
    padding-left: 0
}

.fh-project.style-2 ul.filter li {
    color: #848484;
    font-size: 16px;
    display: inline-block;
    padding: 5px 20px;
    margin: 0;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    border: none;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-project.style-2 ul.filter li:before {
    content: '/';
    color: #848484;
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fh-project.style-2 ul.filter li.active,.fh-project.style-2 ul.filter li:hover {
    color: #50a9ea
}

.fh-project.style-2 ul.filter li:first-child {
    padding-left: 0
}

.fh-project.style-2 ul.filter li:last-child {
    padding-right: 0
}

.fh-project.style-2 ul.filter li:last-child:before {
    display: none
}

.fh-project.style-3 .item-project {
    width: 20%;
    padding: 0;
    margin: 0
}

.fh-project.style-3 ul.filter {
    margin-bottom: 70px;
    list-style: none;
    position: relative;
    text-align: right;
    padding-left: 0
}

.fh-project.style-3 ul.filter li {
    color: #656565;
    font-size: 16px;
    display: inline-block;
    padding: 5px 20px;
    margin: 0;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    border: none;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-project.style-3 ul.filter li:before {
    content: '/';
    color: #656565;
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fh-project.style-3 ul.filter li.active,.fh-project.style-3 ul.filter li:hover {
    color: #50a9ea
}

.fh-project.style-3 ul.filter li:first-child {
    padding-left: 0
}

.fh-project.style-3 ul.filter li:last-child {
    padding-right: 0
}

.fh-project.style-3 ul.filter li:last-child:before {
    display: none
}

.fh-latest-post .item-latest-post {
    margin-bottom: 30px
}

.fh-latest-post .item-latest-post.column-4 .entry-title {
    font-size: 20px
}

.fh-latest-post .item-latest-post .entry-thumbnail {
    margin-bottom: 15px;
    position: relative
}

.fh-latest-post .item-latest-post .entry-thumbnail a {
    display: block;
    position: relative;
    overflow: hidden
}

.fh-latest-post .item-latest-post .entry-thumbnail a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #0c1239;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-latest-post .item-latest-post .entry-thumbnail img {
    -webkit-transition: .5s;
    transition: .5s
}

.fh-latest-post .item-latest-post .entry-meta {
    padding-bottom: 0
}

.fh-latest-post .item-latest-post .entry-title {
    line-height: 1;
    margin-bottom: 5px
}

.fh-latest-post .item-latest-post .entry-title a {
    font-size: 20px;
    font-weight: 500
}

.fh-latest-post .item-latest-post .entry-footer {
    border: 0;
    padding: 0;
    font-weight: 500
}

.fh-latest-post .item-latest-post .entry-footer a {
    color: #50a9ea;
    font-size: 15px;
    font-weight: 500
}

.fh-latest-post .item-latest-post:hover .entry-thumbnail a:before {
    opacity: .7
}

.fh-latest-post .item-latest-post:hover .entry-thumbnail img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.fh-latest-post.carousel .owl-nav div {
    width: 50px;
    height: 50px;
    line-height: 48px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
    font-size: 18px;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s;
    transition: .5s
}

.fh-latest-post.carousel .owl-nav div:hover {
    color: #fff;
    background-color: #50a9ea;
    border-color: #50a9ea
}

.fh-latest-post.carousel .owl-nav .owl-next {
    right: 15px
}

.fh-latest-post.carousel .owl-nav .owl-prev {
    right: 75px;
    left: auto
}

.fh-latest-post.carousel .owl-dots .owl-dot span {
    width: 9px;
    height: 9px;
    border-color: #ececec;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-latest-post.carousel .owl-dots .owl-dot.active span,.fh-latest-post.carousel .owl-dots .owl-dot:hover span {
    border-color: #50a9ea;
    background-color: #50a9ea
}

.fh-latest-post .post-list {
    margin-left: -15px;
    margin-right: -15px;
    width: auto
}

.fh-counter {
    text-align: center;
    color: #fff;
    margin-bottom: 30px
}

.fh-counter .fh-icon {
    display: block;
    padding-bottom: 25px
}

.fh-counter .fh-icon i,.fh-counter .fh-icon i:before {
    font-size: 80px
}

.fh-counter .counter {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

.fh-counter h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    background-color: #50a9ea;
    margin-top: 10px;
    padding: 5px 10px;
    font-weight: 600
}

.fh-counter.icon-left {
    text-align: left
}

.fh-counter.icon-left .fh-icon {
    float: left;
    padding-bottom: 0;
    margin-top: -10px
}

.fh-counter.icon-left .fh-icon i,.fh-counter.icon-left .fh-icon i:before {
    font-size: 60px
}

.fh-counter.icon-left .counter {
    font-size: 48px;
    font-weight: 300;
    padding-right: 0;
    padding-left: 80px
}

.fh-counter.icon-left h4 {
    font-size: 16px;
    background-color: transparent
}

.fh-testimonials .testi-item {
    position: relative
}

.fh-testimonials .testi-icon {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 3px solid #f4f4f4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #f4f4f4
}

.fh-testimonials .testi-icon i:before {
    font-size: 28px
}

.fh-testimonials .testi-star {
    display: inline-block;
    border: 1px solid #f4f4f4;
    text-align: center;
    font-size: 14px;
    padding: 3px 7px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 20px
}

.fh-testimonials .testi-star i {
    padding: 0 4px;
    color: #ebce09
}

.fh-testimonials .testi-des {
    font-style: italic;
    font-size: 22px;
    padding-bottom: 10px
}

.fh-testimonials .testi-name {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #222
}

.fh-testimonials .testi-job {
    font-size: 16px;
    color: #50a9ea
}

.fh-testimonials-grid .testi-item {
    border: 3px solid #f4f4f4;
    margin-bottom: 50px
}

.fh-testimonials-carousel {
    overflow: hidden;
    color: #f7f7f7;
    position: relative
}

.fh-testimonials-carousel.column-2 {
    border: none
}

.fh-testimonials-carousel.column-2 .owl-dots {
    position: static;
    margin-top: 45px
}

.fh-testimonials-carousel.column-2 .testi-list {
    margin-left: -15px;
    margin-right: -15px;
    width: auto
}

.fh-testimonials-carousel.column-2 .owl-item {
    padding: 0 15px
}

.fh-testimonials-carousel .testi-icon {
    border-color: #fff;
    color: #fff
}

.fh-testimonials-carousel .testi-star {
    border-color: #232951
}

.fh-testimonials-carousel .testi-info {
    padding-right: 35%
}

.fh-testimonials-carousel .testi-name {
    color: #f7f7f7
}

.fh-testimonials-carousel .owl-dots {
    text-align: center;
    position: absolute;
    right: 43%;
    bottom: 10px
}

.fh-testimonials-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-testimonials-carousel .owl-dots .owl-dot.active span,.fh-testimonials-carousel .owl-dots .owl-dot:hover span {
    border-color: #50a9ea;
    background-color: #50a9ea
}

.fh-testimonials-carousel .owl-nav div {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    border: 1px solid hsl(211deg 98% 25%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: hsl(211deg 98% 25%);
    -webkit-transition: .5s;
    transition: .5s
}

.fh-testimonials-carousel .owl-nav div:hover {
    border-color: #50a9ea;
    color: #50a9ea
}

.fh-testimonials-carousel .owl-nav .owl-prev {
    left: 50px
}

.fh-testimonials-carousel .owl-nav .owl-next {
    right: 50px
}

.fh-price-table {
    text-align: center;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.09);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.09);
    margin-bottom: 40px;
    font-weight: 400
}

.fh-price-table .table-header {
    background-color: #0c1239;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 35px;
    padding-right: 17.5%;
    padding-left: 17.5%;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-price-table .desc {
    color: #a3a3a3;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-price-table .plan-name {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 10px
}

.fh-price-table .price-box {
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    position: relative;
    margin-bottom: 10px;
    display: inline-block
}

.fh-price-table .price-box .currency {
    font-size: 18px;
    font-weight: 300;
    color: #a3a3a3;
    position: absolute;
    top: 17px;
    left: -12px;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-price-table .price-box .unit {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 85%;
    color: #a3a3a3;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-price-table .table-content {
    padding-top: 10px;
    padding-bottom: 40px;
    border: 2px solid transparent;
    -webkit-transition: .5s;
    transition: .5s;
    border-top: 0
}

.fh-price-table .table-content a {
    margin-top: 40px;
    border: 2px solid #f4f4f4;
    background-color: transparent;
    color: #222;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-price-table ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.fh-price-table ul li {
    padding: 15px 0;
    border-bottom: 1px solid #f4f4f4
}

.fh-price-table.promoted .table-header,.fh-price-table:hover .table-header {
    color: #fff;
    background-color: #50a9ea
}

.fh-price-table.promoted .desc,.fh-price-table:hover .desc {
    color: #fff
}

.fh-price-table.promoted .price-box .currency,.fh-price-table.promoted .price-box .unit,.fh-price-table:hover .price-box .currency,.fh-price-table:hover .price-box .unit {
    color: #fff
}

.fh-price-table.promoted .table-content,.fh-price-table:hover .table-content {
    border-color: #50a9ea
}

.fh-price-table.promoted .table-content a,.fh-price-table:hover .table-content a {
    border-color: #50a9ea;
    background-color: #50a9ea;
    color: #fff
}

.fh-partner .partner-item {
    width: 100%;
    text-align: center
}

.fh-partner .partner-item .partner-content {
    min-height: 90px;
    line-height: 84px;
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.fh-partner .partner-item a {
    height: 100%;
    display: block
}

.fh-service .item-service.col-md-3:nth-child(4n+1),.fh-service .item-service.col-md-4:nth-child(3n+1) {
    clear: left
}

.fh-service .entry-title {
    font-size: 20px;
    padding-bottom: 0;
    font-weight: 500
}

.fh-service .entry-thumbnail {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 0
}

.fh-service .entry-thumbnail .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #0c1239;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service .entry-thumbnail .icon {
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #50a9ea;
    text-align: center;
    line-height: 70px;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 100
}

.fh-service .entry-thumbnail img {
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%
}

.fh-service h2,.fh-service h2 a {
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service .read-more {
    font-size: 15px;
    color: #50a9ea;
    font-weight: 500
}

.fh-service .service-content {
    margin-bottom: 50px;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-service .service-content:hover .entry-thumbnail .link {
    opacity: .7
}

.fh-service .service-content:hover .entry-thumbnail img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.fh-service .service-content:hover .entry-thumbnail .icon {
    opacity: 1
}

.fh-service .service-content:hover h2,.fh-service .service-content:hover h2 a {
    color: #50a9ea
}

.fh-service.style-bordered .summary {
    padding: 25px 30px;
    border: 1px solid #f4f4f4;
    border-top-width: 0;
    font-weight: 400
}

.fh-service.style-bordered .item-service.no-thumb .summary {
    border-top-width: 1px
}

.fh-service.style-bordered .service-content:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.07)
}

.fh-service.style-flat {
    text-align: center
}

.fh-service.style-flat .entry-thumbnail {
    margin-bottom: 22px
}

.fh-service.style-flat .summary {
    padding: 0 25px
}

.fh-service.style-flat .entry-title {
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 15px
}

.fh-service.style-flat .entry-title:after {
    content: '';
    width: 67px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #50a9ea
}

.fh-accordion.vc_tta-accordion .vc_tta-panel-heading {
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.fh-accordion.vc_tta-accordion .vc_tta-panel-title {
    font-weight: 500;
    font-size: 18px
}

.fh-accordion.vc_tta-accordion .vc_tta-panel-title a {
    color: #222!important;
    padding: 20px!important;
    background-color: #f7f7f7!important;
    cursor: pointer;
    -webkit-transition: .5s!important;
    transition: .5s!important
}

.fh-accordion.vc_tta-accordion .vc_tta-panel-title a i {
    font-size: 18px!important;
    position: absolute;
    right: 15px;
    margin-left: 0;
    top: 27px;
    color: #848484
}

.fh-accordion.vc_tta-accordion .vc_tta-panel-title a span {
    margin-left: 0!important
}

.fh-accordion.vc_tta-accordion .vc_tta-panel-body {
    background-color: #fff!important;
    padding: 25px 20px!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a {
    color: #222!important;
    padding: 18px 20px!important;
    background-color: #fff!important
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a i {
    font-size: 18px!important;
    position: absolute;
    right: 15px;
    margin-left: 0;
    top: 27px;
    color: #848484;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a:hover {
    color: red!important
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a:hover i {
    color: red!important
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-body {
    background-color: #fff!important;
    padding: 5px 20px 10px!important;
    border-top: 0!important
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title a {
    color: red!important
}

.fh-accordion.style-2.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title a i {
    color: red!important
}

.vc_opening-hours {
    padding: 20px 30px;
    background-color: hsl(0deg 0% 100%)
}

.vc_opening-hours h3 {
    margin: 0;
    font-size: 24px;
    padding-bottom: 15px
}

.vc_opening-hours ul {
    padding: 0;
    list-style: none;
    margin-left: 0
}

.vc_opening-hours ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f4f4f4;
    font-size: 14px
}

.vc_opening-hours ul li:last-child {
    border-bottom: none
}

.vc_opening-hours ul li span {
    float: right
}

.service-tabs .vc_tta-tabs-container {
    margin: 0!important
}

.service-tabs .vc_tta-tabs-list {
    background-color: #04192b
}

.service-tabs .vc_tta-tabs-list li,.service-tabs .vc_tta-tabs-list li a {
    background-color: transparent!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    border: 0!important
}

.service-tabs .vc_tta-tabs-list li {
    padding: 15px 0!important
}

.service-tabs .vc_tta-tabs-list li a {
    color: #fff!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    border-right: 1px solid rgba(255,255,255,.25)!important
}

.service-tabs .vc_tta-tabs-list li.vc_active a,.service-tabs .vc_tta-tabs-list li:hover a {
    color: red!important;
    border-color: #50a9ea
}

.service-tabs .vc_tta-tabs-list li:last-child a {
    border: 0!important
}

.fh-team .team-list {
    padding-top: 105px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    width: auto
}

.fh-team .team-list .owl-item {
    padding-left: 15px;
    padding-right: 15px
}

.fh-team .team-member {
    margin-bottom: 30px;
    text-align: center
}

.fh-team .team-member .team-header {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 15px;
    -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
    clip-path: polygon(8% 0,100% 0,92% 100%,0 100%)
}

.fh-team .team-member .team-header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0c1239;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 9
}

.fh-team .team-member .team-header img {
    -webkit-transition: .5s;
    transition: .5s
}

.fh-team .team-member ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: -45px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
    -webkit-transition: .5s;
    transition: .5s
}

.fh-team .team-member ul li {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 1px 0;
    background-color: #50a9ea
}

.fh-team .team-member ul li a {
    color: #fff;
    display: block
}

.fh-team .team-member:hover .team-header:before {
    opacity: .7
}

.fh-team .team-member:hover .team-header img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.fh-team .team-member:hover ul {
    left: 0
}

.fh-team .team-member h4 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500
}

.fh-team .team-member .job {
    color: #50a9ea;
    font-size: 16px;
    display: block;
    font-weight: 400
}

.fh-team .owl-nav div {
    font-size: 18px;
    color: #d8d8d8;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 47px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #efefef;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: .5s;
    transition: .5s
}

.fh-team .owl-nav div:hover {
    color: #fff;
    background-color: #50a9ea
}

.fh-team .owl-nav .owl-next {
    right: 15px
}

.fh-team .owl-nav .owl-prev {
    right: 75px;
    left: auto
}

.fh-team .owl-dots {
    text-align: center
}

.fh-team .owl-dots .owl-dot span {
    border-color: #efefef;
    background-color: #fff;
    width: 10px;
    height: 10px
}

.fh-team .owl-dots .owl-dot.active span,.fh-team .owl-dots .owl-dot:hover span {
    border-color: #50a9ea;
    background-color: #50a9ea
}

.custom-quote blockquote {
    margin-left: 0;
    margin-top: 25px;
    padding: 30px 10px 10px 50px;
    border-left: 2px solid #f4f4f4;
    position: relative
}

.custom-quote blockquote:before {
    content: '\e914';
    font-family: factoryplus;
    font-size: 20px;
    color: #50a9ea;
    position: absolute;
    left: 20px;
    top: 0;
    font-style: initial
}

.custom-quote blockquote a {
    display: block;
    color: #50a9ea;
    font-size: 18px;
    font-weight: 500;
    font-style: initial
}

.custom-quote.quote-project blockquote {
    background-color: #fafafa;
    border-left: 1px solid red;
    padding: 20px 10px 20px 75px
}

.custom-quote.quote-project blockquote:before {
    font-size: 32px;
    color: #ececec;
    top: 10px;
    left: 25px
}

.custom-quote.quote-project blockquote:after {
    content: '';
    position: absolute;
    height: 90%;
    width: 1px;
    background-color: #50a9ea;
    left: 3px;
    top: 0
}

.custom-quote.quote-project blockquote h3 {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

.greyc {
    background-color: rgba(248,247,216,.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gradntde {
    background-image: linear-gradient(to right,#4a9de4,#3684d0,#246cbb,#1255a6,#003e90)
}

.pdntde {
    padding: 70px 65px 70px 100px;
    -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
    clip-path: polygon(5% 0,100% 0,95% 100%,0 100%)
}

.abotimglft {
    -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
}

.project-thumbnailp {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%)!important;
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)!important
}

.navimgri8 {
    color: #333;
    opacity: .4;
    margin: auto;
    -webkit-transform: skew(18deg);
    transform: skew(18deg);
	width:30px!important;
	height:30px!important;
	display:block;
}

.nav ul.menu>li>a {
    padding: 12px;
    -webkit-transform: skew(-18deg);
    transform: skew(-18deg);
    color: #636363;
    cursor: pointer;
    font-size: 12px
}

.nav ul.menu>li>a label {
    cursor: pointer
}

.nav ul.menu>li>a label span {
    -webkit-transform: skew(18deg);
    transform: skew(18deg);
    display: inline-block;
    font-style: normal;
    font-weight: 600
}

.pr0 {
    padding-right: 0!important
}

.pl0 {
    padding-left: 0!important
}

.fh-icon-box h4 a:hover {
    border: none
}

.fh-icon-box.style-1 :hover {
    background: #fff!important
}

.vt {
    color: #fff!important
}

.secpadd2 {
    padding: 40px;
    position: relative
}

a.skewbutton,input.skewbutton {
    background: #efe950;
    padding: 10px;
    display: block;
    width: 160px;
    text-align: center;
    color: hsl(211deg 98% 25%);
    -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
    margin-left: 5px;
    font-size: 13px;
    border: none;
    outline: 0
}

.bluebg2 {
    color: #fff
}

.pdd-csr {
    padding-left: 10%;
    padding-top: 4%
}

.bb4 {
    border-bottom: 4px solid #ececec
}

.rigtsec {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0
}

.abthide {
    max-height: 550px;
    overflow: hidden
}

.rightblue {
    background-image: linear-gradient(to right top,#003e90,#0d50a1,#1b62b1,#2a75c1,#3988d1);
    display: block;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    padding: 165px
}

.bg-cyan {
    border: 1px solid #d6d6d6;
    background: #fff
}

.secpaddem4 {
    padding-bottom: 80px
}

a.skewbutton2 {
    background: #efe950;
    padding: 10px;
    display: block;
    width: 117px;
    text-align: center;
    color: #3e3e3e;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    margin-left: 13px;
    font-size: 12px;
    margin-top: -23px
}

.features-9 {
    background: url(../images/count-bg-4.png) center top no-repeat;
    bacground-size: cover
}

.entry-summary {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    margin-top: -27px;
    position: relative;
    z-index: -1
}

h4.box-title2 {
    padding: 0
}

.colory8 {
    color: #fff!important
}

.boxem {
    display: block;
    padding: 30px;
    background: #493f84;
    background: -moz-linear-gradient(top,#493f84 1%,#c13eb0 100%);
    background: -webkit-linear-gradient(top,#493f84 1%,#c13eb0 100%);
    background: linear-gradient(to bottom,#493f84 1%,#c13eb0 100%);
    color: #fff
}

.boxem2 {
    display: block;
    padding: 30px;
    background: #f4da8b;
    background: -moz-linear-gradient(top,#f4da8b 0,#ed9017 100%);
    background: -webkit-linear-gradient(top,#f4da8b 0,#ed9017 100%);
    background: linear-gradient(to bottom,#f4da8b 0,#ed9017 100%);
    color: #fff
}

.boxem3 {
    display: block;
    padding: 30px;
    background: #1657a6;
    color: #fff;
    background: #3498e5;
    background: -moz-linear-gradient(top,#3498e5 0,#0e4e9d 100%);
    background: -webkit-linear-gradient(top,#3498e5 0,#0e4e9d 100%);
    background: linear-gradient(to bottom,#3498e5 0,#0e4e9d 100%)
}

.fh-section-title2 h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 67px;
    height: 2px;
    background-color: #efe94e
}

.bg-whiteclip {
    clip-path: polygon(15% 0,100% 0,100% 100%,0 100%);
    background: #fff;
    position: absolute;
    z-index: 999;
    width: 50%;
    right: 0;
    height: 435px;
    margin-top: -73px
}

.clipwhiteh2 {
    position: absolute;
    z-index: 3;
    color: #023e7e;
    margin-left: 15%;
    margin-top: 7%
}

.mar4 {
    margin-top: 4%
}

.mar55 {
    padding-bottom: 5%;
    padding-top: 5%
}

.loom {
    padding-top: 5%;
    padding-bottom: 5%;
    color: #fff
}

h4.box-title {
    color: #0c1239
}

.vc_opening-hours h3 {
    margin: 0;
    font-size: 24px;
    padding-bottom: 15px;
    color: #fff
}

.eee {
    height: 300px
}

.eee iframe {
    height: 100%;
    width: 100%;
    border: 0;
    filter: url(data:image/svg+xml;
    utf8;base64,PHN2ZyB4bWxucz1cJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCc+PGZpbHRlciBpZD1cJ2dyYXlzY2FsZVwnPjxmZUNvbG9yTWF0cml4IHR5cGU9XCdtYXRyaXhcJyB2YWx1ZXM9XCcwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwIDAgMCAxIDBcJy8+PC9maWx0ZXI+PC9zdmc+I2dyYXlzY2FsZQ==);filter: gray;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden
}

.entry-thumbnail2 {
    margin-bottom: 20px;
    position: relative
}

.ios {
    height: 130px!important
}

.bom {
    width: 40px;
    margin-top: -10px
}

.bluecol {
    color: #36abff
}

.awr {
    text-align: center!important
}

.awr h5 {
    padding-top: 10px;
    font-size: 14px;
    color: #909090;
    font-weight: 300;
    padding-bottom: 20px
}

.mar555 {
    padding-top: 5%
}

.fh-section-title22 h2 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-style: italic
}

.mmmm {
    display: block;
    position: absolute;
    margin-top: 16%;
    background: #333;
    width: 51%;
    left: -60px;
    padding-left: 22%;
    color: #fff;
    background: linear-gradient(90deg,#020024 0,#4a9de4 0,#0b4c9c 100%);
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg)
}

.mmmm h4 {
    color: #fff;
    padding: 20px
}

.ty {
    margin-top: 50%;
    background: #eadd1c;
    width: auto;
    color: #333;
    padding: 15px;
    -moz-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg)
}

#timeline {
    display: -webkit-box;
    display: flex;
    background-color: #031625
}

#timeline:hover .tl-item {
    width: 23.3333%
}

.tl-item {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: relative;
    flex: 1;
    height: 60vh;
    min-height: 600px;
    color: #fff;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    transform: skew(-10deg,0deg)
}

.tl-item:after,.tl-item:before {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.tl-item:after {
    background: rgba(3,22,37,.85);
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.tl-item:before {
    background: -webkit-gradient(to bottom,hsl(0deg 0 0/0) 0,hsl(0deg 0 0) 75%);
    background: linear-gradient(to bottom,hsl(0deg 0 0/0) 0,hsl(0deg 0 0) 75%);
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0) translateY(50%);
    transform: translate3d(0,0,0) translateY(50%);
    -webkit-transition: opacity .5s ease,-webkit-transform .5s ease;
    transition: opacity .5s ease,-webkit-transform .5s ease;
    transition: opacity .5s ease,transform .5s ease;
    transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease
}

.tl-item:hover:after {
    opacity: 0
}

.tl-item:hover:before {
    opacity: .9;
    -webkit-transform: translate3d(0,0,0) translateY(0);
    transform: translate3d(0,0,0) translateY(0);
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease .25s;
    transition: opacity 1s ease,-webkit-transform 1s ease .25s;
    transition: opacity 1s ease,transform 1s ease .25s;
    transition: opacity 1s ease,transform 1s ease .25s,-webkit-transform 1s ease .25s
}

.tl-item:hover .tl-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .75s ease .5s;
    transition: all .75s ease .5s
}

.tl-item:hover .tl-bg {
    -webkit-filter: grayscale(.7);
    filter: grayscale(.7);
    opacity: .35;
    bottom: 0;
    width: 110%;
    left: -35px;
    right: 0;
    background-position: center -58px
}

.tl-content {
    -webkit-transform: translate3d(0,0,0) translateY(25px);
    transform: translate3d(0,0,0) translateY(25px);
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 1.618em;
    top: 55%;
    opacity: 0
}

.tl-content h1 {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #1779cf;
    font-size: 1.44rem;
    font-weight: 400
}

.tl-year {
    position: absolute;
    z-index: 1;
    background: rgb(18 59 150/80%);
    padding: 30px 20px 20px;
    transform: skew(8deg,0deg)
}

.tl-year p {
    line-height: 1;
    font-size: 22px;
    font-weight: 900;
    color: #fff
}

.oppp {
    padding-right: 2%
}

.tl-bg {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: absolute;
    width: 128%;
    height: 100%;
    top: 0;
    left: -35px;
    background-size: cover;
    background-repeat: no-repeat;
    transform: skew(8deg,0deg);
    background-position: center
}

.tl-content {
    font-size: 13px;
    transform: skew(8deg,0deg)
}

.tl-content p {
    font-size: 13px;
    text-align: left;
    padding: 20px
}

.gb {
    width: 100%;
    padding: 30px;
    display: block
}

.gloo {
    background-image: url(../images/corpo/growth.jpg);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 310px;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.loog {
    background-image: url(../images/accord5.jpg);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 340px;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.rightblue9 {
    background: linear-gradient(90deg,#020024 0,#4a9de4 0,#0b4c9c 100%)
}

.bbm {
    display: block;
    position: absolute;
    margin-top: 30%;
    margin-left: 30%;
    color: #fff
}

.ffl {
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    margin-left: -3px
}

.gloo7 {
    background-image: url(../images/accord5.jpg);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 500px;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.logi1 {
    background-image: url(../images/logi1.jpg);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 500px;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.logi2 {
    background-image: url(../images/logi2.jpg);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 550px;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.logi3 {
    background-image: url(../images/logi3.jpg);
    background-repeat: no-repeat,repeat;
    background-size: cover;
    height: 550px;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.bg-cyan2 {
    border: 0;
    background: #fff
}

.filters-dropdown.sec2w {
    text-align: left;
    display: inline-block
}

.filters-dropdown {
    text-align: right
}

.pagination {
    display: block;
    text-align: center
}

.pagination .counter {
    display: none
}

.pagination .pagination-list li {
    display: none;
    padding: 10px;
}

.pagination .pagination-list li.hidden-phone {
    display: inline-block
}

.pagination .pagination-list li.active {
    display: inline-block
}

.pagination .pagination-list li.active a {
    font-weight: 800;
    padding: 6px 10px;
    background-color: #efe94e
}

.homtabbs {
    display: inline-block
}

.homtabbs input[type=radio] {
    display: none
}

.homtabbs label.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #a9a9a9;
    user-select: none;
    transition: background .4s,padding-left .2s;
    padding-left: 0;
    margin: 1px
}

.homtabbs input[type=radio]:checked+.page+label.nav {
    color: hsl(211deg 98% 25%);
    border: 1px solid hsl(211deg 98% 25%)
}

.homtabbs input[type=radio]:checked+.page+label.nav span {
    padding-left: 0
}

.homtabbs input[type=radio]:checked+.page+label.nav svg {
    opacity: 1
}

.homtabbs label.nav span {
    padding-left: 0;
    position: relative
}

.homtabbs label.nav svg {
    left: 0;
    top: -3px;
    position: absolute;
    width: 15px;
    opacity: 0;
    transition: opacity .2s
}

.homtabbs .page {
}

.homtabbs .page h3 {
    font-size: 25px
}

.homtabbs .page-contents>* {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .2s,transform .2s
}

.homtabbs .page-contents>:nth-child(1) {
    transition-delay: .4s
}

.homtabbs .page-contents>:nth-child(2) {
    transition-delay: .6s
}

.homtabbs .page-contents>:nth-child(3) {
    transition-delay: .8s
}

.homtabbs .page-contents>:nth-child(4) {
    transition-delay: 1s
}

.homtabbs .page-contents>:nth-child(5) {
    transition-delay: 1.2s
}

.homtabbs .page-contents>:nth-child(6) {
    transition-delay: 1.4s
}

.homtabbs .page-contents>:nth-child(7) {
    transition-delay: 1.6s
}

.homtabbs .page-contents>:nth-child(8) {
    transition-delay: 1.8s
}

.homtabbs .page-contents>:nth-child(9) {
    transition-delay: 2s
}

.homtabbs .page-contents>:nth-child(10) {
    transition-delay: 2.2s
}

.homtabbs .page-contents>:nth-child(11) {
    transition-delay: 2.4s
}

.homtabbs .page-contents>:nth-child(12) {
    transition-delay: 2.6s
}

.homtabbs .page-contents>:nth-child(13) {
    transition-delay: 2.8s
}

.homtabbs .page-contents>:nth-child(14) {
    transition-delay: 3s
}

.homtabbs .page-contents>:nth-child(15) {
    transition-delay: 3.2s
}

.homtabbs .page-contents>:nth-child(16) {
    transition-delay: 3.4s
}

.homtabbs .page-contents>:nth-child(17) {
    transition-delay: 3.6s
}

.homtabbs .page-contents>:nth-child(18) {
    transition-delay: 3.8s
}

.homtabbs .page-contents>:nth-child(19) {
    transition-delay: 4s
}

.homtabbs .page-contents>:nth-child(20) {
    transition-delay: 4.2s
}

.homtabbs .page {
    transition: transform .8s;
    transform: translateX(100%)
}

.homtabbs .page.show {
    transform: translateX(0)
}

.homtabbs .show .page-contents>* {
    opacity: 1
}

.homtabbs .page.current {
    transform: translateX(0)
}

.homtabbs .page.current .page-contents>* {
    opacity: 1;
    transform: translateY(0)
}

.homtabbs .page-contents {
    max-width: 100%;
    padding-right: 5rem;
    position: relative;
    top: -15px
}

.csaward .owl-controls .owl-dots .owl-dot button span {
    height: 7px;
    width: 5rem;
    cursor: pointer
}

.csaward .owl-controls .owl-dots .owl-dot {
    cursor: pointer;
    background: hsl(0deg 0% 0%/0%);
    border: none;
    outline: 0
}

.csaward .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 5rem
}

.csaward .owl-controls .owl-dots .owl-dot.active span,.home-wrap .secpadd6 .csaward .owl-controls .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 hsl(211deg 98% 25%)
}

@media only screen and (max-width:1920px) {
    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
        right: 45rem;
        top: 21rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-content {
        left: 20rem;
        top: 23rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-item {
        left: -120px
    }
}

@media only screen and (max-width:1810px) {
    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 26vh
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -12.3vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        right: 3vw
    }
}

@media only screen and (min-width:1701px) and (max-width:1890px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.4vw
    }
}

@media only screen and (min-width:1601px) and (max-width:1700px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.8vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -12vw
    }
}

@media only screen and (max-width:1600px) {
    div#comparison {
        height: 84vh
    }

    .home-wrap .banBtn2 {
        left: 33.2%;
        bottom: 13.5%
    }

    #page {
        position: relative;
        overflow: hidden
    }

    .home-wrap .rigtsec .rightblue {
        padding: 21rem 4rem 15rem 10rem
    }

    .home-wrap .banner-wrapper .panel {
        height: 85.33vh
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 20vh
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.8vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.9vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.25vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: calc(-12.4vw + 15px)
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
    }

    .home-wrap .bannersli .item .itemcapt .srandpos.pos2 {
    }

    .mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.25vw
    }

    .home-wrap .secpadd5 {
        padding-bottom: 2rem
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: 0;
        left: -24vw
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail {
        margin-bottom: -15.7rem
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post {
        margin-bottom: 1vw
    }

    .csr-activity .csr-activity-det .othercsr {
        flex-wrap: wrap
    }

    .csr-activity .csr-activity-det .othercsr .item {
        flex-grow: 1;
        width: 21%;
        height: 27rem;
        flex: unset
    }

    .ventures-wrap .secpadd .vntidet .vtrtitl h5 {
        font-size: 20px
    }

    .ventures-wrap .secpadd.secp2 {
        top: -62px
    }

    .ventures-wrap .breaklin {
        margin-top: -30px;
        top: -20px
    }

    .ventures-wrap .secpadd .venfdet .blckwrap {
    }

    .ventures-wrap .breaklin .brtitle {
        margin-left: 20rem
    }

    .ventures-wrap .secpadd .venfdet .blck p span {
        width: 90%
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd {
        height: 75rem
    }

    .ventures-wrap .secpadd.secp3 {
        margin-top: -20px
    }

    .ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
    }

    .corporate-wrap .secpadd5 .fh-section-title {
        padding: 0 5rem
    }

    .corporate-wrap .secpadd5 .row .gloo {
        height: 54rem
    }

    .corporate-wrap .secpadd5 .row .loog {
        height: 52rem;
        background-position: center 0
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 51rem;
        background-position: center center
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 55%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4) .tl-content {
        top: 51%
    }

    .tl-bg {
        width: 135%
    }

    .distribution-wrap .secpadd.secp6 .se6-det {
        padding: 3rem 5rem
    }

    .distribution-wrap .secpadd.secp6 .row:first-child .se6-det {
        padding: 10rem 5rem
    }
}

@media only screen and (min-width:1560px) and (max-width:1598px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.9vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.8vw
    }
}

@media only screen and (max-width:1559px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -9.1vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.7vw
    }
}

@media only screen and (max-width:1536px) {
    div#comparison {
        height: 86vh
    }

    .home-wrap .banBtn2 {
        left: 33.2%;
        bottom: 11.2%;
        margin-top: 0
    }

    div#comparison figure .panel-content .pnelitm .view-content-wrap {
        top: 19rem
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 30vh
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: -2rem
    }

    .corporate-wrap .secpadd5 .row .loog {
        height: 52rem
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 60vh
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3) .tl-content {
        top: 49.5%;
        width: 85%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3):hover .tl-year {
        bottom: 74%;
        width: 85%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4) .tl-content {
        top: 50%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4) .tl-content {
        top: 50%;
        width: 87%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 77%;
        width: 83%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 47%;
        width: 84%
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year p {
        font-size: 19px
    }
}

@media only screen and (min-width:1403px) and (max-width:1519px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -9.1vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.7vw
    }
}

@media only screen and (min-width:1367px) and (max-width:1403px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -13.3rem
    }
}

@media only screen and (max-width:1440px) {
    div#comparison {
        height: 87vh
    }

    .home-wrap .banBtn2 {
        left: 31.5%;
        bottom: 10.2%
    }

    .rightblue {
        background: linear-gradient(90deg,#020024 0,#4a9de4 0,#0b4c9c 100%);
        display: block;
        -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
        padding: 105px
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -9.5vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.5vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.7vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11vw
    }

    .home-wrap .banner-wrapper .panel {
        height: 87.33vh
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 52vh
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 51%
    }

    .tl-bg {
        width: 131%;
        left: -29px
    }

    .corporate-wrap .secpadd5 .fh-section-title {
        padding: 0 3rem
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 44rem
    }

    .corporate-wrap .secpadd5 .oppp .fh-section-title {
        padding: 0 4rem
    }

    .corporate-wrap .secpadd5 .row .gloo {
        height: 69rem
    }

    .corporate-wrap .secpadd5 .row .loog {
        height: 52rem
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 53rem
    }

    .distribution-wrap .secpadd.secp6 .se6-det {
        padding: 3rem 4rem
    }

    .ventures-wrap .secpadd .vntidet {
        padding: 3.5rem 2.5rem
    }

    .ventures-wrap .secpadd .vntidet .vtrtitlto {
        margin-bottom: 5px
    }

    .ventures-wrap .secpadd:first-child .vntidet .vtrtitlto img {
        width: 200px
    }

    .ventures-wrap .secpadd .venfdet .blck p span:first-child {
        font-size: 1.6em
    }

    .ventures-wrap .secpadd .venfdet .blck p span:first-child {
        font-size: 1.6em
    }

    .ventures-wrap .breaklin .brtitle h3 {
        font-size: 3rem
    }

    .ventures-wrap .secpadd.secp2 {
        top: -1px
    }

    .ventures-wrap .breaklin {
        margin-top: -6px;
        top: 3px
    }

    .ventures-wrap .secpadd.secp2 .venfdet {
        left: -15px
    }

    .ventures-wrap .secpadd.secp3 {
        margin-top: 3px
    }

    .ventures-wrap .secpadd.secp4 {
        top: -2px
    }

    .ventures-wrap .secpadd.secp4 .venfdet {
        left: -15px
    }

    .ventures-wrap .secpadd.secp5 {
        top: -3px
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 2rem 0
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .venturslide img {
        height: 67rem
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck p span:first-child,.ventures-wrap .secpadd.secp4 .venfdet .blck p span:first-child {
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
        height: 73rem
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd {
        height: 75rem
    }

    .ventures-wrap .secpadd.secp3 .slid1wrp .item .vslibgnd {
        height: 55rem
    }

    .ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd {
        height: 62rem
    }
}

@media only screen and (max-width:1366px) {
    div#comparison {
        height: 42.7vw
    }

    div#comparison figure div.skewm {
        margin: 0 0 0 -60px
    }

    div#comparison figure div#divisor {
        right: -58px
    }

    .home-wrap .banBtn2 {
        left: 32.9%;
        bottom: 12.2%
    }

    div#comparison figure .panel-content .pnelitm .view-content-wrap {
        top: 15rem
    }

    .home-wrap .rigtsec .rightblue {
        padding: 16rem 3rem 19rem 8rem
    }

    .home-wrap .bannersli {
        top: -28px
    }

    .home-wrap .banBtn .welservices .bbox {
        padding: 14px 50px
    }

    .home-wrap .bannersli .active .item .itemcapt .scontent-wrp {
        width: 56.4vw
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -6.2vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.8vw
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        width: 60.5vw
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 12vw;
        margin-top: 5vh
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        font-size: 1.5rem!important;
        line-height: 20px
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 4.7rem
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .srandpos {
    }

    .mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -6.6vw;
        width: 57.4vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.2vw
    }

    .home-wrap .secpadd5 {
        padding-bottom: 1rem
    }

    .home-wrap .secpadd5 .pdd-csr {
        padding-left: 5%
    }

    .home-wrap .secpadd5 .secpadd {
        padding: 6px
    }

    .home-wrap .banner-wrapper .panel {
        height: 85.33vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-content {
        left: 14rem;
        top: 16rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
        right: 47rem;
        top: 11rem
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        top: 35px;
        left: -28vw
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 30px 126px 20px 0
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
        right: 50px
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 66vh
    }

    .tl-bg {
        width: 144%;
        left: -37px
    }

    .corporate-wrap .secpadd5 .row .gloo {
        height: 58rem
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 48%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3) .tl-content {
        top: 47%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 75%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 45%
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top p {
        -webkit-line-clamp: 2
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top h3 {
        height: 40px
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child {
        padding: 3rem 0
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet {
        padding: 3rem 7rem
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet img {
        width: 90px
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .venturslide img {
        height: 70rem
    }

    .ventures-wrap .secpadd .venfdet .blck p span {
        width: 94%
    }
}

@media only screen and (max-width:1365px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -6.4vw
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.5vw;
        width: 60.5vw
    }
}

@media only screen and (max-width:1330px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -6.5vw
    }
}

@media only screen and (max-width:1309px) {
    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 16vh
    }
}

@media only screen and (max-width:1280px) {
    div#comparison figure div.skewm {
        margin: 0 0 0 -83px
    }

    div#comparison figure div#divisor {
        right: -82px
    }

    .rightblue {
        background: linear-gradient(90deg,#020024 0,#4a9de4 0,#0b4c9c 100%);
        display: block;
        -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
        padding: 75px
    }

    .home-wrap .bannersli {
        top: 0
    }

    .home-wrap .banBtn {
        top: -2.7vh
    }

    .home-wrap .banner-wrapper .panel .randmtxt .randpos.pos3 {
        left: 20%
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
    }

    .home-wrap .banner-wrapper .panel .randmtxt .randpos.pos2 {
        right: 29%
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -7vw
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.2vw
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 13vh
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        width: 60.4vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -7vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -10.6vw
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 58vh
    }

    .tl-item:hover .tl-bg {
        background-position: center;
        width: 111%;
        left: -37px
    }

    .tl-bg {
        width: 166%;
        left: -62px
    }

    .corporate-wrap .secpadd5 .row .gloo {
        height: 69rem
    }

    .corporate-wrap .secpadd5 .row .loog {
        height: 52rem
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 55rem
    }

    .corporate-wrap .secpadd5 .oppp .fh-section-title {
        padding: 0 4rem
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child {
        padding: 1rem 0
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet {
        padding: 3rem 4rem
    }

    .distribution-wrap .secpadd.secp6 .row:first-child .se6-det {
        padding: 10rem 2rem
    }

    .distribution-wrap .secpadd.secp6 .se6-det {
        padding: 3rem 2rem
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
        height: 69rem
    }

    .ventures-wrap .secpadd .vntidet {
        padding: 4rem 2.5rem
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd {
        height: 69rem
    }

    .ventures-wrap .secpadd.secp5 .venfdet {
        padding: 20px
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail {
        padding: 0 2vw
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 20px 0
    }
}

@media only screen and (max-width:1280px) and (max-height:1024px) {
    div#comparison {
        height: 61.7vw
    }

    .home-wrap .banBtn2 {
        left: 28.9%;
        bottom: 14%
    }

    .home-wrap .banner-wrapper .panel {
        height: 89.33vh
    }
}

@media only screen and (max-width:1280px) and (max-height:960px) {
    div#comparison {
        height: 57.4vw
    }

    .home-wrap .banBtn {
        top: -3vh
    }

    .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 3vh
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 17vh
    }
}

@media only screen and (max-width:1280px) and (max-height:800px) {
    div#comparison {
        height: 83.3vh
    }

    .home-wrap .banBtn {
        top: -4vh
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 78%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 41%
    }
}

@media only screen and (max-width:1280px) and (max-height:600px) {
    .home-wrap .banBtn {
        top: -4vh
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 23vh
    }

    .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 4vh
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 23vh
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 100vh
    }
}

@media only screen and (max-width:1220px) {
    .rightblue {
        clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
        padding: 57px
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 44%
    }
}

@media only screen and (max-width:1200px) {
    .header-sticky.header-v1 .site-header.minimized,.header-sticky.header-v2 .site-header.minimized {
        top: 0
    }

    .all-project ul.filtertb {
        text-align: left;
        margin-bottom: 25px
    }

    .all-project ul.filtertb li {
        margin-bottom: 5px
    }

    .all-project ul.filtertb li a {
        padding: 3px 1vw
    }

    .homtabbs .page-contents {
        padding-right: 0
    }

    .grid-item {
        width: 150px
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 9vw;
        top: 2rem
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 3vw
    }

    .home-wrap .rigtsec .rightblue {
        padding: 14rem 3rem 14rem 7rem
    }

    .boxem {
        padding: 20px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem.box2 {
        padding: 29px 30px
    }

    .home-wrap .secpadd3 .sectop {
        width: 100%
    }

    .home-wrap .secpadd3 .bgrid a.skewbutton {
        padding: 8px;
        width: 145px;
        font-size: 12px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem h2 {
        padding-bottom: 10px;
        font-size: 20px
    }

    .home-wrap .secpadd4 .pdntde {
        position: relative;
        top: 1px
    }

    .home-wrap .secpadd4 .frs1box {
        padding: 15px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a {
        padding: 23px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary p {
        font-size: 12px;
        width: 100%
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title {
        margin-bottom: 2px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title a {
        font-size: 15px
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: 21px
    }

    .home-wrap .secpadd6 .csaward {
        padding: 1vh 2vh
    }

    .corporate-wrap .secpadd .sewrap .fh-section-title .gsec {
        margin-top: 0
    }

    .corporate-wrap .secpadd2 .container {
        width: 100%;
        padding: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        width: 78%
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 53vh
    }

    .corporate-wrap .secpadd5 {
        padding-top: 4rem
    }

    .corporate-wrap .secpadd5 .oppp .fh-section-title {
        padding: 0 4rem
    }

    .corporate-wrap .secpadd5 .gsec.shom {
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        padding: 19px 55px;
        height: 272px
    }

    .retail-wrap .secpadd .recontop .tabbox {
        left: -6px
    }

    .retail-wrap .secpadd .recontop .tabbox .top span:after {
        right: 94px
    }

    .mix {
        width: 24.7%
    }

    .mix .info {
        padding: 10px 40px
    }

    .mix .info h4 {
        color: #fff
    }

    .mix .info p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal
    }

    .mix .info a.linkLM--white {
        font-size: 12px
    }

    .mix .info a.linkLM--white:hover {
        color: hsl(55deg 100% 50%)
    }

    .distribution-wrap .rigtsec .rightblue {
        padding: 14rem 3rem 14rem 7rem
    }

    .ventures-wrap .secpadd .ventop {
        left: 60px
    }

    .corporate-wrap .secpadd5 .row .gloo {
        height: 64rem
    }

    .corporate-wrap .secpadd6 {
        padding: 77px 0
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-12 {
        width: 86%;
        padding: 3rem 5rem 11rem 30rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        width: 40%
    }
}

@media only screen and (max-width:1176px) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.65rem
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        width: 60.8vw;
        right: -11.2vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 18vh
    }

    .mix {
        width: 23.7%
    }

    .ntd.carousel--distribution {
        padding-bottom: 12vh;
        padding-top: 8vh
    }

    .home-wrap .secpadd4 .frs1box {
        padding: 10px 4px
    }

    .home-wrap .secpadd5 .pdd-csr {
        padding-left: 5%
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: -5rem
    }

    .home-wrap .secpadd2 .pager-list .page-number-list .page-number {
        margin: 3px 5px
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 76vh
    }

    .tl-item:hover .tl-bg {
        width: 112%
    }

    .retail .page-header .header-title .ptop {
        padding: 3rem
    }

    .distribution .page-header .header-title .ptop {
        padding: 3rem
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
        height: 76rem
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd {
        height: 84rem
    }

    .ventures-wrap .secpadd.secp4 {
        top: -20px
    }
}

@media only screen and (max-width:1152px) {
    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11vw
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 67vh
    }

    .corporate-wrap .secpadd5 .gsec2.shom {
        padding-bottom: 10rem
    }

    .corporate-wrap .secpadd5 .gsec {
        padding-bottom: 3rem
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 1rem 2rem 3rem
    }

    .ventures-wrap .secpadd.secp3 .slid1wrp .item .vslibgnd {
        height: 57rem
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
        height: 71rem
    }

    .ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd {
        height: 74rem
    }

    .ventures-wrap .secpadd.secp3 .slid1wrp .item .vslibgnd {
        height: 49rem
    }

    .ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd {
        height: 56rem
    }

    .ventures-wrap .secpadd.secp5 {
        top: -21px
    }
}

@media only screen and (max-width:1110px) {
    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -10.8vw
    }
}

@media only screen and (max-width:1024px) {
    .contact .page-header .header-title .ptop .pdet,.corporate .page-header .header-title .ptop .pdet,.franchising .page-header .header-title .ptop .pdet,.ventures .page-header .header-title .ptop .pdet {
        width: 62%
    }

    .contact .page-header .header-title .bgckhedgrnd,.corporate .page-header .header-title .bgckhedgrnd,.franchising .page-header .header-title .bgckhedgrnd,.ventures .page-header .header-title .bgckhedgrnd {
        width: 88%
    }

    .distribution .page-header .header-title .bgckhedgrnd,.retail .page-header .header-title .bgckhedgrnd {
        width: 88%
    }

    .distribution .page-header .header-title .ptop .pdet {
        width: 62%
    }

    div#comparison {
        height: 87.5vh
    }

    div#comparison figure div.skewm {
        width: 57%
    }

    .home-wrap .banBtn2 {
        left: 27.4%;
        bottom: 10%
    }

    .site-logo .show-logo {
        display: inline-block;
        width: 35%
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-item {
        left: -92px
    }

    .home-wrap .banner-wrapper .panel .panel-content {
        width: 53%
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
        right: 44rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-content {
        left: 13rem
    }

    .home-wrap .banner-wrapper .panel .randmtxt .randpos.pos2,.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos4 {
        top: 37%;
        right: 49vh
    }

    .home-wrap .banner-wrapper .panel .randmtxt h2 {
        font-size: 1.8rem
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -10.3vw
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 22px
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte p {
        font-size: 13px
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        padding: 8px;
        width: 140px;
        font-size: 12px
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        font-size: 1.3rem;
        line-height: 20px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a {
        padding: 40px
    }

    .ios .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 21px
    }

    .ios .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        padding: 7px;
        width: 140px;
        font-size: 12px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 14vh
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 22px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte p {
        font-size: 13px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        padding: 7px;
        margin-left: 0;
        width: 140px;
        font-size: 12px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        font-size: 1.5rem
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 4.3rem
    }

    .all-project ul.filtertb li {
    }

    .home-wrap .rigtsec .rightblue .fh-section-title p {
        text-align: center
    }

    .boxem {
        padding: 25px
    }

    .home-wrap .secpadd3 {
        padding-top: 45px
    }

    .home-wrap .secpadd3 .bgrid .grid2 {
        padding: 0
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        white-space: normal
    }

    .home-wrap .secpadd4 .frs1box {
        padding: 0
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon {
        float: left
    }

    .ios .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 9vh
    }

    .home-wrap .secpadd5 .pdd-csr {
        padding-left: 4%
    }

    .home-wrap .secpadd6 {
        padding: 6vh 2vh
    }

    .home-wrap .secpadd6 .csaward {
        left: 3vh
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: -3vh;
        left: 27vw
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box {
        text-align: left
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        font-size: 3rem
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon {
        font-size: 42px
    }

    .mac .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.4vw
    }

    .mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -9.6vw
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail {
        margin-bottom: -17rem
    }

    .ios.landscape .ntd.carousel--distribution {
        padding-bottom: 10vh;
        padding-top: 3rem
    }

    .corporate-wrap .secpadd .sewrap .fh-testimonials-carousel {
        box-shadow: none
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 60vh
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content p {
        padding: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year p {
        font-size: 16px
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content p {
        font-size: 14px;
        text-align: center
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        bottom: 76%
    }

    .corporate-wrap .secpadd2 .tl-item .expndicon {
        top: 60%
    }

    .corporate-wrap .secpadd6 {
        padding: 30px 0
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        height: 263px
    }

    .corporate-wrap .secpadd5 .gsec {
        padding-bottom: 10rem
    }

    .ipad .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder h4 {
        margin-bottom: 1vh
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl h3 {
        flex: .4;
        font-size: 25px
    }

    .ios.landscape .distribution-wrap .secpadd2 .ntd.carousel--distribution {
        padding-bottom: 10vh;
        padding-top: 3rem
    }

    figure.effect-marley h2 {
        font-size: 16px
    }

    .ventures-wrap .secpadd .venfdet {
        left: -41px
    }

    .ventures-wrap .secpadd .vntidet p {
        font-size: 14px
    }

    .ventures-wrap .secpadd .venfdethe h4 {
        font-size: 20px
    }

    .ventures-wrap .secpadd .venfdet .blck p {
        font-size: 13px
    }

    .ventures-wrap .secpadd .venfdethe p {
        font-size: 14px
    }

    .ventures-wrap .secpadd .venfdet .blckwrap {
        flex: 0 49%
    }

    .ventures-wrap .secpadd.secp2 .vntidet .vtrtitlto img {
        margin-bottom: 10px
    }

    .ventures-wrap .secpadd.secp2 .vntidet .vtrtitlto a {
        position: relative;
        bottom: 0;
        text-align: center;
        width: 190px
    }

    .ventures-wrap .secpadd.secp3 .vntidet {
        margin-top: 0
    }

    .ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
    }

    .ios.landscape .ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
        height: 70px
    }

    .ios.landscape .ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
        height: 60px
    }

    .contactus-wrap .secpadd2 {
        padding: 40px 0
    }

    .widgets-area {
        padding-top: 0!important
    }

    .footer-widgets .widget.widcent2 {
        margin-top: 0
    }

    .footer-widgets .widget.widcent3 {
        margin-top: 0
    }
}

@media only screen and (max-width:1024px) and (max-height:768px) {
    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: -7vh
    }
}

@media only screen and (max-width:992px) {
    .site-logo .show-logo {
        width: 40%
    }

    .abthide {
        max-height: unset
    }

    .home-wrap .banner-wrapper {
        padding-bottom: 4vh
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem.box2 {
        padding: 25px 70px
    }

    .abotimglft img {
        width: 50%;
        margin: 0 auto;
        -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
        clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
    }

    .all-project ul.filtertb {
        margin-top: 25px;
        margin-bottom: 15px
    }

    .aboutsec-2.secpaddbig {
        padding: 0 0 35px
    }

    .aboutsec-2.secpaddbig .secpadd {
        text-align: center;
        padding: 0 30px 40px
    }

    .aboutsec-2.secpaddbig .fh-section-title {
        padding-bottom: 0!important;
        text-align: center
    }

    .aboutsec-2.secpaddbig .secpadd {
        text-align: center;
        padding: 0 30px 40px
    }

    .aboutsec-2.secpaddbig .homtabbs .skewbutton {
        text-align: center;
        display: inline-block
    }

    .home-wrap .secpadd3 {
        padding-top: 30px
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 13vh
    }

    .home-wrap .secpadd3 .bgrid .grid2 {
        -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        margin-bottom: 10px;
        padding-right: 0!important;
        padding-left: 0!important
    }

    .home-wrap .secpadd3 .bgrid .grid2:nth-child(2) {
        display: flex;
        flex-direction: column-reverse
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem {
        padding: 25px 70px
    }

    .home-wrap .secpadd3 .bgrid .grid2 img {
        width: 100%;
        object-fit: cover;
        height: 23vh
    }

    .home-wrap .secpadd2 {
        background-image: url(../images/distribution/brandbackgnd_resp.jpg);
        background-size: cover;
        padding: 5rem 2rem 0
    }

    .home-wrap .rigtsec,.home-wrap .rigtsec .rightblue {
        -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        position: relative;
        transform: unset;
        top: 0
    }

    .home-wrap .rigtsec .rightblue {
        padding: 3rem;
        text-align: center;
        margin-top: 0;
        background: linear-gradient(90deg,hsl(243deg 100% 7%) 0,hsl(208deg 74% 59%) 0,hsl(213deg 87% 33%) 100%)
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 2vh 6vh
    }

    .ntd.carousel--distribution {
        padding-bottom: 8vh;
        padding-top: 4vh
    }

    .pager-list .page-number-list {
        width: 100%;
        left: 0;
        -webkit-transform: translateX(24%);
        transform: translateX(24%);
        bottom: 25px
    }

    .grid-item {
        width: 180px
    }

    .home-wrap .rigtsec .rightblue .fh-section-title h2 {
        padding-bottom: 4px
    }

    .home-wrap .rigtsec .rightblue .rbtn {
        padding-top: 0;
        text-align: center
    }

    .home-wrap .rigtsec .rightblue .rbtn a.skewbutton {
        font-size: 12px
    }

    .home-wrap .secpadd5 {
        padding-bottom: 1rem
    }

    .home-wrap .secpadd5 .pdd-csr {
        width: 750px;
        margin-right: auto;
        margin-left: auto
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title {
        text-align: center
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title h2 {
        margin-bottom: 10px
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title a.skewbutton {
        margin: 3.5vh auto 0
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title .gsec {
        margin-top: 2rem
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        position: relative;
        bottom: 0;
        left: 0
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav {
        display: block
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post {
        margin-bottom: 6rem
    }

    .home-wrap .secpadd6 {
        padding: 6vh 2vh
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 57vw;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none
    }

    .home-wrap .secpadd6 .csventu .partener-1 {
        margin-top: 0
    }

    .all-project2 ul.filters {
        text-align: center
    }

    .home-wrap .secpadd6 .csventu {
        margin-bottom: 6vw
    }

    .home-wrap .secpadd6 .csaward .fh-section-title {
        text-align: center
    }

    .home-wrap .secpadd6 .csventu .fh-section-title h2 {
        text-align: center
    }

    .home-wrap .secpadd6 .csaward {
        padding: 0;
        left: 0
    }

    .home-wrap .secpadd6 .csaward .testmonial-1 {
        margin-top: 1vh
    }

    .home-wrap .secpadd6 .csaward .fh-section-title {
        padding-left: 3vh
    }

    .home-wrap .secpadd6 .csaward .fh-section-title h2 {
        padding-bottom: 0;
        line-height: 72px
    }

    .home-wrap .secpadd6 .csventu .owl-controls .owl-nav {
        position: relative;
        top: 0;
        right: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        width: 76%;
        left: 10px
    }

    .corporate-wrap .secpadd5 {
        padding-bottom: 5rem
    }

    .covid-wrp .covwrp .covdet {
        text-align: center
    }

    .covid-wrp .covwrp .covhed h2:after {
        margin: 0 auto
    }

    .covid-wrp .covwrp .gsec ul {
        list-style: none
    }

    .covid-wrp .covwrp .gsec ul li:before {
        content: '\25CF';
        position: relative;
        left: -8px
    }

    .corporate-wrap .secpadd a.skewbutton,.corporate-wrap .secpadd input.skewbutton {
        margin: 0 auto
    }

    .covid-wrp .covwrp .gsec {
        margin-bottom: 4rem
    }

    .covid-wrp .covwrp .covdet img {
        width: 94%;
        object-fit: cover;
        height: 33vh
    }

    .corporate-wrap .secpadd5 .container-fluid .row:nth-child(2) {
        display: flex;
        flex-direction: column-reverse
    }

    .corporate-wrap .secpadd5 .container-fluid .row:nth-child(2) .oppp,.corporate-wrap .secpadd5 .container-fluid .row:nth-child(3) .oppp {
        top: 0
    }

    .corporate-wrap .secpadd5 .fh-section-title22 {
        padding: 2rem 0 0;
        text-align: center
    }

    .corporate-wrap .secpadd5 .gsec {
        padding-bottom: 2rem;
        margin-top: 6rem;
        text-align: center
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        margin-left: 0
    }

    .corporate-wrap .secpadd5 .row .oppp .skewbutton {
        margin: 0 auto
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        clip-path: polygon(5% 0,100% 0,95% 100%,0 100%)
    }

    .corporate-wrap .homeserv-5.secpadd5 .gloo,.corporate-wrap .homeserv-5.secpadd5 .loog {
        height: 46rem;
        background-position: center center
    }

    .home-wrap .secpadd6 .csaward .owl-controls .owl-nav {
        position: relative;
        right: 0;
        top: 0
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a {
        padding: 20px
    }

    .home-wrap .secpadd6 .csaward .fh-section-title {
        padding-left: 0
    }

    .home-wrap .secpadd6 .csventu .partener-1 .partner-item a.skewbutton2 {
        font-size: 14px
    }

    .contact .page-header .header-title,.corporate .page-header .header-title,.franchising .page-header .header-title,.ventures .page-header .header-title {
        padding: 3.5vh 0
    }

    .contact .page-header .header-title .bgckhedgrnd,.corporate .page-header .header-title .bgckhedgrnd,.franchising .page-header .header-title .bgckhedgrnd,.ventures .page-header .header-title .bgckhedgrnd {
        width: 75%
    }

    .retail .page-header .header-title .bgckhedgrnd {
        width: 75%
    }

    .page-header .header-title .col-md-12 .ptop img {
        width: 50px;
        margin-left: 2rem
    }

    .contact .page-header .header-title .ptop .pdet,.corporate .page-header .header-title .ptop .pdet,.franchising .page-header .header-title .ptop .pdet,.ventures .page-header .header-title .ptop .pdet {
        width: 64%
    }

    .corporate-wrap .homeserv-5.secpadd5 .row:last-child .container {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 6vh
    }

    .corporate-wrap .homeserv-5.secpadd5 .gloo,.corporate-wrap .homeserv-5.secpadd5 .loog {
        -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        clip-path: polygon(5% 0,100% 0,95% 100%,0 100%)
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 46rem
    }

    .corporate-wrap .secpadd5 .gsec.shom,.corporate-wrap .secpadd5 .gsec2.shom,.corporate-wrap .secpadd5 .gsec3.shom {
        margin-top: 2rem
    }

    .corporate-wrap .secpadd5 .gsec2.shom {
        padding-bottom: 2rem
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child {
        display: flex
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6:first-child {
        flex: 1.6
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6 {
        flex: .7
    }


    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6:first-child {
        flex: 1.6
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6 {
        flex: .7
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder {
        position: relative
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .bgckgndblwrp {
        transform: skew(-7deg,0deg)
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .row .force:first-child {
        padding-left: 0!important;
        width: 75%;
        margin: 0 auto
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-4 {
        position: relative;
        padding: 2px;
        width: 31rem;
        left: 4rem;
        top: 10rem;
        margin-top: -8rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-12 {
        width: 90%;
        padding: 1rem;
        margin: 0 auto
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        height: 43rem;
        padding: 9rem 7rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder h4 {
        text-align: right
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder img {
        height: 24rem;
        transform: skew(9deg,0deg);
        width: 100%
    }

    .corporate-wrap .secpadd6 .timeline .histitle {
        position: absolute;
        top: 24.8rem;
        left: 21rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        width: 65%
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav button {
        top: -31rem
    }

    .corporate-wrap .secpadd6 .timeline .histitle h2 {
        -webkit-clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);
        clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
    }

    .distribution-wrap .secpadd {
        padding-bottom: 3vh;
        padding-top: 2rem
    }

    .distribution-wrap .secpadd .phhe {
        padding: 3vh 0 0
    }

    .distribution-det-wrap .secpadd .distridet .detp {
        padding: 5vh 3vh 0;
        min-height: unset
    }

    .distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail img {
        margin-top: 2vh
    }

    .distribution .page-header .header-title .bgckhedgrnd {
        width: 85%;
        -webkit-clip-path: polygon(0 0,100% 0,88% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,88% 100%,0 100%)
    }

    .distribution .page-header .header-title .ptop .pdet {
        width: 75%
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 0;
        text-align: center
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg {
        height: 42rem
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail img {
        height: 100%!important;
        left: 0;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        width: 100%!important
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .skewbutton {
        margin: 0 auto
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .gsec.shom {
        margin-top: 4rem
    }

    .distribution-wrap .secpadd2 {
        background-image: url(../images/distribution/brandbackgnd_resp.jpg);
        background-size: cover;
        padding: 5rem 2rem 0
    }

    .distribution-wrap .secpadd2 .ntd.carousel--distribution {
        padding-bottom: 8vh
    }

    .distribution-wrap .rigtsec,.distribution-wrap .rigtsec .rightblue {
        -webkit-clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
        position: relative;
        transform: unset;
        top: 0
    }

    .distribution-wrap .rigtsec .rightblue {
        padding: 3rem;
        text-align: center;
        margin-top: 0;
        background: linear-gradient(90deg,hsl(243deg 100% 7%) 0,hsl(208deg 74% 59%) 0,hsl(213deg 87% 33%) 100%)
    }

    .distribution-wrap .rigtsec .rightblue .fh-section-title {
        padding: 2vh 6vh
    }

    .distribution-wrap .rigtsec .rightblue .fh-section-title h2 {
        padding-bottom: 4px
    }

    .distribution-wrap .secpadd.secp3,.distribution-wrap .secpadd.secp6 {
        text-align: center
    }

    .distribution-wrap .secpadd.secp3 .container-fluid,.distribution-wrap .secpadd.secp6 .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 750px
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sehead {
        -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
        clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
    }

    .distribution-wrap .secpadd.secp3 .row>div:last-child {
        height: 40rem
    }

    .distribution-wrap .secpadd.secp3 .row>div:last-child img {
        height: 100%!important;
        left: 0;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        width: 100%!important;
        -webkit-clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
        clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
    }

    .distribution-wrap .secpadd.secp4 .container {
        padding: 0;
        width: 100%
    }

    .distribution-wrap .secpadd.secp6 .row:first-child .se6-det,.distribution-wrap .secpadd.secp6 .se6-det {
        padding: 3rem 0
    }

    .distribution-wrap .secpadd.secp6 .se6img {
        height: 42rem;
        -webkit-clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
        clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
    }

    .distribution-wrap .secpadd.secp6 .row:first-child .se6img {
        -webkit-clip-path: polygon(6% 0,100% 0,94% 100%,0 100%);
        clip-path: polygon(6% 0,100% 0,94% 100%,0 100%)
    }

    .distribution-wrap .secpadd.secp6 .row:last-child {
        display: block
    }

    .distribution-wrap .secpadd.secp7 .flet-det img.desk {
        display: none
    }

    .distribution-wrap .secpadd.secp7 .flet-det img.respo {
        display: block;
        width: auto
    }

    .distribution-wrap .secpadd.secp7 .flet-img {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .distribution-wrap .secpadd.secp7 .flet-img .fitem {
        flex: 0 49%;
        margin-bottom: 0
    }

    .ventures-wrap .secpadd .ventwrap,.ventures-wrap .secpadd.secp4 .ventwrap,.ventures-wrap .secpadd.secp6 .ventwrap {
        text-align: center;
        display: block
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp3 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp6 .slid1wrp .item .vslibgnd {
        height: 50rem;
        -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
        clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
    }

    .ventures-wrap .secpadd .vntidet .vtrtitlto img {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .ventures-wrap .secpadd .vntidet .vtrtitlto a {
        position: relative;
        margin: 0 auto;
        padding-top: 10px;
        display: inline-block
    }

    .distribution-wrap .secpadd.secp6 .container-fluid,.ventures-wrap .secpadd .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 750px
    }

    .ventures-wrap .secpadd .vntidet .vtrtitlto {
        margin-top: 20px
    }

    .ventures-wrap .secpadd.secp2 {
        margin-top: -12px
    }

    .ventures-wrap .secpadd.secp2 .ventwrap {
        display: inline-block
    }

    .ventures-wrap .secpadd .venfdet .blckwrap,.ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        height: inherit
    }

    .ventures-wrap .breaklin .brtitle {
        margin-left: 0;
        position: relative;
        left: 51vw
    }

    .ventures-wrap .breaklin {
        margin-top: -16px
    }

    .ventures-wrap .breaklin .brtitle h3 {
        font-size: 2.5rem
    }

    .ventures-wrap .breaklin .brtitle h3:last-child {
        top: -13px
    }

    .ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd:nth-child(2) .venfdet .blckwrap,.ventures-wrap .secpadd:nth-child(3) .venfdet .blckwrap {
        height: auto;
        padding: 14px 0
    }

    .ventures-wrap .secpadd.secp5 {
        margin-top: -12px
    }

    .ventures-wrap .secpadd.secp5 .slid1wrp .item .vslibgnd {
        height: 44rem
    }

    .ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd .vntidet .bntshorw,.ventures-wrap .secpadd .vntidet .bntsholesw {
        margin: 0 auto
    }

    .footer-widgets {
        border-top: 1px solid hsl(0deg 0% 95%);
        overflow: hidden;
        position: relative;
        padding-top: 0!important
    }

    .footer-widgets .widget.widcent2 {
        margin-top: 0
    }

    .footer-sidebars {
        padding-bottom: 0!important
    }

    .site-footer {
        overflow: hidden;
        position: relative
    }

    .site-footer .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .site-footer .container .col-md-6 {
        flex: 1;
        text-align: left;
        margin: 0
    }

    .site-footer .container .col-md-6:last-child {
        text-align: right
    }

    .retail-wrap .secpadd .recontop .tabbox {
        left: -7px
    }

    .retail-wrap .secpadd .recontop .tabbox .top {
        flex: .3165
    }

    .retail-wrap .secpadd .recontop .tabbox #tab1 span {
        -webkit-clip-path: polygon(3% 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(3% 0,100% 0,100% 100%,0 100%)
    }

    .retail-wrap .secpadd .recontop .tabbox #tab3 span {
        -webkit-clip-path: polygon(0 0,100% 0,97% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,97% 100%,0 100%)
    }

    .retail-wrap .secpadd .recontop .tabbox .top span:after {
        right: 57px
    }

    .retail-wrap .secpadd .recontop .tabbox .top.active span:after {
        top: 30px
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 0;
        text-align: center
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail ul {
        list-style: none
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
        right: 15px
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .row .col-md-6:last-child {
        padding-left: 15px
    }

    .retail-wrap .secpadd3 .owlnavgcsr {
        display: block
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail {
        padding: 0
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top span:after {
        left: 47%
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl {
        display: block;
        text-align: center
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl h3 {
        margin: 0;
        padding-bottom: 20px
    }

    .our-concept .our-concept-det {
        text-align: center
    }

    .our-concept .our-concept-det .conceptdet {
    }

    .our-concept .our-concept-det .conceptdet .item-image {
        display: none
    }

    .btnck {
        position: relative;
        top: 0;
        right: 0;
        display: table;
        margin: 0 a
    }

    .our-concept .our-concept-det .conceptdet .item-image img {
    }

    .mix .info p {
        -webkit-line-clamp: 2
    }

    .ventures-wrap .secpadd .ventop {
        left: 46px
    }

    .ventures-wrap .secpadd .ventop .col-md-3 {
        display: none
    }

    .ventures-wrap .secpadd .vntidet {
        border-left: none;
        padding: 11px 0
    }

    .ventures-wrap .secpadd .venfdethe {
        padding: 1vh 7vh
    }

    .ventures-wrap .secpadd .venfdet {
        left: -20px
    }

    .ventures-wrap .secpadd.secp4 .venfdet,.ventures-wrap .secpadd.secp6 .venfdet {
        left: -6px
    }

    .ventures-wrap .secpadd .vntidet .vtrtitl h5 {
        margin-top: 0
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(1) {
        left: 6px
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(3) {
        left: -20px
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(5) {
        left: -20px
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 2rem 3rem
    }

    .ventures-wrap .secpadd.secp2 .venfdet {
        left: -13px
    }

    .ventures-wrap .secpadd.secp3 .venfdet {
        left: -14px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4 {
        -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
        clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4:nth-child(1) {
        left: 0
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4 {
        -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
        clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4 {
        -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
        clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 1rem 1rem 3rem
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4:nth-child(5) {
        left: -5px
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4:nth-child(6) {
        left: -25px
    }

    .franchise-wrap .secpadd {
        padding: 6vh 0
    }

    .contactus-wrap .secpadd .frnformwrp .quote1forms .contctform .request-form .col-md-8 {
        padding: 0
    }

    .contactus-wrap .secpadd .frnformwrp .quote1forms .contctform .request-form .lmap {
        margin-top: 4vh
    }

    .corporate-wrap .secpadd .sewrap .fh-section-title .gsec {
        margin-bottom: 20px;
        text-align: center
    }

    .corporate-wrap .secpadd .sewrap .fh-section-title .gsec a.skewbutton {
        margin: 0 auto
    }

    .retail-wrap .secpadd3 .owlnavgcsr {
        bottom: 5rem;
        right: 4rem
    }

    .retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button {
        background: hsl(58deg 83% 62%)
    }

    .retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button:hover {
        background: hsl(58deg 83% 62%)
    }

    .covidpa-wrp .secpadd {
    }

    .covidpa-wrp .secpadd .header {
        text-align: center
    }

    .covidpa-wrp .secpadd .header h2:after {
        right: 0;
        margin: 0 auto
    }

    .covidpa-wrp .secpadd:first-child .sewrap img {
    }

    .covidpa-wrp .secpadd3 .container {
        width: 100%;
        padding: 0
    }

    .covidpa-wrp .secpadd.secpadd4 .secabhed {
        text-align: center;
        margin-top: 1rem
    }

    .covidpa-wrp .secpadd.secpadd6 .secabdet {
        margin-top: 2rem;
        text-align: center
    }

    .covidpa-wrp .secpadd5 .container {
        width: 100%;
        padding: 0
    }

    .covidpa-wrp .secpadd.secpadd3 .sec2 {
        padding-top: 5rem
    }
}

@media only screen and (max-width:991px) {
    .project-wrapper.force {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .site-logo .show-logo {
        width: 40%
    }

    .footer-sidebar {
        padding-bottom: 0!important
    }

    .footer-widgets .widget.widcent3 {
        margin-top: 0
    }
}

@media only screen and (max-width:960px) {
    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 43%
    }

    .tl-bg {
        width: 177%
    }
}

@media only screen and (max-width:870px) {
    .home-wrap .bannersli .item {
        position: relative;
        height: 55vh
    }

    .home-wrap .bannersli .item img {
        height: 100%!important;
        left: 0;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        width: 100%!important
    }

    .home-wrap .bannersli .item.nodet img.sliderno {
        object-position: right
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        line-height: 20px
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp,.home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        height: 52%;
        -webkit-transform: skew(-14deg);
        transform: skew(-14deg)
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        -webkit-transform: skew(14deg);
        transform: skew(14deg)
    }

    .home-wrap .bannersli .active .item .itemcapt .scontent-wrp {
        width: 90%
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp .sconte,.home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        left: 0;
        text-align: center;
        padding: 0 10rem;
        margin-top: 0
    }

    .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 0
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .srandpos {
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: 0
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        right: 0
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: 0;
        width: 90%
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        margin: 0 auto
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos1 {
        right: 44%
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2 {
        left: 46%
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos3 {
        right: 40%
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos4 {
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos5 {
        right: 40%
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
        left: 46%
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 4rem
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 60vw
    }

    .home-wrap .secpadd6 .csventu {
        margin-bottom: 6vw
    }

    #timeline {
        display: block;
        background-color: transparent
    }

    .tl-bg {
        width: 100%;
        left: 0
    }

    .corporate-wrap .secpadd2 {
        border-bottom: none
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 30rem;
        border-bottom: 10px solid hsl(54deg 98% 61%)
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(2) .tl-bg {
    }

    .corporate-wrap .secpadd2 .tl-item:hover {
        height: 40rem
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-content {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    #timeline:hover .tl-item {
        width: auto
    }

    .corporate-wrap .secpadd2 .tl-item:first-child {
        margin-left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        bottom: 68%;
        top: auto
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content p {
        font-size: 16px
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year {
        margin-left: 70px;
        width: auto
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(5) {
        margin-right: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year p {
        font-size: 21px
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2,.covidpa-wrp .secpadd.secpadd3 .sec2 {
        flex-direction: row;
        flex-wrap: wrap
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2 .sdet,.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet {
        flex: 1 0 50%;
        text-align: center;
        margin-bottom: 10px
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2 .sdet img,.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet img {
        width: 60px
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2 .sdet p,.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet p {
        margin-top: 2rem
    }
}

@media only screen and (max-width:823px) {
    .home-wrap .secpadd3 .bgrid .grid2 .boxem {
        text-align: center
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem h2:before {
        left: 46%
    }

    .home-wrap .secpadd3 .bgrid a.skewbutton {
        margin: 0 auto
    }

    .landscape .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        top: -10.5rem
    }

    .android.landscape .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -8.5vw
    }

    .android.landscape .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 7vh
    }

    .android.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 17px
    }

    .android .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
    }

    .android .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
    }

    .android.landscape .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 22vh
    }

    .ios.landscape .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 12vh
    }

    .corporate-wrap .secpadd .sewrap {
        text-align: center
    }

    .corporate-wrap .secpadd .sewrap .fh-testimonials-carousel {
        -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
        clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 30rem
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 39%
    }

    .win .corporate-wrap .secpadd3 .fh-team .owl-nav {
        top: -10vh
    }

    .corporate-wrap .secpadd3 .fh-team .owl-nav {
        top: -17vh
    }

    .corporate-wrap .secpadd4 {
        text-align: center;
        padding-bottom: 20px
    }

    .corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail {
        padding: 30px 0
    }

    .corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail .abclsbtn {
        display: none
    }

    .corporate-wrap .secpadd5 {
        text-align: center
    }

    .corporate-wrap .homeserv-5.secpadd5 .row:last-child .container {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 6vh
    }

    .corporate-wrap .homeserv-5.secpadd5 .oppp {
        padding: 0
    }

    .corporate-wrap .homeserv-5.secpadd5 .oppp p {
        margin-top: 0!important
    }

    .corporate-wrap .secpadd5 .fh-section-title h2 {
        margin-bottom: 1rem
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 18vh
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child {
        display: flex
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6:first-child {
        flex: 1.6
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6 {
        flex: .7
    }


    .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 18vh
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child {
        display: flex
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6:first-child {
        flex: 1.6
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6 {
        flex: .7
    }
}

@media only screen and (max-width:812px) {
    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 17vh
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 22vh
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 20px
    }

    .ios.landscape .home-wrap .bannersli .active .item .itemcapt .scontent-wrp {
        width: 88%;
        left: 0
    }

    .ios.landscape .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        width: 88%;
        right: 0
    }

    .ios.landscape .home-wrap .banBtn {
        top: -6vh
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        padding: 5px;
        width: 126px;
        margin: 0 auto
    }

    .ios.landscape .home-wrap .banBtn .welservices .bbox {
        font-size: 14px
    }

    .ios.landscape .home-wrap .banBtn .welservices .bbox {
        padding: 10px 33px
    }

    .ios.landscape .home-wrap .bannersli .item {
        height: 154vh
    }

    .ios.landscape .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        top: 2.5rem
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 2vh 3vh
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year {
        padding: 15px
    }
}

@media only screen and (max-width:802px) {
    div#comparison {
        height: 91vh;
        display: none
    }

    div#comparison figure div.skewm {
        width: 100%;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        margin: 0
    }

    div#comparison figure div#divisor {
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        right: 0
    }

    .all-project ul.filtertb {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        justify-content: center;
        flex-direction: row
    }

    .all-project ul.filtertb li {
        flex: 0 32%;
        margin: 0
    }

    .all-project ul.filtertb li a {
        border-right: 1px solid hsl(0deg 0% 75%);
        text-align: center;
        margin: 2px
    }

    .home-wrap .slid1 {
        display: block
    }

    .home-wrap .banner-wrapper {
        padding-bottom: 2vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm .panel-item {
        height: 53.33vh
    }

    .home-wrap .banBtn {
        top: -2.4vh;
        left: 0
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 14vh;
        margin-top: -8vh
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 20px
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte p {
        font-size: 13px
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        padding: 6px;
        font-size: 12px
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        padding: 0 11vh
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 3.4rem
    }

    .home-wrap .banner-wrapper .panel .randmtxt .randpos.pos1 {
        top: 13%
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-content {
        left: 0
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 18px
    }

    .home-wrap .bannersli .item img.slider4 {
        object-position: right
    }

    .home-wrap .bannersli .item img.slider7 {
        object-position: left
    }

    .home-wrap .gallerypagesec {
        padding: 40px 25px 0
    }

    .grid-item {
        width: 175px
    }

    .home-wrap .gallerypagesec .all-project2 .filters {
        text-align: center
    }

    .home-wrap .secpadd4 .bluebg {
        min-height: 315px
    }

    .home-wrap .secpadd4 .pdntde {
        padding: 22px 65px 17px 72px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        left: -8px;
        width: 85%
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        position: relative;
        bottom: 0;
        left: 0
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls .owl-nav {
        display: block
    }

    .home-wrap .secpadd5 .pdd-csr {
        padding-top: 6%;
        width: auto
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title {
        text-align: center;
        display: block
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title p {
        margin-top: 2%!important
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title a.skewbutton {
        margin-top: 2.5vh;
        display: inline-block
    }

    .home-wrap .secpadd5 .secpadd .owlnavgcsr .owl-controls {
        margin-top: -20px
    }

    .home-wrap .secpadd6 {
        padding: 4vh 2vh
    }

    .home-wrap .secpadd6 .csventu {
        margin-bottom: 5vw
    }

    .home-wrap .secpadd6 .csaward {
        left: auto;
        padding: 1vh 0;
        margin-top: 3vh
    }

    .home-wrap .secpadd6 .csaward .fh-section-title {
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 62vw
    }

    .home-wrap .secpadd6 .csaward {
        margin-top: 4vh
    }

    .home-wrap .secpadd6 .csaward .testmonial-1 .single-slide {
        -webkit-clip-path: polygon(7% 0,100% 0,93% 100%,0 100%);
        clip-path: polygon(7% 0,100% 0,93% 100%,0 100%)
    }

    .android .home-wrap .secpadd6 .csaward .owl-controls .owl-nav {
    }

    .home-wrap .banner-wrapper .panel {
        margin-left: 0;
        margin-right: 0
    }

    .home-wrap .banner-wrapper .panel .panel-content {
        width: 100%
    }

    .home-wrap .banner-wrapper .panel .pnelitm .panel-item,.home-wrap .banner-wrapper .panel .pnelitm .panel-item .bgimg {
        -webkit-transform: none;
        transform: none;
        left: 0
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-item .bgimg {
        left: 0
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-item .bgimg {
        right: 0;
        left: 0
    }

    .home-wrap .banBtn .welservices .bbox a label {
        margin-bottom: 0
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-item {
        left: 0;
        z-index: -1
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(2) .panel-content {
        left: -5rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-item .bgimg {
        opacity: .7;
        left: 0
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(2) .panel-item .bgimg {
        opacity: .7;
        right: 0
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
        right: 9rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(2) .panel-item {
        z-index: -1
    }

    .home-wrap .banner-wrapper .panel .randmtxt .randpos.pos2,.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos4 {
        top: 21%;
        right: 12vh
    }

    .android .home-wrap .banBtn {
        top: -2.4vh
    }

    .android .home-wrap .bannersli .item {
        position: relative;
        height: 55vh
    }

    .android .home-wrap .bannersli .active .item .itemcapt .scontent-wrp {
    }

    .android .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 9vh
    }

    .android .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        right: 5vw
    }

    .android .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
    }

    .android .home-wrap .bannersli .active .item .itemcapt .srandpos.pos1 {
    }

    .android .home-wrap .bannersli .active .item .itemcapt .srandpos.pos3 {
    }

    .android .home-wrap .bannersli .active .item .itemcapt .srandpos.pos5 {
    }

    .android .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
    }

    .home-wrap .rigtsec {
        width: 95%;
        margin: 0 auto
    }

    .mac .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        width: 64.5vw
    }

    .aboutsec-2.secpaddbig {
        padding: 0 0 20px
    }

    .aboutsec-2.secpaddbig .fh-section-title {
        padding-bottom: 0!important;
        text-align: center
    }

    .aboutsec-2.secpaddbig .fh-section-title h2:before {
        left: 46%
    }

    .home-wrap .gallerypagesec {
        text-align: center
    }

    .homtabbs .page {
        align-items: baseline
    }

    .aboutsec-2.secpaddbig .homtabbs .skewbutton {
        text-align: center;
        display: inline-block
    }

    .footer-widgets.widgets-area {
        padding-top: 0
    }

    .footer-widgets .footer-sidebars {
        margin: 0 auto;
        padding-bottom: 0
    }

    .footer-widgets {
        display: inline-block;
        width: 100%
    }

    .footer-sidebar.footer-1 {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .android .footer-widgets .fh-form-field .subscribe input[type=email] {
        padding-left: 16px
    }

    .footer-widgets .widget.widcent3 {
        margin-top: 0
    }

    .footer-widgets .widget.widcent3 .list-social {
        padding-bottom: 1vh
    }

    .footer-sidebar {
        margin-bottom: 0!important;
        padding-bottom: 0!important
    }

    .site-footer {
        line-height: unset;
        width: 100%;
        padding: 20px 0;
        height: 100%;
        position: relative
    }

    .corporate-wrap .secpadd .sewrap h2,.corporate-wrap .secpadd .sewrap p {
        text-align: center
    }

    .corporate-wrap .secpadd .sewrap img {
        margin-top: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year,.corporate-wrap .secpadd2 .tl-item:first-child .tl-year {
        margin-left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        margin: 0 auto
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3):hover .tl-year {
        bottom: 68%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3) .tl-content {
        top: 40%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 73%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 33%
    }

    .tl-item,.tl-bg {
        transform: unset
    }

    .tl-year {
        transform: unset
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year {
        -webkit-clip-path: unset;
        clip-path: unset
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        -webkit-clip-path: polygon(4% 0,100% 0,96% 100%,0 100%);
        clip-path: polygon(4% 0,100% 0,96% 100%,0 100%)
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content p {
        transform: unset
    }

    .corporate-wrap .homeserv-5.secpadd5 .gloo,.corporate-wrap .homeserv-5.secpadd5 .loog {
        height: 33rem;
        width: 90%;
        margin: 0 auto
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 33rem
    }

    .corporate-wrap .secpadd5 .gsec.shom,.corporate-wrap .secpadd5 .gsec2.shom,.corporate-wrap .secpadd5 .gsec3.shom {
        margin-top: 6rem
    }

    .corporate-wrap .secpadd5 .gsec.shom {
        margin-bottom: 2px
    }

    .fh-section-title h2:before {
        left: 45%
    }

    .fh-section-title.f30 h2 {
        text-align: center
    }

    .corporate-wrap .secpadd3 {
        padding: 6vh 0 4vh
    }

    .portrait .corporate-wrap .secpadd3 {
        padding: 4vh 0
    }

    .corporate-wrap .csaward .owl-controls {
        margin-top: 0
    }

    .corporate-wrap .secpadd3 .fh-team .owl-nav {
        position: relative;
        top: auto;
        margin-top: 1vh
    }

    .corporate-wrap .secpadd3 .fh-section-title h2 {
        text-align: center
    }

    .corporate-wrap .secpadd3 .fh-team .owl-nav {
        display: block;
        text-align: center
    }

    .win .corporate-wrap .secpadd3 .fh-team .owl-nav {
        top: 1vh
    }

    .corporate-wrap .secpadd2 .tl-item {
        height: 30rem
    }

    .corporate-wrap .secpadd2 .tl-item:hover {
        height: 44rem
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(2) .tl-year,.corporate-wrap .secpadd2 .tl-item:nth-child(4) .tl-year {
        left: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year {
        left: 0
    }

    .corporate-wrap .secpadd4 {
        padding-bottom: 20px
    }

    .corporate-wrap .secpadd4 .hmabtvis .tabbox .top.active span:after {
        bottom: 20px
    }

    .corporate-wrap .secpadd5 .gloo {
        -webkit-clip-path: none;
        clip-path: none
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list span:after {
        width: 41%;
        left: 80%
    }

    .portrait .slick-next {
        right: 0
    }

    .portrait .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 12vh
    }

    .portrait .home-wrap .secpadd7 .hnewspress .cbarrow span {
        margin-left: 3px
    }

    .home-wrap .secpadd7 .owl-nav {
        margin-top: 0
    }


    .portrait .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 12vh
    }

    .portrait .home-wrap .secpadd7 .hnewspress .cbarrow span {
        margin-left: 3px
    }

    .home-wrap .secpadd7 .owl-nav {
        margin-top: 0
    }

    .portrait .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 12vh
    }

    .retail-wrap .secpadd {
        padding: 3vh 0 0
    }

    .retail-wrap .secpadd .recontop .tabbox .top.active span:after {
        top: 30px
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 30px 0;
        width: 94%;
        margin: 0 auto
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top span {
        left: 82%;
        width: 74%
    }

    .retail-det-wrap .secpadd .retdetop,.retail-det-wrap .secpadd .retdetop .calb {
        text-align: center
    }

    .retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.largimg i {
        top: 11vh
    }

    .retail-det-wrap .secpadd2 .retdetop .slid1wrp .retailslide2 .carouselgaly .caroulimg.smalimg i {
        top: 5.5vh;
        left: 40%
    }

    .retail-wrap .secpadd .recontop {
        top: -34px
    }

    .retail-wrap .secpadd .recontop .tabbox {
        left: -6px
    }

    .retail-wrap .secpadd .recontop .tabbox #tab3 span {
        -webkit-clip-path: polygon(0 0,100% 0,96.5% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,96.5% 100%,0 100%)
    }

    .retail-wrap .secpadd.secpadne {
        padding: 7vh 0
    }

    .retail-wrap .secpadd.secpadne .padne-det {
        position: relative;
        top: 2rem
    }

    .retail-wrap .secpadd .recontop .coptabdetail {
        padding-top: 3rem
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg img {
        width: 100%;
        object-fit: cover;
        height: 30vh
    }

    .retail-wrap .secpadd.secpadne .padne-det h3.pwhi,.retail-wrap .secpadd.secpadne .padne-det h3 {
        font-size: 30px;
        margin: 0 auto;
        width: 100%;
        line-height: 1.6
    }

    .retail-wrap .secpadd.secpadne .container {
        padding-bottom: 0
    }

    .distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail .abclsbtn {
        top: 4vh
    }

    .distribution-wrap .secpadd .recontop33 .coptabdetail .tabdetail img {
        margin-top: 0
    }

    .distribution-det-wrap .secpadd .categl,.distribution-det-wrap .secpadd .retdetop {
        text-align: center
    }

    .distribution-det-wrap .phhe h2 {
        margin-bottom: 0
    }

    .distribution-det-wrap .secpadd .categl {
        line-height: 1;
        margin-bottom: 2vh
    }

    .distribution-wrap .secpadd .recontop33 .owl-dots {
        top: 25px
    }

    .distribution-wrap .rigtsec .rightblue .fh-section-title {
        padding: 2vh 3vh
    }

    .distribution-wrap .secpadd.secp7 .flet-det img.respo {
        width: 83%
    }

    .ventures-wrap .secpadd {
        padding: 4vh 0 0
    }

    .ventures-wrap .secpadd.secp4,.ventures-wrap .secpadd.secp5 {
        top: 0
    }

    .ventures-wrap .secpadd.secp2 .venfdet,.ventures-wrap .secpadd.secp3 .venfdet {
        margin-top: 1vh;
        left: -33px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
    }

    .ventures-wrap .secpadd .venfdet {
        margin: 0 auto
    }

    .ventures-wrap .secpadd.secp4 {
        padding: 4vh 0 0
    }

    .ventures-wrap .secpadd .vntidet .vtrtitlto img {
        display: inline-block;
        margin: 0 auto;
        padding-right: 4rem;
        margin-bottom: 20px
    }

    .ventures-wrap .secpadd.secp2,.ventures-wrap .secpadd.secp3,.ventures-wrap .secpadd.secp4,.ventures-wrap .secpadd.secp5 {
        margin-top: -44px
    }

    .contactus-wrap .lmap {
        margin-top: 2vh
    }

    .contactus-wrap .secpadd2 .concal {
        display: flex
    }

    .contactus-wrap .secpadd2 .fh-section-title {
        text-align: center
    }

    .ventures-wrap .secpadd .ventop {
        -webkit-clip-path: unset;
        clip-path: unset;
        left: 0;
        width: 100%;
        padding: 1rem 2rem
    }

    .ventures-wrap .secpadd .venfdethe {
        padding: 1vh 4vh;
        left: -18px
    }

    .ventures-wrap .secpadd .venfdet {
        left: -10px
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(1) {
        left: 0
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 2rem
    }

    .ventures-wrap .secpadd.secp2 .venfdet,.ventures-wrap .secpadd.secp3 .venfdet {
        left: 0
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4:nth-child(1) {
        left: 0
    }

    .android .ventures-wrap .secpadd.secp3 .venfdet .blck {
    }
}

@media screen and (max-width:768px) {
    .home-wrap .bannersli .item img.sliderno {
        object-position: -56vh
    }

    .contact .page-header .header-title .bgckhedgrnd,.corporate .page-header .header-title .bgckhedgrnd,.franchising .page-header .header-title .bgckhedgrnd,.ventures .page-header .header-title .bgckhedgrnd {
        width: 88%
    }

    .contact .page-header .header-title .ptop .pdet,.corporate .page-header .header-title .ptop .pdet,.franchising .page-header .header-title .ptop .pdet,.ventures .page-header .header-title .ptop .pdet {
        width: 70%
    }

    .distribution .page-header .header-title .bgckhedgrnd,.retail .page-header .header-title .bgckhedgrnd {
        width: 88%
    }

    .distribution .page-header .header-title .ptop .pdet,.retail .page-header .header-title .ptop .pdet {
        width: 70%
    }

    .home-wrap .banBtn {
        top: -3vh
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 9vh
    }

    .home-wrap .secpadd4 .pdntde .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        -ms-flex: 0 0 49.333333%;
        flex: 0 0 49.333333%;
        max-width: 49.333333%
    }

    .home-wrap .secpadd4 .pdntde {
        padding: 34px 65px 23px 72px
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
        top: -80px
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2 {
        top: -108px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 {
        padding-left: 9.5vw
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .desc {
        padding-left: 9.5vw
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        font-size: 2.5rem
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon img {
        width: 88%
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 2vh 6vh
    }

    .ios .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        top: 2rem;
        left: 0
    }

    .ios .home-wrap .secpadd5 .secpadd .owlnavgcsr {
        bottom: -3rem
    }

    .ios .home-wrap .secpadd6 .bgckwhit {
        top: 48rem
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 46rem
    }

    .page-header h1 {
        font-size: 30px
    }

    .csr-activity .csr-activity-det .othercsr {
        flex-wrap: wrap
    }

    .csr-activity .csr-activity-det .othercsr .item {
        flex-grow: 1;
        width: 32%;
        height: 27rem;
        flex: unset
    }

    .csr-activity .csr-activity-det .secpadd2 {
        padding: 40px 5px
    }

    .csr-activity .csr-activity-det .csrdet,.csr-activity .csr-activity-det .phhe {
        text-align: center
    }

    .csr-activity .csr-activity-det .csrdet .detp iframe {
        width: 100%
    }

    .distribution-wrap .secpadd.secp3 .container-fluid,.distribution-wrap .secpadd.secp6 .container-fluid {
        width: auto
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .row .force:first-child {
        width: 80%
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -37rem
    }

    .home-wrap .secpadd7 .fh-section-title22 h2 {
        display: block;
        text-align: left;
        font-size: 25px
    }

    .home-wrap .secpadd7 .fh-section-title22 h2 {
        display: block;
        text-align: left;
        font-size: 25px
    }

    .portrait .footer-widgets .widget .logfot {
        display: block
    }

    .portrait .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 14vh
    }

    .retail-wrap .page-header .header-title {
        padding-top: 3rem
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 30px 65px 20px 10px
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 30px 65px 20px 10px
    }

    .retail-wrap .secpadd.secpadne .padne-det .shline {
        margin: 1rem 0;
        height: 5px
    }

    .our-concept .our-concept-det .conceptdet img {
        display: none
    }

    .distribution-wrap .page-header .header-title {
        padding-top: 3rem
    }

    .distribution-wrap .secpadd .distris {
        display: block;
        position: relative;
        z-index: 333
    }

    .distribution-wrap .secpadd .logis {
        display: block;
        position: relative;
        z-index: 333;
        margin-bottom: 20px
    }

    .distribution-wrap .secpadd.secp4 {
        padding-top: 3rem
    }

    .ventures-wrap .secpadd.secp4 .ventwrap .force {
        padding-right: 15px!important;
        padding-left: 15px!important
    }

    .ventures-wrap .breaklin .brtitle {
        left: 51vw
    }

    .distribution-wrap .secpadd.secp6 .container-fluid,.ventures-wrap .secpadd .container-fluid {
        width: auto
    }

    .ventures-wrap .secpadd .venfdethe {
        padding: 1vh 5vh;
        left: -15px
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4 {
        width: 47.33%;
        left: 0;
        margin: 0 auto
    }

    .ventures-wrap .secpadd .venfdet,.ventures-wrap .secpadd.secp2 .venfdet,.ventures-wrap .secpadd.secp3 .venfdet,.ventures-wrap .secpadd.secp4 .venfdet {
        left: 0
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(1),.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(3),.ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(5) {
        left: 0
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(3) {
        background-color: transparent
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(4) {
        background-color: hsl(240deg 7% 97%)
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 3rem 2rem
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(4) {
        background-color: transparent
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(3) {
        background-color: hsl(240deg 7% 97%)
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        padding: 1rem;
        height: 11vh
    }

    .ventures-wrap .secpadd {
        padding: 4vh 0
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4:nth-child(3) {
        background-color: hsl(240deg 7% 97%)
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4:nth-child(4) {
        background-color: transparent
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 3rem 2rem
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(6) {
        left: -30px
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(1) {
        left: 30px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4:nth-child(1) {
        left: 23px
    }

    .ios .ventures-wrap .secpadd.secp3 .venfdet .blckwrap {
    }

    .ios.landscape .ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .footer-widgets {
        padding-bottom: 0
    }

    .footer-widgets .widget .logfot {
        display: none
    }

    .mix .info p {
        -webkit-line-clamp: 3
    }

    .page-header .header-title {
        padding-bottom: 0!important
    }

    .page-header .header-title .col-md-12 .ptop {
        padding: 2rem 2vh
    }
}

@media screen and (max-width:750px) {
    .site-logo .show-logo {
        width: 27rem
    }

    .footer-widgets .widget.widcent1 .pexpo {
        display: initial;
        width: 107px;
        margin-left: 9px
    }

    .footer-widgets .widget.widcent3 .expoim {
        display: none
    }

    .footer-widgets .fh-form-field .subscribe {
        width: 70%;
        margin: 0 auto
    }

    .footer-widgets .widget.widcent2 {
        margin-top: 20px
    }

    .footer-widgets .widget.widcent3 h2 {
        font-size: 20px!important
    }
}

@media screen and (max-width:736px) {
    .ios.landscape .contact .page-header .header-title .bgckhedgrnd,.ios.landscape .corporate .page-header .header-title .bgckhedgrnd,.ios.landscape .franchising .page-header .header-title .bgckhedgrnd,.ios.landscape .ventures .page-header .header-title .bgckhedgrnd {
        width: 90%
    }

    .ios.landscape .distribution .page-header .header-title .bgckhedgrnd,.ios.landscape .retail .page-header .header-title .bgckhedgrnd {
        width: 90%
    }

    .ios.landscape .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte {
        left: 0
    }

    .ios.landscape .grid-item {
        width: 160px
    }

    .ios.landscape .home-wrap .secpadd3 .bgrid .grid2 img {
        height: 60vh
    }

    .ios.landscape .home-wrap .secpadd6 {
        padding: 8vh 2vh
    }

    .ios.landscape .home-wrap .secpadd6 .bgckwhit {
        top: 112vh
    }

    .ios.landscape .home-wrap .secpadd6 .csventu {
        margin-bottom: 8vw
    }

    .ios.landscape .home-wrap .secpadd6 .csaward {
        margin-top: -5vh
    }

    .ios.landscape .corporate-wrap .secpadd2 .tl-item {
        height: 90vh
    }

    .ios.landscape .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        left: -13rem
    }

    .ios.landscape .slick-prev {
        left: 0
    }

    .ios.landscape .slick-next {
        right: 20px
    }

    .ios.landscape .corporate-wrap .secpadd2 .tl-item .tl-year {
        padding: 10px
    }

    .ios.landscape .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 35%
    }

    .ios.landscape .corporate-wrap .secpadd6 .timeline .slider-nav-wrap {
        padding-top: 5vh
    }

    .ios.landscape .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 30vh
    }

    .footer-widgets .widget .certfot {
        margin-top: 0
    }

    .footer-widgets .widget.widcent2 h2 {
        display: none
    }

    .footer-widgets .fh-form-field p {
        margin-bottom: 5px
    }
}

@media screen and (max-width:732px) {
    .android .home-wrap .bannersli .item {
        height: 85vh
    }

    .android .home-wrap .bannersli .active .item .itemcapt .scontent-wrp {
    }

    .android .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
    }

    .android .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp .sconte {
    }

    .android.landscape .home-wrap .banBtn {
        top: -6.4vh
    }

    .android.landscape .home-wrap .banBtn .welservices .bbox {
        padding: 14px 32px
    }
}

@media screen and (max-width:720px) {
    .filters-dropdown.sec2w {
        text-align: center;
        display: block
    }

    .all-project ul.filtertb {
    }

    .all-project ul.filtertb li {
        font-size: 14px
    }

    .ios.landscape .grid-item {
        width: 145px
    }

    .android.landscape .corporate-wrap .secpadd5 {
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -33rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder h4 {
        margin-bottom: 1vh;
        font-size: 25px
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap {
        padding-top: 20px
    }

    .android.landscape .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        margin: 0 -28px
    }

    .android.landscape .corporate-wrap .secpadd2 .tl-item {
        height: 75vh
    }

    .android.landscape .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 36%
    }

    .android.landscape .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .bgckbl {
        padding-bottom: 37rem
    }

    .android.landscape .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        width: 93%
    }

    .android.landscape .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-prev {
        left: 0
    }

    .android.landscape .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-next {
        right: 15px
    }

    .android.landscape .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 28vh
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet {
        text-align: center
    }
}

@media screen and (max-width:710px) {
    .retail-wrap .secpadd .recontop .tabbox {
        z-index: 3
    }

    .retail-wrap .secpadd .recontop .tabbox .top span:after {
        right: 20%
    }

    .grid figure figcaption>span {
        display: none
    }

    figure.effect-marley h2::after {
        height: 0
    }
}

@media screen and (max-width:700px) {
    .home-wrap .bannersli .item.nodet img.sliderno {
        object-position: 93%
    }
}

@media screen and (max-width:692px) {
    .ntd.carousel--distribution .mix {
        width: 32.7%;
        margin: 1px
    }

    .pager-list .page-number-list {
        -webkit-transform: translateX(16%);
        transform: translateX(16%)
    }

    .project-wrapper {
        margin-bottom: 10px;
        padding: 0!important
    }
}

@media screen and (max-width:667px) {
    .retail-wrap .page-header .header-title {
        padding: 35px 0
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 16px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte p {
        font-size: 11px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        width: 113px;
        font-size: 10px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        font-size: 1.5rem;
        line-height: 20px
    }

    .ios.landscape .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 3.3rem
    }

    .ios.landscape .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 6vh 12vh
    }

    .ios.landscape .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post {
        margin-bottom: 5rem
    }

    .ios.landscape .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        left: 0;
        width: 85%;
        top: 6vh
    }

    .ios.landscape .ntd.carousel--distribution {
        padding-bottom: 20vh
    }

    .ios.landscape .home-wrap .secpadd6 .bgckwhit {
        top: 115vh
    }

    .ios.landscape .retail-wrap .secpadd3 .owlnavgcsr {
        bottom: 3rem
    }

    .ios.landscape .distribution-wrap .secpadd2 .ntd.carousel--distribution {
        padding-bottom: 20vh
    }

    .mix .info p {
        -webkit-line-clamp: 3
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        text-align: center
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 44rem
    }
}

@media screen and (max-width:645px) {
    .ntd.carousel--distribution .mix {
        width: 32.9%
    }

    .mix .info p {
        -webkit-line-clamp: 2
    }

    .corporate-wrap .secpadd6 .timeline .histitle {
        left: 17rem
    }
}

@media screen and (max-width:640px) {
    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        margin-top: -4vh
    }

    .home-wrap .bannersli .active .item .itemcapt .scontent-wrp,.home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        width: 100%;
        -webkit-transform: unset;
        transform: unset
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        -webkit-transform: unset;
        transform: unset
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 20px
    }

    #timeline {
        display: block
    }

    #timeline .tl-item,#timeline:hover .tl-item {
        width: 100%
    }

    .page-header h1 {
        font-size: 25px
    }

    .contact .page-header .header-title .bgckhedgrnd,.corporate .page-header .header-title .bgckhedgrnd,.distribution .page-header .header-title .bgckhedgrnd,.franchising .page-header .header-title .bgckhedgrnd,.ventures .page-header .header-title .bgckhedgrnd {
        width: 126%
    }

    .corporate-wrap .secpadd2 .tl-item:hover {
        height: 49rem
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year {
        left: auto
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        bottom: 70%
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 36%
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(2) .tl-bg {
        background-position: center 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-bg {
        background-position: center -4rem
    }

    .home-wrap .secpadd7 .fh-section-title22 h2 {
        display: inline-block;
        font-size: 22px
    }

    .home-wrap .secpadd7 .viewp a {
        padding: 19px 8px
    }


    .home-wrap .secpadd7 .fh-section-title22 h2 {
        display: inline-block;
        font-size: 22px
    }

    .home-wrap .secpadd7 .viewp a {
        padding: 19px 8px
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 30px 25px 10px 10px;
        text-align: center
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
        display: none
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .abclsbtn2 {
        display: none
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 30px 25px 10px 10px;
        text-align: center
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg {
        height: 34rem
    }

    .distribution-wrap .secpadd.secp3 .row>div:last-child {
        height: 34rem
    }

    .distribution-wrap .secpadd,.distribution-wrap .secpadd .phhe {
        text-align: center
    }

    .ventures-wrap .secpadd .vntidet {
        text-align: center
    }

    .ventures-wrap .secpadd .vntidet .vtrtitl {
        display: inline-block
    }

    .ventures-wrap .secpadd .vntidet .vtrtitl h5 {
        margin-bottom: 0
    }

    .ventures-wrap .secpadd .vntidet p {
        text-align: center;
        margin-top: 2vh
    }

    .ventures-wrap .secpadd .vntidet .vtrtitl a {
        display: inline-block;
        margin-top: -4px
    }
}

@media screen and (max-width:600px) {
    .home-wrap .bannersli .item {
        height: 60vh
    }

    .home-wrap .bannersli .item.nodet .sliderno.deskt {
        display: none
    }

    .home-wrap .bannersli .item.nodet .sliderno.mobil {
        display: block
    }

    .tl-content p span,p {
        font-size: 14px
    }

    .home-wrap .banBtn .welservices .bbox {
        font-size: 15px;
        padding: 13px 38px
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 3.5rem
    }

    .grid-item {
        width: 170px
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 4vh 3vh
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -61vh
    }

    .abotimglft img {
    }

    .home-wrap .secpadd3 {
        padding-top: 30px
    }

    .home-wrap .secpadd3 .bgrid .grid2:nth-child(2) {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem h2 {
        text-align: center
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem {
        text-align: center
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem h2:before {
        left: 45%
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem a {
        display: inline-block
    }

    .home-wrap .secpadd4 .pdntde {
        -webkit-clip-path: none;
        clip-path: none
    }

    .home-wrap .secpadd4 .pdntde {
        padding: 40px 50px
    }

    .home-wrap .secpadd4 .pdntde .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        flex-direction: column;
        flex-basis: 33%;
        display: inline-block;
        flex-direction: row;
        flex-wrap: wrap;
        flex-flow: row wrap;
        align-content: flex-end;
        margin: 0 auto
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box {
        text-align: left
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 {
        padding-left: 11.5vw
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .desc {
        padding-left: 11.5vw;
        line-height: 20px;
        top: -5px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon {
        font-size: 47px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        font-size: 2.2rem
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon img {
        width: 82%
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail {
        margin-bottom: -13rem
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 49rem
    }

    .home-wrap .secpadd6 .csventu {
        margin-bottom: 5rem
    }

    .home-wrap .secpadd6 .csaward {
        margin-top: -3vh!important
    }

    .home-wrap .secpadd6 .csventu .partener-1 {
        margin-top: 0;
        margin-bottom: 2vh
    }

    .home-wrap .secpadd6 .csaward {
        margin-top: 0
    }

    .aboutsec-2.secpaddbig .secpadd {
        text-align: center;
        padding: 0 8px
    }

    .footer-widgets .widget.widcent1 img:first-child {
        display: none
    }

    .corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail {
        text-align: center;
        padding: 65px 5px 20px
    }

    .corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail .abclsbtn {
        top: 16px
    }

    .corporate-wrap .secpadd5 {
    }

    .corporate-wrap .secpadd6 .timeline .slick-prev {
        left: 0
    }

    .corporate-wrap .secpadd6 .timeline .slick-next {
        right: 10px
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-content {
        width: 92%!important
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap {
        padding-top: 2vh
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        width: 82%
    }

    .android .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -31rem
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 80px 15px 20px
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
        top: 30px
    }

    .retail-wrap .secpadd2 .container {
        padding-right: 0;
        padding-left: 0
    }

    .retail-wrap .secpadd3 {
        padding: 5rem 0 12rem
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 30px 10px 20px
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .abclsbtn2 {
        display: none
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
        display: none
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top span {
        left: 88%;
        width: 90%
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd {
        height: 38rem
    }

    .ventures-wrap .secpadd .venfdet .blckwrap,.ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        height: 13vh
    }

    .ventures-wrap .secpadd .vntidet p {
        margin-top: 0
    }

    .ventures-wrap .breaklin .brtitle h3 {
        font-size: 2rem
    }

    .ventures-wrap .breaklin .brtitle {
        left: 41vw
    }

    .contactus-wrap .secpadd2 .concal .col-sm-12 {
        flex: 1
    }

    .home-wrap .secpadd3 .sectop {
        width: 100%
    }

    .distribution-wrap .secpadd .recontop33 .coptabdetail {
        padding-top: 0
    }

    .ventures-wrap .secpadd .ventop {
        padding: 0
    }

    .ventures-wrap .secpadd .vntidet {
        padding: 0
    }

    .ventures-wrap .secpadd .venfdet .blck p span {
        font-size: inherit
    }

    .contactus-wrap .secpadd .frnformwrp .quote1top .fh-section-title {
        text-align: center
    }

    .retail-wrap .secpadd2 .phhe {
        margin-bottom: 0;
        text-align: center
    }

    .retail-wrap .secpadd .recontop .coptabdetail {
        overflow: hidden
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 30px 10px
    }

    .grid figure {
        margin: 6px 7px;
        width: 47%;
        padding: 0!important
    }

    .grid figure figcaption>span {
        display: none
    }

    figure.effect-marley h2::after {
        height: 0
    }

    .retail-wrap .secpadd3 .owlnavgcsr {
        right: 0;
        bottom: 0;
        -webkit-transform: translate(-20rem,38rem);
        transform: translate(-20rem,38rem)
    }

    .ventures-wrap .secpadd .container-fluid {
        width: auto
    }

    .retail-wrap .secpadd3 .phhe {
        margin-bottom: 1vh
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(1) {
        left: 25px
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 2rem 4rem
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(6) {
        left: -26px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        height: 7rem
    }

    .ventures-wrap .secpadd .venfdet .blckwrap,.ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .android .ventures-wrap .secpadd.secp3 .venfdet .blck {
    }

    .ntd.filter--distribution {
        margin-top: 4rem
    }

    .ntd.filter--distribution ul.distributionFilter {
        padding-left: 0
    }

    .distribution-det-wrap .secpadd .distridet .detp {
        padding: 2rem
    }

    .distribution-det-wrap .secpadd .distridet img {
        display: none
    }
}

@media screen and (max-width:600px) and (max-height:1024px) {
    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -31rem
    }
}

@media screen and (max-width:586px) {
    .home-wrap .banner-wrapper {
        padding-bottom: 0
    }

    .home-wrap .banner-wrapper .panel {
        flex-direction: column;
        height: 91vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm .panel-item {
        height: 45.5vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active .panel-item {
        height: 84vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm .panel-item {
        transition: all .9s
    }

    .home-wrap .banner-wrapper .panel .panel-content {
        height: 0
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
        right: 8rem;
        top: -36rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-content {
        height: 100vh;
        right: 8rem;
        top: 10rem
    }

    .home-wrap .banner-wrapper .panel.bmshow .pnelitm:nth-child(1) .panel-item {
        height: 0
    }

    .home-wrap .banner-wrapper .panel.bmshow .pnelitm.active:nth-child(1) .panel-item {
        height: 84vh
    }

    .home-wrap .banner-wrapper .panel.bmshow .pnelitm.active:nth-child(2) .panel-item {
        height: 91vh
    }

    .home-wrap .banner-wrapper .panel .randmtxt .randpos.pos2,.home-wrap .banner-wrapper .panel .randmtxt .randpos.pos4 {
        top: 57%;
        right: 22vh
    }

    .aboutsec-2.secpaddbig {
        padding: 2rem 0 4rem
    }

    .all-project ul.filtertb {
    }

    .all-project ul.filtertb li {
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 3vh 5vh
    }

    .home-wrap .secpadd3 {
        padding-top: 20px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        width: 100%;
        box-shadow: none;
        text-align: center
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary p {
        width: 97%
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title a {
        font-size: 24px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a {
        padding: 15px 47px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-thumbnail a .bgsewim img {
        max-width: 100%;
        left: auto
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 52vh
    }

    .home-wrap .secpadd6 .csventu .partener-1 {
        margin-bottom: 10vh
    }

    .home-wrap .secpadd6 .csventu .partener-1 .owl-nav button.owl-next {
        right: -3rem
    }

    .home-wrap .secpadd6 .csventu .partener-1 .owl-nav button.owl-prev {
        left: -4rem
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        font-size: 3.1rem
    }

    #timeline {
        display: block
    }

    #timeline:hover .tl-item {
        width: 100%
    }

    #timeline .tl-item {
        width: 100%
    }

    .corporate-wrap .secpadd3 .fh-team .owl-nav {
        margin-top: 5vh
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        width: 86%
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn {
        height: 30px;
        width: 30px;
        right: 37px;
        padding: 16px;
        top: 38px
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail .abclsbtn span {
        font-size: 38px;
        left: 10px;
        top: -16px
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-dots {
        position: relative;
        z-index: 3;
        text-align: center
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-dots button {
        outline: 0
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-dots button span {
        width: 14px;
        height: 14px;
        border: none;
        background: none repeat scroll 0 0 hsl(0deg 0% 78%)
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-dots button.active span {
        background: none repeat scroll 0 0 hsl(211deg 98% 25%)
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .abclsbtn2 {
        top: -6px
    }

    .franchise-wrap .secpadd {
        padding: 6vh 0
    }

    .fh-section-title h2 {
    }

    .fh-section-title h2 {
    }

    .fh-section-title h2:before {
        left: 40%
    }

    .contactus-wrap .secpadd2 {
        text-align: center
    }

    .contactus-wrap .secpadd2 .concal {
        text-align: left
    }

    .contactus-wrap .secpadd2 .concal .fh-contact-box .box-title {
        font-size: 16px
    }

    .contactus-wrap .secpadd2 .concal .fh-contact-box .desc p {
        font-size: 14px
    }

    .contactus-wrap .secpadd2 .opening-hours {
        text-align: left
    }

    .contactus-wrap .secpadd2 .opening-hours h3 {
        font-size: 20px
    }

    .contactus-wrap .secpadd2 .opening-hours p {
        font-size: 14px
    }

    .contactus-wrap .secpadd2 .fh-section-title h2 {
        font-size: 25px!important
    }

    .home-wrap .secpadd5 .pdd-csr {
        text-align: center;
        padding: 3vh
    }

    .home-wrap .secpadd5 .pdd-csr .fh-section-title a.skewbutton {
        display: inline-block
    }
}

@media screen and (max-width:564px) {
    .ventures-wrap .secpadd .venfdet .col-xs-4 {
        width: 50%
    }

    .abotimglft {
        height: 47vh
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        flex-basis: 50%
    }

    .home-wrap .gallerypagesec {
        padding: 0
    }

    .home-wrap .rigtsec {
        width: auto
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 1vh 3vh
    }

    .ntd.carousel--distribution {
        padding-bottom: 10vh
    }

    .pager-list .page-number-list {
        -webkit-transform: translateX(16%);
        transform: translateX(44%);
        width: 55%;
        bottom: 15px
    }
}

@media screen and (max-width:540px) {
    .mobile .home-wrap .bannersli .item.nodet {
        height: 72vh
    }

    .mobile .home-wrap .bannersli .item.nodet .sliderno.mobil {
        object-position: 100% -2rem
    }

    .home-wrap .bannersli .item.nodet .sliderno.mobil {
        object-position: 100%
    }

    .contact .page-header .header-title .bgckhedgrnd,.corporate .page-header .header-title .bgckhedgrnd,.franchising .page-header .header-title .bgckhedgrnd,.ventures .page-header .header-title .bgckhedgrnd {
        width: 90%
    }

    .retail .page-header .header-title .bgckhedgrnd {
        width: 90%
    }

    .home-wrap .bannersli .item {
        height: 55vh
    }

    .abotimglft img {
        height: 100%!important;
        left: 0;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        width: 100%!important
    }

    .grid-item {
        width: 150px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem {
        padding: 25px 40px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem.box2 {
        padding: 25px 40px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        flex-basis: 50%
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 47vh
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        text-align: center
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        margin: 0 auto
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte {
        padding: 0 3vh!important
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
        text-align: center
    },    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2,.home-wrap .bannersli .active .item .itemcapt .srandpos.pos4 {
        left: 31.5%!important
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
        left: 36.5%!important
    }

    .home-wrap .bannersli .item img.slider7 {
        object-position: 1%
    }

    #timeline .tl-item:hover {
        min-height: unset
    }

    .android .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        -webkit-transform: unset;
        transform: unset
    }

    .android .home-wrap .bannersli .active .item .itemcapt .scontent-wrp,.android .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        width: 100%;
        height: 28rem;
        right: 0
    }

    .android .home-wrap .bannersli .active .item .itemcapt.ltr_anima .scontent-wrp .sconte,.android .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp .sconte {
        left: 0;
        top: 2rem
    }

    .android .home-wrap .bannersli .active .item .itemcapt .srandpos.pos1 {
    }

    .android .home-wrap .bannersli .active .item .itemcapt .srandpos.pos3 {
    }

    .android .home-wrap .bannersli .active .item .itemcapt .srandpos.pos5 {
    }

    .android .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 3.5rem
    }

    .home-wrap .secpadd6 .csaward .owl-controls .owl-nav {
        top: -10px
    }

    .ntd.carousel--distribution {
        padding-bottom: 15vh
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        top: 0;
        width: 83%;
        box-shadow: 1px 4px 14px 0 rgb(126 126 126/25%)
    }

    .android .home-wrap .secpadd6 .bgckwhit {
        top: 66vh
    }

    .home-wrap .secpadd6 {
        margin-bottom: 1rem
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        left: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year {
        left: 0;
        margin: 0 auto
    }

    .portrait .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        width: 75%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(2) .tl-year,.corporate-wrap .secpadd2 .tl-item:nth-child(4) .tl-year {
        left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3).active {
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3):hover .tl-year {
        bottom: 77%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3) .tl-content {
        top: 29%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 81%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 25%
    }

    .corporate-wrap .secpadd2 .tl-item.active .tl-bg {
        background-position: center 0
    }

    .corporate-wrap .secpadd2 .tl-item .expndicon {
        left: 48%
    }

    .corporate-wrap .secpadd4 {
        padding-top: 50px
    }

    .corporate-wrap .secpadd4 .hmabtvis .tabbox .top.active span {
        padding: 44px 0
    }

    .corporate-wrap .secpadd4 .hmabtvis .coptabdetail .tabdetail {
        padding: 35px 5px 20px
    }

    .corporate-wrap .secpadd5 {
    }

    .corporate-wrap .secpadd6 .timeline .histitle {
        left: 23rem;
        top: 24.8rem
    }

    .corporate-wrap .homeserv-5.secpadd5 .row:last-child .container {
        padding-top: 4vh
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder h4 {
        text-align: center
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-12 {
        padding: 0
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        height: 58rem;
        padding: 15rem 5rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -28rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap {
        padding-top: 2vh
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        width: 50%;
        top: -5rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav button {
        top: 9rem;
        margin-right: 16rem;
        z-index: 45
    }

    .home-wrap .secpadd7 {
        padding-bottom: 50px
    }


    .home-wrap .secpadd7 {
        padding-bottom: 50px
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder img {
        height: 21rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-12 {
        width: 100%;
        -webkit-clip-path: unset;
        clip-path: unset
    }

    .portrait .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 22vh;
        text-align: center
    }

    .win .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 17vh
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet {
        padding: 2rem 1.5rem
    }

    .home-wrap .secpadd7 .fh-section-title22 h2 {
        text-align: center
    }

    .home-wrap .secpadd7 .viewp {
        margin-top: 0
    }

    .home-wrap .secpadd7 .viewp a {
        display: flex;
        padding: 15px 18px
    }

    .home-wrap .secpadd7 .viewp a span {
        text-align: center
    }

    .home-wrap .secpadd7 .viewp a svg {
        margin-left: 0;
        top: 14px
    }

    .portrait .home-wrap .secpadd7 .hnewspress .cbarrow span {
        margin-left: 13px
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet .hnptitle {
        font-size: 1.4rem
    }

   .home-wrap .secpadd7 .hnewspress .hnepredet {
        padding: 2rem 1.5rem
    }

    .home-wrap .secpadd7 .fh-section-title22 h2 {
        text-align: center
    }

    .home-wrap .secpadd7 .viewp {
        margin-top: 0
    }

    .home-wrap .secpadd7 .viewp a {
        display: flex;
        padding: 15px 18px
    }

    .home-wrap .secpadd7 .viewp a span {
        text-align: center
    }

    .home-wrap .secpadd7 .viewp a svg {
        margin-left: 0;
        top: 14px
    }

    .portrait .home-wrap .secpadd7 .hnewspress .cbarrow span {
        margin-left: 13px
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet .hnptitle {
        font-size: 1.4rem
    }

    #page .fh-section-title h2,#page .sectop h2 {
    }

    .retail-wrap .secpadd2 .phhe h2,.retail-wrap .secpadd3 .phhe h2 {
        font-size: 25px
    }

    .retail-wrap .secpadd .recontop .tabbox .top {
        flex: .319
    }

    .retail-wrap .secpadd .recontop .tabbox #tab1 span {
        -webkit-clip-path: polygon(5% 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(5% 0,100% 0,100% 100%,0 100%)
    }

    .retail-wrap .secpadd .recontop .tabbox #tab3 span {
        -webkit-clip-path: polygon(0 0,100% 0,96.5% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,95% 100%,0 100%)
    }

    .mix .info {
        padding: 10px 23px
    }

    .mix .info h4 {
        line-height: 1.2
    }

    .mix .info p {
        display: none
    }

    .mix .info a.linkLM--white {
        left: 23px
    }

    .distribution-wrap .secpadd2 {
        padding: 0
    }

    .distribution-wrap .secpadd.secp7 .flet-det img.respo {
        width: auto
    }

    .distribution-wrap .secpadd.secp7 .flet-img .fitem img {
        padding: 20px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        height: auto;
        padding: 0
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blckwrap,.ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
    }

    .android .ventures-wrap .secpadd .venfdet .blck {
    }

    .android .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
    }

    .android .ventures-wrap .secpadd.secp3 .venfdet .blck {
    }

    .ventures-wrap .secpadd {
        padding: 4vh 0 0
    }

    .ventures-wrap .secpadd .venfdet,.ventures-wrap .secpadd.secp2 .venfdet,.ventures-wrap .secpadd.secp3 .venfdet,.ventures-wrap .secpadd.secp4 .venfdet {
        left: 0
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4 {
        width: 49.33%
    }

    .ventures-wrap .secpadd .venfdethe {
        left: 0
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 3rem 2rem;
        height: 10vh
    }

    .ventures-wrap .breaklin {
        display: none
    }

    .ventures-wrap .secpadd.secp3 {
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
        height: 37rem!important
    }
}

@media screen and (max-width:505px) {
    .ntd.carousel--distribution .mix {
        width: 49.5%
    }

    .mix .info {
        padding: 10px 36px
    }

    .mix .info p {
        -webkit-line-clamp: 3
    }

    .mix .info h4 {
        line-height: 1.25;
        font-size: 1em
    }

    .distribution-wrap .secpadd2 .pager-list .pager {
        top: 47%
    }

    .mix .info a.linkLM--white {
        left: 37px
    }

    .ventures-wrap .secpadd .venfdet .blck {
        padding: 0
    }

    .corporate-wrap .secpadd2 .container,.corporate-wrap .secpadd3 .container {
        width: auto;
        padding: 0 15px
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2 .sdet,.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet,.covidpa-wrp .secpadd.secpadd5 .sec3 .list3 li {
        flex: 1 0 100%
    }

    .covidpa-wrp .secpadd.secpadd5 .sec3 .list3 li {
        text-align: left
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2 .sdet img,.covidpa-wrp .secpadd.secpadd3 .sec2 .sdet img {
        width: 45px
    }

    .covidpa-wrp .secpadd.secpadd2 .sec2 {
        padding-top: 4rem
    }
}

@media screen and (max-width:480px) {
    .header-v1 .site-header .site-logo,.header-v2 .site-header .site-logo {
        width: 26rem!important
    }

    .site-logo .show-logo {
        width: 27rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -23rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .bgckbl {
        padding-bottom: 24rem
    }

    .win .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 19vh
    }

    .ventures-wrap .secpadd.secp2 .venfdet .blck,.ventures-wrap .secpadd.secp4 .venfdet .blck {
        padding: 2rem 5rem
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(6) .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(6) {
        left: 0
    }

    .ventures-wrap .secpadd .venfdet .blck,.ventures-wrap .secpadd.secp3 .venfdet .blck {
        padding: 2rem
    }
}

@media screen and (max-width:443px) {
    .ntd.carousel--distribution .mix {
        width: 49.4%
    }
}

@media screen and (max-width:422px) {
    .ventures-wrap .secpadd .venfdet .blck,.ventures-wrap .secpadd.secp2 .venfdet .blck,.ventures-wrap .secpadd.secp3 .venfdet .blck,.ventures-wrap .secpadd.secp4 .venfdet .blck {
        padding: 2rem
    }

    .ventures-wrap .secpadd .venfdet .blck p span:first-child {
        font-size: 2em
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        height: 15vh
    }

    .ventures-wrap .secpadd .vntidetmn {
        -webkit-clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
        clip-path: polygon(10% 0,100% 0,90% 100%,0 100%)
    }
}

@media screen and (max-width:420px) {
    .page-header .header-title {
        padding: 40px 0
    }

    .home-wrap .bannersli .item {
        height: 68vh
    }

    .home-wrap .bannersli .item.nodet {
        height: 43vh
    }

    .home-wrap .bannersli .item.nodet .sliderno.mobil {
        object-position: 100% -2rem
    }

    .abotimglft {
        height: 43vh
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2,.home-wrap .bannersli .active .item .itemcapt .srandpos.pos4,.home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
        left: 24.6%!important
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
        left: 32.5%!important
    }

    .home-wrap .banner-wrapper .panel {
        height: 80.33vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm .panel-item {
        height: 80.33vh
    }

    .home-wrap .banBtn .welservices .bbox {
        font-size: 14px;
        padding: 10px 20px
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte a {
        width: 103px!important;
        font-size: 11px!important
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte h4 {
        font-size: 16px!important
    }

    .home-wrap .bannersli .item .itemcapt .scontent-wrp .sconte p {
        font-size: 12px;
		max-height:60px;
		overflow:hidden;
		display:block;
    }

    .home-wrap .banBtn .welservices .bbox a {
        display: inline-block;
        padding: 30px 29px
    }

    .home-wrap .banBtn .welservices .bbox a img,.home-wrap .banBtn .welservices .bbox img {
        width: 15px;
        margin-right: 10px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        font-size: 2.5rem
    }

    .home-wrap .secpadd4 .pdntde {
        padding: 30px
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        flex: 1;
        margin: 0
    }

    .home-wrap .secpadd6 .csaward .fh-section-title {
        padding-left: 0;
        text-align: left
    }

    .home-wrap .secpadd6 .csaward .owl-controls .owl-nav {
        top: -18px;
        right: 0
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        left: 0
    }

    .mix .info {
        padding: 55px
    }

    .mix .info a.linkLM--white {
        left: 58px
    }

    .mix .info h4 {
        font-size: 1.25em
    }

    .ntd.filter--alphabet,.ntd.filter--category,.ntd.filter--country {
        padding: 0
    }

    .ntd.filter--alphabet ul,.ntd.filter--category ul,.ntd.filter--country ul {
        padding: 0
    }

    .pager-list .page-number-list {
        text-align: center;
        bottom: -12px
    }

    .distribution-wrap .secpadd2 .pager-list .page-number-list .page-number {
        margin: 5px
    }

    .distribution-wrap .secpadd2 .pager-list .page-number-list .page-number {
        float: none;
        text-align: center
    }
}

@media screen and (max-width:414px) {
    .mobile .home-wrap .bannersli .item.nodet {
        height: 100vw
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -86vh 0
    }

    .home-wrap .bannersli .item .slider4 {
        object-position: -57rem
    }

    .contact .page-header .header-title .bgckhedgrnd,.corporate .page-header .header-title .bgckhedgrnd,.franchising .page-header .header-title .bgckhedgrnd,.ventures .page-header .header-title .bgckhedgrnd {
        width: 97%;
        -webkit-clip-path: polygon(0 0,100% 0,83% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,83% 100%,0 100%)
    }

    .page-header .header-title .col-md-12 .ptop img {
        width: 32px;
        margin-right: 1rem;
        margin-top: 1rem
    }

    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp,.home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        height: 60%
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 3rem
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        display:none!important;
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos4,.home-wrap .bannersli .item .itemcapt .srandpos,.home-wrap .bannersli .item .itemcapt.rtl_anima .srandpos {
    }

    .home-wrap .bannersli .item .itemcapt .srandpos {
        top: -70px
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2 {
        top: -92px
    }

    .page-header .header-title h1,div.fh-section-title h2,div.fh-testimonials h3 {
        font-size: 22px
    }

    .home-wrap .banner-wrapper .panel {
        height: 92.33vh
    }

    .home-wrap .banner-wrapper .panel .pnelitm .panel-item {
        height: 46.33vh
    }

    .home-wrap .banBtn .welservices .bbox a {
        padding: 17px 29px;
        font-size: 12px;
        display: inline
    }

    .home-wrap .banner-wrapper .panel.bmshow .pnelitm.active:nth-child(1) .panel-item {
        height: 90vh
    }

    .home-wrap .banner-wrapper .panel .panel-content .view-content section {
        padding: 20px 14px
    }

    .home-wrap .banner-wrapper .panel .pnelitm:nth-child(1) .panel-content {
        right: 6rem
    }

    .home-wrap .banner-wrapper .panel .pnelitm.active:nth-child(1) .panel-content {
        right: 6rem
    }

    .home-wrap .banner-wrapper .panel .panel-content .view-content section h4 {
        font-size: 16px
    }

    .home-wrap .banner-wrapper .panel .panel-content .view-content section p {
        font-size: 12px
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2,.home-wrap .bannersli .active .item .itemcapt .srandpos.pos4,.home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
        left: 37.6%!important
    }

    .home-wrap .bannersli .item img.slider4 {
        object-position: 86%
    }

    .home-wrap .bannersli .item img.slider6 {
        object-position: 1%
    }

    .home-wrap .bannersli .item img.slider7 {
        object-position: 16%
    }

    .ntd.carousel--distribution {
        padding-bottom: 18vh
    }

    .pager-list .page-number-list {
        text-align: center;
        bottom: 20px;
        width: 85%;
        -webkit-transform: translateX(8%);
        transform: translateX(8%)
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary,.ios .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        top: -1rem
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post {
        margin-bottom: 0
    }

    .android .home-wrap .secpadd6 .bgckwhit,.home-wrap .secpadd6 .bgckwhit,.ios .home-wrap .secpadd6 .bgckwhit {
        top: 56vh
    }

    div.fh-latest-project ul.filter {
        display: inline-block!important
    }

    div.fh-latest-project ul.filter li {
        display: inline-block!important;
        width: auto!important;
        margin: 0!important;
        font-family: unset!important;
        width: 31%!important;
        margin-bottom: 5px!important
    }

    .aboutsec-2.secpaddbig .secpadd {
        padding: 0
    }

    .win .grid-item {
        width: 90px
    }

    .grid-item {
        width: 95px
    }

    .aboutsec-2.secpaddbig .fh-section-title h2,.home-wrap .rigtsec .rightblue .fh-section-title h2,.home-wrap .secpadd3 .sectop h2,.home-wrap .secpadd5 .pdd-csr .fh-section-title h2,.home-wrap .secpadd6 .csaward .fh-section-title h2,.home-wrap .secpadd6 .csventu .fh-section-title h2 {
        font-size: 22px!important
    }

    .home-wrap .secpadd3 .bgrid {
        position: relative;
        overflow: hidden;
        padding: 0 10px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem {
        padding: 25px 30px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem.box2 {
        padding: 25px 30px
    }

    .homtabbs .page {
        padding: 0
    }

    .aboutsec-2.secpaddbig {
        margin-bottom: 0
    }

    .home-wrap .secpadd4 .bluebg {
        min-height: 273px
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        flex-basis: 46%
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .fh-icon {
        width: 48px;
        font-size: 13px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .desc,.home-wrap .secpadd4 .frs1box .fh-icon-box h4 {
        padding-left: 58px;
        top: -4px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box h4 span {
        font-size: 2.1rem
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .desc p {
        font-size: 13px
    }

    .home-wrap .secpadd4 .pdntde {
        padding: 40px 25px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .desc,.home-wrap .secpadd4 .frs1box .fh-icon-box h4 {
        padding-left: 40px
    }

    .home-wrap .secpadd4 .frs1box .fh-icon-box .desc {
        line-height: 16px;
        top: -8px
    }

    .home-wrap .secpadd5 .secpadd {
        padding: 20px 0
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        width: 82%;
        left: 4px;
        box-shadow: 1px 4px 14px 0 rgb(126 126 126/25%)
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title a {
        font-size: 19px
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 49vh
    }

    .home-wrap .secpadd6 .csaward {
        margin-top: -2vh!important
    }

    .home-wrap .secpadd6 .csaward .fh-section-title h2 {
        text-align: center
    }

    .home-wrap .secpadd6 .csaward .owl-controls .owl-nav button,.home-wrap .secpadd6 .csaward .owl-controls .owl-nav div {
        width: 40px;
        height: 40px
    }

    .home-wrap .secpadd6 .csaward .owl-controls .owl-nav {
        top: 0
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title {
        padding-bottom: 0
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 0
    }

    .home-wrap .secpadd6 .csaward .fh-testimonials-carousel {
        padding-bottom: 0
    }

    .page-header .header-title p {
        font-size: 13px
    }

    .corporate-wrap .secpadd.secpaddhm .sewrap {
        padding: 4rem 0
    }

    .contact .page-header .header-title,.corporate .page-header .header-title,.franchising .page-header .header-title,.ventures .page-header .header-title {
        padding: 1.5vh 0
    }

    .corporate-wrap .homeserv-5.secpadd5 .gloo,.corporate-wrap .homeserv-5.secpadd5 .loog {
        height: 29rem
    }

    .corporate-wrap .secpadd5 .row .gloo.glo2 {
        height: 29rem
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet {
        padding: 2rem 1rem
    }

    .ios .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 24vh
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-content {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(3) .tl-content {
        top: 38%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4).active,.corporate-wrap .secpadd2 .tl-item:nth-child(4):hover {
        height: 82vh
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 81%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 33%
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .bgckbl {
        padding-bottom: 0
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-4 {
        width: 32rem;
        left: 5rem
    }

    .corporate-wrap .secpadd6 .timeline .histitle {
        left: 11rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        height: 56rem;
        padding: 15rem 3rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        width: 63%;
        right: 8rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list span .navitem h3 {
        margin-top: 15px;
        font-size: 16px
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav button {
        margin-right: 11rem
    }

    .page-header .header-title .col-md-12 .recontop .tabbox .top span {
        font-size: 14px
    }

    .page-header .header-title .col-md-12 .recontop .tabbox .top img {
        width: 28px
    }

    .retail-wrap .secpadd.secpadne .padne-det {
        position: relative;
        z-index: 78
    }

    .retail-wrap .secpadd.secpadne .padne-det h3 {
        top: -11px;
        font-size: 25px
    }

    .retail-wrap .secpadd.secpadne .padne-det p {
        font-size: 14px;
        width: 81%
    }

    .retail-wrap .secpadd.secpadne .padne-det .shline {
        width: 7%;
        height: 4px;
        margin: 1rem 0
    }

    .retail-wrap .secpadd.secpadne .padne-det h3.pwhi {
    }

    .retail-wrap .secpadd.secpadne .padne-det h3.pwhi,.retail-wrap .secpadd.secpadne .padne-det h3 {
        font-size: 23px
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 30px 10px 0
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .owl-item .top.active:after {
        height: 3vw;
        width: 3vw
    }

    .retail-wrap .secpadd2 {
        padding: 10vh 0 5vh
    }

    .retail-wrap .secpadd.secpadne .padne-det h3.pwhi,.retail-wrap .secpadd.secpadne .padne-det h3 {
        line-height: 1.3;
        font-size: 23px;
        top: 0
    }

    .retail-wrap .secpadd3 .owlnavgcsr {
        bottom: 56px
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        width: 100%;
        padding: 30px 0
    }

    .ventures-wrap .secpadd .ventop {
        display: inline-block
    }

    .ventures-wrap .secpadd .vntidet {
        border-left: none;
        border-top: none
    }

    #timeline .tl-item {
    }

    #timeline .tl-item:hover {
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-year {
        margin-left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        margin-left: 60px;
        bottom: 80%
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
        width: 171%
    }

    .corporate-wrap .secpadd2 .tl-item,.corporate-wrap .secpadd2 .tl-item .tl-bg,.corporate-wrap .secpadd2 .tl-item .tl-content,.corporate-wrap .secpadd2 .tl-item .tl-content p,.corporate-wrap .secpadd2 .tl-item .tl-year,.corporate-wrap .secpadd2 .tl-item .tl-year p {
        transform: unset
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
    }

    .win #timeline .tl-item {
        height: 40vh
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year p {
        text-align: center;
        font-size: 19px;
        margin-left: 0
    }

    .ventures-wrap .secpadd .venfdet {
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd {
        height: 23rem
    }

    .portrait .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        top: auto
    }

    .corporate-wrap .secpadd4 .hmabtvis .coptabdetail {
        padding: 0
    }

    .home-wrap .secpadd7 .container:nth-child(2) .row:first-child .col-md-6 {
        flex: 1
    }

    .home-wrap .secpadd7 .fh-section-title22 h2 {
        line-height: 1.2
    }

    .retail-wrap .secpadd .recontop .tabbox .top span {
        font-size: .9em
    }

    .retail-wrap .secpadd .recontop .tabbox .top span:after {
        right: 15px;
        height: 7px;
        width: 7px;
        top: 24px
    }

    .grid figure {
        width: 91%;
        margin: 6px 20px
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top img {
        height: 8rem
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top span {
        left: 93%;
        width: 100%
    }

    .retail-wrap .secpadd3 .owlnavgcsr {
        -webkit-transform: translate(-15rem,37rem);
        transform: translate(-15rem,37rem)
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top .serv-top h3 {
        font-size: 16px
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 .tabfl h3 {
        font-size: 20px
    }

    .ntd.carousel--distribution .mix {
        width: 49%
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .tbshowimg {
        height: 24rem
    }

    .distribution .page-header .header-title .ptop .pdet {
        width: 90%
    }

    .distribution-wrap .secpadd2 .ntd.carousel--distribution {
        padding-bottom: 16vh
    }

    .distribution-wrap .rigtsec .rightblue .fh-section-title {
        padding: 0
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet {
        padding: 2rem 1rem
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sehead {
        padding: 2rem 0
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sec3ldet h3,.distribution-wrap .secpadd.secp6 .se6-det h3 {
        font-size: 23px
    }

    .distribution-wrap .secpadd.secp3 .row>div:first-child .sehead h2 {
        font-size: 20px
    }

    .distribution-wrap .secpadd.secp4 .recontop2 .tabbox2 .top span {
        font-size: 16px
    }

    .distribution-wrap .secpadd .recontop .coptabdetail .tabdetail .row .col-md-6:last-child {
        padding-left: 15px
    }

    .distribution-wrap .secpadd.secp6 .se6img {
        height: 23rem
    }

    .ventures-wrap .secpadd .venfdethe h4 {
        font-size: 18px
    }

    .ventures-wrap .secpadd .venfdethe p {
        font-size: 11px
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4 {
        width: 50%
    }

    .ventures-wrap .secpadd .venfdet .blck {
        padding: 2rem 0
    }

    .ventures-wrap .secpadd .venfdet .col-xs-4:nth-child(1) {
        left: 16px
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd {
        height: 28rem!important
    }

    .ventures-wrap .secpadd .venfdet .blck p span.mnad,.ventures-wrap .secpadd .venfdet .blck p span:first-child {
        font-size: 1.7em
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 3rem 0
    }

    .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4:nth-child(6) {
        left: -15px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .col-xs-4:nth-child(1) {
        left: 13px
    }

    .ventures-wrap .secpadd.secp3 .venfdet .blck {
        padding: 2rem 0;
        height: 13vh
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 2rem 0;
        height: 14vh
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4:nth-child(6) {
        left: -16px
    }

    .ios .ventures-wrap .secpadd .venfdet .blck {
    }

    .ios .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
    }

    .ios .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 1rem 0;
        height: 15vh
    }

    .ventures-wrap .secpadd .venfdet .blck,.ventures-wrap .secpadd.secp2 .venfdet .blck,.ventures-wrap .secpadd.secp3 .venfdet .blck,.ventures-wrap .secpadd.secp4 .venfdet .blck {
        padding: 1rem
    }

    .ventures-wrap .secpadd .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
    }

    .ventures-wrap .secpadd .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp2 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp3 .slid1wrp .item .vslibgnd,.ventures-wrap .secpadd.secp4 .slid1wrp .item .vslibgnd {
        height: 23rem
    }

    .ios .ventures-wrap .secpadd .venfdet .blck {
        padding: 2rem 0
    }

    .ios .ventures-wrap .secpadd .venfdet .blck {
        padding: 0
    }

    .ios .ventures-wrap .secpadd.secp3 .venfdet .blckwrap {
    }

    .contactus-wrap .secpadd2 .concal {
        display: block
    }

    .site-footer .container .col-md-6 {
        flex: none;
        text-align: center;
        margin: 0 auto
    }
}

@media screen and (max-width:414px) and (max-height:736px) {
    .home-wrap .bannersli .item.nodet {
        height: 60vh
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -72.5vh 0
    }
}

@media screen and (max-width:414px) and (max-height:896px) {
    .home-wrap .bannersli .item.nodet {
        height: 59vh
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -76.5vh 0
    }
}

@media screen and (max-width:412px) {
    .mobile .home-wrap .bannersli .item.nodet {
        height: 100vw
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -82vh 0
    }

    .home-wrap .banBtn {
        top: -3.1vh
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 38vh!important
    }

    .ios .home-wrap .secpadd6 .bgckwhit {
        top: 45vh!important
    }

    .android .home-wrap .secpadd6 .bgckwhit {
        top: 56vh!important
    }

    .android .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -22rem
    }

    .android .ventures-wrap .secpadd.secp2 .venfdet .col-xs-4 .blck {
        padding: 3rem 1rem
    }

    .android .ventures-wrap .secpadd.secp3 .venfdet .blck {
    }

    .android .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
    }
}

@media screen and (max-width:412px) and (max-height:732px) {
    .home-wrap .secpadd6 .bgckwhit {
        top: 48vh
    }
}

@media screen and (max-width:412px) and (max-height:796px) {
    .home-wrap .bannersli .item {
        height: 64vh
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -73vh 0
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 48vh
    }
}

@media screen and (max-width:412px) and (max-height:800px) {
    .android .home-wrap .secpadd6 .bgckwhit {
    }
}

@media screen and (max-width:414px) and (max-height:736px) {
    .home-wrap .bannersli .item.nodet {
        height: 60vh
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -72.5vh 0
    }
}

@media screen and (max-width:390px) and (max-height:844px) {
    .home-wrap .bannersli .item.nodet {
        height: 58vh
    }

    .home-wrap .bannersli .item.nodet .sliderno.mobil {
        object-position: 100% 0!important
    }
}

@media screen and (max-width:375px) {
    .home-wrap .bannersli .item.nodet .sliderno.mobil {
        object-position: 100% 0
    }

    .home-wrap .banBtn {
        bottom: -7px
    }

    .home-wrap .banBtn .welservices .bbox a {
        padding: 17px 27px;
        font-size: 10px
    }

    .home-wrap .gallerypagesec .all-project {
        padding: 0
    }

    .aboutsec-2.secpaddbig .homtabbs .skewbutton,.home-wrap .secpadd3 .bgrid .grid2 .boxem a,a.skewbutton {
        font-size: 11px
    }

    .abotimglft {
        height: 36vh
    }

    .aboutsec-2.secpaddbig {
        margin-bottom: 0
    }

    .ntd.carousel--distribution {
        padding-bottom: 15vh
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem {
        padding: 25px 20px
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem.box2 {
        padding: 25px 20px
    }

    .home-wrap .secpadd5 .secpadd {
        padding: 8px 0 20px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title {
        line-height: 1
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title a {
        font-size: 16px
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 42vh!important
    }

    .home-wrap .rigtsec .rightblue {
        padding: 3rem 0
    }

    .home-wrap .bannersli .item img.slider4 {
        object-position: 83%
    }

    .home-wrap .bannersli .item img.slider6 {
        object-position: 10%
    }

    .home-wrap .bannersli .item img.slider7 {
        object-position: 20%
    }

    .corporate-wrap .secpadd4 {
        padding-top: 40px
    }

    .grid-item {
        width: 169px
    }

    .all-project2 ul.filters li a {
        font-size: 13px
    }

    .home-wrap .rigtsec .rightblue .fh-section-title {
        padding: 1vh 4vh
    }

    .home-wrap .secpadd3 .sectop {
        padding-bottom: 25px!important
    }

    .android .home-wrap .secpadd6 .bgckwhit,.ios .home-wrap .secpadd6 .bgckwhit {
        top: 48vh!important
    }

    .home-wrap .secpadd6 .csventu .partener-1 {
        margin-bottom: 6vh
    }

    #timeline .tl-item {
        height: 34vh
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(2) .tl-bg {
    }

    #timeline .tl-item:hover {
        height: 73vh
    }

    .portrait .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        top: auto;
        width: 100%;
        margin-left: 0
    }

    .corporate-wrap .secpadd2 .tl-item,.corporate-wrap .secpadd2 .tl-item .tl-bg,.corporate-wrap .secpadd2 .tl-item .tl-content,.corporate-wrap .secpadd2 .tl-item .tl-content p,.corporate-wrap .secpadd2 .tl-item .tl-year,.corporate-wrap .secpadd2 .tl-item .tl-year p {
        transform: unset
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-year {
        bottom: 81%
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        left: 0
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year p {
        font-size: 18px
    }

    .corporate-wrap .secpadd2 .tl-item:first-child .tl-bg {
        width: 171%
    }

    .corporate-wrap .secpadd2 .tl-item .tl-bg {
        width: 171%
    }

    .corporate-wrap .secpadd2 .tl-item .tl-year,.corporate-wrap .secpadd2 .tl-item:first-child .tl-year {
        margin-left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(2) .tl-year,.corporate-wrap .secpadd2 .tl-item:nth-child(4) .tl-year {
        margin-left: 0
    }

    .corporate-wrap .secpadd2 .tl-item:hover .tl-content {
        -webkit-transform: translateY(-78px);
        transform: translateY(-78px)
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-year {
        bottom: 78%
    }

    .corporate-wrap .secpadd2 .tl-item:nth-child(4):hover .tl-content {
        top: 40%
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet .hnptitle {
        font-size: 1.3rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder h4 {
        margin-bottom: 0;
        font-size: 20px
    }

    .ios .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 15vh
    }

    .win .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 20vh
    }

    .corporate-wrap .secpadd4 .hmabtvis .tabbox .top span {
        font-size: 14px
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-4 {
        width: 29rem;
        left: 5rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder img {
        height: 21rem
    }

    .corporate-wrap .secpadd6 .timeline .histitle {
        left: 9rem;
        top: 22.8rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        height: 58rem;
        padding: 13rem 3rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav button {
        margin-right: 7rem
    }

    .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .col-md-12 {
        width: 100%;
        clip-path: unset
    }

    .home-wrap .secpadd7 .hnewspress .hnepredet {
        padding: 0
    }

    .corporate-wrap .secpadd6 .timeline .slider-nav-wrap .slider-nav .slick-list {
        right: 6rem
    }

    #page .fh-section-title h2,#page .sectop h2 {
        font-size: 22px!important
    }

    .retail-wrap .secpadd2 {
        padding: 8vh 0 5vh
    }

    .retail-wrap .secpadd .container {
        padding-bottom: 0
    }

    .retail-wrap .secpadd .recontop .tabbox .top span {
        font-size: .85em
    }

    .retail-wrap .secpadd .recontop .tabbox .top span:after {
        right: 13px;
        top: 23px
    }

    .retail-wrap .secpadd .recontop .tabbox .top.active span:after {
        top: 28px
    }

    .retail-wrap .secpadd2 .phhe h2 {
        padding-bottom: 0
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top span {
        padding: 0 10px
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top img {
        height: 8rem
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 20px 5px
    }

    .retail-wrap .secpadd2 .phhe h2,.retail-wrap .secpadd3 .phhe h2 {
        font-size: 22px
    }

    .grid figure {
        width: 90%;
        margin: 10px 20px
    }

    .retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button {
        width: 40px;
        height: 40px
    }

    .retail-wrap .secpadd3 .owlnavgcsr {
        bottom: 18px
    }

    .retail-wrap .secpadd3 .recontop2 .tabbox2 .top span {
        font-size: 1.2em
    }

    .distribution-wrap .secpadd.secp5 {
        padding: 9rem 0 0
    }

    .distribution-wrap .secpadd.secp7 .flet-det h3 {
        font-size: 20px;
        margin-top: 18px
    }

    .distribution-wrap .secpadd.secp7 .flet-img .fitem h3 {
        font-size: 20px
    }

    .ios .ventures-wrap .secpadd .venfdet .blck {
        height: 14vh;
        padding: 1.5rem 0
    }

    .ios .ventures-wrap .secpadd .venfdet .blck p span.mnad,.ios .ventures-wrap .secpadd .venfdet .blck p span:first-child {
        font-size: 1.6em
    }

    .ios .ventures-wrap .secpadd .venfdet .blck {
        padding: 1rem 0
    }

    .ios .ventures-wrap .secpadd.secp3 .venfdet .blck {
        padding: 0
    }

    .ventures-wrap .secpadd.secp4 .venfdet .blckwrap {
        height: 78px
    }

    .ios .ventures-wrap .secpadd.secp4 .venfdet .blck {
        padding: 0
    }

    .ventures-wrap .secpadd .venfdethe h4 {
        font-size: 15px
    }

    .ventures-wrap .secpadd.secp2 .venfdet .blckwrap {
        height: 116px
    }

    .ventures-wrap .secpadd.secp5 .venfdet .blckwrap {
        flex: 0 46%
    }

    .ios .ventures-wrap .secpadd.secp5 .venfdet .blck {
        padding: 0
    }

    .ventures-wrap .secpadd:nth-child(2) .venfdet .blckwrap,.ventures-wrap .secpadd:nth-child(3) .venfdet .blckwrap {
        height: 90px
    }

    .ventures-wrap .secpadd.secp2,.ventures-wrap .secpadd.secp3,.ventures-wrap .secpadd.secp4,.ventures-wrap .secpadd.secp5 {
    }

    .ventures-wrap .secpadd .vntidet .vtrtitlto img {
        padding-right: 0
    }

    .ventures-wrap .secpadd.secp2 .vntidet .vtrtitlto a {
        margin-bottom: 10px
    }
}

@media screen and (max-width:375px) and (max-height:667px) {
    .home-wrap .bannersli .item.nodet {
        height: 65vh
    }

    .home-wrap .bannersli .item img.sliderno {
        object-position: -81vh 0
    }

    .home-wrap .secpadd6 .bgckwhit {
        top: 50vh!important
    }

    .ios .home-wrap .secpadd6 .bgckwhit {
        top: 50vh!important
    }

    #timeline .tl-item {
        height: 57vh
    }
}

@media screen and (max-width:360px) {
    .grid-item {
        width: 110px
    }

    .home-wrap .secpadd7 {
        padding-top: 50px
    }

    .home-wrap .secpadd7 .hnewspress .cbarrow {
        width: 35px;
        height: 35px;
        margin-top: -2rem
    }

    .portrait .home-wrap .secpadd7 .hnewspress .hnepredet {
        height: 26vh
    }

    .portrait .home-wrap .secpadd7 .hnewspress .cbarrow span {
        margin-left: 8px;
        font-size: 19px
    }

    #page .fh-section-title h2,#page .fh-section-title22 h2,#page .phhe h2,#page .sectop h2 {
        font-size: 22px!important
    }

    .android .corporate-wrap .secpadd6 .timeline .slider-for .timeline-slide .holder .timeline-content {
        bottom: -17rem
    }
}

@media screen and (max-width:320px) {
    .site-logo .show-logo {
        width: 18rem
    }

    .home-wrap .banBtn .welservices .bbox {
        font-size: 11px;
        padding: 10px 17px
    }

    .grid-item {
        width: 145px
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 .fbig {
        font-size: 3.1rem
    }

    .home-wrap .bannersli .item {
        height: 80vh
    }

    .home-wrap .bannersli .item .itemcapt .srandpos h2 {
        font-size: 1.3rem
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos2,.home-wrap .bannersli .active .item .itemcapt .srandpos.pos4 {
        left: 23.6%!important
    }

    .home-wrap .bannersli .active .item .itemcapt .srandpos.pos6 {
        left: 30.6%!important
    }

    .aboutsec-2.secpaddbig .fh-section-title h2,.home-wrap .rigtsec .rightblue .fh-section-title h2,.home-wrap .secpadd3 .sectop h2,.home-wrap .secpadd5 .pdd-csr .fh-section-title h2,.home-wrap .secpadd6 .csaward .fh-section-title h2,.home-wrap .secpadd6 .csventu .fh-section-title h2 {
        font-size: 20px!important
    }

    #page .fh-section-title h2,#page .fh-section-title22 h2,#page .phhe h2,#page .sectop h2 {
        font-size: 20px!important
    }

    .home-wrap .secpadd3 .bgrid .grid2 .boxem h2 {
        font-size: 18px
    }

    p {
        font-size: 11px
    }

    .covidpa-wrp .secpadd.secpadd3 .secabhed h2,.covidpa-wrp .secpadd.secpadd4 .secabhed h2,.covidpa-wrp .secpadd.secpadd2 .secabhed h2,h2 {
        font-size: 20px
    }

    .home-wrap .secpadd4 .pdntde .row .col-md-4 {
        flex-basis: 50%;
        padding: 0
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        left: 2px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary .entry-title a {
        font-size: 14px
    }

    .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post {
        margin-bottom: -15vh
    }

    .portrait .home-wrap .secpadd5 .secpadd .fh-latest-post .item-latest-post .entry-summary {
        top: -22vh
    }

    #timeline .tl-item {
        height: 77vh
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        font-size: 11px
    }

    .corporate-wrap .secpadd2 .tl-item .tl-content {
        top: 47%
    }

    .retail-wrap .secpadd .recontop .coptabdetail .tabdetail {
        padding: 20px 0
    }

    .retail-wrap .secpadd3 .recontop2 .coptabdetail .tabdetail2 {
        padding: 20px 0
    }

    .retail-wrap .secpadd .recontop .tabbox .top span {
        font-size: .8em
    }

    .retail-wrap .secpadd .recontop .tabbox .top span:after {
        right: 6px
    }

    .grid figure {
        width: 88%
    }

    figure.effect-marley h2 {
        top: 85px
    }

    .retail-wrap .secpadd3 .owlnavgcsr .owl-controls .owl-nav button {
        width: 35px;
        height: 35px
    }

    .ventures-wrap .secpadd .vntidet {
        padding: 5px;
        margin-top: 1vh
    }

    .ventures-wrap .secpadd .vntidet .vtrtitl h5 {
        font-size: 15px
    }

    .ventures-wrap .secpadd .ventop .col-md-9 {
        padding-right: 0
    }

    .ventures-wrap .secpadd .vntidet p {
        font-size: 12px
    }

    .ventures-wrap .secpadd .venfdet .blck p {
        font-size: 11px
    }

    .ventures-wrap .secpadd .venfdet .blck {
        height: 11vh
    }

    .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        height: 12vh
    }

    .ios .ventures-wrap .secpadd .venfdet .blck {
        height: 18vh
    }

    .ios .ventures-wrap .secpadd.secp4 .venfdet .col-xs-4 .blck {
        padding: 1rem 0;
        height: 19vh
    }

    .contactus-wrap .secpadd2 .concal .fh-contact-box .desc p {
        font-size: 11px
    }
}

@media screen and (max-width:280px) {
    div.fh-latest-project ul.filter li {
        width: 47%!important
    }

    .grid-item {
        width: 75px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -7.65rem
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -9.5vw
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:landscape) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -5.5vw
    }

    .home-wrap .bannersli .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11.3vw
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .home-wrap .banBtn {
        top: -2.3vh
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .home-wrap .bannersli .item .itemcapt.ltr_anima .scontent-wrp {
        left: -7.65rem
    }

    .home-wrap .bannersli .active .item .itemcapt.rtl_anima .scontent-wrp {
        right: -11vw;
        width: 62.3%
    }
}

.mmmm {
    display: block;
    position: absolute;
    margin-top: 25%
}

.modal-backdrop {
    background-color: hsl(0deg 0% 0%/10%)!important
}

.modal.show {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start
}

#contact_msg_modal2 .modal-header {
    border-bottom: none
}

#contact_msg_modal2 .modal-body {
    text-align: center
}

#email_msg_modal2 .modal-header {
    border-bottom: none
}

#email_msg_modal2 .modal-body {
    text-align: center
}

@font-face {
    font-family:revicons;src:url(../fonts/revicons/revicons.eot);src:url(../fonts/revicons/revicons-.eot#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons-.woff) format('woff'),url(../fonts/revicons/revicons-.ttf) format('truetype'),url(../fonts/revicons/revicons-.svg#revicons) format('svg');font-weight:400;font-style:normal;font-display:swap
}[class^=revicon-]:before,[class*=" revicon-"]:before {
    font-family: revicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

.rev_slider_wrapper {
    position: relative;
    z-index: 0
}

.rev_slider {
    position: relative;
    overflow: visible
}

.tp-overflow-hidden {
    overflow: hidden
}

.tp-simpleresponsive img,.rev_slider img {
    max-width: none!important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin: 0;
    padding: 0;
    border-width: 0;
    border: none
}

.rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}

.rev_slider>ul,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before,.tp-revslider-mainul>li,.tp-simpleresponsive>ul>li {
    list-style: none!important;
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none!important;
    background-image: none;
    background-position: 0 0;
    text-indent: 0;
    top: 0;
    left: 0
}

.tp-revslider-mainul>li,.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before,.tp-revslider-mainul>li,.tp-simpleresponsive>ul>li {
    visibility: hidden
}

.tp-revslider-slidesli,.tp-revslider-mainul {
    padding: 0!important;
    margin: 0!important;
    list-style: none!important
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute!important
}

.tp-caption .rs-untoggled-content {
    display: block
}

.tp-caption .rs-toggled-content {
    display: none
}

.rs-toggle-content-active.tp-caption .rs-toggled-content {
    display: block
}

.rs-toggle-content-active.tp-caption .rs-untoggled-content {
    display: none
}

.rev_slider .tp-caption,.rev_slider .caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block
}

.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap *:last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
    margin-bottom: 0
}

.tp-carousel-wrapper {
    cursor: url(http://st.ourhtmldemo.com/template/cargohub/css/revolution/openhand.html),move
}

.tp-carousel-wrapper.dragged {
    cursor: url(http://st.ourhtmldemo.com/template/cargohub/css/revolution/closedhand.html),move
}

.tp-caption {
    z-index: 1
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none!important
}

.tp-caption {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    position: absolute;
    -webkit-font-smoothing: antialiased!important
}

.tp-forcenotvisible,.tp-hide-revslider,.tp-caption.tp-hidden-caption {
    visibility: hidden!important;
    display: none!important
}

.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video {
    max-width: none!important
}

.rev_slider_wrapper {
    width: 100%
}

.fullscreen-container {
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative
}

.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0;
    left: 0
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

.tp-layer-inner-rotation {
    position: relative!important
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.noFilterClass {
    filter: none!important
}

.rs-background-video-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 0
}

.tp-caption.coverscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.caption.fullscreenvideo,.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe video {
    width: 100%!important;
    height: 100%!important;
    display: none
}

.fullcoveredvideo video,.fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoisplaying .html5vid .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 3;
    margin-top: -25px;
    margin-left: -25px;
    line-height: 50px!important;
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    z-index: 4;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out!important;
    -moz-transition: opacity 300ms ease-out!important;
    -o-transition: opacity 300ms ease-out!important;
    transition: opacity 300ms ease-out!important
}

.tp-caption .html5vid {
    width: 100%!important;
    height: 100%!important
}

.tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 50px!important;
    font-size: 40px!important
}

.tp-caption:hover .tp-video-play-button {
    opacity: 1
}

.tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff!important;
    border-right: 5px solid #fff!important;
    margin-top: 15px!important;
    line-height: 20px!important;
    vertical-align: top;
    font-size: 25px!important
}

.videoisplaying .revicon-right-dir {
    display: none
}

.videoisplaying .tp-revstop {
    display: inline-block
}

.videoisplaying .tp-video-play-button {
    display: none
}

.tp-caption:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none!important
}

.fullscreenvideo .fullscreenvideo video {
    object-fit: contain!important
}

.fullscreenvideo .fullcoveredvideo video {
    object-fit: cover!important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -o-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -moz-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -webkit-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -ms-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13,rgb(0,0,0)),color-stop(1,rgb(50,50,50)));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0,0,0,.5);
    border: 0;
    color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    outline: none
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-volume-bar,.tp-seek-bar {
    width: 100%;
    cursor: pointer;
    outline: none;
    line-height: 12px;
    margin: 0;
    padding: 0
}

.rs-fullvideo-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: 0 0;
    z-index: 5
}

.rs-background-video-layer video::-webkit-media-controls {
    display: none!important
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.tp-dottedoverlay.twoxtwo {
    background: url(../css/assets/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../css/assets/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../css/assets/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../css/assets/gridtile_3x3_white.png)
}

.tp-shadowcover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    position: absolute;
    z-index: -1
}

.tp-shadow1 {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,.8);
    -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,.8);
    box-shadow: 0 10px 6px -6px rgba(0,0,0,.8)
}

.tp-shadow2:before,.tp-shadow2:after,.tp-shadow3:before,.tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0 15px 10px rgba(0,0,0,.8);
    box-shadow: 0 15px 10px rgba(0,0,0,.8);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.tp-shadow2:after,.tp-shadow4:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.tp-shadow5 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset
}

.tp-shadow5:before,.tp-shadow5:after {
    content: "";
    position: absolute;
    z-index: -2;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.6);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    -moz-border-radius: 100px/20px;
    border-radius: 100px/20px
}

.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.6)!important;
    font-size: 15px;
    line-height: 45px!important;
    font-family: arial,sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none
}

.tp-button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px!important
}

.purchase:hover,.tp-button:hover,.tp-button.big:hover {
    background-position: bottom,15px 11px
}

.tp-button.green,.tp-button:hover.green,.purchase.green,.purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    -moz-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b
}

.tp-button.blue,.tp-button:hover.blue,.purchase.blue,.purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    -moz-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68
}

.tp-button.red,.tp-button:hover.red,.purchase.red,.purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    -moz-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212
}

.tp-button.orange,.tp-button:hover.orange,.purchase.orange,.purchase:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    -moz-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00
}

.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey,.purchase.darkgrey,.purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    -moz-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222
}

.tp-button.lightgrey,.tp-button:hover.lightgrey,.purchase.lightgrey,.purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    -moz-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555
}

.rev-btn,.rev-btn:visited {
    outline: none!important;
    box-shadow: none!important;
    text-decoration: none!important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: roboto,sans-serif;
    cursor: pointer
}

.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited {
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900
}

.rev-btn.rev-withicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-out!important;
    -moz-transition: all .2s ease-out!important;
    -o-transition: all .2s ease-out!important;
    -ms-transition: all .2s ease-out!important;
    margin-left: 10px!important
}

.rev-btn.rev-hiddenicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-out!important;
    -moz-transition: all .2s ease-out!important;
    -o-transition: all .2s ease-out!important;
    -ms-transition: all .2s ease-out!important;
    opacity: 0;
    margin-left: 0!important;
    width: 0!important
}

.rev-btn.rev-hiddenicon:hover i {
    opacity: 1!important;
    margin-left: 10px!important;
    width: auto!important
}

.rev-btn.rev-medium,.rev-btn.rev-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px
}

.rev-btn.rev-medium.rev-withicon i {
    font-size: 14px;
    top: 0
}

.rev-btn.rev-medium.rev-hiddenicon i {
    font-size: 14px;
    top: 0
}

.rev-btn.rev-small,.rev-btn.rev-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px
}

.rev-btn.rev-small.rev-withicon i {
    font-size: 12px;
    top: 0
}

.rev-btn.rev-small.rev-hiddenicon i {
    font-size: 12px;
    top: 0
}

.rev-maxround {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.rev-minround {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51,51,51,.25);
    tap-highlight-color: transparent;
    cursor: pointer
}

.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    transform-style: flat!important
}

.rev-burger span:nth-child(2) {
    margin: 3px 0
}

#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child {
    transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg)
}

#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    opacity: 0
}

#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child {
    transform: translateY(-6px) rotate(-135deg);
    -webkit-transform: translateY(-6px) rotate(-135deg)
}

.rev-burger.revb-white {
    border: 2px solid rgba(255,255,255,.2)
}

.rev-burger.revb-white span {
    background: #fff
}

.rev-burger.revb-whitenoborder {
    border: 0
}

.rev-burger.revb-whitenoborder span {
    background: #fff
}

.rev-burger.revb-darknoborder {
    border: 0
}

.rev-burger.revb-darknoborder span {
    background: #333
}

.rev-burger.revb-whitefull {
    background: #fff;
    border: none
}

.rev-burger.revb-whitefull span {
    background: #333
}

.rev-burger.revb-darkfull {
    background: #333;
    border: none
}

.rev-burger.revb-darkfull span {
    background: #fff
}

@-webkit-keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@-moz-keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px
}

.rev-scroll-btn>* {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #7f8c8d;
    color: #fff;
    font-family: inter;
    letter-spacing: 2px
}

.rev-scroll-btn>*:hover,.rev-scroll-btn>*:focus,.rev-scroll-btn>*.active {
    color: #fff
}

.rev-scroll-btn>*:hover,.rev-scroll-btn>*:focus,.rev-scroll-btn>*:active,.rev-scroll-btn>*.active {
    filter: alpha(opacity=80)
}

.rev-scroll-btn.revs-fullwhite {
    background: #fff
}

.rev-scroll-btn.revs-fullwhite span {
    background: #333
}

.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}

.rev-scroll-btn.revs-fulldark span {
    background: #fff
}

.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: rev-ani-mouse 2.5s linear infinite;
    -moz-animation: rev-ani-mouse 2.5s linear infinite;
    animation: rev-ani-mouse 2.5s linear infinite
}

.rev-scroll-btn.revs-dark {
    border-color: #333
}

.rev-scroll-btn.revs-dark span {
    background: #333
}

.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: inter;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0,0,0,.5);
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer
}

.rev-cbutton-dark-sr {
    border-radius: 3px
}

.rev-cbutton-light {
    color: #333;
    background-color: rgba(255,255,255,.75)
}

.rev-cbutton-light-sr {
    color: #333;
    border-radius: 3px;
    background-color: rgba(255,255,255,.75)
}

.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}

.rev-sbutton-blue {
    background-color: #3b5998
}

.rev-sbutton-lightblue {
    background-color: #00a0d1
}

.rev-sbutton-red {
    background-color: #dd4b39
}

.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #fff;
    background: rgba(0,0,0,.15);
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0!important;
    height: 5px
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-caption img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1
}

.caption.slidelink a div,.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../css/assets/coloredbg.png) repeat
}

.tp-caption.slidelink a span {
    background: url(../css/assets/coloredbg.png) repeat
}

.tp-shape {
    width: 100%;
    height: 100%
}

.tp-caption .rs-starring {
    display: inline-block
}

.tp-caption .rs-starring .star-rating {
    float: none
}

.tp-caption .rs-starring .star-rating {
    color: #ffc321!important;
    display: inline-block;
    vertical-align: top
}

.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star
}

.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.tp-caption .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em!important
}

.tp-caption .rs-starring .star-rating span:before,.tp-caption .rs-starring .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0
}

.tp-caption .rs-starring .star-rating {
    color: #ffc321!important
}

.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating {
    font-size: 1em!important;
    font-family: star
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes tp-bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bouncedelay {
    0%,80%,100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}

.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bounce {
    0%,100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.tp-thumbs.navbar,.tp-bullets.navbar,.tp-tabs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.tp-tabs,.tp-thumbs,.tp-bullets {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}

.tp-tab,.tp-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-arr-imgholder,.tp-videoposter,.tp-thumb-image,.tp-tab-image {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tp-tab:hover,.tp-tab.selected,.tp-thumb:hover,.tp-thumb.selected {
    opacity: 1
}

.tp-tab-mask,.tp-thumb-mask {
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important
}

.tp-tabs,.tp-thumbs {
    box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important
}

.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #fff;
    background: rgba(255,255,255,.3);
    cursor: pointer
}

.tp-bullet.selected,.tp-bullet:hover {
    background: #fff
}

.tp-bannertimer {
    background: #000;
    background: rgba(0,0,0,.15);
    height: 5px
}

.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000
}

.tparrows:hover {
    background: #000
}

.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.tparrows.tp-leftarrow:before {
    content: '\e824'
}

.tparrows.tp-rightarrow:before {
    content: '\e825'
}

.dddwrappershadow {
    box-shadow: 0 45px 100px rgba(0,0,0,.4)
}

.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    background: rgba(0,0,0,.75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal
}

.hginfo {
    position: absolute;
    top: -2px;
    left: -2px;
    color: #e74c3c;
    font-size: 12px;
    font-weight: 600;
    background: #000;
    padding: 2px 5px
}

.indebugmode .tp-caption:hover {
    border: 1px dashed #c0392b!important
}

.helpgrid {
    border: 2px dashed #c0392b;
    position: absolute;
    top: 0;
    peft: 0;
    z-index: 0
}

#revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0,0,0,.7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll
}

.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited {
    color: #0084b4!important
}

.tp-caption.Twitter-Content a:hover {
    color: #0084b4!important;
    text-decoration: underline!important
}

.tp-caption.medium_grey,.medium_grey {
    background-color: #888;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 2px 4px;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    white-space: nowrap
}

.tp-caption.small_text,.small_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    white-space: nowrap
}

.tp-caption.medium_text,.medium_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    white-space: nowrap
}

.tp-caption.large_text,.large_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    white-space: nowrap
}

.tp-caption.very_large_text,.very_large_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 60px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    white-space: nowrap
}

.tp-caption.very_big_white,.very_big_white {
    background-color: #000;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 60px;
    font-weight: 800;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.very_big_black,.very_big_black {
    background-color: #fff;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Arial;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat,.modern_medium_fat {
    border-style: none;
    border-width: 0;
    color: #000;
    font-size: 24px;
    font-weight: 800;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat_white,.modern_medium_fat_white {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.modern_medium_light,.modern_medium_light {
    border-style: none;
    border-width: 0;
    color: #000;
    font-size: 24px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.modern_big_bluebg,.modern_big_bluebg {
    background-color: #4e5b6c;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    padding: 3px 10px;
    position: absolute;
    text-shadow: none
}

.tp-caption.modern_big_redbg,.modern_big_redbg {
    background-color: #de543e;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    padding: 1px 10px 3px;
    position: absolute;
    text-shadow: none
}

.tp-caption.modern_small_text_dark,.modern_small_text_dark {
    border-style: none;
    border-width: 0;
    color: #555;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.boxshadow,.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}

.tp-caption.black,.black {
    color: #000;
    text-shadow: none
}

.tp-caption.noshadow,.noshadow {
    text-shadow: none
}

.tp-caption.thinheadline_dark,.thinheadline_dark {
    background-color: transparent;
    color: rgba(0,0,0,.85);
    font-family: open sans;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    position: absolute;
    text-shadow: none
}

.tp-caption.thintext_dark,.thintext_dark {
    background-color: transparent;
    color: rgba(0,0,0,.85);
    font-family: open sans;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    position: absolute;
    text-shadow: none
}

.tp-caption.largeblackbg,.largeblackbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #000;
    border-radius: 0;
    color: #fff;
    font-family: open sans;
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.tp-caption.largepinkbg,.largepinkbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #db4360;
    border-radius: 0;
    color: #fff;
    font-family: open sans;
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.tp-caption.largewhitebg,.largewhitebg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    border-radius: 0;
    color: #000;
    font-family: open sans;
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.tp-caption.largegreenbg,.largegreenbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #67ae73;
    border-radius: 0;
    color: #fff;
    font-family: open sans;
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.tp-caption.excerpt,.excerpt {
    background-color: #000;
    border-color: #fff;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    height: auto;
    letter-spacing: -1.5px;
    line-height: 36px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none;
    white-space: normal!important;
    width: 150px
}

.tp-caption.large_bold_grey,.large_bold_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: open sans;
    font-size: 60px;
    font-weight: 800;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.medium_thin_grey,.medium_thin_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: open sans;
    font-size: 34px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.small_thin_grey,.small_thin_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #757575;
    font-family: open sans;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.lightgrey_divider,.lightgrey_divider {
    background-color: #ebebeb;
    background-position: initial initial;
    background-repeat: initial initial;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 3px;
    text-decoration: none;
    width: 370px
}

.tp-caption.large_bold_darkblue,.large_bold_darkblue {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #34495e;
    font-family: open sans;
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}

.tp-caption.medium_bg_darkblue,.medium_bg_darkblue {
    background-color: #34495e;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.tp-caption.medium_bold_red,.medium_bold_red {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #e33a0c;
    font-family: open sans;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.medium_light_red,.medium_light_red {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #e33a0c;
    font-family: open sans;
    font-size: 21px;
    font-weight: 300;
    line-height: 26px;
    padding: 0;
    text-decoration: none
}

.tp-caption.medium_bg_red,.medium_bg_red {
    background-color: #e33a0c;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.tp-caption.medium_bold_orange,.medium_bold_orange {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #f39c12;
    font-family: open sans;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    text-decoration: none
}

.tp-caption.medium_bg_orange,.medium_bg_orange {
    background-color: #f39c12;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.tp-caption.grassfloor,.grassfloor {
    background-color: #a0b397;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 150px;
    text-decoration: none;
    width: 4000px
}

.tp-caption.large_bold_white,.large_bold_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}

.tp-caption.medium_light_white,.medium_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    padding: 0;
    text-decoration: none
}

.tp-caption.mediumlarge_light_white,.mediumlarge_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.tp-caption.mediumlarge_light_white_center,.mediumlarge_light_white_center {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-align: center;
    text-decoration: none
}

.tp-caption.medium_bg_asbestos,.medium_bg_asbestos {
    background-color: #7f8c8d;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.tp-caption.medium_light_black,.medium_light_black {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: open sans;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    padding: 0;
    text-decoration: none
}

.tp-caption.large_bold_black,.large_bold_black {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: open sans;
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}

.tp-caption.mediumlarge_light_darkblue,.mediumlarge_light_darkblue {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #34495e;
    font-family: open sans;
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.tp-caption.small_light_white,.small_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    padding: 0;
    text-decoration: none
}

.tp-caption.roundedimage,.roundedimage {
    border-color: #222;
    border-style: none;
    border-width: 0
}

.tp-caption.large_bg_black,.large_bg_black {
    background-color: #000;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: open sans;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    padding: 10px 20px 15px;
    text-decoration: none
}

.tp-caption.mediumwhitebg,.mediumwhitebg {
    background-color: #fff;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: open sans;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 15px 10px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.maincaption,.maincaption {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #212a40;
    font-family: roboto;
    font-size: 33px;
    font-weight: 500;
    line-height: 43px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.miami_title_60px,.miami_title_60px {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: source sans pro;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.miami_subtitle,.miami_subtitle {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: rgba(255,255,255,.65);
    font-family: source sans pro;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 24px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.divideline30px,.divideline30px {
    background: #fff;
    background-color: #fff;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 2px;
    min-width: 30px;
    text-decoration: none
}

.tp-caption.Miami_nostyle,.Miami_nostyle {
    border-color: #222;
    border-style: none;
    border-width: 0
}

.tp-caption.miami_content_light,.miami_content_light {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: source sans pro;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.miami_title_60px_dark,.miami_title_60px_dark {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #333;
    font-family: source sans pro;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.miami_content_dark,.miami_content_dark {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: source sans pro;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.divideline30px_dark,.divideline30px_dark {
    background-color: #333;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 2px;
    min-width: 30px;
    text-decoration: none
}

.tp-caption.ellipse70px,.ellipse70px {
    background-color: rgba(0,0,0,.14902);
    border-color: #222;
    border-radius: 50px 50px 50px 50px;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    line-height: 1px;
    min-height: 70px;
    min-width: 70px;
    text-decoration: none
}

.tp-caption.arrowicon,.arrowicon {
    border-color: #222;
    border-style: none;
    border-width: 0;
    line-height: 1px
}

.tp-caption.MarkerDisplay,.MarkerDisplay {
    background-color: transparent;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    font-family: Permanent Marker;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Restaurant-Display,.Restaurant-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: 120px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Restaurant-Cursive,.Restaurant-Cursive {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Nothing you could do;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Restaurant-ScrollDownText,.Restaurant-ScrollDownText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Restaurant-Description,.Restaurant-Description {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Restaurant-Price,.Restaurant-Price {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Restaurant-Menuitem,.Restaurant-Menuitem {
    background-color: #000;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Furniture-LogoText,.Furniture-LogoText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #e6cfa3;
    font-family: Raleway;
    font-size: 160px;
    font-style: normal;
    font-weight: 300;
    line-height: 150px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Furniture-Plus,.Furniture-Plus {
    background-color: #fff;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: none;
    border-width: 0;
    box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    color: #e6cfa3;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 7px 4px;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Furniture-Title,.Furniture-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Furniture-Subtitle,.Furniture-Subtitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Gym-Display,.Gym-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 70px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Gym-Subline,.Gym-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Gym-SmallText,.Gym-SmallText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 22;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Fashion-SmallText,.Fashion-SmallText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Fashion-BigDisplay,.Fashion-BigDisplay {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 60px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Fashion-TextBlock,.Fashion-TextBlock {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Sports-Display,.Sports-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 130px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 13px;
    line-height: 130px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Sports-DisplayFat,.Sports-DisplayFat {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 130px;
    font-style: normal;
    font-weight: 900;
    line-height: 130px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Sports-Subline,.Sports-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 32px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Instagram-Caption,.Instagram-Caption {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}

.tp-caption.News-Title,.News-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto Slab;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    padding: 0;
    text-decoration: none
}

.tp-caption.News-Subtitle,.News-Subtitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto Slab;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding: 0;
    text-decoration: none
}

.tp-caption.News-Subtitle:hover,.News-Subtitle:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0;
    color: rgba(255,255,255,.65);
    text-decoration: none
}

.tp-caption.Photography-Display,.Photography-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 80px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 70px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Photography-Subline,.Photography-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #777;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Photography-ImageHover,.Photography-ImageHover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22;
    padding: 0;
    text-decoration: none
}

.tp-caption.Photography-ImageHover:hover,.Photography-ImageHover:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.Photography-Menuitem,.Photography-Menuitem {
    background-color: rgba(0,0,0,.65);
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-decoration: none
}

.tp-caption.Photography-Menuitem:hover,.Photography-Menuitem:hover {
    background-color: rgba(0,255,222,.65);
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.Photography-Textblock,.Photography-Textblock {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Photography-Subline-2,.Photography-Subline-2 {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: rgba(255,255,255,.35);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Photography-ImageHover2,.Photography-ImageHover2 {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22;
    padding: 0;
    text-decoration: none
}

.tp-caption.Photography-ImageHover2:hover,.Photography-ImageHover2:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.WebProduct-Title,.WebProduct-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #333;
    font-family: Raleway;
    font-size: 90px;
    font-style: normal;
    font-weight: 100;
    line-height: 90px;
    padding: 0;
    text-decoration: none
}

.tp-caption.WebProduct-SubTitle,.WebProduct-SubTitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #999;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}

.tp-caption.WebProduct-Content,.WebProduct-Content {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #999;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
    text-decoration: none
}

.tp-caption.WebProduct-Menuitem,.WebProduct-Menuitem {
    background-color: #333;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-align: left;
    text-decoration: none
}

.tp-caption.WebProduct-Menuitem:hover,.WebProduct-Menuitem:hover {
    background-color: #fff;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #999;
    text-decoration: none
}

.tp-caption.WebProduct-Title-Light,.WebProduct-Title-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 90px;
    font-style: normal;
    font-weight: 100;
    line-height: 90px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.WebProduct-SubTitle-Light,.WebProduct-SubTitle-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: rgba(255,255,255,.35);
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.WebProduct-Content-Light,.WebProduct-Content-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: rgba(255,255,255,.65);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.FatRounded,.FatRounded {
    background-color: rgba(0,0,0,.5);
    border-color: #d3d3d3;
    border-radius: 50px 50px 50px 50px;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    padding: 20px 22px 20px 25px;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.FatRounded:hover,.FatRounded:hover {
    background-color: #000;
    border-color: #d3d3d3;
    border-radius: 50px 50px 50px 50px;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.NotGeneric-Title,.NotGeneric-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 70px;
    padding: 10px 0;
    text-decoration: none
}

.tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-CallToAction,.NotGeneric-CallToAction {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-CallToAction:hover,.NotGeneric-CallToAction:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.tp-caption.NotGeneric-Icon,.NotGeneric-Icon {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-Menuitem,.NotGeneric-Menuitem {
    background-color: transparent;
    border-color: rgba(255,255,255,.15);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 27px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-Menuitem:hover,.NotGeneric-Menuitem:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.tp-caption.MarkerStyle,.MarkerStyle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: permanent marker;
    font-size: 17px;
    font-style: normal;
    font-weight: 100;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.Gym-Menuitem,.Gym-Menuitem {
    background-color: #000;
    border-color: transparent;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Gym-Menuitem:hover,.Gym-Menuitem:hover {
    background-color: #000;
    border-color: rgba(255,255,255,.25);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Newspaper-Button,.Newspaper-Button {
    background-color: transparent;
    border-color: rgba(255,255,255,.25);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Newspaper-Button:hover,.Newspaper-Button:hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #000;
    text-decoration: none
}

.tp-caption.Newspaper-Subtitle,.Newspaper-Subtitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #a8d8ee;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.Newspaper-Title,.Newspaper-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: roboto slab;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    padding: 0 0 10px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Newspaper-Title-Centered,.Newspaper-Title-Centered {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: roboto slab;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    padding: 0 0 10px;
    text-align: center;
    text-decoration: none
}

.tp-caption.Hero-Button,.Hero-Button {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Hero-Button:hover,.Hero-Button:hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #000;
    text-decoration: none
}

.tp-caption.Video-Title,.Video-Title {
    background-color: #000;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    padding: 5px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Video-SubTitle,.Video-SubTitle {
    background-color: rgba(0,0,0,.35);
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 12px;
    padding: 5px;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-Button,.NotGeneric-Button {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-Button:hover,.NotGeneric-Button:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.tp-caption.NotGeneric-BigButton,.NotGeneric-BigButton {
    background-color: transparent;
    border-color: rgba(255,255,255,.15);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 27px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.NotGeneric-BigButton:hover,.NotGeneric-BigButton:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.tp-caption.WebProduct-Button,.WebProduct-Button {
    background-color: #333;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 48px;
    padding: 0 40px;
    text-align: left;
    text-decoration: none
}

.tp-caption.WebProduct-Button:hover,.WebProduct-Button:hover {
    background-color: #fff;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 2px;
    color: #333;
    text-decoration: none
}

.tp-caption.Restaurant-Button,.Restaurant-Button {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Restaurant-Button:hover,.Restaurant-Button:hover {
    background-color: transparent;
    border-color: #ffe081;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Gym-Button,.Gym-Button {
    background-color: #8bc027;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Gym-Button:hover,.Gym-Button:hover {
    background-color: #72a800;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.Gym-Button-Light,.Gym-Button-Light {
    background-color: transparent;
    border-color: rgba(255,255,255,.25);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Gym-Button-Light:hover,.Gym-Button-Light:hover {
    background-color: transparent;
    border-color: #8bc027;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Sports-Button-Light,.Sports-Button-Light {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Sports-Button-Light:hover,.Sports-Button-Light:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Sports-Button-Red,.Sports-Button-Red {
    background-color: #db1c22;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Sports-Button-Red:hover,.Sports-Button-Red:hover {
    background-color: #000;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Photography-Button,.Photography-Button {
    background-color: transparent;
    border-color: rgba(255,255,255,.25);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Photography-Button:hover,.Photography-Button:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Newspaper-Button-2,.Newspaper-Button-2 {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 15px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Newspaper-Button-2:hover,.Newspaper-Button-2:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Feature-Tour,.Feature-Tour {
    background-color: #8bc027;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 17px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Feature-Tour:hover,.Feature-Tour:hover {
    background-color: #72a800;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.Feature-Examples,.Feature-Examples {
    background-color: transparent;
    border-color: rgba(33,42,64,.15);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: rgba(33,42,64,.5);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 15px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Feature-Examples:hover,.Feature-Examples:hover {
    background-color: transparent;
    border-color: #8bc027;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #8bc027;
    text-decoration: none
}

.tp-caption.subcaption,.subcaption {
    background-color: transparent;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #6f7c82;
    font-family: roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.menutab,.menutab {
    background-color: transparent;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #292e31;
    font-family: roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.menutab:hover,.menutab:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #d50000;
    text-decoration: none
}

.tp-caption.maincontent,.maincontent {
    background-color: transparent;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #292e31;
    font-family: roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.minitext,.minitext {
    background-color: transparent;
    border-color: #000;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #b9babb;
    font-family: roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.Feature-Buy,.Feature-Buy {
    background-color: #009aee;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 17px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Feature-Buy:hover,.Feature-Buy:hover {
    background-color: #0085d6;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.Feature-Examples-Light,.Feature-Examples-Light {
    background-color: transparent;
    border-color: rgba(255,255,255,.15);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 15px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Feature-Examples-Light:hover,.Feature-Examples-Light:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.tp-caption.Facebook-Likes,.Facebook-Likes {
    background-color: #3b5999;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Twitter-Favorites,.Twitter-Favorites {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #8899a6;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.Twitter-Link,.Twitter-Link {
    background-color: #fff;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: none;
    border-width: 0;
    color: #8799a5;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    padding: 11px 11px 9px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Twitter-Link:hover,.Twitter-Link:hover {
    background-color: #0084b4;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.tp-caption.Twitter-Retweet,.Twitter-Retweet {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #8899a6;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.tp-caption.Twitter-Content,.Twitter-Content {
    background-color: #fff;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #292f33;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 30px 30px 70px;
    text-align: left;
    text-decoration: none
}

.revtp-searchform input[type=text],.revtp-searchform input[type=email],.revtp-form input[type=text],.revtp-form input[type=email] {
    font-family: arial,sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 0;
    width: 400px;
    margin-bottom: 0;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.BigBold-Title,.BigBold-Title {
    color: #fff;
    font-size: 110px;
    line-height: 100px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 0 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.BigBold-SubTitle,.BigBold-SubTitle {
    color: rgba(255,255,255,.5);
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.BigBold-Button,.BigBold-Button {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.BigBold-Button:hover,.BigBold-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0
}

.tp-caption.FoodCarousel-Content,.FoodCarousel-Content {
    color: #292e31;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 30px;
    text-decoration: none;
    background-color: #fff;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.FoodCarousel-Button,.FoodCarousel-Button {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 70px 15px 50px;
    text-decoration: none;
    background-color: #fff;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.FoodCarousel-Button:hover,.FoodCarousel-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0
}

.tp-caption.FoodCarousel-CloseButton,.FoodCarousel-CloseButton {
    color: #292e31;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.FoodCarousel-CloseButton:hover,.FoodCarousel-CloseButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}

.tp-caption.Video-SubTitle,.Video-SubTitle {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 5px;
    text-decoration: none;
    background-color: rgba(0,0,0,.35);
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    letter-spacing: 2px;
    text-align: left
}

.tp-caption.Video-Title,.Video-Title {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 5px;
    text-decoration: none;
    background-color: #000;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Travel-BigCaption,.Travel-BigCaption {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Travel-SmallCaption,.Travel-SmallCaption {
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Travel-CallToAction,.Travel-CallToAction {
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 20px;
    text-decoration: none;
    background-color: rgba(255,255,255,.05);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.Travel-CallToAction:hover,.Travel-CallToAction:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255,255,255,.15);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px
}

.tp-caption.RotatingWords-TitleWhite,.RotatingWords-TitleWhite {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.RotatingWords-Button,.RotatingWords-Button {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 20px 50px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255,255,255,.15);
    border-style: solid;
    border-width: 2px;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 3px
}

.tp-caption.RotatingWords-Button:hover,.RotatingWords-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 0 0 0 0
}

.tp-caption.RotatingWords-SmallText,.RotatingWords-SmallText {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    text-shadow: none
}

.tp-caption.ContentZoom-SmallTitle,.ContentZoom-SmallTitle {
    color: #292e31;
    font-size: 33px;
    line-height: 45px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.ContentZoom-SmallSubtitle,.ContentZoom-SmallSubtitle {
    color: #6f7c82;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.ContentZoom-SmallIcon,.ContentZoom-SmallIcon {
    color: #292e31;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 10px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.ContentZoom-SmallIcon:hover,.ContentZoom-SmallIcon:hover {
    color: #6f7c82;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.ContentZoom-DetailTitle,.ContentZoom-DetailTitle {
    color: #292e31;
    font-size: 70px;
    line-height: 70px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.ContentZoom-DetailSubTitle,.ContentZoom-DetailSubTitle {
    color: #6f7c82;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.ContentZoom-DetailContent,.ContentZoom-DetailContent {
    color: #6f7c82;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.ContentZoom-Button,.ContentZoom-Button {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(41,46,49,.5);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.ContentZoom-Button:hover,.ContentZoom-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0
}

.tp-caption.ContentZoom-ButtonClose,.ContentZoom-ButtonClose {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(41,46,49,.5);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}

.tp-caption.ContentZoom-ButtonClose:hover,.ContentZoom-ButtonClose:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}

.tp-caption.Newspaper-Title,.Newspaper-Title {
    color: #fff;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-style: normal;
    font-family: roboto slab;
    padding: 0 0 10px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Newspaper-Subtitle,.Newspaper-Subtitle {
    color: #a8d8ee;
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Newspaper-Button,.Newspaper-Button {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255,255,255,.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    letter-spacing: 2px;
    text-align: left
}

.tp-caption.Newspaper-Button:hover,.Newspaper-Button:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0
}

.tp-caption.rtwhitemedium,.rtwhitemedium {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: none
}

@media only screen and (max-width:767px) {
    .revtp-searchform input[type=text],.revtp-searchform input[type=email],.revtp-form input[type=text],.revtp-form input[type=email] {
        width: 200px!important
    }
}

.revtp-searchform input[type=submit],.revtp-form input[type=submit] {
    font-family: arial,sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    border: 0;
    background: #009aee;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited {
    color: #0084b4!important
}

.tp-caption.Twitter-Content a:hover {
    color: #0084b4!important;
    text-decoration: underline!important
}

.tp-caption.Concept-Title,.Concept-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0 0 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    letter-spacing: 5px
}

.tp-caption.Concept-SubTitle,.Concept-SubTitle {
    color: rgba(255,255,255,.65);
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    font-style: italic;
    font-family: Playfair Display;
    padding: 0 0 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.Concept-Content,.Concept-Content {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: #fff;
    border-style: none;
    border-width: 2px;
    border-radius: 0 0 0 0
}

.tp-caption.Concept-MoreBtn,.Concept-MoreBtn {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 10px 8px 7px 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px;
    letter-spacing: 1px;
    text-align: left
}

.tp-caption.Concept-MoreBtn:hover,.Concept-MoreBtn:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255,255,255,.15);
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px
}

.tp-caption.Concept-LessBtn,.Concept-LessBtn {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 10px 8px 7px 10px;
    text-decoration: none;
    text-align: left;
    background-color: #000;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px;
    letter-spacing: 1px;
    text-align: left
}

.tp-caption.Concept-LessBtn:hover,.Concept-LessBtn:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px
}

.tp-caption.Concept-SubTitle-Dark,.Concept-SubTitle-Dark {
    color: rgba(0,0,0,.65);
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    font-style: italic;
    font-family: Playfair Display;
    padding: 0 0 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.Concept-Title-Dark,.Concept-Title-Dark {
    color: #000;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0 0 10px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    letter-spacing: 5px
}

.tp-caption.Concept-MoreBtn-Dark,.Concept-MoreBtn-Dark {
    color: #000;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 10px 8px 7px 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px;
    letter-spacing: 1px;
    text-align: left
}

.tp-caption.Concept-MoreBtn-Dark:hover,.Concept-MoreBtn-Dark:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px
}

.tp-caption.Concept-Content-Dark,.Concept-Content-Dark {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: #fff;
    border-style: none;
    border-width: 2px;
    border-radius: 0 0 0 0
}

.tp-caption.Concept-Notice,.Concept-Notice {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: #fff;
    border-style: none;
    border-width: 2px;
    border-radius: 0 0 0 0;
    letter-spacing: 2px
}

.tp-caption.Concept-Content a,.tp-caption.Concept-Content a:visited {
    color: #fff!important;
    border-bottom: 1px solid #fff!important;
    font-weight: 700!important
}

.tp-caption.Concept-Content a:hover {
    border-bottom: 1px solid transparent!important
}

.tp-caption.Concept-Content-Dark a,.tp-caption.Concept-Content-Dark a:visited {
    color: #000!important;
    border-bottom: 1px solid #000!important;
    font-weight: 700!important
}

.tp-caption.Concept-Content-Dark a:hover {
    border-bottom: 1px solid transparent!important
}

.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited {
    color: #0084b4!important
}

.tp-caption.Twitter-Content a:hover {
    color: #0084b4!important;
    text-decoration: underline!important
}

.tp-caption.Creative-Title,.Creative-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.Creative-SubTitle,.Creative-SubTitle {
    color: #cdb083;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    letter-spacing: 2px
}

.tp-caption.Creative-Button,.Creative-Button {
    color: #cdb083;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 15px 50px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: rgba(205,176,131,.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    letter-spacing: 2px
}

.tp-caption.Creative-Button:hover,.Creative-Button:hover {
    color: #cdb083;
    text-decoration: none;
    background-color: transparent;
    border-color: #cdb083;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0
}

.tp-caption.subcaption,.subcaption {
    color: #6f7c82;
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-shadow: none;
    text-align: left
}

.tp-caption.RedDot,.RedDot {
    color: #000;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: #d50000;
    border-color: #fff;
    border-style: solid;
    border-width: 5px;
    border-radius: 50px 50px 50px 50px
}

.tp-caption.RedDot:hover,.RedDot:hover {
    color: #000;
    text-decoration: none;
    background-color: rgba(255,255,255,.75);
    border-color: #d50000;
    border-style: solid;
    border-width: 5px;
    border-radius: 50px 50px 50px 50px
}

.tp-caption.SlidingOverlays-Title,.SlidingOverlays-Title {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.SlidingOverlays-Title,.SlidingOverlays-Title {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.Woo-TitleLarge,.Woo-TitleLarge {
    color: #000;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center;
    type: text
}

.tp-caption.Woo-Rating,.Woo-Rating {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    type: text
}

.tp-caption.Woo-SubTitle,.Woo-SubTitle {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center;
    letter-spacing: 2px;
    type: text
}

.tp-caption.Woo-PriceLarge,.Woo-PriceLarge {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center;
    type: text
}

.tp-caption.Woo-ProductInfo,.Woo-ProductInfo {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 75px 12px 50px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.tp-caption.Woo-ProductInfo:hover,.Woo-ProductInfo:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.tp-caption.Woo-AddToCart,.Woo-AddToCart {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.tp-caption.Woo-AddToCart:hover,.Woo-AddToCart:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.tp-caption.Woo-TitleLarge,.Woo-TitleLarge {
    color: #000;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center;
    type: text
}

.tp-caption.Woo-SubTitle,.Woo-SubTitle {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center;
    letter-spacing: 2px;
    type: text
}

.tp-caption.Woo-PriceLarge,.Woo-PriceLarge {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center;
    type: text
}

.tp-caption.Woo-ProductInfo,.Woo-ProductInfo {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 75px 12px 50px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.tp-caption.Woo-ProductInfo:hover,.Woo-ProductInfo:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.tp-caption.Woo-AddToCart,.Woo-AddToCart {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.tp-caption.Woo-AddToCart:hover,.Woo-AddToCart:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.tp-caption.FullScreen-Toggle,.FullScreen-Toggle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 11px 8px 11px 12px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0,0,0,.5);
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 0 0 0 0;
    letter-spacing: 3px;
    text-align: left
}

.tp-caption.FullScreen-Toggle:hover,.FullScreen-Toggle:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 0 0 0 0
}

.tp-caption.Agency-Title,.Agency-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 10px
}

.tp-caption.Agency-SubTitle,.Agency-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center
}

.tp-caption.Agency-PlayBtn,.Agency-PlayBtn {
    color: #fff;
    font-size: 30px;
    line-height: 71px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.tp-caption.Agency-PlayBtn:hover,.Agency-PlayBtn:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.tp-caption.Agency-SmallText,.Agency-SmallText {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 5px
}

.tp-caption.Agency-Social,.Agency-Social {
    color: #333;
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: #333;
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}

.tp-caption.Agency-Social:hover,.Agency-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
    border-color: #333;
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}

.tp-caption.Agency-CloseBtn,.Agency-CloseBtn {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.tp-caption.Agency-CloseBtn:hover,.Agency-CloseBtn:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.tp-caption.Dining-Title,.Dining-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 10px
}

.tp-caption.Dining-SubTitle,.Dining-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Dining-BtnLight,.Dining-BtnLight {
    color: rgba(255,255,255,.5);
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: Lato;
    padding: 17px 73px 17px 50px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255,255,255,.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 2px
}

.tp-caption.Dining-BtnLight:hover,.Dining-BtnLight:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0
}

.tp-caption.Dining-Social,.Dining-Social {
    color: #fff;
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255,255,255,.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}

.tp-caption.Dining-Social:hover,.Dining-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}

tp-caption.Team-Thumb,.Team-Thumb {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Team-Thumb:hover,.Team-Thumb:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    cursor: pointer
}

.tp-caption.Team-Name,.Team-Name {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Team-Position,.Team-Position {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Team-Description,.Team-Description {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left
}

.tp-caption.Team-Social,.Team-Social {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center
}

.tp-caption.Team-Social:hover,.Team-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    cursor: pointer
}

.tp-caption.VideoControls-Play,.VideoControls-Play {
    color: #000;
    font-size: 50px;
    line-height: 120px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 7px;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.tp-caption.VideoControls-Play:hover,.VideoControls-Play:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.tp-caption.VideoPlayer-Title,.VideoPlayer-Title {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 10px
}

.tp-caption.VideoPlayer-SubTitle,.VideoPlayer-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia,serif;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center
}

.tp-caption.VideoPlayer-Social,.VideoPlayer-Social {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: center
}

.tp-caption.VideoPlayer-Social:hover,.VideoPlayer-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    cursor: pointer
}

.tp-caption.VideoControls-Mute,.VideoControls-Mute {
    color: #000;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.tp-caption.VideoControls-Mute:hover,.VideoControls-Mute:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.tp-caption.VideoControls-Pause,.VideoControls-Pause {
    color: #000;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.tp-caption.VideoControls-Pause:hover,.VideoControls-Pause:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.ares.tparrows {
    cursor: pointer;
    background: #fff;
    min-width: 60px;
    min-height: 60px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%
}

.ares.tparrows:hover {
}

.ares.tparrows:before {
    font-family: revicons;
    font-size: 25px;
    color: #aaa;
    display: block;
    line-height: 60px;
    text-align: center;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    z-index: 2;
    position: relative
}

.ares.tparrows.tp-leftarrow:before {
    content: "\e81f"
}

.ares.tparrows.tp-rightarrow:before {
    content: "\e81e"
}

.ares.tparrows:hover:before {
    color: #000
}

.ares .tp-title-wrap {
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #fff;
    min-height: 60px;
    line-height: 60px;
    top: 0;
    margin-left: 30px;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%
}

.ares.tp-rightarrow .tp-title-wrap {
    right: 0;
    margin-right: 30px;
    margin-left: 0;
    -webkit-transform-origin: 100% 50%;
    border-radius: 30px 0 0 30px
}

.ares.tparrows:hover .tp-title-wrap {
    transform: scaleX(1) scaleY(1);
    -webkit-transform: scaleX(1) scaleY(1)
}

.ares .tp-arr-titleholder {
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: translateX(200px);
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    white-space: nowrap;
    padding: 0 20px;
    margin-left: 10px;
    opacity: 0
}

.ares.tp-rightarrow .tp-arr-titleholder {
    transform: translateX(-200px);
    margin-left: 0;
    margin-right: 10px
}

.ares.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition-delay: .1s;
    opacity: 1
}

.ares.tp-bullets {
}

.ares.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.ares .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.ares .tp-bullet:hover,.ares .tp-bullet.selected {
    background: #fff
}

.ares .tp-bullet-title {
    position: absolute;
    color: #888;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
    right: 27px;
    top: -4px;
    background: #fff;
    background: rgba(255,255,255,.75);
    visibility: hidden;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: transform .3s;
    -webkit-transition: transform .3s;
    line-height: 20px;
    white-space: nowrap
}

.ares .tp-bullet-title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(255,255,255,.75);
    content: " ";
    position: absolute;
    right: -10px;
    top: 0
}

.ares .tp-bullet:hover .tp-bullet-title {
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px)
}

.ares .tp-bullet.selected:hover .tp-bullet-title {
    background: #fff
}

.ares .tp-bullet.selected:hover .tp-bullet-title:after {
    border-color: transparent transparent transparent #fff
}

.ares.tp-bullets:hover .tp-bullet-title {
    visibility: hidden
}

.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
    visibility: visible
}

.ares .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: roboto,sans-serif;
    border-bottom: 1px solid #e5e5e5
}

.ares .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left
}

.ares .tp-tab-content {
    background: transparent;
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute
}

.ares .tp-tab-date {
    display: block;
    color: #aaa;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0
}

.ares .tp-tab-title {
    display: block;
    text-align: left;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px
}

.ares .tp-tab:hover,.ares .tp-tab.selected {
    background: #eee
}

.ares .tp-tab-mask {
}

.custom.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100
}

.custom.tparrows:hover {
    background: #000
}

.custom.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.custom.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.custom.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.custom.tp-bullets {
}

.custom.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.custom .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    background: rgba(125,125,125,.5);
    cursor: pointer;
    box-sizing: content-box
}

.custom .tp-bullet:hover,.custom .tp-bullet.selected {
    background: #7d7d7d
}

.custom .tp-bullet-image {
}

.custom .tp-bullet-title {
}

.dione.tparrows {
    height: 100%;
    width: 100px;
    background: 0 0;
    background: transparent;
    line-height: 100%;
    transition: all .3s;
    -webkit-transition: all .3s
}

.dione.tparrows:hover {
    background: rgba(0,0,0,.45)
}

.dione .tp-arr-imgwrapper {
    width: 100px;
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden
}

.dione.tp-rightarrow .tp-arr-imgwrapper {
    left: auto;
    right: 0
}

.dione .tp-arr-imgholder {
    background-position: center center;
    background-size: cover;
    width: 100px;
    height: 100%;
    top: 0;
    visibility: hidden;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
    left: 0
}

.dione.tparrows.tp-rightarrow .tp-arr-imgholder {
    right: 0;
    left: auto;
    transform: translateX(50px);
    -webkit-transform: translateX(50px)
}

.dione.tparrows:before {
    position: absolute;
    line-height: 30px;
    margin-left: -22px;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-top: -15px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.dione.tparrows.tp-rightarrow:before {
    margin-left: 6px
}

.dione.tparrows:hover:before {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0
}

.dione.tparrows.tp-rightarrow:hover:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px)
}

.dione.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1;
    visibility: visible
}

.dione .tp-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    padding: 3px;
    background: #000;
    background-color: rgba(0,0,0,.25);
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s
}

.dione .tp-bullet-image {
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: center center
}

.dione .tp-bullet-title {
    position: absolute;
    bottom: 65px;
    display: inline-block;
    left: 50%;
    background: #000;
    background: rgba(0,0,0,.75);
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
    white-space: nowrap
}

.dione .tp-bullet:hover .tp-bullet-title {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    opacity: 1
}

.dione .tp-bullet.selected,.dione .tp-bullet:hover {
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",endColorstr="#777777",GradientType=0 )
}

.dione .tp-bullet-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(0,0,0,.75) transparent transparent transparent;
    bottom: -8px
}

.erinyen.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px
}

.erinyen.tparrows:before {
    font-family: revicons;
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 70px;
    text-align: center;
    z-index: 2;
    position: relative
}

.erinyen.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.erinyen.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.erinyen .tp-title-wrap {
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #000;
    background: rgba(0,0,0,.5);
    min-height: 70px;
    line-height: 70px;
    top: 0;
    margin-left: 0;
    border-radius: 35px;
    overflow: hidden;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0
}

.erinyen.tparrows:hover .tp-title-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.erinyen.tp-rightarrow .tp-title-wrap {
    right: 0;
    margin-right: 0;
    margin-left: 0;
    -webkit-transform-origin: 100% 50%;
    border-radius: 35px;
    padding-right: 20px;
    padding-left: 10px
}

.erinyen.tp-leftarrow .tp-title-wrap {
    padding-left: 20px;
    padding-right: 10px
}

.erinyen .tp-arr-titleholder {
    letter-spacing: 3px;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: translateX(200px);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 70px;
    white-space: nowrap;
    padding: 0 20px;
    margin-left: 11px;
    opacity: 0
}

.erinyen .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover
}

.erinyen .tp-arr-img-over {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,.5)
}

.erinyen.tp-rightarrow .tp-arr-titleholder {
    transform: translateX(-200px);
    margin-left: 0;
    margin-right: 11px
}

.erinyen.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition-delay: .1s;
    opacity: 1
}

.erinyen.tp-bullets {
}

.erinyen.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #555;
    background: -moz-linear-gradient(top,#555 0%,#222 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#555555),color-stop(100%,#222222));
    background: -webkit-linear-gradient(top,#555 0%,#222 100%);
    background: -o-linear-gradient(top,#555 0%,#222 100%);
    background: -ms-linear-gradient(top,#555 0%,#222 100%);
    background: linear-gradient(to bottom,#555 0%,#222 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555",endcolorstr="#222222",gradienttype=0 );
    padding: 10px 15px;
    margin-left: -15px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 10px;
    box-shadow: 0 0 2px 1px rgba(33,33,33,.3)
}

.erinyen .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #111;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.erinyen .tp-bullet:hover,.erinyen .tp-bullet.selected {
    background: #e5e5e5;
    background: -moz-linear-gradient(top,#e5e5e5 0%,#999 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#999999));
    background: -webkit-linear-gradient(top,#e5e5e5 0%,#999 100%);
    background: -o-linear-gradient(top,#e5e5e5 0%,#999 100%);
    background: -ms-linear-gradient(top,#e5e5e5 0%,#999 100%);
    background: linear-gradient(to bottom,#e5e5e5 0%,#999 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5",endcolorstr="#999999",gradienttype=0 );
    border: 1px solid #555;
    width: 12px;
    height: 12px
}

.erinyen .tp-bullet-image {
}

.erinyen .tp-bullet-title {
}

.erinyen .tp-thumb {
    opacity: 1
}

.erinyen .tp-thumb-over {
    background: #000;
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.erinyen .tp-thumb-more:before {
    font-family: revicons;
    font-size: 12px;
    color: #aaa;
    color: rgba(255,255,255,.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.erinyen .tp-thumb-more:before {
    content: "\e825"
}

.erinyen .tp-thumb-title {
    font-family: raleway;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 500
}

.erinyen .tp-thumb.selected .tp-thumb-more:before,.erinyen .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa
}

.erinyen .tp-thumb.selected .tp-thumb-over,.erinyen .tp-thumb:hover .tp-thumb-over {
    background: #fff
}

.erinyen .tp-thumb.selected .tp-thumb-title,.erinyen .tp-thumb:hover .tp-thumb-title {
    color: #000
}

.erinyen .tp-tab-title {
    color: #a8d8ee;
    font-size: 13px;
    font-weight: 700;
    font-family: "Roboto Slab" margin-bottom:5px
}

.erinyen .tp-tab-desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    font-family: roboto slab
}

.gyges.tp-bullets {
}

.gyges.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #777;
    background: -moz-linear-gradient(top,#777 0%,#666 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#777777),color-stop(100%,#666666));
    background: -webkit-linear-gradient(top,#777 0%,#666 100%);
    background: -o-linear-gradient(top,#777 0%,#666 100%);
    background: -ms-linear-gradient(top,#777 0%,#666 100%);
    background: linear-gradient(to bottom,#777 0%,#666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777",endColorstr="#666666",GradientType=0 );
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 10px
}

.gyges .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #333;
    border: 3px solid #444;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.gyges .tp-bullet:hover,.gyges .tp-bullet.selected {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#e1e1e1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top,#fff 0%,#e1e1e1 100%);
    background: -o-linear-gradient(top,#fff 0%,#e1e1e1 100%);
    background: -ms-linear-gradient(top,#fff 0%,#e1e1e1 100%);
    background: linear-gradient(to bottom,#fff 0%,#e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",endColorstr="#e1e1e1",GradientType=0 )
}

.gyges .tp-bullet-image {
}

.gyges .tp-bullet-title {
}

.gyges .tp-thumb {
    opacity: 1
}

.gyges .tp-thumb-img-wrap {
    padding: 3px;
    background: #000;
    background-color: rgba(0,0,0,.25);
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s
}

.gyges .tp-thumb-image {
    padding: 3px;
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25)
}

.gyges .tp-thumb-title {
    position: absolute;
    bottom: 100%;
    display: inline-block;
    left: 50%;
    background: rgba(255,255,255,.8);
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 20px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    white-space: nowrap
}

.gyges .tp-thumb:hover .tp-thumb-title {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    opacity: 1
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap,.gyges .tp-thumb.selected .tp-thumb-img-wrap {
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",endColorstr="#777777",GradientType=0 )
}

.gyges .tp-thumb-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(255,255,255,.8) transparent transparent transparent;
    bottom: -8px
}

.gyges .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: roboto,sans-serif;
    border-bottom: 1px solid rgba(255,255,255,.15)
}

.gyges .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left
}

.gyges .tp-tab-content {
    background: transparent;
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute
}

.gyges .tp-tab-date {
    display: block;
    color: rgba(255,255,255,.25);
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0
}

.gyges .tp-tab-title {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px
}

.gyges .tp-tab:hover,.gyges .tp-tab.selected {
    background: rgba(0,0,0,.5)
}

.gyges .tp-tab-mask {
}

.hades.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.15);
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    z-index: 100
}

.hades.tparrows:before {
    font-family: revicons;
    font-size: 30px;
    color: #fff;
    display: block;
    line-height: 100px;
    text-align: center;
    transition: background .3s,color .3s
}

.hades.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hades.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hades.tparrows:hover:before {
    color: #aaa;
    background: #fff;
    background: #fff
}

.hades .tp-arr-allwrapper {
    position: absolute;
    left: 100%;
    top: 0;
    background: #888;
    width: 100px;
    height: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.hades.tp-rightarrow .tp-arr-allwrapper {
    left: auto;
    right: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg)
}

.hades:hover .tp-arr-allwrapper {
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: rotatey(0deg);
    transform: rotatey(0deg)
}

.hades .tp-arr-iwrapper {
}

.hades .tp-arr-imgholder {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hades .tp-arr-titleholder {
}

.hades .tp-arr-subtitleholder {
}

.hades.tp-bullets {
}

.hades.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.hades .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #888;
    cursor: pointer;
    border: 5px solid #fff;
    box-sizing: content-box;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-transform: translatez(0.01px);
    transform: translatez(0.01px)
}

.hades .tp-bullet:hover,.hades .tp-bullet.selected {
    background: #555
}

.hades .tp-bullet-image {
    position: absolute;
    top: -80px;
    left: -60px;
    width: 120px;
    height: 60px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transform-style: flat;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: rotatex(-90deg);
    -webkit-transform: rotatex(-90deg);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

.hades .tp-bullet:hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    visibility: visible
}

.hades .tp-bullet-title {
}

.hades .tp-thumb {
    opacity: 1
}

.hades .tp-thumb-img-wrap {
    border-radius: 50%;
    padding: 3px;
    display: inline-block;
    background: #000;
    background-color: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s
}

.hades .tp-thumb-image {
    padding: 3px;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25)
}

.hades .tp-thumb:hover .tp-thumb-img-wrap,.hades .tp-thumb.selected .tp-thumb-img-wrap {
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",endColorstr="#777777",GradientType=0 )
}

.hades .tp-thumb-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(0,0,0,.75) transparent transparent transparent;
    bottom: -8px
}

.hades .tp-tab {
    opacity: 1
}

.hades .tp-tab-title {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 25px
}

.hades .tp-tab-price {
    display: block;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px
}

.hades .tp-tab-button {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    background: #219bd7;
    border-radius: 4px;
    font-weight: 400
}

.hades .tp-tab-inner {
    text-align: center
}

.hebe.tparrows {
    cursor: pointer;
    background: #fff;
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100
}

.hebe.tparrows:hover {
}

.hebe.tparrows:before {
    font-family: revicons;
    font-size: 30px;
    color: #aaa;
    display: block;
    line-height: 70px;
    text-align: center;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    z-index: 2;
    position: relative;
    background: #fff;
    min-width: 70px;
    min-height: 70px
}

.hebe.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hebe.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hebe.tparrows:hover:before {
    color: #000
}

.hebe .tp-title-wrap {
    position: absolute;
    z-index: 0;
    display: inline-block;
    background: #000;
    background: rgba(0,0,0,.75);
    min-height: 60px;
    line-height: 60px;
    top: -10px;
    margin-left: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%
}

.hebe.tp-rightarrow .tp-title-wrap {
    right: 0;
    -webkit-transform-origin: 100% 50%
}

.hebe.tparrows:hover .tp-title-wrap {
    transform: scaleX(1);
    -webkit-transform: scaleX(1)
}

.hebe .tp-arr-titleholder {
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 90px;
    white-space: nowrap;
    padding: 0 20px 0 90px
}

.hebe.tp-rightarrow .tp-arr-titleholder {
    margin-left: 0;
    padding: 0 90px 0 20px
}

.hebe.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition-delay: .1s;
    opacity: 1
}

.hebe .tp-arr-imgholder {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    top: 0;
    right: -90px
}

.hebe.tp-rightarrow .tp-arr-imgholder {
    right: auto;
    left: -90px
}

.hebe.tp-bullets {
}

.hebe.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.hebe .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #fff;
    cursor: pointer;
    border: 5px solid #222;
    border-radius: 50%;
    box-sizing: content-box;
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-transform: translateZ(0.01px);
    transform: translateZ(0.01px);
    transition: all .3s
}

.hebe .tp-bullet:hover,.hebe .tp-bullet.selected {
    background: #222;
    border-color: #fff
}

.hebe .tp-bullet-image {
    position: absolute;
    top: -90px;
    left: -40px;
    width: 70px;
    height: 70px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transform-style: flat;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    border-radius: 6px
}

.hebe .tp-bullet:hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible
}

.hebe .tp-bullet-title {
}

.hebe .tp-tab-title {
    color: #a8d8ee;
    font-size: 13px;
    font-weight: 700;
    font-family: "Roboto Slab" margin-bottom:5px
}

.hebe .tp-tab-desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    font-family: roboto slab
}

.hephaistos.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%
}

.hephaistos.tparrows:hover {
    background: #000
}

.hephaistos.tparrows:before {
    font-family: revicons;
    font-size: 18px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.hephaistos.tparrows.tp-leftarrow:before {
    content: "\e82c";
    margin-left: -2px
}

.hephaistos.tparrows.tp-rightarrow:before {
    content: "\e82d";
    margin-right: -2px
}

.hephaistos.tp-bullets {
}

.hephaistos.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.hephaistos .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999;
    border: 3px solid #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0 0 2px 1px rgba(130,130,130,.3)
}

.hephaistos .tp-bullet:hover,.hephaistos .tp-bullet.selected {
    background: #fff;
    border-color: #000
}

.hephaistos .tp-bullet-image {
}

.hephaistos .tp-bullet-title {
}

.hermes.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 30px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100
}

.hermes.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 110px;
    text-align: center;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all .3s;
    -webkit-transition: all .3s
}

.hermes.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hermes.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hermes.tparrows.tp-leftarrow:hover:before {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0
}

.hermes.tparrows.tp-rightarrow:hover:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    opacity: 0
}

.hermes .tp-arr-allwrapper {
    overflow: hidden;
    position: absolute;
    width: 180px;
    height: 140px;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.hermes.tp-rightarrow .tp-arr-allwrapper {
    right: 0;
    left: auto
}

.hermes.tparrows:hover .tp-arr-allwrapper {
    visibility: visible
}

.hermes .tp-arr-imgholder {
    width: 180px;
    position: absolute;
    left: 0;
    top: 0;
    height: 110px;
    transform: translateX(-180px);
    -webkit-transform: translateX(-180px);
    transition: all .3s;
    transition-delay: .3s
}

.hermes.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(180px);
    -webkit-transform: translateX(180px)
}

.hermes.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0px);
    -webkit-transform: translateX(0px)
}

.hermes .tp-arr-titleholder {
    top: 110px;
    width: 180px;
    text-align: left;
    display: block;
    padding: 0 10px;
    line-height: 30px;
    background: #000;
    background: rgba(0,0,0,.75);
    color: #fff;
    font-weight: 600;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-sizing: border-box
}

.hermes.tparrows:hover .tp-arr-titleholder {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.hermes.tp-bullets {
}

.hermes .tp-bullet {
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    position: absolute
}

.hermes .tp-bullet:hover {
    background-color: rgba(0,0,0,.2)
}

.hermes .tp-bullet:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.hermes .tp-bullet.selected:after {
    height: 100%
}

.hermes .tp-tab {
    opacity: 1;
    padding-right: 10px;
    box-sizing: border-box
}

.hermes .tp-tab-image {
    width: 100%;
    height: 60%;
    position: relative
}

.hermes .tp-tab-content {
    background: #363636;
    position: absolute;
    padding: 20px 20px 20px 30px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    width: 100%;
    min-height: 40%;
    bottom: 0;
    left: -10px
}

.hermes .tp-tab-date {
    display: block;
    color: #888;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px
}

.hermes .tp-tab-title {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px
}

.hermes .tp-tab.selected .tp-tab-title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 10px;
    border-color: transparent transparent transparent #363636;
    content: " ";
    position: absolute;
    right: -9px;
    bottom: 50%;
    margin-bottom: -30px
}

.hermes .tp-tab-mask {
    padding-right: 10px!important
}

@media only screen and (max-width:960px) {
    .hermes .tp-tab .tp-tab-title {
        font-size: 14px;
        line-height: 16px
    }

    .hermes .tp-tab-date {
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 10px
    }

    .hermes .tp-tab-content {
        padding: 15px 15px 15px 25px
    }
}

@media only screen and (max-width:768px) {
    .hermes .tp-tab .tp-tab-title {
        font-size: 12px;
        line-height: 14px
    }

    .hermes .tp-tab-date {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 5px
    }

    .hermes .tp-tab-content {
        padding: 10px 10px 10px 20px
    }
}

.hesperiden.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%
}

.hesperiden.tparrows:hover {
    background: #000
}

.hesperiden.tparrows:before {
    font-family: revicons;
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.hesperiden.tparrows.tp-leftarrow:before {
    content: "\e82c";
    margin-left: -3px
}

.hesperiden.tparrows.tp-rightarrow:before {
    content: "\e82d";
    margin-right: -3px
}

.hesperiden.tp-bullets {
}

.hesperiden.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 8px
}

.hesperiden .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999;
    background: -moz-linear-gradient(top,#999 0%,#e1e1e1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#999999),color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top,#999 0%,#e1e1e1 100%);
    background: -o-linear-gradient(top,#999 0%,#e1e1e1 100%);
    background: -ms-linear-gradient(top,#999 0%,#e1e1e1 100%);
    background: linear-gradient(to bottom,#999 0%,#e1e1e1 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#999999",endcolorstr="#e1e1e1",gradienttype=0 );
    border: 3px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.hesperiden .tp-bullet:hover,.hesperiden .tp-bullet.selected {
    background: #666
}

.hesperiden .tp-bullet-image {
}

.hesperiden .tp-bullet-title {
}

.hesperiden .tp-thumb {
    opacity: 1;
    -webkit-perspective: 600px;
    perspective: 600px
}

.hesperiden .tp-thumb .tp-thumb-title {
    font-size: 12px;
    position: absolute;
    margin-top: -10px;
    color: #fff;
    display: block;
    z-index: 1000;
    background-color: #000;
    padding: 5px 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: rotatex(90deg) translatez(0.001px);
    transform-origin: 50% 100%;
    -webkit-transform: rotatex(90deg) translatez(0.001px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0
}

.hesperiden .tp-thumb:hover .tp-thumb-title {
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    opacity: 1
}

.hesperiden .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: roboto,sans-serif;
    border-bottom: 1px solid #e5e5e5
}

.hesperiden .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left
}

.hesperiden .tp-tab-content {
    background: transparent;
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute
}

.hesperiden .tp-tab-date {
    display: block;
    color: #aaa;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0
}

.hesperiden .tp-tab-title {
    display: block;
    text-align: left;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px
}

.hesperiden .tp-tab:hover,.hesperiden .tp-tab.selected {
    background: #eee
}

.hesperiden .tp-tab-mask {
}

.metis.tparrows {
    background: #fff;
    padding: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: 60px;
    height: 60px;
    box-sizing: border-box
}

.metis.tparrows:hover {
    background: #fff;
    background: rgba(255,255,255,.75)
}

.metis.tparrows:before {
    color: #000;
    transition: all .3s;
    -webkit-transition: all .3s
}

.metis.tparrows:hover:before {
    transform: scale(1.5)
}

.metis .tp-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    padding: 3px;
    background: #000;
    background-color: rgba(0,0,0,.25);
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: 50%
}

.metis .tp-bullet-image {
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25);
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: center center
}

.metis .tp-bullet-title {
    position: absolute;
    bottom: 65px;
    display: inline-block;
    left: 50%;
    background: #000;
    background: rgba(0,0,0,.75);
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
    white-space: nowrap
}

.metis .tp-bullet:hover .tp-bullet-title {
    transform: rotateX(0deg) translateX(-50%);
    -webkit-transform: rotateX(0deg) translateX(-50%);
    opacity: 1
}

.metis .tp-bullet.selected,.metis .tp-bullet:hover {
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",endColorstr="#777777",GradientType=0 )
}

.metis .tp-bullet-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(0,0,0,.75) transparent transparent transparent;
    bottom: -8px
}

.metis .tp-tab-number {
    color: #fff;
    font-size: 40px;
    line-height: 30px;
    font-weight: 400;
    font-family: playfair display;
    width: 50px;
    margin-right: 17px;
    display: inline-block;
    float: left
}

.metis .tp-tab-mask {
    padding-left: 20px;
    left: 0;
    max-width: 90px!important;
    transition: .4s padding-left,.4s left,.4s max-width
}

.metis:hover .tp-tab-mask {
    padding-left: 0;
    left: 50px;
    max-width: 500px!important
}

.metis .tp-tab-divider {
    border-right: 1px solid transparent;
    height: 30px;
    width: 1px;
    margin-top: 5px;
    display: inline-block;
    float: left
}

.metis .tp-tab-title {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-family: playfair display;
    position: relative;
    padding-top: 10px;
    padding-left: 30px;
    display: inline-block;
    transform: translateX(-100%);
    transition: .4s all
}

.metis .tp-tab-title-mask {
    position: absolute;
    overflow: hidden;
    left: 67px
}

.metis:hover .tp-tab-title {
    transform: translateX(0)
}

.metis .tp-tab {
    opacity: .15;
    transition: .4s all
}

.metis .tp-tab:hover,.metis .tp-tab.selected {
    opacity: 1
}

.metis .tp-tab.selected .tp-tab-divider {
    border-right: 1px solid #cdb083
}

.metis.tp-tabs {
    max-width: 118px!important;
    padding-left: 50px
}

.metis.tp-tabs:before {
    content: " ";
    height: 100%;
    width: 88px;
    background: rgba(0,0,0,.15);
    border-right: 1px solid rgba(255,255,255,.1);
    left: 0;
    top: 0;
    position: absolute;
    transition: .4s all
}

.metis.tp-tabs:hover:before {
    width: 118px
}

@media(max-width:499px) {
    .metis.tp-tabs:before {
        background: rgba(0,0,0,.75)
    }
}

.persephone.tparrows {
    cursor: pointer;
    background: #aaa;
    background: rgba(200,200,200,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 1px solid #f5f5f5
}

.persephone.tparrows:hover {
    background: #333
}

.persephone.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.persephone.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.persephone.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.persephone.tp-bullets {
}

.persephone.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.persephone .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    box-sizing: content-box
}

.persephone .tp-bullet:hover,.persephone .tp-bullet.selected {
    background: #222
}

.persephone .tp-bullet-image {
}

.persephone .tp-bullet-title {
}

.uranus.tparrows {
    width: 50px;
    height: 50px;
    background: 0 0
}

.uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.uranus.tparrows:hover:before {
    opacity: .75
}

.uranus .tp-bullet {
    border-radius: 50%;
    box-shadow: 0 0 0 2px transparent;
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    background: 0 0
}

.uranus .tp-bullet.selected,.uranus .tp-bullet:hover {
    box-shadow: 0 0 0 2px #fff;
    border: none;
    border-radius: 50%;
    background: 0 0
}

.uranus .tp-bullet-inner {
    background-color: rgba(255,255,255,.7);
    -webkit-transition: background-color .3s ease,-webkit-transform .3s ease;
    transition: background-color .3s ease,transform .3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: #fff;
    background-color: rgba(255,255,255,.3);
    text-indent: -999em;
    cursor: pointer;
    position: absolute
}

.uranus .tp-bullet.selected .tp-bullet-inner,.uranus .tp-bullet:hover .tp-bullet-inner {
    transform: scale(.4);
    -webkit-transform: scale(.4);
    background-color: #fff
}

.zeus.tparrows {
    cursor: pointer;
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px;
    overflow: hidden;
    background: rgba(0,0,0,.1)
}

.zeus.tparrows:before {
    font-family: revicons;
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 70px;
    text-align: center;
    z-index: 2;
    position: relative
}

.zeus.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.zeus.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.zeus .tp-title-wrap {
    background: #000;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    border-radius: 50%
}

.zeus .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.zeus.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.zeus.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.zeus.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.zeus .tp-bullet {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 13px;
    height: 13px;
    border: 2px solid #fff
}

.zeus .tp-bullet:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.zeus .tp-bullet:hover:after,.zeus .tp-bullet.selected:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.zeus .tp-bullet-image,.zeus .tp-bullet-imageoverlay {
    width: 135px;
    height: 60px;
    position: absolute;
    background: #000;
    background: rgba(0,0,0,.5);
    bottom: 25px;
    left: 50%;
    margin-left: -65px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px
}

.zeus .tp-bullet-title,.zeus .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.zeus .tp-bullet-title {
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    bottom: 45px;
    width: 135px;
    vertical-align: middle;
    left: -57px
}

.zeus .tp-bullet:hover .tp-bullet-title,.zeus .tp-bullet:hover .tp-bullet-image,.zeus .tp-bullet:hover .tp-bullet-imageoverlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.zeus .tp-thumb {
    opacity: 1
}

.zeus .tp-thumb-over {
    background: #000;
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.zeus .tp-thumb-more:before {
    font-family: revicons;
    font-size: 12px;
    color: #aaa;
    color: rgba(255,255,255,.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.zeus .tp-thumb-more:before {
    content: "\e825"
}

.zeus .tp-thumb-title {
    font-family: raleway;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 500
}

.zeus .tp-thumb.selected .tp-thumb-more:before,.zeus .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa
}

.zeus .tp-thumb.selected .tp-thumb-over,.zeus .tp-thumb:hover .tp-thumb-over {
    background: #000
}

.zeus .tp-thumb.selected .tp-thumb-title,.zeus .tp-thumb:hover .tp-thumb-title {
    color: #fff
}

.zeus .tp-tab {
    opacity: 1;
    box-sizing: border-box
}

.zeus .tp-tab-title {
    display: block;
    text-align: center;
    background: rgba(0,0,0,.25);
    font-family: roboto slab,serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 9px 10px
}

.zeus .tp-tab:hover .tp-tab-title,.zeus .tp-tab.selected .tp-tab-title {
    color: #000;
    background: #fff
}

.post-tabs .tp-thumb {
    opacity: 1
}

.post-tabs .tp-thumb-over {
    background: #252525;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.post-tabs .tp-thumb-more:before {
    font-family: revicons;
    font-size: 12px;
    color: #aaa;
    color: rgba(255,255,255,.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
}

.post-tabs .tp-thumb-more:before {
    content: "\e825"
}

.post-tabs .tp-thumb-title {
    font-family: raleway;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 15px 30px 15px 15px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 500
}

.post-tabs .tp-thumb.selected .tp-thumb-more:before,.post-tabs .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa
}

.post-tabs .tp-thumb.selected .tp-thumb-over,.post-tabs .tp-thumb:hover .tp-thumb-over {
    background: #fff
}

.post-tabs .tp-thumb.selected .tp-thumb-title,.post-tabs .tp-thumb:hover .tp-thumb-title {
    color: #000
}

@media(max-width:1199px) {
    .mobile_relative {
        position: relative
    }

    .hide-topbar-mobile .topbar,.hide-topbar-mobile .ch-empty-space {
        display: none
    }

    .topbar .topbar-left,.topbar .topbar-right {
        float: none;
        text-align: center
    }

    .header-transparent .page-header .header-title {
        padding-top: 240px
    }

    .header-sticky .site-header.minimized .navbar-icon .navbars-line,.header-sticky .site-header.minimized .navbar-icon .navbars-line:before,.header-sticky .site-header.minimized .navbar-icon .navbars-line:after {
        background-color: #222
    }

    .header-v3 .site-contact {
        padding: 25px 0
    }

    .header-v3 .site-header.minimized {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        position: fixed;
        z-index: 9999;
        background-color: #fff
    }

    .header-v3.admin-bar .site-header.minimized {
        top: 32px
    }

    .header-v3 .fh-header-minimized {
        display: none
    }

    .header-v4 .navbar-icon {
        right: 30px
    }

    .header-v4 .site-header.minimized {
        top: 0!important;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        position: fixed;
        z-index: 9999
    }

    .header-v4.admin-bar .site-header.minimized {
        top: 32px!important
    }

    .site-header .site-menu,.site-header .site-header-widget {
        display: none
    }

    .site-header .navbar-toggle {
        display: block
    }

    body .mobile_no_background {
        background-image: none!important
    }

    body .fh-service-box-2.box-style-2 .box-header .fh-icon {
        display: none
    }

    body .fh-service-box-2.box-style-2 h4,body .fh-service-box-2.box-style-2 .box-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    body .fh-service-box-2.box-style-2 .read-more {
        opacity: 1
    }

    .blog-grid .blog-wrapper.col-4 {
        width: 50%
    }

    .blog-grid .blog-wrapper.col-4:nth-child(2n+1) {
        clear: left
    }

    .blog-grid .blog-wrapper.col-md-3:nth-child(4n+1) {
        clear: none
    }
}

@media(max-width:1024px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .navbar-icon {
        right: 15px
    }

    .fh-price-table .price-box .unit {
        text-align: left;
        padding-left: 10px
    }

    .mobile_no_background {
        background-image: none!important
    }

    body .fh-icon-box.style-3 .fh-icon,body .fh-icon-box.style-3 .img-icon {
        float: none;
        padding-top: 0;
        padding-bottom: 20px
    }

    body .fh-icon-box.style-3 h4,body .fh-icon-box.style-3 .desc {
        padding-left: 0
    }

    .single-left.blog-grid .blog-wrapper,.single-right.blog-grid .blog-wrapper {
        width: 50%
    }

    .single-left.blog-grid .blog-wrapper.col-md-6:nth-child(2n+1),.single-right.blog-grid .blog-wrapper.col-md-6:nth-child(2n+1),.single-left.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1),.single-right.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1),.single-left.blog-grid .blog-wrapper.col-md-3:nth-child(4n+1),.single-right.blog-grid .blog-wrapper.col-md-3:nth-child(4n+1) {
        clear: none
    }

    .single-left.blog-grid .blog-wrapper:nth-child(2n+1),.single-right.blog-grid .blog-wrapper:nth-child(2n+1) {
        clear: left!important
    }
}

@media(max-width:991px) {
    .cargo-office-location-widget .office-switcher {
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }

    .cargo-office-location-widget .topbar-office.active {
        float: none
    }

    .cargo-office-location-widget .topbar-office li:last-child {
        padding-right: 20px
    }

    body .fh-icon-box.show-button .button-box {
        bottom: 25px
    }

    body .fh-icon-box.style-3 {
        text-align: center
    }

    body .fh-service .item-service.col-md-4:nth-child(3n+1),body .fh-service .item-service.col-md-3:nth-child(4n+1) {
        clear: none
    }

    body .fh-service .item-service:nth-child(2n+1) {
        clear: left!important
    }

    .project-wrapper .project-thumbnail {
        display: inline-block
    }

    .all-project ul.filter {
        display: block
    }

    .metas {
        padding-left: 15px;
        margin-top: 30px
    }

    .service.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .service:nth-child(2n+1) {
        clear: left!important
    }

    .site-breadcrumb {
        margin-bottom: 15px
    }

    .single-left .blog-sidebar .cargohub-widget,.single-right .blog-sidebar .cargohub-widget {
        border: none
    }

    .single-post.single-right .blog-sidebar .cargohub-widget,.blog.single-right .blog-sidebar .cargohub-widget,.category.single-right .blog-sidebar .cargohub-widget,.tag.single-right .blog-sidebar .cargohub-widget,.single-post.single-left .blog-sidebar .cargohub-widget,.blog.single-left .blog-sidebar .cargohub-widget,.category.single-left .blog-sidebar .cargohub-widget,.tag.single-left .blog-sidebar .cargohub-widget {
        padding-top: 0
    }

    .footer-sidebars {
        padding-bottom: 50px
    }

    .footer-sidebar {
        margin-bottom: 30px
    }

    .site-footer .footer-copyright,.site-footer .footer-text {
        width: 100%;
        text-align: center
    }

    .site-footer .footer-copyright {
        margin-bottom: 10px
    }

    .abotimglft {
        margin-bottom: 30px
    }
}

@media(max-width:782px) {
    .header-v3.admin-bar .site-header.minimized {
        top: 46px
    }
}

@media(max-width:768px) {
    body .fh-testimonials-carousel.column-1 .testi-item {
        width: 100%
    }

    body .fh-testimonials-carousel .owl-dots {
        right: 60px;
        bottom: 150px
    }

    .backtotop {
        bottom: 40px;
        right: 40px;
        width: 40px;
        height: 40px;
        line-height: 30px
    }

    .tparrows {
        display: none!important
    }

    .contact_servbox h2 {
        font-size: 38px
    }
}

@media(max-width:767px) {
    .single-left.blog-grid .blog-wrapper,.single-right.blog-grid .blog-wrapper {
        width: 100%
    }

    .blog-grid .blog-wrapper.col-4 {
        width: 100%
    }
}

@media(max-width:600px) {
    .header-sticky.header-transparent.admin-bar .site-header.minimized {
        top: 0!important
    }

    .header-sticky.admin-bar.header-v1 .site-header.minimized,.header-sticky.admin-bar.header-v2 .site-header.minimized {
        top: 0
    }

    .header-v3.admin-bar .site-header.minimized {
        top: 0
    }

    .ch_button,.tp-caption.ch_button {
        min-width: 140px!important;
        padding: 13px 25px!important
    }

    .fh-section-title h2 {
        font-size: 30px!important
    }

    .comment-list .children {
        padding-left: 0
    }
}

@media(max-width:480px) {
    .fh-form .first-row,.fh-form .last-row {
        width: 100%;
        float: none;
        padding: 0
    }

    .site-logo {
        width: 75%
    }

    body .fh-testimonials .testi-item {
        padding: 30px
    }

    body .fh-testimonials .testi-icon {
        position: static;
        display: inline-block;
        margin-bottom: 20px
    }

    .socials-share {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    .post-navigation {
        float: none;
        text-align: center
    }

    .contact-widget {
        padding-bottom: 20px
    }
}

@media(max-width:414px) {
    .comment .comment-author {
        float: none
    }

    .comment .comment-meta {
        margin-left: 0;
        margin-top: 15px
    }
}

@media(max-width:375px) {
    .primary-mobile-nav {
        width: 280px;
        right: -280px
    }
}

@media(max-width:1366px) {
    a.backtotop {
        right: 20px
    }

    .error404 .site-content {
        background-image: none!important
    }

    .error404 .site-content div[class*=col-] {
        width: 100%;
        text-align: center
    }

    .error404 .site-content .search-form {
        margin: 0 auto
    }
}

@media(max-width:1199px) {
    .tp-parallax-wrap {
        padding-left: 20px
    }

    .header-v1 .tp-parallax-wrap {
        padding-left: 0
    }

    .site-extra-text .item-2 {
        padding-right: 40px
    }

    .site-extra-text .item-3 {
        padding: 0 20px
    }

    .site-extra-text .item-3.certified {
        padding-right: 20px
    }

    .site-header .site-menu .extra-item {
        display: none
    }

    .site-header .site-menu .site-nav {
        width: 100%
    }

    .site-header .extra-item {
        text-align: left
    }

    .site-header .extra-item .item-button {
        display: none
    }

    .site-header .extra-item .social {
        padding-left: 20px
    }

    .header-v3.header-transparent .site-extra-text .social {
        display: none
    }

    .header-v4 .main-nav ul.menu>li {
        padding: 15px 10px
    }

    .header-transparent .main-nav {
        text-align: left
    }

    .header-transparent .main-nav ul.menu>li>a {
        padding-left: 0;
        padding-right: 15px
    }

    .header-transparent .main-nav ul.menu>li>a:after {
        right: 0
    }

    .single-right .blog-wrapper,.single-left .blog-wrapper {
        width: 50%
    }

    .single-right.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1),.single-left.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .single-right.blog-grid .blog-wrapper.col-md-4:nth-child(2n+1),.single-left.blog-grid .blog-wrapper.col-md-4:nth-child(2n+1) {
        clear: left
    }

    .topbar .topbar-widgets {
        width: 100%;
        text-align: center
    }

    .project-wrapper.col-4 {
        width: 50%
    }

    .project-inner .project-summary {
        padding: 5px 20px;
        width: 100%;
        bottom: 0;
        opacity: 1
    }

    .project-inner .project-icon,.project-inner:before {
        display: none
    }

    body .fh-service .owl-pagination,body .fh-latest-post .owl-pagination,body .fh-testimonials .owl-pagination {
        right: 50%;
        top: inherit;
        bottom: -50px;
        transform: translateX(50%);
        width: 100%
    }

    body .fh-service.service-carousel {
        padding-bottom: 30px
    }

    body .fh-latest-post,body .fh-testimonials {
        padding-bottom: 30px
    }

    body .project-inner .project-summary h2 {
        font-size: 20px
    }

    body .project-inner .project-cat a {
        font-size: 16px
    }

    .fh-form-1 .form-button,.fh-form-1 .note {
        width: 100%
    }

    .woocommerce .widget_price_filter .price_slider_amount .button,.woocommerce .widget_price_filter .price_slider_amount .price_label {
        float: none
    }

    div.no-background-img {
        background-image: none!important
    }

    .tp-caption.leftpadd {
        padding-left: 30px!important
    }

    .tp-caption.leftmarg {
        margin-left: 30px!important
    }

    .header-sticky.header-v3 .site-header.minimized .header-main {
        padding: 0 0
    }

    .header-v4 .minimized .site-contact {
        padding: 15px 30px
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .fh-counter .counter {
        font-size: 40px
    }
}

@media(max-width:1024px) {
    .hide-topbar-mobile .topbar {
        display: none
    }

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

    .fh-section-title .container {
        padding-left: 0;
        padding-right: 0
    }

    .site-menu {
        display: none
    }

    .navbar-toggle {
        display: inline-block
    }

    .header-v4 .menu-item-search {
        display: none
    }

    .primary-mobile-nav .menu-item-search {
        display: block
    }

    .header-sticky .site-header.minimized {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
        transition: top .5s;
        border-bottom: 1px solid #f2f2f2
    }

    .header-sticky .site-header.minimized .site-menu {
        position: static;
        top: inherit;
        width: 50%
    }

    .header-sticky.admin-bar .site-header.minimized {
        top: 32px
    }

    .header-sticky.admin-bar .site-header.minimized .site-menu {
        top: inherit
    }

    .header-sticky.header-v2 .site-header.minimized .site-menu {
        transform: translate(0)
    }

    .header-sticky.header-v3 .site-header.minimized {
        border: none
    }

    .header-sticky.header-v3 .site-header.minimized .header-main {
        padding: 0 0
    }

    .header-sticky.header-v3 .site-header.minimized .header-main .site-logo,.header-sticky.header-v3 .site-header.minimized .header-main .site-menu {
        width: 50%
    }

    .header-sticky.header-v3 .site-header.minimized .site-menu {
        position: static;
        top: inherit;
        width: inherit
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .header-main {
        top: 32px
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu {
        top: inherit
    }

    .header-sticky.header-v4 .site-header.minimized {
        border-bottom: 1px solid #f2f2f2
    }

    .header-sticky.header-v4 .site-header.minimized .site-menu {
        border: none
    }

    .header-v3.header-transparent .site-contact {
        padding-bottom: 0
    }

    .site-extra-text {
        display: none
    }

    .header-v1 .site-header .site-contact,.header-v2 .site-header .site-contact,.header-v1 .site-header .site-menu,.header-v2 .site-header .site-menu {
        width: 50%
    }

    .header-v1 .site-header .site-contact .container,.header-v2 .site-header .site-contact .container,.header-v1 .site-header .site-menu .container,.header-v2 .site-header .site-menu .container {
        width: 100%
    }

    .header-v1 .site-header .site-logo,.header-v2 .site-header .site-logo {
        width: 100%
    }

    .header-v1 .site-header .site-contact,.header-v2 .site-header .site-contact {
        padding: 15px 0
    }

    .header-v3.hide-topbar-mobile .page-header .header-title {
        padding-top: 170px
    }

    .header-v1 .page-header .header-title,.header-v3 .page-header .header-title {
        padding-top: 140px
    }

    .widgets-area {
        padding-top: 60px
    }

    .service-sidebar .download .item-download span {
        font-size: 10px
    }

    .service-sidebar .download .item-download a {
        font-size: 12px
    }

    .project .entry-thumbnail {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .project .entry-info {
        width: 100%
    }

    .service .service-thumbnail a:before,.service .service-thumbnail a:after,.service .service-thumbnail a i {
        display: none
    }

    .backtotop {
        width: 40px;
        height: 40px;
        line-height: 34px;
        font-size: 24px;
        border-width: 2px
    }

    body .fh-testimonials.style-2 .testi-star:before,body .fh-testimonials.style-2 .testi-star:after {
        display: none
    }

    body .fh-team.style-1 .socials-1 {
        opacity: 1;
        transform: translateY(0) scale(1);
        top: inherit;
        bottom: 0
    }

    body .fh-team.style-1 .socials-1 ul li a,body .fh-team.style-1 .socials-1 ul li a:hover {
        color: #73b21a;
        border-color: #73b21a
    }

    body .fh-team.style-1:hover .socials-1 {
        transform: translateY(0) scale(1)
    }

    body .no-background-img {
        background-image: none!important
    }

    body .no-background-img .fh-form-2 {
        margin-top: 50px
    }

    body .el-margin {
        margin-right: 0!important
    }

    body .fh-service-2 .item-service {
        display: inline-block
    }

    body .fh-service-2 div.service-content {
        text-align: center
    }

    body .fh-service-2.style-2 .service-content .content-bonus {
        padding: 20px
    }

    body .fh-service-2.style-2 .service-content .content-bonus h2 {
        padding-top: 15px
    }

    body .fh-latest-project .item-project .project-summary {
        top: auto!important;
        bottom: 0;
        transform: translate(0,0)!important;
        background-color: #73b21a;
        opacity: 1
    }

    body .fh-latest-project .item-project .project-summary h3 {
        font-size: 18px;
        margin-bottom: 0
    }

    body .fh-latest-project .item-project:after,body .fh-latest-project .item-project i,body .fh-latest-project .item-project .overlay {
        display: none
    }

    body .fh-latest-project.style-1 .item-project .project-summary {
        padding: 5px
    }

    body .fh-latest-project.style-2 .item-project .project-summary {
        padding: 10px 5px
    }

    body .fh-latest-project.style-2 .item-project .project-summary p {
        display: none
    }
}

@media(max-width:991px) {
    .single-right .blog-sidebar .factoryhub-widget,.single-left .blog-sidebar .factoryhub-widget {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        border: none
    }

    .single-right.single-post .site-main,.single-right.blog-classic .site-main {
        padding-left: 0;
        padding-right: 0
    }

    .blog-grid .blog-wrapper.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .metas {
        padding-left: 15px
    }

    .single-project .entry-content {
        padding-right: 15px;
        border: 0
    }

    .project-wrapper {
        text-align: center
    }

    .project-wrapper.col-4 {
        width: 100%
    }

    body .fh-icon-box-2.radius {
        border-radius: 0
    }

    body .fh-project {
        margin-top: 100px
    }

    body .fh-project.style-3 ul.filter,body .fh-project.style-2 ul.filter {
        text-align: center
    }

    body .fh-project ul.filter {
        text-align: center;
        margin-bottom: 40px
    }

    body .fh-project ul.filter li {
        margin-bottom: 10px
    }

    body .fh-testimonials-carousel .owl-nav {
        display: none
    }

    body .fh-testimonials-carousel .owl-dots.disable {
        display: block;
        padding-top: 30px
    }

    body .fh-testimonials-carousel .owl-dots.disable .owl-dot span {
        border-color: #222;
        width: 12px;
        height: 12px
    }

    body .fh-testimonials-carousel .owl-dots.disable .owl-dot.active span {
        background-color: #222
    }

    body .fh-testimonials-carousel.style-1 .owl-dots .owl-dot span {
        border-color: #fff;
        width: 12px;
        height: 12px
    }

    body .fh-testimonials-carousel.style-1 .owl-dots .owl-dot.active span {
        background-color: #fff
    }

    body .fh-testimonials-carousel.style-2 .testi-item {
        padding: 0
    }

    body .fh-latest-post.carousel .item-latest-post .entry-thumbnail,body .fh-latest-post.carousel .item-latest-post .entry-summary {
        padding: 0;
        width: 100%;
        float: none
    }

    body .fh-latest-post.carousel .item-latest-post .entry-thumbnail {
        margin-bottom: 30px
    }

    body .fh-latest-post.carousel .owl-nav {
        display: none
    }

    body .fh-latest-post.carousel .owl-dots .owl-dot {
        padding-top: 30px
    }

    body .fh-latest-post.carousel .owl-dots .owl-dot span {
        border-color: #fff;
        width: 12px;
        height: 12px
    }

    body .fh-latest-post.carousel .owl-dots .owl-dot.active span {
        background-color: #fff
    }

    .service-sidebar {
        margin-top: 50px
    }

    .service-sidebar .download .item-download span {
        font-size: 14px
    }

    .service-sidebar .download .item-download a {
        font-size: 16px
    }

    .single-project .entry-thumbnail {
        margin-bottom: 25px
    }

    .single-project .info-left,.single-project .info-right {
        width: 50%
    }

    .single-project .info-left {
        float: left
    }

    .single-project .info-right {
        float: right
    }

    .footer-widgets .footer-3 {
        clear: left
    }

    .site-footer .footer-text,.site-footer .footer-copyright,.site-footer div[class*=col-] {
        text-align: center
    }

    .woocommerce ul.products li.product.first {
        clear: none
    }

    .woocommerce ul.products li.product .product-inner {
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.05)
    }

    .woocommerce ul.products li.product .product-inner img {
        border-color: transparent
    }

    .woocommerce ul.products li.product .product-inner .product-quick-view {
        opacity: 1
    }

    .woocommerce ul.products li.product .product-inner:hover img {
        border-color: transparent
    }

    .woocommerce ul.products li.product .product-header::after {
        display: none
    }

    .woocommerce ul.products li.product .product-header img {
        width: 100%
    }

    .woocommerce ul.products li.product .add_to_cart_button,.woocommerce ul.products li.product .added_to_cart {
        opacity: 1;
        color: #73b21a;
        border-color: #73b21a
    }

    .woocommerce table.shop_table.wishlist_table .product-stock-status,.woocommerce table.shop_table.wishlist_table .product-stock-stauts {
        display: none
    }

    .woocommerce .shop-sidebar {
        padding-top: 50px
    }

    .woocommerce form.checkout .col2-set .col-2 {
        clear: both
    }

    .woocommerce form.checkout #payment,.woocommerce form.checkout table.shop_table {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .woocommerce-account .form.login {
        margin-bottom: 50px
    }

    .service.col-md-4:nth-child( 3n+1) {
        clear: none
    }

    .service.col-sm-6:nth-child( 2n+1) {
        clear: left
    }

    .footer-social {
        padding-top: 20px
    }

    .footer-widgets {
        padding-bottom: 15px
    }

    .footer-sidebar {
        padding-bottom: 30px
    }

    div.fh-service .item-service.col-md-4:nth-child( 3n+1),div.fh-service .item-service.col-md-6:nth-child( 2n+1) {
        clear: none
    }

    .fh-service .item-service.col-sm-6:nth-child(2n+1),.fh-service .item-service.col-xs-6:nth-child(2n+1) {
        clear: left
    }
}

@media(max-width:782px) {
    .header-transparent.admin-bar .site-header {
        padding-top: 10px
    }

    .admin-bar .primary-mobile-nav {
        top: 46px;
        padding-bottom: 60px
    }

    .header-sticky.admin-bar .site-header.minimized {
        top: 46px
    }
}

@media(max-width:767px) {
    .page-header .breadcrumb-area nav {
        text-align: center
    }

    .all-service .service {
        text-align: center
    }

    .owl-carousel .owl-item {
        text-align: left
    }

    .fh-related-project .owl-carousel .owl-item,.fh-testimonials .owl-carousel .owl-item,.fh-project-carousel .owl-carousel .owl-item {
        text-align: center
    }

    .modal {
        display: none
    }

    .woocommerce .shop-toolbar div[class*=col-] {
        text-align: center
    }

    .woocommerce .shop-toolbar form {
        display: inline-block
    }

    .woocommerce ul.products li.product .product-inner .product-quick-view {
        display: none
    }

    .woocommerce form.checkout table.shop_table thead th,.woocommerce form.checkout table.shop_table thead td {
        padding: 10px 15px
    }

    .woocommerce form.checkout table.shop_table td,.woocommerce form.checkout table.shop_table th {
        padding: 15px 10px
    }

    .woocommerce form.checkout table.shop_table td span.amount,.woocommerce form.checkout table.shop_table th span.amount {
        font-size: 14px
    }

    .woocommerce form.checkout table.shop_table .cart_item td,.woocommerce form.checkout table.shop_table tfoot th:first-child {
        font-size: 14px
    }

    .woocommerce ul#shipping_method li label {
        font-size: 14px
    }

    .woocommerce-checkout .woocommerce-info {
        font-size: 14px
    }

    .woocommerce-checkout .woocommerce-info a {
        font-size: 12px
    }

    .fh-form {
        margin-top: 30px
    }

    .fh-team {
        margin-bottom: 15px
    }

    div.no-padding-top {
        padding-top: 0!important
    }

    body .fh-project.style-3 .item-project {
        width: 25%
    }

    .fh-testimonials-carousel .owl-dots {
        display: none!important
    }

    .footer-widgets .contact {
        margin-bottom: 15px
    }

    .abotimglft {
        margin-bottom: 20px
    }

    .header-v3 .site-footer .footer-copyright,.header-v4 .site-footer .footer-copyright {
        float: none;
        text-align: center
    }

    .header-v3 .site-footer .footer-text,.header-v4 .site-footer .footer-text {
        text-align: center
    }

    .faqpagesec::after {
        display: none
    }

    .tracksidebar {
        margin-top: 50px;
        border: 0;
        padding: 0
    }
}

@media(max-width:667px) {
    .single-post .entry-footer {
        text-align: center
    }

    .single-post .entry-footer .post-navigation {
        float: none;
        margin-top: 15px
    }

    .site-content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .woocommerce form.checkout #payment,.woocommerce form.checkout table.shop_table {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .header-v1 .page-header .header-title,.header-v3 .page-header .header-title {
        padding: 140px 0 80px
    }

    .page-header .header-title {
        padding: 80px 0
    }

    .header-v3.hide-topbar-mobile .page-header .header-title {
        padding-top: 130px
    }

    .blog-wrapper .cat-link,.blog-wrapper .comments-link {
        display: none
    }

    .woocommerce table.shop_table .product-price {
        display: none
    }

    .woocommerce table.shop_table thead th {
        font-size: 16px
    }

    .woocommerce table.shop_table tr th,.woocommerce table.shop_table tr td {
        padding: 10px 15px
    }

    .woocommerce table.shop_table td img,.woocommerce table.shop_table td a img {
        width: 45px
    }

    .woocommerce table.shop_table td.product-name a {
        font-size: 12px
    }

    .woocommerce table.shop_table td.product-subtotal {
        font-size: 14px
    }

    .woocommerce table.shop_table.wishlist_table .product-price {
        display: table-cell
    }

    .woocommerce-cart a.remove {
        font-size: 14px
    }

    .woocommerce-cart a.remove .fa {
        font-size: 12px;
        margin-right: 5px
    }
}

@media(max-width:600px) {
    .admin-bar .primary-mobile-nav {
        top: 0
    }

    .topbar .widget {
        margin-bottom: 10px
    }

    .header-sticky.admin-bar .site-header.minimized {
        top: 0!important
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .header-main {
        top: 0
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu {
        top: inherit
    }

    .single-right .blog-wrapper,.single-left .blog-wrapper {
        width: 100%
    }

    .single-right .blog-wrapper .wrapper,.single-left .blog-wrapper .wrapper {
        border: none
    }

    .single-right.blog-grid .blog-wrapper,.single-left.blog-grid .blog-wrapper {
        margin-bottom: 20px
    }

    .single-right.blog-grid .blog-wrapper .entry-title,.single-left.blog-grid .blog-wrapper .entry-title,.single-right.blog-grid .blog-wrapper .entry-content,.single-left.blog-grid .blog-wrapper .entry-content,.single-right.blog-grid .blog-wrapper .entry-footer,.single-left.blog-grid .blog-wrapper .entry-footer {
        padding-left: 0;
        padding-right: 0
    }

    .blog-wrapper.no-thumb .wrapper {
        padding-top: 0
    }

    .entry-title {
        line-height: 1.2;
        padding-bottom: 10px
    }

    .single-project .entry-thumbnail .owl-controls .owl-pagination {
        bottom: 10px
    }

    .comment-list .children {
        padding-left: 0
    }

    .error404 .error-404 .search-form {
        max-width: 300px
    }

    .error404 .error-404 .search-form label input {
        padding: 0
    }

    .error404 .error-404 .search-form:after,.error404 .error-404 .search-form .search-submit {
        right: 5px
    }

    .error404 .error-404 .search-form:before {
        right: 22px
    }

    .woocommerce div.product .images-product,.woocommerce div.product div.summary {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce div.product .images-product {
        text-align: center
    }

    .woocommerce table.shop_table.wishlist_table .product-price {
        display: table-cell
    }

    .woocommerce table.shop_table.wishlist_table thead th {
        font-size: 14px
    }

    .woocommerce table.shop_table.wishlist_table .product-price>span {
        font-size: 14px
    }

    .woocommerce table.shop_table.wishlist_table .product-add-to-cart a {
        font-size: 12px;
        min-height: 40px;
        line-height: 40px;
        width: 100px;
        padding: 0
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 40px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        display: inline-block;
        padding-right: 10px
    }

    body .fh-project.style-3 .item-project {
        width: 33.33%
    }

    body .fh-testimonials-carousel.style-2 .owl-dots {
        position: static;
        padding-top: 30px
    }

    .header-v2 .tp-caption {
        display: none!important
    }

    .fh-team .owl-nav {
        display: none
    }
}

@media(max-width:480px) {
    .header-v1 .site-header .site-contact,.header-v2 .site-header .site-contact,.header-v3 .site-header .site-contact,.header-v4 .site-header .site-contact,.header-v1 .site-header .site-menu,.header-v2 .site-header .site-menu,.header-v3 .site-header .site-menu,.header-v4 .site-header .site-menu {
        width: 100%
    }

    .header-v1 .site-header .site-logo,.header-v2 .site-header .site-logo {
        width: 50%
    }

    .woocommerce ul.products li.product {
        width: 100%
    }

    .fh-service .item-service {
        width: 100%
    }

    .fh-service-2 div[class*=col-] {
        width: 100%
    }

    .fh-latest-post .item-latest-post,.fh-latest-project .project {
        width: 100%
    }

    .all-project .project-wrapper {
        width: 100%
    }

    body .fh-testimonials.grid .testi-item {
        width: 100%
    }

    body .fh-latest-post {
        padding-top: 0
    }

    body .fh-latest-post .blog-link {
        padding-bottom: 30px;
        text-align: center
    }

    .tp-parallax-wrap {
        padding-left: 10px
    }

    .header-v1 .tp-parallax-wrap {
        padding-left: 0
    }

    .track-form span.start,.track-form span.end {
        width: 40%;
        display: inline-block;
        position: relative
    }
}

@media(max-width:414px) {
    .topbar .topbar-left .widget {
        border: 0;
        padding-right: 0
    }

    .topbar .topbar-right .widget {
        padding-left: 0;
        padding-right: 0
    }

    .single-project .single-project-title {
        font-size: 28px;
        line-height: 1.2
    }

    .single-post .cat-link,.single-post .comments-link {
        display: none
    }

    .single-post .entry-footer .share-title {
        display: block
    }

    .single-post .socials-share {
        margin-left: 0
    }

    .blog-list .blog-wrapper {
        padding-bottom: 25px;
        padding-top: 30px
    }

    .blog-list .blog-wrapper .entry-thumbnail {
        float: none;
        margin-bottom: 15px
    }

    .blog-list .blog-wrapper .entry-header,.blog-list .blog-wrapper .entry-content,.blog-list .blog-wrapper .read-more {
        margin-left: 0
    }

    .comment .comment-author {
        float: none
    }

    .comment .comment-meta {
        margin-left: 0;
        margin-top: 15px
    }

    .all-project ul.filter,div.fh-latest-project ul.filter {
        display: block
    }

    .all-project ul.filter li,div.fh-latest-project ul.filter li {
        display: block;
        margin: 0 auto;
        width: 60%;
        padding-left: 0;
        padding-right: 0
    }

    .all-project ul.filter li:first-child,div.fh-latest-project ul.filter li:first-child {
        margin-left: auto
    }

    .all-project ul.filter li:last-child,div.fh-latest-project ul.filter li:last-child {
        margin-right: auto
    }

    .woocommerce table.shop_table tr th,.woocommerce table.shop_table tr td {
        padding: 10px
    }

    .woocommerce table.shop_table td.product-name a {
        font-size: 0
    }

    .woocommerce div.product div.summary .product-share a {
        margin-bottom: 10px
    }

    .woocommerce form.checkout table.shop_table,.woocommerce form.checkout #payment {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .woocommerce form.checkout .form-row-first,.woocommerce form.checkout .form-row-last {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce table.shop_table.wishlist_table .product-name {
        display: none
    }

    .woocommerce-checkout .woocommerce-login-form,.woocommerce-checkout .woocommerce-coupon-form {
        float: none;
        width: 100%;
        padding: 0
    }

    .woocommerce-cart a.remove {
        font-size: 0
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .button {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .woocommerce-cart table.cart td.actions .update-cart {
        float: none;
        width: 100%
    }

    div.fh-form .first-row,div.fh-form .last-row {
        float: none;
        width: 100%;
        padding: 0
    }

    .wpb_wrapper .fh-icon-box:first-child,.wpb_wrapper .fh-icon-box:last-child {
        float: none;
        width: 100%
    }

    div.fh-related-project .owl-controls .owl-buttons div,.related .products .owl-controls .owl-buttons div {
        display: none
    }

    body .fh-project.style-3 .item-project {
        width: 100%
    }
}

@media(max-width:375px) {
    .primary-mobile-nav {
        width: 280px;
        right: -280px
    }

    .primary-mobile-nav .menu-item-text .text-1 {
        font-size: 16px
    }

    .primary-mobile-nav .menu-item-text i,.primary-mobile-nav .menu-item-text i:before {
        font-size: 26px
    }

    .primary-mobile-nav .menu-item-text i {
        margin-top: -4px
    }

    div.el-padding {
        padding: 10px!important
    }

    .woocommerce div.product form.cart .qty-label {
        display: none
    }

    .woocommerce div.product form.cart div.quantity {
        margin-right: 15px
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding: 10px 20px
    }

    .woocommerce table.shop_table.wishlist_table .product-add-to-cart a {
        min-width: 100px;
        width: 100px
    }

    .woocommerce form.checkout table.shop_table tfoot th,.woocommerce form.checkout table.shop_table tfoot td {
        padding: 10px
    }
}

@media only screen and (max-width:1200px) {
    .fh-project.style-1 {
        margin-top: 0
    }

    .fh-service-2.style-2 .service-content .entry-thumbnail {
        min-height: 180px
    }
}

@media only screen and (max-width:992px) {
    .woocommerce ul.products li.product .product-inner {
        box-shadow: none
    }
}

@media only screen and (max-width:767px) {
    .scroll-to-top {
        width: 35px;
        height: 35px;
        line-height: 30px;
        font-size: 17px
    }

    .projects4 .fh-project.style-3 .item-project {
        width: 50%
    }
}

.ajax-search {
    position: relative
}

.ajax-search input[type=search] {
    width: 186px;
    padding-right: 22px!important;
    background: transparent no-repeat
}

.ajax-search input.loading {
    background: transparent url(/modules/mod_ajaxsearch/assets/images/loading.gif) no-repeat scroll 98% 50%
}

.ajax-search .results-box:empty {
    height: 0;
    -moz-box-shadow: #fff 0 0;
    -webkit-box-shadow: #fff 0 0;
    box-shadow: #fff 0 0
}

.ajax-search .results-box {
    z-index: 99;
    position: absolute;
    top: 32px;
    width: 100%;
    background: rgba(254,254,254,.9);
    border: 1px solid #fefefe;
    -moz-box-shadow: #999 2px 2px 14px;
    -webkit-box-shadow: #999 2px 2px 14px;
    box-shadow: #999 2px 2px 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: all .2s ease-in-out 0s;
    font-size: 12px;
    line-height: 16px
}

.ajax-search .results-box .result-title a {
    font-size: 13px
}

.ajax-search .results-box .clearfix {
    margin: 4px 0
}

.ajax-search .results-box dt,.ajax-search .results-box dd {
    font-size: 12px;
    line-height: 16px
}

.ajax-search .results-box .result-created {
    font-size: 80%;
    font-style: italic
}

.ajax-search .results-box .mod-ajaxsearch-results-footer {
    background: #eee;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 0;
    text-align: center;
    border-top: 1px solid #ddd
}

.ajax-search .results-box span.highlight {
    padding: 0;
    background-color: #fcf8e3
}

.ajax-search .search-results {
    padding: 6px;
    margin: 0
}
.text-right{
	direction:rtl;
	text-align:right!important;
}
ul.sigFreeContainer ,ul.sigFreeContainer li{
	list-style:none;
	padding:0;
	margin:0;
}
ul.sigFreeContainer li.p-1{
	padding:5px;
}
.card{
	width:100%;
	float:right;
	text-align:center;
	padding:10px;
}
.card img{
	border:1px solid #CCC;
}
.card-footer{
	padding:5px;
	text-align:center;
	background:rgba(0,0,0,0.02);
	height:50px;
	line-height:20px;	
}
.p-3{
	padding:30px;
}