@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
@font-face {
  font-family: 'FontAwesome';

  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');    
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');    
  src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');    
  src: url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');    
  src: url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');    
  src: url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');    
  font-weight: normal;    
  font-style: normal;
  font-display: swap;
}
body {
    margin: 0
}
/* HUbspot form css */
.hbspt-form {
width: 100%;
/*position: relative;*/
}
.hbspt-form .hs-form-iframe {
width: 66.66% !important;
margin: auto;
}
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 {
    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 {
    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] {
        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;
        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
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

*, :after, :before {
    box-sizing: border-box
}

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

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

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

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

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

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-margin {
    margin: 5%;
}

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

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

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

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

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

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

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 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 {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism, .text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

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

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-inline {
    margin-left: -5px
}

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

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

dd, dt {
    line-height: 1.42857
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

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

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

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

.initialism {
    font-size: 90%
}

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

    blockquote 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.42857;
        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;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

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

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

    .container:after, .container:before {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }

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

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

@media (min-width:1280px) {
    .container {
        width: 1163px
    }
}

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

    .container-fluid:after, .container-fluid:before {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }
/*--
.row {
    margin-left: -20px;
    margin-right: -20px
}
*/
    .row:after, .row:before {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1280px) {
    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.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-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

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

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

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

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

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

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

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

@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:1279px) {
    .visible-md {
        display: block !important
    }

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

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

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

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

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

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

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

    table.visible-lg {
        display: table !important
    }

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

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

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

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

@media (min-width:1280px) {
    .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:1279px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1280px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

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

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

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

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

fieldset, legend {
    padding: 0;
    border: 0
}

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

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

input[type=search] {
    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=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

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

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

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

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

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

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

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

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

textarea.form-control {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    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.33333;
    border-radius: 6px
}

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

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

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

.has-feedback {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-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 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

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

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

    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
        content: " ";
        display: table
    }

    .form-horizontal .form-group:after {
        clear: both
    }

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

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

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

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

body, html {
    position: relative
}

main {
    display: inline-block;
    width: 100%;
    float: left
}

.visually-hidden {
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0
}

.accessible, .visually-hidden {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px
}

.accessible {
    clip: rect(1px,1px,1px,1px)
}

    .accessible:focus {
        top: 0;
        z-index: 8;
        width: auto;
        height: auto;
        clip: auto;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        background-color: #fff;
        padding: 10px 20px
    }

.dnone {
    display: none
}

.bg-pink {
    background-color: #611077
}

.bg-blue {
    background-color: #21bcec
}

.bg-black {
    background-color: #07060e
}

.bg-gray {
    background-color: #a8a8a8
}

.bg-purple {
    background-color: #722382
}

.blue {
    color: #21bcec
}

.purple {
    color: #722382
}

.btn-link, .btn-link-empty {
    display: inline-block;
    background-color: #21bcec;
    color: #fff;
    padding: 20px 35px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin: 25px auto;
    text-align: center;
    border: 0;
    border-radius: 50px;
    transition: .3s ease-out;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap
}

    .btn-link-empty svg, .btn-link svg {
        width: 20px;
        height: 20px;
        fill: #fff;
        overflow: visible
    }

        .btn-link-empty svg.icon-go-arrow, .btn-link svg.icon-go-arrow {
            margin-left: 3px;
            height: 14px;
            transition: transform .2s ease-out
        }

    .btn-link-empty:hover, .btn-link:hover {
        text-decoration: none;
        color: #fff;
        background-color: #722382
    }

    .btn-link-empty:active, .btn-link-empty:focus, .btn-link-empty:hover, .btn-link:active, .btn-link:focus, .btn-link:hover {
        color: #fff;
        text-decoration: none
    }

.btn-link {
    box-shadow: 0 8px 28px 2px rgba(0,0,0,.1)
}

    .btn-link:hover {
        box-shadow: 0 8px 40px 0 rgba(59,181,230,.3)
    }

@media (max-width:991px) {
    .btn-link {
        font-size: 16px;
        padding: 15px 30px;
    }
}

.btn-link-empty {
    text-transform: none;
    font-size: 20px;
    background-color: transparent;
    white-space: nowrap;
    padding: 0;
    color: #611077;
    font-weight: 700 !important
}

    .btn-link-empty:active, .btn-link-empty:focus, .btn-link-empty:hover {
        color: #21bcec;
        text-decoration: none
    }

    .btn-link-empty svg {
        fill: #611077
    }

@media (max-width:991px) {
    .btn-link-empty {
        display: block
    }
}

.btn-link-empty.no-padding {
    padding: 0
}

.btn-link-empty:active, .btn-link-empty:focus, .btn-link-empty:hover {
    color: #611077;
    background-color: transparent
}

    .btn-link-empty:active svg.icon-go-arrow, .btn-link-empty:focus svg.icon-go-arrow, .btn-link-empty:hover svg.icon-go-arrow {
        fill: #611077;
        transform: scaleX(1) translate3d(5px,0,0)
    }

.btn-block-center {
    text-align: CENTER
}

a {
    transition: color .2s ease-out
}

    a:focus, a:hover {
        text-decoration: none;
        color: #21bcec
    }

        a:focus svg.icon-go-arrow, a:hover svg.icon-go-arrow {
            fill: #21bcec
        }

.text-align-center {
    text-align: center
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

body.no-scroll {
    overflow: hidden;
    height: 100vh
}

.margin-bottom-50 {
    margin-bottom: 50px
}

.margin-top-50 {
    margin-top: 50px
}

.num-wrapper {
    display: inline-block;
    direction: ltr !important
}

.float-right {
    float: right
}

input::-ms-clear {
    display: none
}

.load-more, [type=submit] {
    position: relative
}

    .load-more.error, .load-more.loading, [type=submit].error, [type=submit].loading {
        box-shadow: none;
        background-color: transparent;
        text-indent: -9999px;
        background-image: url(../images/loader.svg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat
    }

    .load-more.error, [type=submit].error {
        background-image: url(../images/error.svg)
    }

.empty-result {
    font-size: 24px;
    display: none;
    margin-top: 50px
}

    .empty-result.active {
        display: block
    }

body, html {
    height: 100%;
    width: 100%;
    font-family: Cairo,Arial,"sans-serif";
    font-size: 24px;
    color: #231c36;
    background-color: #fff
}

a, body, html {
    font-weight: 400
}

h1, h2, h3, h4, h5, h6, p {
    color: #231c36;
    line-height: 1.5;
    font-weight: 400
}

h1 {
    font-size: 70px;
    margin-bottom: 10px;
    line-height: 1em
}

    h1 small {
        display: block;
        font-size: 24px;
        line-height: 1.4em;
        color: #fff
    }

@media only screen and (max-width:767px) {
    h1 {
        font-size: 40px
    }
}

h2 {
    font-size: 70px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px
}

    h2 small {
        font-size: 22px
    }

    h2 em, h2 small {
        margin-bottom: .5em;
        font-weight: 700
    }

    h2 em {
        font-size: 44px;
        font-style: normal;
        display: block
    }

@media only screen and (max-width:767px) {
    h2 {
        font-size: 40px
    }
}

h3 {
    font-size: 24px
}

h3, h4 {
    margin-bottom: 10px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h5, h6 {
    margin-bottom: 10px
}

h6 {
    font-size: 14px
}

p {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    color: #231c36;
}

@media only screen and (max-width:991px) {
    p {
        font-size: 13px;
        font-size: 12px
    }
}

p sup {
    margin-top: 2em;
    display: inline-block;
    font-size: 10px
}

blockquote {
    padding: 0;
    margin: 0;
    border: 0;
    text-transform: uppercase;
    font-size: 52px;
    line-height: 52px;
    font-weight: 700;
    color: #231c36
}

    blockquote:before {
        content: "“"
    }

    blockquote:after {
        content: "”"
    }

@media (max-width:991px) {
    blockquote {
        font-size: 24px;
        line-height: 34px
    }
}

.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: relative;
    float: right;
    padding: 4px 9px;
    background-color: #611077;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    outline: 0;
    text-indent: -9999px
}

   
.hamburger-box {
    width: 20px;
    height: 18px;
    display: inline-block;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1)
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 20px;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease
    }

        .hamburger-inner:after, .hamburger-inner:before {
            content: "";
            display: block
        }

        .hamburger-inner:before {
            top: -8px
        }

        .hamburger-inner:after {
            bottom: -8px
        }

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
        transition-duration: 0s;
        transition-delay: .1s;
        transition-timing-function: linear
    }

    .hamburger--vortex .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
        transition-delay: 0s
    }

    .hamburger--vortex.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg)
    }

.btn-share {
    color: #611077;
    font-size: 21.5px;
    font-weight: 700;
    outline: 0;
    white-space: nowrap
}

    .btn-share:focus {
        outline: 0
    }

    .btn-share:hover .a2a_kit {
        opacity: 1
    }

    .btn-share .a2a_kit {
        transition: .3s ease-out;
        margin-top: 10px;
        opacity: 0;
        background-color: transparent
    }

        .btn-share .a2a_kit a {
            display: inline-block;
            overflow: hidden
        }

            .btn-share .a2a_kit a .a2a_label {
                display: none
            }

        .btn-share .a2a_kit .a2a_button_facebook {
            border-radius: 5px;
            background-color: #3b5998;
            margin-right: 4px
        }

        .btn-share .a2a_kit .a2a_button_twitter {
            border-radius: 5px;
            background-color: #55acee;
            margin-right: 4px
        }

        .btn-share .a2a_kit .a2a_button_linkedin {
            border-radius: 5px;
            background-color: #007bb5;
            margin-right: 4px
        }

        .btn-share .a2a_kit .a2a_svg {
            opacity: 1
        }

    .btn-share svg.icon-share {
        fill: #611077;
        width: 19px;
        height: 20px;
        vertical-align: middle;
        margin-right: 6px;
    }
.navbar {
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    border-width: 0 0 1px;
    padding-top: 19px;
    padding-bottom: 19px
}

    .navbar.opened {
        min-height: 100vh;
        max-height: 100vh;
        overflow: scroll
    }

@media (min-width:993px) {
    .navbar .navbar-nav > li {
        float: left
    }

    .navbar .navbar-header {
        width: 19%;
        margin-left: -10px;
        float: left
    }

    .navbar .navbar-collapse.collapse {
        display: inline-block !important;
        height: 55px !important;
        padding-bottom: 0;
        overflow: visible !important;
        width: 81%;
        float: left
    }
}

.navbar a {
    color: #fff;
    font-size: 18px

}

.navbar .icon-search, .navbar .language-switcher {
    border-radius: 100%;
    border: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    display: inline-block
}

.navbar .language-switcher {
    background-color: #fff;
    color: #611077;
    font-size: 14px;
    font-weight: 700;
    line-height: 37px
}

.navbar-right {
    float: left;
    display: table;
    height: 55px;
    position: relative;
    padding: 0
}

@media only screen and (min-width:992px) {
    .navbar-right {
        padding-left: 4.3%
    }
}

@media (max-width:1279px) {
    .navbar-right {
        padding-left: 2%
    }
}

.navbar-right li {
    vertical-align: middle;
    display: table-cell;
    float: none
}

@media (max-width:992px) {
    .navbar-header-centered {
        text-align: center;
        position: relative
    }

        .navbar-header-centered .navbar-logo {
            display: inline-block;
            float: left
        }
}

.navbar-logo {
    display: inline-block;
    width: 100%;
    max-width: 210px
}

@media only screen and (max-width:767px) {
    .navbar-logo {
        max-width: 160px
    }
}

.navbar-logo img {
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav > li {
        position: relative;
        display: block
    }

@media only screen and (min-width:992px) {
    .navbar-nav > li {
        margin-left: 4.3%
    }
}

@media (max-width:1279px) {
    .navbar-nav > li {
        margin-left: 2.3%
    }
}

@media (max-width:992px) {
    .navbar-nav > li {
        overflow: hidden;
        margin-left: 0;
        margin: 20px 0
    }
}

.navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 15px 0;
}

    .navbar-nav > li > a:hover {
        text-decoration: none
    }

.navbar .search-container {
    width: 81px;
    display: none;
}

    .navbar .search-container .search-form {
        position: absolute;
        right: 0;
        top: 7px;
        display: inline-block;
        width: 100%
    }

        .navbar .search-container .search-form input[type=submit] {
            display: none
        }

        .navbar .search-container .search-form .search-input {
            width: 0;
            border: 0;
            border-radius: 30px;
            transition: .3s ease;
            height: 52px;
            margin-top: -5px;
            opacity: 0;
            font-size: 16px;
            max-width: 0;
            padding: 10px 30px;
            position: absolute;
            line-height: normal;
            right: 0
        }

            .navbar .search-container .search-form .search-input ::-webkit-input-placeholder {
                color: rgba(16,12,29,.3);
                line-height: 52px
            }

            .navbar .search-container .search-form .search-input ::-moz-placeholder {
                color: rgba(16,12,29,.3);
                line-height: 52px
            }

            .navbar .search-container .search-form .search-input :-ms-input-placeholder {
                color: rgba(16,12,29,.3)
            }

@media (max-width:992px) {
    .navbar .search-container .search-form .search-input ::-webkit-input-placeholder {
        color: #fff
    }

    .navbar .search-container .search-form .search-input ::-moz-placeholder {
        color: #fff
    }

    .navbar .search-container .search-form .search-input :-ms-input-placeholder {
        color: #fff
    }
}

.navbar .search-container .search-form .icon-search {
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s ease-out;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    outline: 0;
    background-color: #611077;
    display: inline-block
}

    .navbar .search-container .search-form .icon-search svg {
        fill: #fff;
        width: 18px;
        height: 18px;
        margin: auto
    }

.navbar .search-container.search-open .search-form .search-input {
    width: 400px;
    opacity: 1;
    max-width: 400px
}

@media (max-width:992px) {
    .navbar .search-container.search-open .search-form .search-input {
        width: 100%;
        max-width: 400px
    }
}

.navbar .search-container.search-open .search-form .icon-search {
    position: absolute;
    transform: translate(-7px) scaleZ(1);
    top: 0
}

.search-results-page .navbar .search-container {
    display: none
}

@media only screen and (min-width:992px) {
    .hamburger {
        display: none
    }
}

@media (max-width:992px) {
    .hamburger {
        display: block
    }

    .navbar-collapse.collapse {
        max-height: 0;
        overflow: hidden;
        transition: .3s ease-out
    }

        .navbar-collapse.collapse.in {
            max-height: 400px;
            overflow: visible
        }

    .navbar-nav > li > a {
        padding: 10px 0;
        font-weight: 700;
        font-size: 24px
    }

    li.dropdown .caret {
        background: url(../images/arrow-down2.svg) no-repeat;
        height: 10px;
        width: 10px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 20px
    }

    li.dropdown.open .caret {
        right: 30px;
        top: 15px;
        transform: rotate(180deg)
    }

    .navbar {
        padding-top: 30px
    }

        .navbar > .container {
            padding-left: 30px;
            padding-right: 30px
        }

    .navbar-nav .open {
        background-color: #100c1d;
        margin-left: -30px;
        margin-right: -30px;
        padding-top: 10px;
        padding-bottom: 20px
    }

        .navbar-nav .open a {
            padding: 10px 30px;
            
        }
.navbar-nav .open .dropdown-submenu a
{
    display: inline-block;
}
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            box-shadow: none
        }

    .navbar {
        transition: .3s ease-out
    }

        .navbar.opened {
            background-color: #221c35 !important
        }

            .navbar.opened .navbar-logo {
                display: none
            }

            .navbar.opened > .container {
                padding-left: 30px;
                padding-right: 30px
            }

            .navbar.opened .hamburger {
                position: absolute;
                right: 0;
                z-index: 2;
                margin: 0;
                background-color: #21bcec
            }

            .navbar.opened .navbar-collapse {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: column;
                flex-flow: column
            }

                .navbar.opened .navbar-collapse .navbar-nav {
                    -ms-flex-order: 2;
                    order: 2
                }

                .navbar.opened .navbar-collapse .navbar-right {
                    -ms-flex-order: 1;
                    order: 1;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    height: auto
                }
}

@media (max-width:992px) and (max-width:992px) {
    .navbar.opened .navbar-collapse .navbar-right {
        margin-bottom: 10px
    }
}

@media (max-width:992px) {
    .navbar.opened .navbar-collapse .navbar-right li {
        padding: 0;
        margin: 0;
        width: 100%;
        float: left
    }

    .navbar.opened .navbar-collapse .search-container .search-form {
        margin-top: 61px;
        margin-bottom: 40px;
        position: relative;
    }

        .navbar.opened .navbar-collapse .search-container .search-form input {
            width: 100%;
            background-color: #100c1d;
            border: 0;
            border-radius: 28px;
            height: 56px;
            outline: 0;
            color: #fff;
            padding-left: 30px
        }

        .navbar.opened .navbar-collapse .search-container .search-form .icon-search {
            right: 0
        }

        .navbar.opened .navbar-collapse .search-container .search-form .search-input {
            width: 100%;
            opacity: 1;
            max-width: none
        }

        .navbar.opened .navbar-collapse .search-container .search-form .icon-search {
            position: absolute;
            transform: translate(-7px) scaleZ(1);
            top: 3px
        }
}

.dropdown {
    position: relative;
    overflow: hidden
}

    .dropdown.open {
        overflow: visible
    }

        .dropdown.open > .dropdown-menu {
            max-height: 600px;
            opacity: 1;
            transition: .3s ease-out
        }

@media only screen and (min-width:992px) {
    .dropdown:hover {
        overflow: visible
    }

        .dropdown:hover > .dropdown-menu {
            max-height: 600px;
            opacity: 1;
            transition: .3s ease-out;
        }
}

@media only screen and (min-width:992px) and (min-width:320px) {
    .dropdown:hover > .dropdown-menu:after {
        position: absolute;
        left: 0;
        top: -8px;
        width: 0;
        height: 0;
        content: "";
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #100c1d
    }
}

.dropdown-toggle:focus, .dropdown.open > a {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -5px;
    float: left;
    min-width:max-content ;
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    padding: 55px 45px;
    background-color: #100c1d;
    max-height: 0;
    opacity: 0;
    transition: .3s ease-out;
    margin: 0
}

@media (max-width:992px) {
    .dropdown-menu {
        width: 100%;
        position: relative;
        padding: 0;
        background-color: transparent;
        left: 0
    }
}

.dropdown-menu > li {
    margin-bottom: 10px
}

@media (max-width:992px) {
    .dropdown-menu > li {
        margin-bottom: 0
    }
}

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

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #3bb5e6;
        text-decoration: none;
        outline: 0
    }

.dropdown-menu > li:last-of-type {
    margin-bottom: 0
}

footer section.footer-wrapper {
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #07060e;
    padding: 90px 0
}

@media only screen and (max-width:991px) {
    footer section.footer-wrapper {
        padding: 50px 0
    }
}

footer section.footer-wrapper h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin: 0;
    margin-bottom: 25px;
    float: left
}

@media only screen and (max-width:767px) {
    footer section.footer-wrapper h3 {
        margin-bottom: 15px
    }
}

footer section.footer-wrapper a, footer section.footer-wrapper p {
    color: #fff;
    line-height: 1.5
}

footer section.footer-wrapper ul {
    padding: 0;
    margin: 0
}

footer section.footer-wrapper li {
    list-style-type: none;
    font-size: 16px
}

footer section.footer-wrapper .social {
    float: right
}

    footer section.footer-wrapper .social li {
        float: left;
        padding: 0 18px;
        color: #fff;
        font-size: 14px
    }

        footer section.footer-wrapper .social li:last-child {
            padding-right: 0
        }

    footer section.footer-wrapper .social svg {
        fill: #fff;
        height: 20px;
        width: 20px
    }

footer section.footer-wrapper .top {
    margin-bottom: 90px
}

footer section.footer-wrapper .middle {
    margin-bottom: 30px
}

    footer section.footer-wrapper .middle .middle_nav {
        float: left;
        display: inline-block;
        width: 100%
    }

        footer section.footer-wrapper .middle .middle_nav li {
            float: left;
            list-style-type: none;
            padding-right: 30px
        }

@media only screen and (max-width:991px) {
    footer section.footer-wrapper .middle .middle_nav li {
        padding-right: 25px
    }
}

footer section.footer-wrapper .middle .middle_nav li a {
    line-height: 1
}

footer section.footer-wrapper .bottom p {
    font-size: 14px;
    margin: 0
}

@media only screen and (max-width:767px) {
    footer section.footer-wrapper {
        padding: 50px 20px
    }

        footer section.footer-wrapper .footer-item {
            overflow: hidden;
            margin-bottom: 40px
        }

            footer section.footer-wrapper .footer-item h3.footer-item-header {
                margin-bottom: 10px
            }

            footer section.footer-wrapper .footer-item ul {
                display: inline-block;
                transition: .3s ease-out;
                max-height: 0;
                opacity: 0;
                overflow: hidden;
                float: left
            }

            footer section.footer-wrapper .footer-item.active ul {
                max-height: 500px;
                opacity: 1
            }

        footer section.footer-wrapper .top {
            margin-bottom: 0
        }

        footer section.footer-wrapper .middle {
            margin-bottom: 30px
        }

            footer section.footer-wrapper .middle .middle-nav-container {
                display: none
            }

            footer section.footer-wrapper .middle .social {
                width: 100%
            }

                footer section.footer-wrapper .middle .social li {
                    width: 33.33333%;
                    text-align: center
                }

                    footer section.footer-wrapper .middle .social li svg {
                        height: 40px;
                        width: 40px
                    }

                    footer section.footer-wrapper .middle .social li:first-child {
                        width: 100%;
                        text-align: center;
                        font-size: 18px;
                        padding-bottom: 40px
                    }

        footer section.footer-wrapper .bottom .copyrights {
            text-align: center
        }
}

@media only screen and (max-width:767px) and (max-width:767px) {
    footer section.footer-wrapper .bottom .copyrights .mobile-hide {
        display: none
    }
}

@media only screen and (max-width:767px) and (max-width:767px) {
    footer section.footer-wrapper .bottom .copyrights .privacy {
        display: block;
        margin-top: 3px
    }
}

header {
    width: 100%;
    height: 100vh;
    background-position: 50%;
    background-size: cover;
    min-height: 700px;
    overflow: hidden
}

    header canvas {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        width: 100% !important;
        height: 100% !important
    }

    header.inner-page {
        height: 398px;
        min-height: 0
    }

        header.inner-page h1 {
            line-height: 1.12
        }

        header.inner-page .hero-button {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,60%) scaleZ(1)
        }

@media only screen and (max-width:767px) {
    header.inner-page .hero-button {
        width: 220px
    }
}

header.inner-page.search {
    height: 320px;
    min-height: 0;
    background-color: #722382
}

    header.inner-page.search .header-wrapper .header {
        top: auto;
        bottom: 60px
    }

@media only screen and (max-width:991px) {
    header {
        height: calc(100vh - 25px)
    }
}

@media only screen and (max-width:767px) {
    header {
        background-position-x: 75%;
        height: calc(100vh - 70px)
    }
}

header h1 {
    color: #fff;
    font-weight: 100;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    header h1 {
        padding: 0 20px
    }
}

@media only screen and (max-width:767px) {
    header h1 {
        text-align: left;
        display: inline-block;
        max-width: 288px;
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    header br {
        display: none
    }
}

header .container, header .row {
    height: 100%
}

@media only screen and (max-width:767px) {
header .container, header .row {
    height: 130%
}
}

header .header-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-right: 0;
    margin-left: 0
}

    header .header-wrapper:before {
        content: "";
        background: url(../images/white-dots.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scaleZ(1);
        height: 100%;
        width: 100%;
        max-width: 605px;
        max-height: 664px;
        transform-origin: center;
        animation: galaxy-rotation-animation 50s linear infinite
    }

@media only screen and (max-width:767px) {
    header .header-wrapper:before {
        transform: translate(-50%,-50%) rotate(270deg);
        animation: none
    }
}

header .header-wrapper h1.header {
    margin: 0;
    text-transform: uppercase;
    font-size: 40px;
    display: inline-block;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%) scaleZ(1)
}

header .header-wrapper .header-with-button {
    display: inline-block;
    width: 58%;
    height: auto;
    position: absolute;
    /* right: 0; */
    bottom: 250px
}

    header .header-wrapper .header-with-button h1 {
        width: 100%;
        line-height: .93;
        text-shadow: 2px 2px black;
    }

@media only screen and (max-width:991px) {
    header .header-wrapper .header-with-button {
        width: 70%;
        left: 50%;
        transform: translate(-50%) scaleZ(1)
    }
}

@media only screen and (min-width:768px) {
    header .header-wrapper .header-with-button {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    header .header-wrapper .header-with-button {
        text-align: center
    }
}

header .header-wrapper .header-with-button .btn-link {
    padding: 20px 34px
}

header .icon-scroll {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%) scaleZ(1);
    font-size: 12px
}

    header .icon-scroll .icon-go-arrow {
        fill: #fff !important;
        width: 15px;
        height: 15px;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        animation: scroll-arrow-animation .3s ease-in infinite alternate;
        overflow: visible
    }

@keyframes scroll-arrow-animation {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(40%)
    }
}

@keyframes galaxy-rotation-animation {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

.video {
    width: 100%;
    height: 100vh
}

@media only screen and (max-width:991px) {
    .video {
        min-height: 500px;
        height: 60vh
    }
}

@media only screen and (max-width:767px) {
    .video {
        min-height: 350px;
        height: 45vh
    }
}

.video-wrapper {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.video video {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1);
    height: 130%;
    float: left
}

.what-we-do {
    background-color: #07060e;
    color: #fff;
    padding: 120px 0
}

    .what-we-do .container {
        position: relative
    }

@media only screen and (max-width:991px) {
    .what-we-do {
        padding: 40px 0 200px
    }
}

.what-we-do-title {
    color: #fff;
    line-height: .93;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-weight: 300;
    text-align: left
}

.what-we-do-title-wrapper {
    min-height: 328px;
    text-align: center
}

@media only screen and (min-width:992px) {
    .what-we-do-title-wrapper {
        transform: translateX(-15px);
        text-align: left;
        padding-top: 50px;
        padding-left: 60px
    }
}

@media only screen and (max-width:991px) {
    .what-we-do-title-wrapper {
        background-position: 50%;
        margin-bottom: 60px;
        padding: 30% 0;
        min-height: 0
    }
}

@media only screen and (max-width:991px) {
    .what-we-do-title-wrapper svg[class*=dot-].center {
        top: 300px
    }
}

@media only screen and (max-width:767px) {
    .what-we-do-title-wrapper svg[class*=dot-].center {
        width: 300px;
        height: 300px;
        top: 150px
    }
}

.what-we-do-section-first .btn-link {
    position: relative;
    z-index: 1
}

@media only screen and (min-width:992px) {
    .what-we-do-section-first {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:991px) {
    .what-we-do-section-first {
        position: static
    }

        .what-we-do-section-first .btn-link {
            position: absolute;
            left: 50%;
            bottom: -150px;
            transform: translate(-50%) scaleZ(1)
        }
}

@media only screen and (min-width:992px) {
    .what-we-do-section-second {
        float: right
    }
}

.what-we-do .icon-what-we-do {
    fill: #611077
}

.what-we-do .nav {
    padding: 0;
    margin-bottom: 0
}

    .what-we-do .nav li {
        list-style-type: none;
        padding-left: 85px;
        background-repeat: no-repeat;
        background-position-y: 5px;
        line-height: 1;
        position: relative
    }

        .what-we-do .nav li:hover svg {
            animation: shake-animation .3s ease-out
        }

        .what-we-do .nav li a svg {
            position: absolute;
            left: 0;
            top: 0;
            width: 60px;
            height: 60px;
            fill: #fff
        }

            .what-we-do .nav li a svg.icon-bus {
                top: -10px
            }

@media only screen and (max-width:767px) {
    .what-we-do .nav li {
        padding-left: 0;
        padding-top: 100px
    }

        .what-we-do .nav li a svg {
            width: 90px;
            height: 90px
        }

            .what-we-do .nav li a svg.icon-ship {
                top: -10px
            }

            .what-we-do .nav li a svg.icon-bus {
                top: 0
            }
}

.what-we-do .nav li + li {
    margin-top: 80px
}

.what-we-do .nav-list {
    padding: 0;
    margin-top: 10px
}

    .what-we-do .nav-list li {
        padding-left: 0;
        padding-top: 0;
        font-size: 15px;
        position: relative;
        font-weight: 400;
        padding-left: 15px
    }

        .what-we-do .nav-list li + li {
            margin-top: 5px
        }

        .what-we-do .nav-list li:before {
            content: "";
            width: 5px;
            height: 5px;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            left: 0
        }

.what-we-do .nav a {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .what-we-do .nav a {
        font-size: 30px
    }
}

.what-we-do .nav a small {
    text-transform: none;
    font-size: 18px;
    font-weight: 100;
    display: inline-block;
    line-height: 1.26;
    padding-top: 10px;
    display: block
}

@media only screen and (max-width:767px) {
    .what-we-do .nav a small {
        font-size: 20px
    }
}

@keyframes shake-animation {
    0% {
        transform: translateZ(0)
    }

    20% {
        transform: translate3d(-3px,0,0)
    }

    60% {
        transform: translateZ(0)
    }

    80% {
        transform: translate3d(3px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.cards-wrapper {
    max-width: 500px;
    transition: .3s ease-out
}

    .cards-wrapper.hide-wrapper {
        max-width: 0
    }

[data-search-card] {
    transition: opacity .3s ease-out
}

.hide-card[data-search-card] {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 90px 0 rgba(0,0,0,.15);
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.4
}

@media only screen and (max-width:767px) {
    .card {
        box-shadow: 0 0 50px 0 rgba(0,0,0,.15)
    }
}

.card.news-card {
    height: 540px
}

.card.pord-card {
    height: 580px
}

.card.address-card {
    display: inline-block;
    height: 700px;
    margin: 20px 0;
    opacity: 1;
    transition: .3s ease-out
}

    .card.address-card img {
        border-radius: 5px 5px 0 0
    }

@media only screen and (max-width:767px) {
    .card.address-card {
        height: auto
    }
}

.hide-card .card.address-card {
    opacity: 0;
    width: 0;
    height: 0
}

.card.address-card .card-block {
    overflow: auto;
    height: 480px;
    padding: 40px 30px
}

@media only screen and (max-width:767px) {
    .card.address-card .card-block {
        height: auto
    }
}

.card.address-card .card-block > * {
    display: inline-block;
    margin-bottom: 20px
}

.card.center-links .links-container {
    text-align: center;
    margin-top: 20px;
    width: 100%
}

.card.center-links .btn-link-empty {
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.card .btn-link-empty {
    display: inline-block;
    width: 100%;
    margin: 0;
    margin-top: 30px;
    text-align: left;
    float: left
}

.card .btn-link {
    display: inline-block;
    margin: 0;
    margin-top: 23px
}

@media only screen and (max-width:767px) {
    .card .btn-link {
        padding: 20px
    }
}

.card:hover .card-image-wrapper .img, .card:hover .card-image-wrapper img {
    transform: translateZ(0) scale(1.1)
}

.card-image-wrapper {
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.card-image-wrapper, .card .img, .card img {
    display: inline-block;
    min-height: 220px;
    height: 220px;
    width: 100%;
    transform: translateZ(0) scale(1)
}

.card .img, .card img {
    background-position: 50%;
    background-size: cover;
    background-color: #d3d3d3;
    transition: .3s ease-out
}

    .card .img.contain, .card img.contain {
        background-size: contain;
        background-repeat: no-repeat
    }

.card-block {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 50px 32px
}

.card-time {
    font-size: 14px;
    font-weight: 100;
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 8px
}

.card-title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    max-height: 72px
}

.card-text, .card-title {
    line-height: 1.2;
    overflow: hidden
}

.card-text {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    float: left;
    margin: 0;
    margin-top: 30px;
    max-height: 65px;
    -webkit-line-clamp: 3;
    display: -webkit-box
}

.card .has-icon {
    width: 100%;
    padding-left: 35px;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

    .card .has-icon svg {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0;
        fill: #000
    }

.card-email, .card-office-location {
    color: #3bb5e6;
    text-decoration: none
}

    .card-email.has-icon svg, .card-office-location.has-icon svg {
        fill: #3bb5e6
    }

.card a.card-phone, .card a.card-phone:active, .card a.card-phone:focus, .card a.card-phone:hover, .card a.card-phone:visited {
    color: #000
}

@media only screen and (max-width:767px) {
    .latest-news .scrollable-container, .other-news .scrollable-container {
        padding: 30px 0;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .latest-news .scrollable-container *, .other-news .scrollable-container * {
            white-space: normal
        }

    .latest-news .card-column, .other-news .card-column {
        max-width: 300px;
        display: inline-block;
        float: none
    }
}

.news {
    padding-top: 75px;
    padding-bottom: 45px
}

    .news .btn-block-center {
        margin-top: 25px
    }

.other-news {
    margin-top: 56px;
    margin-bottom: 100px
}

@media only screen and (max-width:767px) {
    .other-news {
        margin-top: 0;
        margin-bottom: 0
    }
}

.other-news h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.05;
    text-align: left;
    margin-bottom: 28px
}

@media only screen and (max-width:767px) {
    .other-news h2 {
        text-align: center;
        margin-bottom: 0
    }
}

.latest-news.inner-page {
    padding: 65px 0 0
}

.latest-news h2 {
    margin-bottom: 20px
}

.latest-news .btn-link {
    text-align: center;
    margin-top: 70px
}

@media only screen and (max-width:767px) {
    .latest-news .btn-link {
        margin-top: 25px;
        margin-bottom: 20px
    }
}

.map {
    height: 600px;
    text-align: center;
    background-size: contain;
    margin: 50px 0;
    position: relative;
    overflow: hidden
}

    .map svg {
        display: inline-block;
        height: 100%;
        width: 100%;
        float: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scaleZ(1);
        fill: #d4effa
    }

@media only screen and (max-width:767px) {
    .map {
        height: 350px
    }
}

.map .container, .map .row {
    height: 100%
}

.map h2 {
    text-align: left;
    line-height: .92;
    font-weight: 300
}

.map .vertical-text {
    transform-origin: left top 0;
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translate3d(0,-100%,0) rotate(270deg);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.map .vertical-align {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.map:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1);
    z-index: 0;
    background-size: contain;
    background-position: 50%;
    background-image: url(../images/animated-map.svg);
    background-repeat: no-repeat
}

.two-colors {
    position: relative;
    overflow: hidden
}

    .two-colors h2, .two-colors p {
        position: relative;
        z-index: 1
    }

    .two-colors h2 {
        text-align: left;
        color: inherit;
        font-size: 40px;
        line-height: 1;
        margin: 0;
        margin-bottom: 45px;
        font-weight: 300
    }

@media only screen and (max-width:767px) {
    .two-colors h2 {
        margin-bottom: 25px
    }
}

.two-colors p {
    color: inherit
}

@media only screen and (max-width:767px) {
    .two-colors p {
        font-size: 20px
    }
}

.two-colors-section {
    min-height: 355px
}

    .two-colors-section .btn-link-empty {
        color: inherit;
        z-index: 3;
        position: relative;
        text-align: left
    }

        .two-colors-section .btn-link-empty:hover svg, .two-colors-section .btn-link-empty svg {
            fill: #fff
        }

@media only screen and (max-width:767px) {
    .two-colors-section {
        overflow: hidden;
        padding: 50px 30px 85px;
        position: relative;
    }
}

@media only screen and (min-width:768px) {
    .two-colors-section {
        position: static
    }
}

.two-colors-section.text-black {
    color: #000
}

    .two-colors-section.text-black .btn-link-empty svg {
        fill: #000
    }

    .two-colors-section.text-black [class*=icon-] {
        fill: hsla(0,0%,61%,.1)
    }

.two-colors-section.text-white {
    color: #fff
}

    .two-colors-section.text-white .btn-link-empty svg {
        fill: #fff
    }

.two-colors-section-first > svg {
    position: absolute;
    bottom: 373px;
    left: -38px;
    width: 100%;
    height: 300px;
    z-index: 3;
}

@media only screen and (max-width:767px) {
    .two-colors-section-first > svg {
        bottom: -15px
    }
}

@media only screen and (min-width:768px) {
    .two-colors-section-first {
        padding: 115px 115px 115px 0;
        margin-bottom: 355px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .two-colors-section-first {
        padding-left: 20px
    }
}

.two-colors-section-second > svg {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 300px;
    height: 300px;
    z-index: 3
}

@media only screen and (max-width:767px) {
    .two-colors-section-second > svg {
        bottom: -30px
    }
}

@media only screen and (min-width:768px) {
    .two-colors-section-second {
        margin-top: 355px;
        padding: 115px 0 115px 91px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .two-colors-section-second {
        padding-right: 15px;
    }
}

.two-colors-section-image {
    width: 100%
}

@media only screen and (min-width:768px) {
    .two-colors-section-image {
        display: none
    }
}

.two-colors:after, .two-colors:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 65%;
    z-index: 1;
    background-color: #611077;
}

@media only screen and (max-width: 767px) {
    .two-colors:after, .two-colors:before {
        height: 50%;
        width: 100%;
    }
}

.two-colors:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 0;
    background-color: #21bcec
}

.two-colors .two-colors-image {
    background-size: cover;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    background-attachment: fixed;
    background-image: url(../images/distribution@1x.jpg)
}

@media only screen and (max-width:991px) {
    .two-colors .two-colors-image {
        background-attachment: scroll
    }
}

@media only screen and (max-width:767px) {
    .two-colors .two-colors-image {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi) {
    .two-colors .two-colors-image {
        background-image: url(../images/distribution@2x.jpg)
    }
}

.two-colors > .container {
    z-index: 2
}

.bg-pink-first.bg-blue-second:before {
    background-color: #611077
}

.bg-pink-first.bg-blue-second:after {
    background-color: #21bcec
}

.bg-pink-first.bg-blue-second .two-colors-section-first, .bg-pink-first.bg-blue-second .two-colors-section-second {
    color: #fff;
    background: #611077;
}

.bg-pink-first.bg-white-second:before {
    background-color: #611077
}

.bg-pink-first.bg-white-second:after {
    background-color: #fff
}

.bg-pink-first.bg-white-second .two-colors-section-first {
    color: #fff
}

.bg-pink-first.bg-white-second .two-colors-section-second {
    color: #000
}

.bg-pink-first.bg-pink-second:after, .bg-pink-first.bg-pink-second:before {
    background-color: #611077
}

.bg-pink-first.bg-pink-second .two-colors-section-first, .bg-pink-first.bg-pink-second .two-colors-section-second {
    color: #fff
}

.bg-blue-first.bg-blue-second:after, .bg-blue-first.bg-blue-second:before {
    background-color: #21bcec
}

.bg-blue-first.bg-blue-second .two-colors-section-first, .bg-blue-first.bg-blue-second .two-colors-section-second {
    color: #fff
}

.bg-blue-first.bg-white-second:before {
    background-color: #21bcec
}

.bg-blue-first.bg-white-second:after {
    background-color: #fff
}

.bg-blue-first.bg-white-second .two-colors-section-first {
    color: #fff
}

.bg-blue-first.bg-white-second .two-colors-section-second {
    color: #000
}

.bg-blue-first.bg-pink-second:before {
    background-color: #21bcec
}

.bg-blue-first.bg-pink-second:after {
    background-color: #611077
}

.bg-blue-first.bg-pink-second .two-colors-section-first, .bg-blue-first.bg-pink-second .two-colors-section-second {
    color: #fff
}

.bg-white-first.bg-blue-second:before {
    background-color: #fff
}

.bg-white-first.bg-blue-second:after {
    background-color: #21bcec
}

.bg-white-first.bg-blue-second .two-colors-section-first {
    color: #000
}

.bg-white-first.bg-blue-second .two-colors-section-second {
    color: #fff
}

.bg-white-first.bg-white-second:after, .bg-white-first.bg-white-second:before {
    background-color: #fff
}

.bg-white-first.bg-white-second .two-colors-section-first, .bg-white-first.bg-white-second .two-colors-section-second {
    color: #000
}

.bg-white-first.bg-pink-second:before {
    background-color: #fff
}

.bg-white-first.bg-pink-second:after {
    background-color: #611077
}

.bg-white-first.bg-pink-second .two-colors-section-first {
    color: #000
}

.bg-white-first.bg-pink-second .two-colors-section-second {
    color: #fff
}

.events {
    position: relative;
    padding: 40px 0;
    transform: translateY(-40px);
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .events {
        padding-left: 30px;
        padding-right: 30px;
        padding: 40px 0 0
    }
}

.events .no-events {
    text-align: center
}

.event {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 50px;
    padding: 0;
    border-bottom: 1px solid rgba(35,28,54,.21)
}

    .event:last-child {
        border-bottom: none
    }

@media only screen and (max-width:767px) {
    .event {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.event-date {
    min-width: 135px;
    max-width: 135px;
    height: 140px;
    box-shadow: 0 0 90px 0 rgba(0,0,0,.15);
    padding: 0;
    margin-top: 9px
}

@media only screen and (max-width:767px) {
    .event-date {
        margin-top: 0
    }
}

.event-info {
    margin-left: 33px
}

@media only screen and (max-width:767px) {
    .event-info {
        margin-left: 0;
        margin-top: 35px;
        padding-bottom: 5px
    }
}

.event-info h3 {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px
}

@media only screen and (max-width:767px) {
    .event-info h3 {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.event-info .event-location {
    font-size: 16px;
    font-weight: 700;
    padding-left: 21px;
    background: url(../images/marker2.svg) no-repeat 0;
    background-size: 12px 18px;
    margin-bottom: -3px
}

@media only screen and (max-width:767px) {
    .event-info .event-location {
        font-size: 20px;
        margin-bottom: 9px
    }
}

.event-info .event-time {
    font-size: 16px;
    font-weight: 700;
    color: #611077
}

@media only screen and (max-width:767px) {
    .event-info .event-time {
        font-size: 20px
    }
}

.event-info .event-summary {
    font-family: Cairo;
    font-size: 16px;
    line-height: 1.36;
    font-weight: 400;
    padding-right: 30px
}

@media only screen and (max-width:767px) {
    .event-info .event-summary {
        font-size: 20px;
        margin-top: 3px
    }
}

.event-info .btn-link-empty {
    font-size: 16px;
    float: right;
    text-transform: uppercase;
    margin-right: 25px
}

@media only screen and (max-width:767px) {
    .event-info .btn-link-empty {
        float: left
    }
}

.event-month {
    text-transform: uppercase;
    background-color: #611077;
    font-size: 18px;
    color: #fff;
    height: 48px;
    line-height: 48px
}

.event-day, .event-month {
    font-weight: 700;
    text-align: center
}

.event-day {
    font-size: 63px;
    color: #611077;
    height: 90px;
    line-height: 90px
}

.form {
    padding: 0
}

    .form label {
        display: inline-block;
        width: 100%;
        text-transform: uppercase;
        font-size: 18px;
        color: #000;
        margin: 0px 0 0;
        line-height: 1
    }

    .form input, .form select, .form textarea {
        display: inline-block;
        /*width: 100%;*/
        border-radius: 26px;
        /*height: 52px;*/
        border: none;
        resize: none;
        padding: 10px 20px;
        font-size: 16px;
        margin-top: 20px;
        /*-webkit-appearance: none;*/
        font-weight: 400;
        background-color: #f1f1f1;
        line-height: normal
    }

        .form input:focus, .form select:focus, .form textarea:focus {
            background-color: #fff;
            box-shadow: 0 21px 40px 0 rgba(0,0,0,.14)
        }
        .form input#Textbox1, #Textbox2, #Textbox3, #Textbox4, #Textbox5, #Textbox6 {
            height: 52px;
        }

    .form select {
        background-image: url(../images/arrow-down-black.svg);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: 92%;
        width: 99%;
        -moz-appearance: none
    }

        .form select::-ms-expand {
            display: none
        }

    .form textarea {
        height: 120px
    }

    .form button, .form input[type=button], .form input[type=submit] {
        display: inline-block;
        width: 100%;
        border: none;
        height: 52px;
        border-radius: 26px;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        padding: 5px 20px;
        margin-top: 34px
    }

.form-result-message {
    text-align: center
}

.form-loading {
    margin-left: 50%;
    transform: translateX(-50%)
}

.form .error, .form .field-validation-error, .form .ui-state-error {
    /*border: 1px solid red;*/
    box-shadow: none
}
.form select {
    display: inline-block;
    /* width: 100%; */
    border-radius: 26px;
    /* height: 52px; */
    border: none;
    resize: none;
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 20px;
    -webkit-appearance: none;
    font-weight: 400;
    background-color: #f1f1f1;
    line-height: normal;
}


.form .error-message {
    position: absolute;
    font-size: 15px;
    color: red;
    text-align: center;
    padding-left: 30px
}

.form-button {
    transition: .3s ease-out
}

    .form-button.bg-gray {
        background-color: #a8a8a8
    }

        .form-button.bg-gray:active, .form-button.bg-gray:focus, .form-button.bg-gray:hover, .form-button.bg-gray:visited {
            box-shadow: 0 9px 16px 2px rgba(0,0,0,.25);
            background-color: #07060e
        }

    .form-button.bg-blue {
        background-color: #21bcec
    }

        .form-button.bg-blue:active, .form-button.bg-blue:focus, .form-button.bg-blue:hover, .form-button.bg-blue:visited {
            box-shadow: 0 8px 40px 0 rgba(59,181,230,.3);
            background-color: #722382
        }

.contact-subscribe {
    display: inline-block;
    width: 100%;
    float: left
}

    .contact-subscribe .contact-us, .contact-subscribe .subscribe {
        height: 86px;
        padding: 0
    }

        .contact-subscribe .contact-us .error-message, .contact-subscribe .subscribe .error-message {
            padding-left: 0;
            padding-top: 12px
        }

        .contact-subscribe .contact-us.active, .contact-subscribe .subscribe.active {
            position: relative;
            z-index: 6
        }

            .contact-subscribe .contact-us.active .form .wrapper, .contact-subscribe .subscribe.active .form .wrapper {
                opacity: 1;
                max-height: 500px;
                padding-bottom: 30px
            }

@media only screen and (max-width:991px) {
    .contact-subscribe .contact-us.active .form .wrapper, .contact-subscribe .subscribe.active .form .wrapper {
        max-height: 1000px
    }
}

.contact-subscribe .contact-us .form, .contact-subscribe .subscribe .form {
    background-color: #fff;
    box-shadow: 0 18px 44px 0 rgba(0,0,0,.18);
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    z-index: 1
}

    .contact-subscribe .contact-us .form .form-label, .contact-subscribe .subscribe .form .form-label {
        text-transform: none
    }

    .contact-subscribe .contact-us .form .wrapper, .contact-subscribe .subscribe .form .wrapper {
        display: inline-block;
        padding: 0 40px;
        width: 100%;
        float: left;
        max-height: 0;
        transition: .3s ease-out;
        overflow: hidden;
        opacity: 0;
        position: relative
    }

@media only screen and (max-width:991px) {
    .contact-subscribe .contact-us .form .wrapper, .contact-subscribe .subscribe .form .wrapper {
        padding: 0 20px
    }
}

@media only screen and (max-width:767px) {
    .contact-subscribe .contact-us .form .wrapper, .contact-subscribe .subscribe .form .wrapper {
        padding: 0
    }
}

.contact-subscribe .contact-us .form .wrapper *, .contact-subscribe .subscribe .form .wrapper * {
    transition: .3s ease-out;
    opacity: 1
}

.contact-subscribe .contact-us .form .wrapper .message, .contact-subscribe .subscribe .form .wrapper .message {
    transition: .3s ease-out;
    opacity: 0;
    z-index: -1;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    color: #0f6058;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1)
}

.browser-ie .contact-subscribe .contact-us .form .wrapper .message, .browser-ie .contact-subscribe .subscribe .form .wrapper .message {
    transform: translate(-50%,-50%)
}

@supports (-ms-ime-align:auto) {
    .contact-subscribe .contact-us .form .wrapper .message, .contact-subscribe .subscribe .form .wrapper .message {
        transform: translate(-50%,-50%)
    }
}

.contact-subscribe .contact-us .form.show-message .wrapper *, .contact-subscribe .subscribe .form.show-message .wrapper * {
    opacity: 0
}

.contact-subscribe .contact-us .form.show-message .wrapper .message, .contact-subscribe .subscribe .form.show-message .wrapper .message {
    opacity: 1
}

.contact-subscribe .contact-us .form-header, .contact-subscribe .subscribe .form-header {
    display: inline-block;
    width: 100%;
    height: 86px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 85px;
    margin: 0;
    float: left;
    border: none;
    cursor: pointer
}

.business-opportunity-form {
    overflow: hidden
}

    .business-opportunity-form .form {
        display: block;
        padding-top: 100px
    }

@media only screen and (max-width:991px) {
    .business-opportunity-form .form {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .business-opportunity-form .form {
        width: 100%;
        padding-top: 50px;
        background-position: top
    }
}

.business-opportunity-form .form label {
    text-transform: none
}

.business-opportunity-form .form button {
    width: 144px;
    margin-top: 20px
}

.business-opportunity-form .form .error-message {
    padding-left: 0;
    position: static;
    text-align: left
}

.page-summary {
    text-align: center;
    margin: 100px 0
}

    .page-summary.no-bottom-margin {
        margin-bottom: 0
    }

    .page-summary.no-top-margin {
        margin-top: 0
    }

@media only screen and (max-width:767px) {
    .page-summary {
        margin: 60px 0
    }
}

.page-summary-text {
    text-align: center;
    display: block;
    font-size: 22px;
    line-height: 28px;
    color: #231c36
}

.directors {
    margin-top: 20px
}

.directors-header {
    font-size: 40px;
    text-align: left
}

.directors-header, .directors .director-card {
    margin-bottom: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .directors .director-card {
        height: 415px
    }
}

.directors .director-card .top-wrapper {
    display: inline-block;
    width: 100%;
    float: left;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer;
    height: 380px
}

.directors .director-card .top-wrapper12 {
    display: inline-block;
    width: 100%;
    float: left;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer;
    height: 380px
}

.directors .director-card.no-bio .top-wrapper {
    cursor: default
}

.directors .director-card .bottom-wrapper {
    display: inline-block;
    width: 100%;
    float: left
}

.directors .director-card-bio {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #231c36;
    transform: translate3d(0,100%,0);
    transition: .3s ease-out;
    opacity: .6;
    padding: 40px 25px;
    height: 380px
}

.directors .director-card-bio-header {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px
}

h6.director-card-bio-header {
    display: none;
}

.directors .director-card-bio-text {
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    display: inline-block;
    width: 100%;
    height: 200px;
    overflow: auto
}

.directors .director-card.active .director-card-bio {
    transform: translateZ(0);
    opacity: 1
}

.directors .director-card-info {
    padding: 20px 10px
}

.directors .director-card-info-name {
    font-size: 20px;
    color: #231c36;
    line-height: 1.2;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 700
}

.directors .director-card-info-role {
    font-size: 16px;
    color: #231c36;
    line-height: 1.15;
    text-transform: uppercase;
    display: block;
    text-align: center
}

.annual-report {
    margin-top: 110px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .annual-report {
        margin-top: 60px
    }
}

@media only screen and (min-width:768px) {
    .annual-report .container {
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .annual-report .img-column {
        position: static
    }
}

.annual-report-featured-header {
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    margin: 0;
    margin-bottom: 32px;
    line-height: 1
}

.annual-report-featured-text {
    font-size: 22px
}

.annual-report-featured-image {
    display: inline-block;
    width: 100%;
    height: 440px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-position: 100%;
    float: right
}

@media only screen and (min-width:768px) {
    .annual-report-featured-image {
        position: absolute;
        right: 20px;
        top: 0
    }
}

@media only screen and (max-width:991px) {
    .annual-report-featured-image {
        height: 300px
    }
}

@media only screen and (max-width:767px) {
    .annual-report-featured-image {
        float: left;
        height: 440px;
        background-position: 0;
        margin-bottom: 50px
    }
}

.annual-report-archive {
    margin-top: 115px
}

@media only screen and (max-width:991px) {
    .annual-report-archive {
        margin-top: 80px
    }
}

.annual-report-archive-header {
    font-size: 40px;
    text-align: left;
    margin: 0;
    margin-bottom: 32px;
    line-height: 1;
    width: 100%
}

.annual-report-archive-year {
    display: block;
    border-radius: 50%;
    width: 156px;
    height: 156px;
    box-shadow: 0 12px 21px 0 rgba(0,0,0,.11);
    margin-bottom: 50px;
    position: relative;
    margin: 0 auto 50px;
    transition: .3s ease-out
}

@media (max-width:1024px) and (orientation:landscape) {
    .annual-report-archive-year {
        width: 130px;
        height: 130px
    }
}

@media only screen and (max-width:767px) {
    .annual-report-archive-year {
        width: 120px;
        height: 120px
    }
}

.annual-report-archive-year.newsletter time {
    font-size: 15px
}

.annual-report-archive-year .wrapper {
    display: inline-block;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1)
}

.annual-report-archive-year svg {
    display: inline-block;
    width: 100%;
    height: 48px
}

.annual-report-archive-year time {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #000
}

.annual-report-archive-year:hover {
    background-color: #21bcec;
    box-shadow: none
}

    .annual-report-archive-year:hover svg {
        fill: #fff
    }

    .annual-report-archive-year:hover time {
        color: #fff
    }

.ports {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    transform: translate3d(0,-10px,0)
}

    .ports .wrapper {
        display: block;
        width: 55%;
        margin: 100px auto 0
    }

@media only screen and (max-width:1279px) {
    .ports .wrapper {
        width: 70%
    }
}

@media only screen and (max-width:991px) {
    .ports .wrapper {
        width: 85%
    }
}

.ports .port-card {
    display: inline-block;
    width: 100%;
    height: 100%;
    height: 255px;
    box-shadow: 0 18px 44px 0 rgba(0,0,0,.18);
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

    .ports .port-card:last-of-type {
        margin-bottom: 60px
    }

@media only screen and (max-width:767px) {
    .ports .port-card {
        height: auto
    }
}

.ports .port-card-image {
    background-size: cover;
    height: 100%;
    background-color: #d3d3d3;
    background-position: 50%;
    -webkit-border-top-left-radius: 5px;
    -moz-border-topleft-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -moz-border-topright-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottomright-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottomleft-radius: 5px;
    border-bottom-left-radius: 5px
}

@media only screen and (max-width:767px) {
    .ports .port-card-image {
        height: 300px;
        border-radius: 8px 8px 0 0
    }
}

.ports .port-card-content {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 40px 0px;
}

.ports .port-card-content-header {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1;
    max-height: 40px;
    overflow: hidden
}

.ports .port-card-content-text {
    font-size: 16px;
    line-height: 22px;
    
}

.ports .port-card-content-buttons {
    margin-top: 20px
}

.ports .port-card-content .btn-link-empty {
    margin: 0;
    padding: 20px 0;
    line-height: 1;
    text-align: left;
    /*float: left*/
}

.ports .port-card-content .btn-link {
        margin: 0;
    line-height: 1;
    text-align: left;
    padding: 12px 20px !important;
}

@media (max-width:1024px) and (orientation:landscape) {
    .ports .port-card-content .btn-link {
        padding: 20px
    }
}

@media only screen and (max-width:767px) {
    .ports .port-card-content .btn-link {
        float: left
    }
    .ports .port-card-content-text
    {
    max-height: max-content;
    }
}

@media only screen and (min-width:992px) {
    .ports .btn-share {
        margin: 50px 0
    }
}

.details {
    padding-top: 63px;
    position: relative;
    overflow: hidden
}

.details-signature {
    display: inline-block;
    width: 310px;
    margin-top: 40px
}

@media only screen and (max-width:767px) {
    .details-signature {
        width: 100%
    }
}

.details-back-button {
    margin-bottom: 12px
}

    .details-back-button a {
        margin: 0
    }

        .details-back-button a:hover svg {
            transform: translate3d(-5px,0,0)
        }

@media only screen and (max-width:991px) {
    .details-back-button a {
        text-align: left
    }
}

.details-back-button a svg.icon-go-arrow {
    margin-left: 0
}

.details-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.12;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: left
}

    .details-time, .details-title .lighter, .details-title .port-name {
        font-weight: 300
    }

.details-time {
    font-size: 18px;
    line-height: 1.21
}

.details-department {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 50px
}

@media only screen and (max-width:767px) {
    .details-department {
        display: block;
        margin-left: 0
    }
}

.details-text {
    margin-top: 20px
}

    .details-text div, .details-text p {
        font-size: 22px;
        line-height: 1.21;
        text-align: justify;
    }

@media only screen and (min-width:768px) {
    .details .container {
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .details .img-column {
        position: static
    }
}

.details-image {
    display: block;
    width: 100%;
    height: 440px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-position:center;
}

@media only screen and (min-width:768px) {
    /* .details-image {
        position: absolute;
        right: 20px;
        top: 0
    } */
}

@media only screen and (max-width:991px) {
    .details-image {
        height: 400px
    }
}

@media only screen and (max-width:767px) {
    .details-image {
        height: 300px;
        background-size: contain;
        background-position: center;
        width: 100%;
        margin-bottom: 0
    }
}

.details.port .details-image {
    height: 100px
}

    .details.port .details-image.add-background {
        background-color: #d3d3d3
    }

@media only screen and (min-width:768px) {
    .details.port .details-image {
            top: 0;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
    }
}

.details-contact {
    display: block;
    width: 100%;
    font-size: 22px;
    padding-left: 35px;
    margin-top: 20px;
}

    .details-contact a, .details-contact span {
        display: inline-block;
        position: relative
    }

        .details-contact a svg, .details-contact span svg {
            width: 20px;
            height: 20px;
            position: absolute;
            left: -30px;
            top: 5px
        }

.details-contact-phone, .details-contact-phone:active, .details-contact-phone:focus, .details-contact-phone:hover, .details-contact-phone:visited {
    color: #000
}

@media only screen and (min-width:768px) {
    .details-contact {
          position: relative;
    right: 0;
    top: 0;
    }
}

.details-contact .btn-link-empty {
    text-align: left;
    margin-top: 26px;
    margin-bottom: 48px
}

@media only screen and (max-width:767px) {
    .details-contact .btn-link-empty {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.details-bottom-buttons {
    margin-top: 42px;
    position: relative;
}

    .details-bottom-buttons .btn-share {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

@media only screen and (max-width:767px) {
    .details-bottom-buttons .btn-share {
        position: relative;
        top: 0;
        transform: translate(10px, 10px);
        display: block;
        margin: 20px 35px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .details-bottom-buttons .btn-share {
        right: 50px
    }
}

.details-bottom-buttons .btn-link {
    margin-right: 30px
}

    .details-bottom-buttons .btn-link:last-of-type {
        margin-right: 0
    }

@media only screen and (max-width:767px) {
    .details-bottom-buttons .btn-link {
        margin-right: 0;
        width: 100%;
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .details-bottom-buttons {
        text-align: center;
    }
}

.partner {
    margin-bottom: 100px;
    overflow: hidden
}

@media only screen and (max-width:991px) {
    .partner {
        margin-bottom: 50px
    }
}

.partner-logo {
    display: block;
    margin: 0 auto;
    width: 240px !important;
    height: 200px !important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-bottom: 10px;
}

@media only screen and (max-width:991px) {
    .partner-logo {
        margin-bottom: 0
    }
}


.partner-name {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0;
    line-height: 1.1;
    white-space: normal
}

.partner-link {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0px 0
}

    .partner-link svg {
        width: 20px;
        height: 20px
    }

.case-studies {
    position: relative;
    overflow: hidden
}

    .case-studies .case-study {
        display: inline-block;
        border-bottom: 1px solid #efeff1;
        padding: 30px 0;
        width: 100%
    }

        .case-studies .case-study:last-child {
            border-bottom: none;
            margin-bottom: 50px
        }

    .case-studies .case-study-title {
        font-size: 20px;
        line-height: 1.09;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase
    }

@media only screen and (max-width:767px) {
    .case-studies .case-study-title {
        margin-bottom: 20px
    }
}

.case-studies .case-study-text {
    font-size: 16px;
    line-height: 1.44;
    margin: 0
}

@media only screen and (max-width:767px) {
    .case-studies .case-study-text {
        margin-bottom: 20px
    }
}

.case-studies .case-study-button {
    text-align: center;
    padding: 20px;
    float: right
}

@media only screen and (max-width:767px) {
    .case-studies .case-study-button {
        float: left
    }
}

.case-studies .no-case-studies {
    text-align: center
}

.case-studies .btn-link {
    margin: 0;
    padding: 20px 30px
}

.case-studies .btn-share {
    float: right
}

.what-we-do-horizontal {
    background-color: #100c1d;
    color: #fff;
    padding: 90px 0
}

    .what-we-do-horizontal .wrapper {
        display: block;
        width: 90%;
        margin: 0 auto
    }

@media only screen and (max-width:991px) {
    .what-we-do-horizontal .wrapper {
        width: 100%
    }
}

.what-we-do-horizontal-header {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 120px;
    color: #fff;
    line-height: 1
}

@media only screen and (max-width:767px) {
    .what-we-do-horizontal-header {
        margin-bottom: 80px
    }
}

.what-we-do-horizontal-header.small-margin {
    margin-bottom: 40px
}

.what-we-do-horizontal .what-we-do-block {
    word-break: break-word
}

@media only screen and (max-width:991px) {
    .what-we-do-horizontal .what-we-do-block {
        margin-bottom: 60px
    }
}

.what-we-do-horizontal .what-we-do-block a {
    display: inline-block
}

    .what-we-do-horizontal .what-we-do-block a:hover svg {
        animation: shake-animation .3s ease-out
    }

.what-we-do-horizontal .what-we-do-block svg {
    width: 60px;
    height: 60px;
    fill: #fff
}

.what-we-do-horizontal .what-we-do-block-header {
    font-size: 29px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1
}

.what-we-do-horizontal .what-we-do-block-content {
    color: #fff;
    font-size: 18px;
    line-height: 1.2
}

.what-we-do-horizontal-summary-top p {
    font-size: 16px;
    color: inherit;
    text-align: center;
    margin-bottom: 110px
}

@media only screen and (max-width:767px) {
    .what-we-do-horizontal-summary-top p {
        margin-bottom: 50px
    }
}

.what-we-do-horizontal-summary-bottom {
    padding-top: 110px;
    font-size: 16px;
    color: inherit;
    text-align: center
}

@media only screen and (max-width:767px) {
    .what-we-do-horizontal-summary-bottom {
        padding-top: 50px
    }
}

.what-we-do-horizontal-summary-bottom p {
    font-size: 16px;
    color: inherit;
    text-align: center
}

.word-break-all {
    word-break: break-all
}

.content {
    padding: 90px 0 90px;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .content {
        padding: 60px 0
    }
}

.content.center {
    text-align: center
}

.content.background-center {
    background-position: 50%
}

.content.background-right {
    background-position: 100%
}

.content.background-right-bottom {
    background-position: 150% 120%
}

.content.background-left {
    background-position: 0
}

.content.text-purple {
    color: #100c1d
}

.content.text-white {
    color: #fff
}

.content h2, .content h3, .content h4 {
    font-size: 40px;
    margin-bottom: 60px;
    color: inherit;
    line-height: 1;
    text-transform: uppercase
}
.content-wrapper h4{ 
    margin-bottom: 20px;

}
    .content h2 strong, .content h3 strong, .content h4 strong {
        font-weight: 700;
        margin-bottom: 45px
    }

.content.content-col-1 div.content-wrapper {
    column-count: 1
}

@media only screen and (max-width:767px) {
    .content.content-col-1 div.content-wrapper {
        column-count: 1
    }
}

.content.content-col-2 div.content-wrapper {
    column-count: 2
}

@media only screen and (max-width:767px) {
    .content.content-col-2 div.content-wrapper {
        column-count: 1
    }
}

.content.content-col-3 div.content-wrapper {
    column-count: 3
}

@media only screen and (max-width:767px) {
    .content.content-col-3 div.content-wrapper {
        column-count: 1
    }
}

.content.content-col-75 div.content-wrapper {
    padding-right: 45%
}

@media only screen and (max-width:767px) {
    .content.content-col-75 div.content-wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .content.content-col-75 > svg.end.bigger {
        width: 40%
    }
}

.content .content-wrapper, .content p {
    font-size: 16px;
    line-height: 1.75;
    color: inherit;
    font-weight: 400
}

.roles .roles-header h3, .roles .tenders-header h3, .tenders .roles-header h3, .tenders .tenders-header h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .roles .roles-header, .roles .tenders-header, .tenders .roles-header, .tenders .tenders-header {
        display: none
    }
}

.roles form, .tenders form {
    display: inline-block;
    width: 100%
}

    .roles form label, .tenders form label {
        text-transform: none;
        margin-bottom: 0
    }

    .roles form select, .tenders form select {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        margin-top: 10px;
        border-radius: 0 !important;
        background: #702082 !important;
        font-size: 17px !important;
    }
    .album::after {
    content: '\25BC';
    position: absolute;
    font-size: 24px;
    top: 58px;
    right: 32px;
    background: transparent;
    cursor: pointer;
    color: #fff;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.role-select {
     background: #702082 !important; 
    font-size: 18px !important;
    border-radius: 0 !important;
}
        .roles form select option, .tenders form select option {
            font-size: 12px
        }

@media only screen and (max-width:767px) {
    .roles form select, .tenders form select {
        margin-bottom: 50px
    }
}

.roles .btn-share, .tenders .btn-share {
    margin-top: 50px
}

.roles .role, .roles .tender, .tenders .role, .tenders .tender {
    border-bottom: 1px solid #efeff1;
    padding: 40px 0;
    font-weight: 500;
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .roles .role, .roles .tender, .tenders .role, .tenders .tender {
        padding: 20px 0
    }
}

@media only screen and (max-width:767px) {
    .roles .role-wrapper, .roles .tender-wrapper, .tenders .role-wrapper, .tenders .tender-wrapper {
        display: inline-block;
        width: calc(100% - 40px);
        border-radius: 8px;
        box-shadow: 0 0 90px 0 rgba(0,0,0,.15);
        padding-bottom: 50px;
        margin: 0 20px
    }
}

.roles .role h5, .roles .tender h5, .tenders .role h5, .tenders .tender h5 {
    display: none;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .roles .role h5, .roles .tender h5, .tenders .role h5, .tenders .tender h5 {
        display: inline-block;
        width: 100%;
        margin-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .roles .role, .roles .tender, .tenders .role, .tenders .tender {
        text-align: center;
        border-bottom: none
    }
}

.roles .role.hide, .roles .tender.hide, .tenders .role.hide, .tenders .tender.hide {
    display: none
}

.roles .role.no-border, .roles .role:last-of-type, .roles .tender.no-border, .roles .tender:last-of-type, .tenders .role.no-border, .tenders .role:last-of-type, .tenders .tender.no-border, .tenders .tender:last-of-type {
    border-bottom: none
}

.roles .role-title, .roles .tender-title, .tenders .role-title, .tenders .tender-title {
    font-size: 18px;
    font-weight: inherit;
    line-height: 1.1
}

@media only screen and (max-width:767px) {
    .roles .role-title, .roles .tender-title, .tenders .role-title, .tenders .tender-title {
        width: 60%;
        margin: 0 auto;
        margin-top: 50px;
        font-size: 20px
    }
}

.roles .role-description, .roles .tender-description, .tenders .role-description, .tenders .tender-description {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400
}

.roles .role .btn-link, .roles .tender .btn-link, .tenders .role .btn-link, .tenders .tender .btn-link {
    padding: 15px 20px;
    margin: 0;
    float: right
}

@media only screen and (max-width:767px) {
    .roles .role .btn-link, .roles .tender .btn-link, .tenders .role .btn-link, .tenders .tender .btn-link {
        margin-top: 30px;
        float: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .roles .role .btn-link-empty, .roles .tender .btn-link-empty, .tenders .role .btn-link-empty, .tenders .tender .btn-link-empty {
        font-size: 16px
    }

        .roles .role .btn-link-empty svg, .roles .tender .btn-link-empty svg, .tenders .role .btn-link-empty svg, .tenders .tender .btn-link-empty svg {
            width: 15px;
            height: 11px
        }
}

@media only screen and (max-width:767px) {
    .roles .role .tender-status, .roles .tender .tender-status, .tenders .role .tender-status, .tenders .tender .tender-status {
        display: inline-block;
        margin-top: 30px
    }
}

.roles .role.cancelled .tender-status, .roles .tender.cancelled .tender-status, .tenders .role.cancelled .tender-status, .tenders .tender.cancelled .tender-status {
    color: #f92762
}

.roles .role.awarded .tender-status, .roles .tender.awarded .tender-status, .tenders .role.awarded .tender-status, .tenders .tender.awarded .tender-status {
    color: #6de29f
}

.roles .role-title, .tenders .role-title {
    text-transform: uppercase;
    color: #611077
}

.roles .role-closing-date, .tenders .role-closing-date {
    font-weight: 400
}

.roles .role.no-border, .roles .role:last-of-type, .tenders .role.no-border, .tenders .role:last-of-type {
    border-bottom: 1px solid #efeff1
}

.roles .no-tenders, .tenders .no-tenders {
    text-align: center
}

.roles {
    position: relative;
    overflow: hidden
}

    .roles:before {
        z-index: -1;
        transform: translate(50%,-70%) scaleZ(1)
    }

.search-input {
    position: relative
}

    .search-input .form {
        display: inline-block;
        width: 560px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%) scaleZ(1);
        z-index: 2
    }

@media only screen and (max-width:767px) {
    .search-input .form {
        width: 90%
    }
}

.search-input .form input {
    display: inline-block;
    width: 100%;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 21px 40px 0 rgba(0,0,0,.14)
}

.search-input .form button {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #722382;
    right: 6px;
    top: 50%;
    margin: 0;
    transform: translate3d(0,-50%,0)
}

    .search-input .form button .icon-search {
        fill: #fff;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scaleZ(1)
    }

.browser-ie .search-input .form button .icon-search {
    transform: translate(-50%,-50%)
}

@supports (-ms-ime-align:auto) {
    .search-input .form button .icon-search {
        transform: translate(-50%,-50%)
    }
}

.search-results {
    display: inline-block;
    width: 100%;
    min-height: 80vh;
    padding: 160px 0 120px;
    position: relative;
    overflow: hidden
}

    .search-results:before {
        z-index: 0
    }

@media only screen and (max-width:767px) {
    .search-results {
        padding: 80px 0
    }
}

.search-results .search-result {
    padding: 40px 0;
    border-bottom: 1px solid rgba(35,28,54,.2)
}

    .search-results .search-result:first-of-type {
        padding-top: 0
    }

    .search-results .search-result:last-of-type {
        border-bottom: none;
        padding-bottom: 0
    }

.search-results .search-result-title {
    text-transform: uppercase;
    color: #722382;
    font-weight: 700;
    font-size: 20px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .search-results .search-result-title {
        margin-bottom: 30px
    }
}

.search-results .search-result-text {
    margin: 0
}

.search-results .search-result-button {
    margin: 0;
    float: right
}

@media only screen and (max-width:767px) {
    .search-results .search-result-button {
        margin-top: 30px;
        float: left
    }
}

._404-page {
    display: inline-block;
    background-color: #221c35;
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

    ._404-page ._404 {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        height: 70%;
        width: 100%;
        transform: translate(-50%,-50%) scaleZ(1);
        color: #fff
    }

@media only screen and (max-width:991px) {
    ._404-page ._404 {
        width: 90%;
        height: 90%
    }
}

._404-page ._404-logo {
    display: block;
    width: 160px;
    height: 45px;
    margin: 0 auto;
    background-image: url(../images/logo.svg);
    background-size: cover;
    margin-bottom: 60px
}

._404-page ._404-map {
    display: inline-block;
    width: 100%;
    height: 80%;
    background-image: url(../images/404-map.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

._404-page ._404 .content-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-35%) scaleZ(1);
    display: inline-block;
    width: 70%;
    text-align: center
}

@media only screen and (max-width:991px) {
    ._404-page ._404 .content-wrapper {
        width: 100%
    }
}

._404-page ._404-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-weight: 300;
    font-size: 70px;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    ._404-page ._404-header {
        font-size: 50px
    }
}

._404-page ._404-header small {
    font-size: 40px;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    ._404-page ._404-header small {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    ._404-page ._404-header br {
        display: none
    }
}

._404-page ._404-button {
    display: inline-block;
    padding: 20px 40px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    left: 50%
}

._404-page ._404 .location-icon {
    position: absolute;
    left: 0;
    bottom: 10%;
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url(../images/pin-404.svg);
    background-size: cover
}

@media only screen and (max-width:767px) {
    ._404-page ._404 .location-icon {
        bottom: 20%;
        width: 50px;
        height: 50px
    }
}

.interactive-map {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #d3d3d3;
    position: relative
}

.interactive-map-scroll-button {
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 50%;
    transform: translate(-50%) scaleZ(1);
    background-color: #000;
    display: inline-block;
    width: 60px;
    height: 40px;
    border: none;
    border-radius: 5px 5px 0 0;
    transition: .3s ease-out
}

    .interactive-map-scroll-button.hide-scroll {
        transform: translate(-50%,100%) scaleZ(1);
        opacity: 0
    }

    .interactive-map-scroll-button .icon-go-arrow {
        display: inline-block;
        width: 13px;
        height: 13px;
        fill: #fff;
        animation: scroll-arrow-animation .3s ease-in infinite alternate;
        overflow: visible
    }

.interactive-map-info-window {
    display: inline-block;
    width: 555px;
    height: 234px;
    min-height: 234px;
    border-radius: 10px;
    overflow: visible;
    background-color: #fff;
    position: relative;
    z-index: 99999
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window {
        width: 70vw;
        height: 65vh;
        padding-bottom: 55px
    }
}

.interactive-map-info-window:after {
    content: "";
    width: 25px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%) rotate(45deg)
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window:after {
        display: none
    }
}

.interactive-map-info-window-close {
    display: none
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-close {
        display: inline-block;
        background-color: #000;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        position: absolute;
        border: none;
        right: -8px;
        top: -8px;
        text-align: center
    }

        .interactive-map-info-window-close svg {
            fill: #fff;
            width: 15px;
            height: 15px;
            margin-top: 5px
        }
}

.interactive-map-info-window-image {
    display: inline-block;
    float: left;
    width: 40%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    border-radius: 10px 0 0 10px
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-image {
        width: 100%;
        height: 40%;
        border-radius: 10px 10px 0 0
    }
}

.interactive-map-info-window-content {
    display: inline-block;
    float: left;
    width: 60%;
    color: #000;
    height: 100%;
    padding: 30px;
    overflow: hidden;
    font-family: Cairo,Arial,"sans-serif"
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-content {
        width: 100%;
        height: 56%;
        padding: 0 20px
    }
}

.interactive-map-info-window-content h3 {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-family: Cairo,Arial,"sans-serif";
    max-height: 46px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-content h3 {
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        max-height: 40px;
        margin: 0 0 10px
    }
}

.interactive-map-info-window-content p {
    display: inline-block;
    max-height: 70px;
    overflow: hidden
}

.interactive-map-info-window-content p, .interactive-map-info-window-content span {
    font-size: 14px;
    line-height: 1.28
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-content p, .interactive-map-info-window-content span {
        font-size: 18px;
        line-height: 1
    }
}

.interactive-map-info-window-content .fax, .interactive-map-info-window-content .telephone {
    display: block
}

.interactive-map-info-window-content .links-container {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-content .links-container {
        left: 10px;
        right: auto;
        bottom: 10px
    }
}

.interactive-map-info-window-content .links-container .direction, .interactive-map-info-window-content .links-container .link {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #3bb5e6;
    position: relative;
    border: none;
    padding: 0;
    float: left
}

    .interactive-map-info-window-content .links-container .direction .icon-directions, .interactive-map-info-window-content .links-container .direction .icon-link, .interactive-map-info-window-content .links-container .link .icon-directions, .interactive-map-info-window-content .links-container .link .icon-link {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scaleZ(1);
        width: 17px;
        height: 17px;
        fill: #fff
    }

.browser-ie .interactive-map-info-window-content .links-container .direction .icon-directions, .browser-ie .interactive-map-info-window-content .links-container .direction .icon-link, .browser-ie .interactive-map-info-window-content .links-container .link .icon-directions, .browser-ie .interactive-map-info-window-content .links-container .link .icon-link {
    transform: translate(-50%,-50%)
}

@supports (-ms-ime-align:auto) {
    .interactive-map-info-window-content .links-container .direction .icon-directions, .interactive-map-info-window-content .links-container .direction .icon-link, .interactive-map-info-window-content .links-container .link .icon-directions, .interactive-map-info-window-content .links-container .link .icon-link {
        transform: translate(-50%,-50%)
    }
}

.interactive-map-info-window-content .links-container .direction svg, .interactive-map-info-window-content .links-container .link svg {
    fill: #fff
}

.no-location .interactive-map-info-window-content .links-container .direction {
    display: none
}

@media only screen and (min-width:768px) {
    .interactive-map-info-window-content .links-container .link {
        color: hsla(0,0%,100%,0);
        transition: .3s ease-out;
        overflow: hidden;
        margin-left: 20px
    }

        .interactive-map-info-window-content .links-container .link span {
            display: inline-block;
            width: calc(100% - 60px);
            position: absolute;
            left: 40px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: 300;
            font-size: 12px;
            line-height: 40px;
            padding: 0;
            float: left
        }

        .interactive-map-info-window-content .links-container .link .icon-link {
            left: 20px;
            transform: translate(-50%,-50%) scaleZ(1);
            transition: .3s ease-out
        }
}

@media only screen and (max-width:767px) {
    .interactive-map-info-window-content .links-container .link {
        margin-left: 10px
    }

        .interactive-map-info-window-content .links-container .link span {
            display: none
        }
}

.interactive-map-logo {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%
}

@media only screen and (max-width:767px) {
    .interactive-map-logo {
        width: auto
    }
}

.interactive-map-logo img {
    display: inline-block;
    width: 170px;
    height: 50px;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .interactive-map-logo img {
        width: 120px;
        height: 35px;
        margin-top: 20px
    }
}

.interactive-map-controls {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    bottom: 75px
}

@media only screen and (max-width:767px) {
    .interactive-map-controls {
        bottom: 50px
    }
}

.interactive-map-controls .controls-wrapper {
    position: absolute;
    display: inline-block;
    left: 20px;
    bottom: 0;
    z-index: 2;
    text-align: center
}

@media only screen and (max-width:767px) {
    .interactive-map-controls .controls-wrapper {
        display: inline-block;
        width: 100%;
        height: 50px;
        left: 0;
        bottom: 15px
    }
}

.interactive-map-controls-street-view, .interactive-map-controls-zoom-in, .interactive-map-controls-zoom-out {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 43px;
    height: 43px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    margin-bottom: 22px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 18px 44px 0 rgba(0,0,0,.6);
    transition: .2s ease-out;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .interactive-map-controls-street-view, .interactive-map-controls-zoom-in, .interactive-map-controls-zoom-out {
        display: inline-block;
        width: 50px;
        height: 50px;
        margin: 0 5%
    }
}

.interactive-map-controls-street-view .icon-street-view, .interactive-map-controls-street-view .icon-zoom-in, .interactive-map-controls-street-view .icon-zoom-out, .interactive-map-controls-zoom-in .icon-street-view, .interactive-map-controls-zoom-in .icon-zoom-in, .interactive-map-controls-zoom-in .icon-zoom-out, .interactive-map-controls-zoom-out .icon-street-view, .interactive-map-controls-zoom-out .icon-zoom-in, .interactive-map-controls-zoom-out .icon-zoom-out {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1);
    fill: #231c36
}

.browser-ie .interactive-map-controls-street-view .icon-street-view, .browser-ie .interactive-map-controls-street-view .icon-zoom-in, .browser-ie .interactive-map-controls-street-view .icon-zoom-out, .browser-ie .interactive-map-controls-zoom-in .icon-street-view, .browser-ie .interactive-map-controls-zoom-in .icon-zoom-in, .browser-ie .interactive-map-controls-zoom-in .icon-zoom-out, .browser-ie .interactive-map-controls-zoom-out .icon-street-view, .browser-ie .interactive-map-controls-zoom-out .icon-zoom-in, .browser-ie .interactive-map-controls-zoom-out .icon-zoom-out {
    transform: translate(-50%,-50%)
}

@supports (-ms-ime-align:auto) {
    .interactive-map-controls-street-view .icon-street-view, .interactive-map-controls-street-view .icon-zoom-in, .interactive-map-controls-street-view .icon-zoom-out, .interactive-map-controls-zoom-in .icon-street-view, .interactive-map-controls-zoom-in .icon-zoom-in, .interactive-map-controls-zoom-in .icon-zoom-out, .interactive-map-controls-zoom-out .icon-street-view, .interactive-map-controls-zoom-out .icon-zoom-in, .interactive-map-controls-zoom-out .icon-zoom-out {
        transform: translate(-50%,-50%)
    }
}

.interactive-map-controls-street-view .tooltip, .interactive-map-controls-zoom-in .tooltip, .interactive-map-controls-zoom-out .tooltip {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 7px 18px;
    border-radius: 20px;
    background-color: #231c36;
    white-space: nowrap;
    position: absolute;
    left: 120%;
    top: 50%;
    transform: translate3d(0,-50%,0);
    line-height: 1;
    opacity: 0;
    transition: .3s ease-out;
    text-transform: uppercase;
    pointer-events: none
}

@media only screen and (max-width:767px) {
    .interactive-map-controls-street-view .tooltip, .interactive-map-controls-zoom-in .tooltip, .interactive-map-controls-zoom-out .tooltip {
        display: none
    }
}

.interactive-map-controls-street-view:hover .tooltip, .interactive-map-controls-zoom-in:hover .tooltip, .interactive-map-controls-zoom-out:hover .tooltip {
    opacity: 1
}

.interactive-map-controls-zoom-in, .interactive-map-controls-zoom-out {
    transform: scale(0);
    opacity: 0
}

    .interactive-map-controls-zoom-in.active, .interactive-map-controls-zoom-out.active {
        transform: scale(1);
        opacity: 1
    }

.interactive-map-controls-street-view {
    position: relative;
    z-index: 1;
    height: 0;
    opacity: 0;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .interactive-map-controls-street-view {
        height: 50px;
        width: 0;
        margin-right: 0;
        margin-left: 0
    }
}

.interactive-map-controls-street-view.active {
    opacity: 1;
    height: 43px;
    background-color: #fff;
    overflow: visible
}

@media only screen and (max-width:767px) {
    .interactive-map-controls-street-view.active {
        height: 50px;
        width: 50px;
        margin-right: 5%;
        margin-left: 5%
    }
}

.interactive-map-search {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 18px 44px 0 rgba(0,0,0,.18);
    width: 30vw;
    max-width: 500px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100%) scaleZ(1);
    transition: .3s ease-out;
    padding: 0;
    min-width: 300px;
    z-index: 2
}

    .interactive-map-search .search-wrapper {
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

@media only screen and (max-width:991px) {
    .interactive-map-search {
        width: 50vw
    }
}

@media only screen and (max-width:767px) {
    .interactive-map-search {
        width: 80vw
    }
}

@media (max-width:1279px) and (orientation:landscape) {
    .interactive-map-search {
        width: 40vw
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .interactive-map-search {
        width: 50vw
    }
}

@media (max-width:320px) {
    .interactive-map-search {
        width: 70vw;
        min-width: 260px
    }
}

.interactive-map-search-toggle {
    display: inline-block;
    width: 50px;
    height: 55px;
    border: none;
    position: absolute;
    top: 5%;
    left: 0;
    transform: translate(-100%) scaleZ(1);
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    box-shadow: -15px 10px 38px 0 rgba(0,0,0,.08);
    outline: none
}

@media only screen and (max-width:767px) {
    .interactive-map-search-toggle {
        width: 38px;
        height: 45px;
        padding: 0
    }
}

.interactive-map-search-toggle .icon-arrow-down2 {
    display: inline-block;
    width: 15px;
    height: 14px;
    fill: #000;
    transition: .3s ease-out;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0) rotate(90deg)
}

.interactive-map-search.active {
    transform: translate(0) scaleZ(1)
}

    .interactive-map-search.active .interactive-map-search-toggle .icon-arrow-down2 {
        transform: translate3d(-50%,-50%,0) rotate(-90deg)
    }

.interactive-map-search-form {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f7f8f8;
    padding: 0 30px
}

@media only screen and (max-width:767px) {
    .interactive-map-search-form {
        padding: 0 20px
    }
}

.interactive-map-search-form .input-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 22px 0
}

@media only screen and (max-width:767px) {
    .interactive-map-search-form .input-wrapper {
        margin: 11px 0
    }
}

.interactive-map-search-form .input-wrapper label {
    position: absolute;
    margin: 0;
    font-size: 18px;
    text-transform: none;
    top: 50%;
    display: inline-block;
    width: auto;
    left: 7%;
    transform: translate3d(0,-50%,0)
}

@media only screen and (max-width:767px) {
    .interactive-map-search-form .input-wrapper label {
        font-size: 14px;
        left: 15px
    }
}

.interactive-map-search-form .input-wrapper input {
    padding-right: 60px
}

@media only screen and (max-width:767px) {
    .interactive-map-search-form .input-wrapper input {
        padding-right: 40px
    }
}

.interactive-map-search-form .input-wrapper input, .interactive-map-search-form .input-wrapper select {
    width: 100%;
    margin: 0;
    background-color: #f1f1f1;
    padding-left: 36%;
    padding-right: 15%
}

    .interactive-map-search-form .input-wrapper input:focus, .interactive-map-search-form .input-wrapper select:focus {
        background-color: #fff;
        box-shadow: 0 21px 40px 0 rgba(0,0,0,.14)
    }

    .interactive-map-search-form .input-wrapper input::-webkit-input-placeholder, .interactive-map-search-form .input-wrapper select::-webkit-input-placeholder {
        color: #dbdbdc
    }

    .interactive-map-search-form .input-wrapper input::-moz-placeholder, .interactive-map-search-form .input-wrapper select::-moz-placeholder {
        color: #dbdbdc
    }

    .interactive-map-search-form .input-wrapper input:-ms-input-placeholder, .interactive-map-search-form .input-wrapper select:-ms-input-placeholder {
        color: #dbdbdc
    }

    .interactive-map-search-form .input-wrapper input:-moz-placeholder, .interactive-map-search-form .input-wrapper select:-moz-placeholder {
        color: #dbdbdc
    }

@media only screen and (max-width:767px) {
    .interactive-map-search-form .input-wrapper input, .interactive-map-search-form .input-wrapper select {
        font-size: 14px
    }
}

.interactive-map-search-form .input-wrapper button {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 40px;
    font-size: 16px;
    background-color: #3bb5e6;
    min-width: 120px
}

@media only screen and (max-width:767px) {
    .interactive-map-search-form .input-wrapper button {
        font-size: 14px;
        padding: 0 20px
    }
}

.interactive-map-search-form .input-wrapper .icon-search {
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translate3d(0,-50%,0);
    width: 20px;
    height: 20px
}

@media only screen and (max-width:767px) {
    .interactive-map-search-form .input-wrapper .icon-search {
        width: 16px;
        height: 16px;
        right: 15px
    }
}

.interactive-map-search-results {
    display: inline-block;
    width: 100%;
    min-height: 55%;
    padding: 15px 0
}

.interactive-map-search-results-header {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 30px
}

@media only screen and (max-width:767px) {
    .interactive-map-search-results-header {
        font-size: 18px
    }
}

.interactive-map-search-results.show-message .wrapper .message {
    display: block
}

.interactive-map-search-results .wrapper {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 30px
}

    .interactive-map-search-results .wrapper .message {
        display: none;
        font-size: 20px
    }

@media only screen and (max-width:767px) {
    .interactive-map-search-results .wrapper {
        padding: 0 20px
    }
}

.interactive-map-search-results .wrapper ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    .interactive-map-search-results .wrapper ul li {
        display: inline-block;
        width: 100%;
        height: auto;
        box-shadow: 0 18px 44px 0 rgba(0,0,0,.18);
        margin-bottom: 20px;
        background-color: #fff;
        padding: 30px 35px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 5px
    }

        .interactive-map-search-results .wrapper ul li:hover {
            cursor: pointer
        }

@media only screen and (max-width:767px) {
    .interactive-map-search-results .wrapper ul li:last-of-type {
        margin-bottom: 70px
    }
}

@media only screen and (max-width:767px) {
    .interactive-map-search-results .wrapper ul li {
        box-shadow: 0 10px 44px 0 rgba(0,0,0,.18);
        font-size: 14px;
        margin-bottom: 15px;
        padding: 15px 20px
    }
}

.interactive-map-footer {
    height: 75px;
    width: 100%;
    background-color: #100c1d;
    position: fixed;
    bottom: 0;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .interactive-map-footer {
        height: 50px
    }
}

.interactive-map-footer p {
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    margin: 0;
    margin-top: 28px
}

@media only screen and (max-width:767px) {
    .interactive-map-footer p {
        text-align: center;
        margin-top: 15px
    }
}

.interactive-map-container, .interactive-map-street-view {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.interactive-map-street-view {
    display: none;
    z-index: 1
}

    .interactive-map-street-view.active {
        display: inline-block
    }

.interactive-map-page {
    overflow: hidden
}

.gm-style-iw {
    left: 50% !important;
    top: auto !important;
    bottom: 0 !important;
    max-width: 555px;
    max-height: 234px;
    overflow: visible !important;
    transform: translate(-50%) scaleZ(1)
}

@media only screen and (max-width:767px) {
    .gm-style-iw {
        transform: translate(-50%) scaleZ(1);
        max-height: 65vh;
        max-width: 70vw
    }
}

.gm-style-iw div {
    overflow: visible !important
}

.gm-style-iw + div {
    display: none
}

.gm-style-iw .interactive-map-info-window-content {
    overflow: hidden !important
}

.interactive-map-container .gm-fullscreen-control {
    display: none
}

svg[class*=dot-] {
    fill: hsla(0,0%,100%,.1)
}

    svg[class*=dot-].dark {
        fill: hsla(0,0%,61%,.1)
    }

    svg[class*=dot-].purple {
        fill: #722382
    }

    svg[class*=dot-].blue {
        fill: #d4effa
    }

    svg[class*=dot-].background-z-index {
        z-index: 0
    }

    svg[class*=dot-].less-opacity {
        opacity: .3
    }

    svg[class*=dot-].smaller {
        width: 80% !important;
        height: 80% !important
    }

    svg[class*=dot-].half {
        width: 50% !important;
        height: 50% !important
    }

    svg[class*=dot-].center, svg[class*=dot-].end, svg[class*=dot-].end-bottom, svg[class*=dot-].end-top, svg[class*=dot-].start, svg[class*=dot-].start-bottom, svg[class*=dot-].start-top {
        position: absolute;
        height: 200px;
        width: 300px
    }

        svg[class*=dot-].center.shift-start, svg[class*=dot-].end-bottom.shift-start, svg[class*=dot-].end-top.shift-start, svg[class*=dot-].end.shift-start, svg[class*=dot-].start-bottom.shift-start, svg[class*=dot-].start-top.shift-start, svg[class*=dot-].start.shift-start {
            left: -40px
        }

        svg[class*=dot-].center.shift-end, svg[class*=dot-].end-bottom.shift-end, svg[class*=dot-].end-top.shift-end, svg[class*=dot-].end.shift-end, svg[class*=dot-].start-bottom.shift-end, svg[class*=dot-].start-top.shift-end, svg[class*=dot-].start.shift-end {
            right: -40px
        }

@media only screen and (max-width:767px) {
    svg[class*=dot-].center, svg[class*=dot-].end, svg[class*=dot-].end-bottom, svg[class*=dot-].end-top, svg[class*=dot-].start, svg[class*=dot-].start-bottom, svg[class*=dot-].start-top {
        top: auto;
        bottom: 0
    }
}

svg[class*=dot-].end-bottom {
    right: 0;
    bottom: 20px
}

svg[class*=dot-].start-bottom {
    left: 0;
    bottom: 20px
}

svg[class*=dot-].end-top {
    right: 0;
    top: 20px
}

svg[class*=dot-].start-top {
    left: 0;
    top: 20px
}

svg[class*=dot-].end, svg[class*=dot-].start {
    right: 0;
    top: 50%;
    transform-origin: center;
    transform: translate(50%,-50%) scaleZ(1)
}

.browser-ie svg[class*=dot-].end, .browser-ie svg[class*=dot-].start {
    transform: translate3d(50%,-50%,0)
}

svg[class*=dot-].end.rotate, svg[class*=dot-].start.rotate {
    animation: rotation-animation-end 40s linear reverse infinite
}

@media only screen and (max-width:767px) {
    svg[class*=dot-].end.rotate, svg[class*=dot-].start.rotate {
        animation: none
    }
}

svg[class*=dot-].end.rotate-counter-clock, svg[class*=dot-].start.rotate-counter-clock {
    animation: rotation-animation-end 40s linear infinite
}

@media only screen and (max-width:767px) {
    svg[class*=dot-].end.rotate-counter-clock, svg[class*=dot-].start.rotate-counter-clock {
        animation: none
    }
}

svg[class*=dot-].end.bigger, svg[class*=dot-].start.bigger {
    height: 450px;
    width: 450px;
    transform: translateY(-50%) scaleZ(1)
}

@media only screen and (max-width:767px) {
    svg[class*=dot-].end.bigger, svg[class*=dot-].start.bigger {
        display: none
    }
}

@media only screen and (max-width:767px) {
    svg[class*=dot-].end, svg[class*=dot-].start {
        top: auto;
        bottom: 0
    }
}

svg[class*=dot-].start {
    right: auto;
    left: 0
}

svg[class*=dot-].center {
    width: 100%;
    height: 100%;
    transform-origin: center;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleZ(1)
}

.browser-ie svg[class*=dot-].center {
    transform: translate(-50%,-50%)
}

@supports (-ms-ime-align:auto) {
    svg[class*=dot-].center {
        transform: translate(-50%,-50%)
    }
}

svg[class*=dot-].center.rotate {
    animation: rotation-animation-center 40s linear infinite
}

@media only screen and (max-width:767px) {
    svg[class*=dot-].center.rotate {
        animation: none
    }
}

svg[class*=dot-].center.rotate-counter-clock {
    animation: rotation-animation-center 40s linear reverse infinite
}

@media only screen and (max-width:767px) {
    svg[class*=dot-].center.rotate-counter-clock {
        animation: none
    }
}

@keyframes rotation-animation-center {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

@keyframes rotation-animation-center-rtl-ie {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0deg)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(-1turn)
    }
}

@keyframes rotation-animation-end {
    0% {
        transform: translate(50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(50%,-50%) rotate(-1turn)
    }
}

@keyframes rotation-animation-end-rtl-ie {
    0% {
        transform: translate3d(50%,-50%,0) rotate(0deg)
    }

    to {
        transform: translate3d(50%,-50%,0) rotate(-1turn)
    }
}

[data-animate-content] {
    overflow: hidden
}

    [data-animate-content] .fade-right {
        transform: translate(-100%) scaleZ(1);
        transition: .5s ease-out
    }

    [data-animate-content] .fade-left {
        transform: translate(50%) scaleZ(1)
    }

    [data-animate-content] .fade-up {
        transform: translateY(50%) scaleZ(1)
    }

    [data-animate-content] .fade-down {
        transform: translateY(-50%) scaleZ(1)
    }

    [data-animate-content] .fade {
        opacity: 0
    }

    [data-animate-content] .fade, [data-animate-content] .fade-down, [data-animate-content] .fade-left, [data-animate-content] .fade-right, [data-animate-content] .fade-up {
        opacity: 0;
        transition: .5s ease-out
    }

        [data-animate-content] .fade-down.animate-2, [data-animate-content] .fade-left.animate-2, [data-animate-content] .fade-right.animate-2, [data-animate-content] .fade-up.animate-2, [data-animate-content] .fade.animate-2 {
            transition: .5s ease-out .5s
        }

        [data-animate-content] .fade-down.animate-3, [data-animate-content] .fade-left.animate-3, [data-animate-content] .fade-right.animate-3, [data-animate-content] .fade-up.animate-3, [data-animate-content] .fade.animate-3 {
            transition: .5s ease-out 1s
        }

        [data-animate-content] .fade-down.animate-4, [data-animate-content] .fade-left.animate-4, [data-animate-content] .fade-right.animate-4, [data-animate-content] .fade-up.animate-4, [data-animate-content] .fade.animate-4 {
            transition: .5s ease-out 1.5s
        }

        [data-animate-content] .fade-down.animate-5, [data-animate-content] .fade-left.animate-5, [data-animate-content] .fade-right.animate-5, [data-animate-content] .fade-up.animate-5, [data-animate-content] .fade.animate-5 {
            transition: .5s ease-out 2s
        }

        [data-animate-content] .fade-down.animate-6, [data-animate-content] .fade-left.animate-6, [data-animate-content] .fade-right.animate-6, [data-animate-content] .fade-up.animate-6, [data-animate-content] .fade.animate-6 {
            transition: .5s ease-out 2.5s
        }

        [data-animate-content] .fade-down.animate-7, [data-animate-content] .fade-left.animate-7, [data-animate-content] .fade-right.animate-7, [data-animate-content] .fade-up.animate-7, [data-animate-content] .fade.animate-7 {
            transition: .5s ease-out 3s
        }

        [data-animate-content] .fade-down.animate-8, [data-animate-content] .fade-left.animate-8, [data-animate-content] .fade-right.animate-8, [data-animate-content] .fade-up.animate-8, [data-animate-content] .fade.animate-8 {
            transition: .5s ease-out 3.5s
        }

        [data-animate-content] .fade-down.animate-9, [data-animate-content] .fade-left.animate-9, [data-animate-content] .fade-right.animate-9, [data-animate-content] .fade-up.animate-9, [data-animate-content] .fade.animate-9 {
            transition: .5s ease-out 4s
        }

    [data-animate-content].animate .fade, [data-animate-content].animate .fade-down, [data-animate-content].animate .fade-left, [data-animate-content].animate .fade-right, [data-animate-content].animate .fade-up {
        opacity: 1;
        transform: translate(0) scaleZ(1)
    }

.sfPageEditor .navbar {
    position: static;
    background: #000
}

.sfPageEditor .search-container {
    display: none
}

.sfPageEditor main {
    float: none
}

.sfPageEditor .contact-subscribe .contact-us, .sfPageEditor .contact-subscribe .subscribe {
    height: auto
}

    .sfPageEditor .contact-subscribe .contact-us .form, .sfPageEditor .contact-subscribe .subscribe .form {
        position: static
    }

        .sfPageEditor .contact-subscribe .contact-us .form .wrapper, .sfPageEditor .contact-subscribe .subscribe .form .wrapper {
            opacity: 1;
            max-height: none;
            padding-bottom: 30px
        }

.sfPageEditor .modal-dialog .btn-link {
    margin: 0
}
    @charset "UTF-8";

            html {
                font-family: sans-serif;
                -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%
            }

            body {
                margin: 0
            }

            footer, header, main, nav {
                display: block
            }

            video {
                display: inline-block;
                vertical-align: baseline
            }

            a {
                background-color: transparent
            }

            img {
                border: 0
            }

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

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

            button {
                overflow: visible
            }

            button {
                text-transform: none
            }

            button, input[type=submit] {
                -webkit-appearance: button
            }

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

            input {
                line-height: normal
            }

            *, :after, :before {
                box-sizing: border-box
            }

            html {
                font-size: 10px
            }

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

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

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

            img {
                vertical-align: middle
            }

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

                ul ul {
                    margin-bottom: 0
                }

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

                .container:after, .container:before {
                    content: " ";
                    display: table
                }

                .container:after {
                    clear: both
                }

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

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

            @media (min-width:1280px) {
                .container {
                    width: 1163px
                }
            }

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

            body, html {
                position: relative
            }

            main {
                display: inline-block;
                width: 100%;
                float: left
            }

            .visually-hidden {
                clip: rect(0 0 0 0);
                margin: -1px;
                padding: 0;
                border: 0
            }

            .accessible, .visually-hidden {
                position: absolute;
                overflow: hidden;
                height: 1px;
                width: 1px
            }

            .accessible {
                clip: rect(1px,1px,1px,1px)
            }

            .dnone {
                display: none
            }

            input::-ms-clear {
                display: none
            }

            [type=submit] {
                position: relative
            }

            body, html {
                height: 100%;
                width: 100%;
                font-family: Cairo,Arial,sans-serif;
                font-size: 24px;
                color: #231c36;
                background-color: #fff
            }

            a, body, html {
                font-weight: 400
            }

            .hamburger {
                padding: 15px;
                display: inline-block;
                font: inherit;
                color: inherit;
                text-transform: none;
                background-color: transparent;
                border: 0;
                margin: 0;
                overflow: visible;
                position: relative;
                float: right;
                padding: 4px 9px;
                background-color: #611077;
                background-image: none;
                border: 1px solid transparent;
                border-radius: 100%;
                height: 40px;
                width: 40px;
                outline: 0;
                text-indent: -9999px
            }

            .hamburger-box {
                width: 20px;
                height: 18px;
                display: inline-block;
                position: relative;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%) scaleZ(1)
            }

            .hamburger-inner {
                display: block;
                top: 50%;
                margin-top: -1px
            }

                .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
                    width: 20px;
                    height: 2px;
                    background-color: #fff;
                    border-radius: 4px;
                    position: absolute
                }

                    .hamburger-inner:after, .hamburger-inner:before {
                        content: "";
                        display: block
                    }

                    .hamburger-inner:before {
                        top: -8px
                    }

                    .hamburger-inner:after {
                        bottom: -8px
                    }

            .navbar {
                min-height: 50px;
                margin-bottom: 20px;
                border: 1px solid transparent;
                position: fixed;
                right: 0;
                left: 0;
                z-index: 1030;
                top: 0;
                border-width: 0 0 1px;
                padding-top: 19px;
                padding-bottom: 19px
            }

            @media (min-width:993px) {
                .navbar .navbar-nav > li {
                    float: left;
                }

                .navbar .navbar-header {
                    width: 19%;
                    margin-left: -10px;
                    float: left
                    height:64px;
                }

                .navbar .navbar-collapse.collapse {
                    display: inline-block !important;
                    height: 55px !important;
                    padding-bottom: 0;
                    overflow: visible !important;
                    width: 81%;
                    float: left;
                }
            }

            .navbar a {
                color: #fff;
                font-size: 18px;
                display: block;
            }

            .navbar .icon-search, .navbar .language-switcher {
                border-radius: 100%;
                border: 0;
                height: 40px;
                width: 40px;
                line-height: 40px;
                padding: 0;
                text-align: center;
                display: inline-block
            }

            .navbar .language-switcher {
                background-color: #fff;
                color: #611077;
                font-size: 14px;
                font-weight: 700;
                line-height: 37px
            }

            .navbar-right {
                float: right;
                display: table;
                height: 55px;
                position: relative;
                padding: 0;
               }

            @media only screen and (min-width:992px) {
                .navbar-right {
                    padding-left: 4.3%
                }
            }

            @media (max-width:1279px) {
                .navbar-right {
                    padding-left: 2%
                }
            }

            .navbar-right li {
                vertical-align: middle;
                display: table-cell;
                float: none
            }

            @media (max-width:992px) {
                .navbar-header-centered {
                    text-align: center;
                    position: relative
                }

                    .navbar-header-centered .navbar-logo {
                        display: inline-block;
                        float: left
                    }
            }

            .navbar-logo {
                display: inline-block;
                width: 100%;
                max-width: 210px
            }

            @media only screen and (max-width:767px) {
                .navbar-logo {
                    max-width: 160px
                }
            }

            .navbar-logo img {
                width: 100%;
                max-width: 100%;
                max-height: 100%
            }

            .navbar-nav {
                padding-left: 0;
                margin-bottom: 0;
                list-style: none
            }

                .navbar-nav > li {
                    position: relative;
                    display: block
                }

            @media only screen and (min-width:992px) {
                .navbar-nav > li {
                    margin-left: 4.3%
                }
            }

            @media (max-width:1279px) {
                .navbar-nav > li {
                    margin-left: 2.3%
                }
            }

            @media (max-width:992px) {
                .navbar-nav > li {
                    overflow: hidden;
                    margin-left: 0;
                    margin: 20px 0
                }
            }

            .navbar-nav > li > a {
                position: relative;
                display: block;
                padding: 15px 0;
            }

            .navbar .search-container {
                width: 81px;
                display: none;
            }

                .navbar .search-container .search-form {
                    position: absolute;
                    right: 0;
                    top: 7px;
                    display: inline-block;
                    width: 100%
                }

                    .navbar .search-container .search-form input[type=submit] {
                        display: none
                    }

                    .navbar .search-container .search-form .search-input {
                        width: 0;
                        border: 0;
                        border-radius: 30px;
                        height: 52px;
                        margin-top: -5px;
                        opacity: 0;
                        font-size: 16px;
                        max-width: 0;
                        padding: 10px 30px;
                        position: absolute;
                        line-height: normal;
                        right: 0
                    }

                        .navbar .search-container .search-form .search-input ::-webkit-input-placeholder {
                            color: rgba(16,12,29,.3);
                            line-height: 52px
                        }

                        .navbar .search-container .search-form .search-input ::-moz-placeholder {
                            color: rgba(16,12,29,.3);
                            line-height: 52px
                        }

                        .navbar .search-container .search-form .search-input :-ms-input-placeholder {
                            color: rgba(16,12,29,.3)
                        }

            @media (max-width:992px) {
                .navbar .search-container .search-form .search-input ::-webkit-input-placeholder {
                    color: #fff
                }

                .navbar .search-container .search-form .search-input ::-moz-placeholder {
                    color: #fff
                }

                .navbar .search-container .search-form .search-input :-ms-input-placeholder {
                    color: #fff
                }
            }

            .navbar .search-container .search-form .icon-search {
                position: absolute;
                right: 0;
                top: 0;
                display: -ms-flexbox;
                display: flex;
                outline: 0;
                background-color: #611077;
                display: inline-block
            }

                .navbar .search-container .search-form .icon-search svg {
                    fill: #fff;
                    width: 18px;
                    height: 18px;
                    margin: auto
                }

            @media only screen and (min-width:992px) {
                .hamburger {
                    display: none
                }
            }

            @media (max-width:992px) {
                .hamburger {
                    display: block
                }

                .navbar-collapse.collapse {
                    max-height: 0;
                    overflow: hidden
                }

                .navbar-nav > li > a {
                    padding: 10px 0;
                    font-weight: 700;
                    font-size: 24px
                }

                li.dropdown .caret {
                    background: url/ResourcePackages/Theme/dist/images/arrow-down2.svg) no-repeat;
                    height: 10px;
                    width: 10px;
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    top: 20px
                }

                .navbar {
                    padding-top: 30px
                }

                    .navbar > .container {
                        padding-left: 30px;
                        padding-right: 30px
                    }
            }

            .dropdown {
                position: relative;
                overflow: hidden
            }

            .dropdown-menu {
                position: absolute;
                top: 100%;
                left: -5px;
                float: left;
                min-width:max-content;
                font-size: 14px;
                text-align: left;
                width: auto;
                padding: 40px 0;
                list-style: none;
                background-color: #100c1d;
                max-height: 0;
                opacity: 0;
                margin: 0;
            }

            @media (max-width:992px) {
                .dropdown-menu {
                    width: 100%;
                    position: relative;
                    padding: 0;
                    background-color: transparent;
                    left: 0
                }
            }

            .dropdown-menu > li {
                margin-bottom: 10px
            }

            @media (max-width:992px) {
                .dropdown-menu > li {
                    margin-bottom: 0
                }
            }

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

            .dropdown-menu > li:last-of-type {
                margin-bottom: 0
            }

            header {
                width: 100%;
                height: 80vh;
                background-position: 50%;
                background-size: cover;
                min-height: 800px;
                overflow: hidden
            }

            @media only screen and (max-width:991px) {
                header {
                    height: calc(100vh - 25px)
                }
            }

            @media only screen and (max-width:767px) {
                header {
                    background-position-x: 75%;
                    height: calc(40vh - 70px);
                    min-height: 270px;
                }
            }

            header .icon-scroll {
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
                font-weight: 700;
                text-align: center;
                position: absolute;
                bottom: 40px;
                left: 50%;
                transform: translate(-50%) scaleZ(1);
                font-size: 12px
            }

                header .icon-scroll .icon-go-arrow {
                    fill: #fff !important;
                    width: 15px;
                    height: 15px;
                    display: block;
                    margin: 0 auto;
                    margin-bottom: 10px;
                    animation: scroll-arrow-animation .3s ease-in infinite alternate;
                    overflow: visible
                }

            @keyframes scroll-arrow-animation {
                0% {
                    transform: translate(0)
                }

                to {
                    transform: translateY(40%)
                }
            }

            .video {
                width: 100%;
                height: 100vh
            }

            @media only screen and (max-width:991px) {
                .video {
                    min-height: 500px;
                    height: 60vh
                }
            }

            @media only screen and (max-width:767px) {
                .video {
                    min-height: 350px;
                    height: 45vh
                }
            }

            .video-wrapper {
                display: inline-block;
                width: 100%;
                height: 100%;
                overflow: hidden;
                position: relative
            }

            .video video {
                display: inline-block;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%) scaleZ(1);
                height: 130%;
                float: left
            }

            .form .error-message {
                position: absolute;
                font-size: 15px;
                color: red;
                text-align: center;
                padding-left: 30px
            }

            .contact-subscribe .contact-us .error-message, .contact-subscribe .subscribe .error-message {
                padding-left: 0;
                padding-top: 12px
            }

            .contact-subscribe .contact-us .form .wrapper *, .contact-subscribe .subscribe .form .wrapper * {
                opacity: 1
            }

            .search-input {
                position: relative
            }
.loading2 {
        background: #ffffffde;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    height: 52px;
    border-radius: 26px;
    left: 0px;
}
.loading2 img{width: 30px;
    position: relative;
    top: 11px;}
   .ui-state-error {
    border: 1px solid red !important;
}
input#Textbox-7 {
    border: 1px solid #ccc;
    height: 42px;
}





/* vedio gallery css */
.sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix .video-test-gallery { 
      margin-bottom: 65px;
      box-shadow: 0px -1px 18px -11px #2f2f2f;
      border: 1px solid #f1f1f1;
      text-align: center;
  }
  .sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix .video-test-gallery a.test {
    display: block;
    height: 160px;
    background:#efefef;
  }
  
  
  .sf-Gallery-thumbs .video-test-gallery a.video-link {
    display: block;
    background: #f1f1f1;
  }
  .sf-Gallery-thumbs .video-test-gallery a.video-link img {
    height: 192px;
    width: 100% !important;
  }
  .sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix .video-test-gallery h3 {
    margin: 11px 0 11px !important;
    font-size: 20px;
    line-height: 28px;
    padding: 0 5px;
  }
  @media (max-width: 767px) {
    .sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix {
      display: grid;
      justify-content: normal;
    }
    .sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix .video-test-gallery a.test {
    display: block;
    height: 162px;
    background:#efefef;
  }
    .sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix .video-test-gallery {
    width: 100%;
  }
  }
  
  
  
  /* vedio gallery slider 16/04/2020*/

  

.vedio-galery-click .back-to-video a {
    display: inline-block;
    color: #fff;
    padding: 5px 35px;
    background: #337ab7;
    transition: .5s;
}

.vedio-galery-click .navigate
{
    display:block;
    padding:6px 12px;
    background: #337ab7;
    color: #fff;
   
}
.vedio-galery-click{position:relative;}
.vedio-galery-click video{width:100%;}
.vedio-galery-click .m-bottom-lg.text-center {
    position: relative;
    padding: 0 12px;
    width: 100%;
    display: block;
    height: 56px;
}

.vedio-galery-click .text-muted {
    color: #777;
    text-align: center;
}

.back-to-video {
    padding-left: 12px;
}
@media (max-width: 414px) {
  .vedio-galery-click 
  .m-bottom-lg.text-center {
    position: relative;
     }
  }


.sf-Gallery-thumbs.sf-Gallery-thumbs--video.clearfix .pull-left .video-link img {
    height: 192px;
}



/* 14april */



/* Reset Select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #702082;
    background-image: none;
  }
  /* Remove IE arrow */
  select::-ms-expand {
    display: none;
  }
  /* Custom Select */
  .lang-change {
    position: relative;
    display: flex;
    width: 57px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
  }
  select {
    flex: 1;
    padding: 0 7px;
    color: #fff;
    font-size: 15px;
    width: 100%;
    height: 57px;
    cursor: pointer;
  }
  /* Arrow */
  .lang-change::after {
    content: '\25BC';
    position: absolute;
    font-size: 17px;
    top: 16px;
    right: 10px;
    background: transparent;
    cursor: pointer;
    color: #fff;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  }
  /* Transition */
  .lang-change:hover::after {
    color: #21bcec;
  }
  
  @media (max-width: 992px)
  {
    .lang-change {width:57px !important;}
  }

  /* image gallery css 10june2020 */

  .image-gallery-box {
   position: relative;
    margin-bottom: 35px;
    height: 210px;
    box-shadow: 0px 21px 20px -24px #2f2f2f;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

.image-gallery-box .image-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.gallery-text {
    text-align: center;
    padding: 7px 4px;
    background:#40474885;
    color: #fff;
    position: absolute;
    bottom: 0;
    text-transform: capitalize;
    width: 100%;
}

.image-gallery-box .image-link img {
       width: 100%;
       height: 210px;
       transition: transform .5s;
}

/*.image-gallery-list {
    padding: 35px 0;
}*/

p.image-title {
    position: absolute;
    top: 0;
    width: 100%;
    justify-content: center;
    display: flex;
    height: 100%;
    background: #2f2f2fb5;
    color: #fff;
    align-items: center;
    font-size: 40px;
    transform: scaleY(0);
    transition: .4s;
}

.image-gallery-box a:hover> .image-title {
     transform: scaleY(1);
}
.image-gallery-box a:hover> img
{
    transform: scaleX(1.3);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}


/* 23 june 2020*/


.hs-custom-style {
    margin: auto;
}
.hs-form-field input[type="text"], .hs-form-field input[type="email"], .hs-form-field input[type="phone"], .hs-form-field input[type="number"], .hs-form-field input[type="tel"], .hs-form-field input[type="date"], .hs-form-field textarea
{
    border-radius: 8px !important;
}
.hs-form-field label {
    margin-bottom: 9px !important;
    padding-left: 8px !important;
}
input.hs-button.primary.large {
    border: 1px solid #41b6e6 !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    padding: 13px 26px !important;
}
input.hs-button.primary.large:hover
{
    background: #fff;
    color:#41b6e6;
}
/* read-more css 13-07-2020 */


a.btn-link-empty.read1-more
{
    float:none !important;
    padding: 0 5px !important;
    font-size: 17px !important;
}
.btn-link-empty svg.icon-go-arrow, .btn-link svg.icon-go-arrow 
    {
        margin-left: 0 !important;
        height: 11px !important;
        transition: transform .2s ease-out;
    }

.details-title h2 {
    font-size: 28px !important;
    text-align: left !important;
    font-weight: 700;
}
.other-news1-card
{
    box-shadow: 0 11px 16px -8px rgba(0,0,0,.15) !important;
}
.other-news1-heading h2 {
    font-size: 28px !important;
    font-weight: bolder !important;
}


/* 28-08-2020 */







.not-registered {
    display: flex;
}

label.checkbox-l {
    padding: 0 !important;
    display: flex !important;
    align-items: center;
}
.checkbox label {
    display: flex !important;
    align-items: center;
}
input#RememberMe {
    width: 52px !important;
    position: relative !important;
    margin:0 15px 0 -19px !important;
}
.text-right.sf-pr-l.forget {
    margin-top: 19px;
}
.asyad-abroad-form form label {
display: inline-block;
width: 100%;
text-transform: uppercase;
font-size: 18px;
color: #000;
margin: 0px 0 0;
line-height: 1;
text-transform: none;
float: left;
margin-bottom: 10px !important;
}
.asyad-abroad-form form input {
height: 52px;
display: inline-block;
width: 100%;
border-radius: 5px;
/ height: 52px; /
border: none;
resize: none;
padding: 10px 20px;
font-size: 16px;
margin-top: 20px;
/ -webkit-appearance: none; /
font-weight: 400;
background-color: #f1f1f1;
line-height: normal;
}
.btn-blue  {
width: 144px !important;
height: 52px;
display: inline-block;
background-color: #21bcec !important;
color: #fff;
padding: 20px 35px;
font-size: 16px;
font-weight: 700 !important;
text-transform: uppercase;
text-decoration: none;
margin: 25px auto;
text-align: center;
border: 0;
border-radius: 50px;
transition: .3s ease-out;
cursor: pointer;
line-height: 1;
white-space: nowrap;
}
.col-md-6.btn-blue {
width: 20%;
float: left;
margin-top: 14px;
}
.col-md-6.login {
width: 20%;
float: left;
padding: 0px;
margin-top: 24px;
}
.col-md-6.login a {
width: 144px !important;
height: 52px;
display: inline-block;
background-color: #702082 !important;
color: #fff;
padding: 20px 35px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
margin: 7px auto;
text-align: center;
border: 0;
border-radius: 50px;
transition: .3s ease-out;
cursor: pointer;
line-height: 1;
white-space: nowrap;
}
.asyad-abroad-form {
padding: 90px 0 110px;
}


.login {
width: 50%;
margin: 0px auto;
}

.btn-blue {
width: 144px !important;
height: 52px;
display: inline-block;
background-color: #21bcec !important;
color: #fff;
padding: 20px 35px;
font-size: 16px;
font-weight: 700 !important;
text-transform: uppercase;
text-decoration: none;
margin: 25px auto;
text-align: center;
border: 0;
border-radius: 50px;
transition: .3s ease-out;
cursor: pointer;
line-height: 1;
white-space: nowrap;
}

.asyad-abroad-form input.btn.btn-primary {
       background: #21bcec;
    color: #fff;
    font-weight: 700;
    transition: .5s;
}

.asyad-abroad-form input.btn.btn-primary:hover

{
    background:#702082;
}





/*accordion css 13-10-2020*/




.accordion {
    font-family: 'Lato';
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.2;
    padding: 0px 17px 40px;
}

  .accordion__answer {
    border-top: 1px solid #f1f1f1;
    display: none;
    margin: 12px 0;
    font-family: 'Cairo';
    padding: 10px 0px;
}

  .accordion__item {
    margin-bottom: 0;
  }
    
  .accordion__question:hover{ text-decoration: underline !important; color: #fff !important; }
  .accordion__question {
    background: #03244b;
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    display: block;
    border: 0;
    font-family: 'Cairo';
    box-shadow: 0 0 7px #b7b7b7;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid transparent;
    position: relative;
    padding: 5px 8px 5px 40px;
    cursor: pointer;
    margin: 0 0 7px 0;
    text-align: left;
  }

  .accordion__question::before {
   content: '';
    display: inline-block;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    padding: 5px;
    position: absolute;
    top: 31%;
    left: 16px;
    transform: rotate(45deg);
    transition: transform .2s linear;
  }


.expanded.accordion__question::before {
 content: '';
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    top: 47%;
    left: 16px;
    transform: rotate(-135deg);
    transition: transform .2s linear;
}

.expand-btn {
    font-size: 30px;
    text-transform: capitalize;
    background: transparent;
    border: 0;
    display: none;
}
.accordion__wrapper h3 {
   font-size: 35px;
    font-weight: 600 !important;
    line-height: 54px;
    font-family: 'Cairo';
    margin-bottom: 25px;
}


/* featured icon css 13/10/2020 */



.featured-svg img {
    position: absolute;
    height: 60%;
    width: 80%;
    filter: invert(236%) sepia(180%) saturate(2798%) hue-rotate(195deg) brightness(104%) contrast(175%);
}

.feature-main-content h1 {
    /* color: #fff; */
}

.feature-main-content h3 {
    color: #fff;
}

.feature-main-content {
    padding: 40px 100px;
    background:#221C35;
    color: #fff;
}

.feature-inner-content {
    display: flex;
    flex-direction: row;
    padding: 40px 0 45px 0;
    justify-content: center;
    background: #221C35;
    flex-wrap: wrap;
    position: relative;
}

.feature-list-content {
    position: relative;
    width: 30%;
    margin: 0 12px 12px;
    text-align: center;
}

.feature-list-content h3 {
       font-weight: 600;
    font-size: 26px;
    color: #fff;
    position: absolute;
    top: 35%;
    left: 30%;
}

.featured-svg {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-list-content p {
    color: #fff;
}
.accordion__question .text-muted {
    color: #777;
    display: none;
}
.featured-svg img {
    position: absolute;
    height: 60%;
    width: 80%;
}


/*fleet expandable list css 27-01-21*/




.milestone{width:100%; display:inline-block;}
.mileston_content{width:100%; display:inline-block;}
.year_icon{width:100%; display:inline-block; background:#006eb8; color:#fff; padding:15px; font-weight:bold; font-size:20px;}
.year_icon h2{font-size:14px; padding:0px; margin:0px; width:100%; margin-top:10px;}
.milestone_text {
  background: #ebebeb none repeat scroll 0 0;
  /*border-radius: 15px 0;*/
  display: inline-block;
  margin: 10px 0;
  min-height: 172px;
  padding: 15px;
  width: 100%;
}
.milestone_text:hover {border-bottom: 2px solid #e12921;}
.milestone_text ul{padding:0px; margin:0px; width:100%; display:inline-block;}
..milestone_text ul li{width:100%; display:inline-block;}




.bod_member{width:100%; display:inline-block;}
.bod_member ul{padding:0px; margin:0px; width:30%; display:inline-block;}
.milestone_text ul li{width:30%; display:inline-block;}
.profile_img{width:100%; display:inline-block; border:5px solid #CCC;}

.suppliar_table table input[type="text"]{width:100%; padding:10px; margin-bottom:10px; }
.border_padding td {
  line-height: 22px;
  padding: 10px;
  text-align: left;
}
.border_padding th{background:#024271; text-align:center; color:#fff; font-weight:bold; padding:10px;}


.img_feet {
  float: left;
  margin-right: 15px;
  width: 40%;
  position: relative;
  height: 128px;
}
.img_feet a{width:100%; display:block; font-size:12px;}
.feet_content {
  overflow: hidden;
  padding-top: 8px;
}
.feet_content ul{padding:0px; margin:0px; list-style:none; width:100%; display:inline-block;}
.feet_content ul li{width:100%; display:inline-block; margin-bottom:10px;}
.feet_content ul li span{width:30%; float:left;}
.feet_content ul li div {
  float: left;
  width: 36px;
}
.feet_content ul li div .fa {
  color: #006eb8;
}
.feet_content ul li img{ text-align:center; margin-right:10px;}
.feet_content ul li samp{width: 50%;}


.about_left ul{padding:0px; margin:0px; list-style:none; margin:0px 15px;}
.about_left ul li{width:100%; display:inline-block; line-height:21px; background:#f5f5f5; margin-bottom:10px; border-left:5px solid #024271; padding:10px;}
.color_blue{font-weight:bold; color:#fff; background:#024271; padding:10px; display:inline-block; width:100%; margin-bottom:15px;  line-height:25px;}
.content_inner_border{border:1px solid #d5d5d5; padding:10px; border-radius:10px; width:100%; display:inline-block; margin-bottom:20px;}
.about_left ul li:hover {border-left:5px solid #e12921;}
/*     Rahul     */

.img_feet {
  border: 4px solid transparent;
  border-radius: 14px;
  box-shadow: 0 0 10px #c2c2d2;
  padding: 4px;
}
.img_feet img {
    border-radius: 14px;
  transition:all 1s ease 0s
}
.img_feet{
    overflow:hidden;
}

.milestone_text a {
  position: relative;
  transition: all 0.5s ease 0s;
}

/*.milestone_text a:hover::after {
  opacity:1;
  right: -12px;
}

.milestone_text a::after {
  content: "\f054";
  font-family: fontawesome;
  font-size: 12px;
  position: absolute;
  right: 8px;
  opacity:0;
  transition: all 0.5s ease 0s;
}*/

.milestone_text:hover .img_feet img {
  transform:scale(1.2,1.2);
}


.img_feet .image-frame {
    position: relative;
    width: 100%;
    height: 100%;
}

.img_feet .image-frame img {
    position: relative;
    height: 100%;
    width: 100%;
}
.feet_content ul li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px dashed #ccc;
  border-left: medium none;
  padding: 0 0 10px;
  font-size: 15px;
}
.feet_content ul li span {
  float: left;
  width: 108px;
}
 .feet_content ul li:last-child {
  border: medium none;
}


@media screen and (max-width: 480px){
.img_feet {
    width: 100%;
    height:250px;
    margin: 0;
}
.feet_content {
    width: 100%;
    float: left;
    padding-top: 15px;
}
.img_feet img {
    width: 100%;
    height:100%;
}
}



/*circle css*/
   
  
   
a.itegrated-img {
  text-align: center;
display: grid;
border: 4px solid rgb(112, 32, 130);
height: 170px;
width: 170px;
text-decoration: none;
padding: 35px 15px;
border-radius: 50%;
overflow: hidden;
position: relative;
z-index: 1;
}
.integrated-box.integrated-box1 {
left: 0px;
top: -8px;
}
img.first {
    width:auto;
    height: auto;
}
.integrated-box {
position: absolute;
display: flex;
align-items: center;
margin-bottom: 20px;
  
}
.integrated-box.integrated-box3 {
    top: 170px;
    left: 160px;
}

.integrated-box.integrated-box4 {
left:0px;
bottom: 0px;
}

.integrated-box.integrated-box5 {
right:6px;
bottom: 0px;
}
.row.integrated-container {
height: 600px;
position: relative;
}
.integrated-box.integrated-box2 {
right: 0px;
top: 106px;
}

img.in-arrow.in-arrow1 {
 position: absolute;
 right: 118px;
 top: 92px;
 height: 27px;
 width: 72%;
}
img.in-arrow.in-arrow2 {position: absolute;left: 322px;top: 259px;width: 49%;height: 51px !important;}
img.in-arrow.in-arrow4 {
position: absolute;
bottom: 70px;
left: 165px;
height: 27px;
width: 55%;
}
.integrated-text {
padding: 0 0px 0 8px;
}
a.itegrated-img {
background: #fff;
}

img.in-arrow.in-arrow3 {
height: 201px;
position: absolute;
top: 243px;
left: 0;
}
.itegrated-img h2 {
 display: flex;
 margin-bottom: 0;
 align-items: center;
 justify-content: center;
 font-size: 20px !important;
 color: #000;
 margin-top: -10px !important;
 font-weight: 900;
 text-transform: capitalize !important;
 letter-spacing: 0px !important;
}
.integrated-text p {
    font-size: 15px !important;
    line-height: 17px;
    text-align: left;
    font-weight: 600;
}

img.mobile-v{
display: none;
}

@media only screen and (max-width: 1116px) and (min-width: 992px)  {
img.in-arrow.in-arrow1 {right: 121px;top: 91px;width: 62%;}
img.in-arrow.in-arrow2 {left: 166px;top: 253px;width: 59%;}
.integrated-box.integrated-box3 {
top: 178px;
left: 0px;
}
img.in-arrow.in-arrow3 {
height: 141px;
top: 304px;
}

img.in-arrow.in-arrow4 {position: absolute;bottom: 70px;left: 165px;width: 42%;}
}
@media only screen and (max-width: 1270px) and (min-width: 1169px)
{
    .image-circle-box-content {
    width: 70% !important;
}
}
@media only screen and (max-width: 1169px) and (min-width: 1117px)
{
    .image-circle-box-content {
    width: 75% !important;
}
}
@media only screen and (max-width:992px) and (min-width:767px )  {
img.in-arrow.in-arrow1 {right: 104px;top: 90px;/* width: 45%; */}
img.in-arrow.in-arrow2 {left: 163px;top: 253px;width: 54%;}
.integrated-box.integrated-box3 {
top: 178px;
left: 0px;
}
img.in-arrow.in-arrow3 {
height: 141px;
top: 304px;
}

img.in-arrow.in-arrow4 {position: absolute;bottom: 63px;left: 165px;height: 30px;width: 35%;}
.integrated-text p
{
  font-size: 15px !important;
    line-height: 17px !important;
    margin-top: -21px !important;
}
}
@media only screen and (max-width:826px) and (min-width:767px )  {
.image-circle-box-content {
    position: relative;
    width: 77% !important;
    margin: auto;
}
.integrated-text p
{
  font-size: 15px !important;
    line-height: 17px !important;
    margin-top: -21px !important;
}
}

@media only screen and (max-width:767px) and (min-width:480px)  {
img.in-arrow.in-arrow1, img.in-arrow.in-arrow2, img.in-arrow.in-arrow4, img.in-arrow.in-arrow3{
display: none !important;
}

.itegrated-img h2
{
    font-size: 23px;
    letter-spacing: 0 !important;
}
img.mobile-v{
display: inline-block !important;
text-align: left !important;
position: relative !important;
left: 14px !important;
margin-top: -123px !important;
z-index: -1;
}

.row.integrated-container {
height: auto;
padding: 45px 20px;
display: grid !important;
}

.integrated-box.integrated-box1, .integrated-box.integrated-box2,.integrated-box.integrated-box3,.integrated-box.integrated-box4,.integrated-box.integrated-box5
{
top:0 !important;
right: 0 !important;
left: 0 !important;
background: #fff;
top: -32px !important;
}
.integrated-box
{
position: relative !important;
margin-bottom: 20px !important;
}
}


@media only screen and (max-width:480px) and (min-width: 280px) 
{
img.in-arrow.in-arrow1, img.in-arrow.in-arrow2, img.in-arrow.in-arrow4, img.in-arrow.in-arrow3{
display: none !important;
}
span.circle-shadow {
    display: block;
    margin-top: -30px;
}

.image-circle-box-content
{
  width:100% !important;
}
img.mobile-v{
    display: inline-block !important;
    text-align: left !important;
    position: relative !important;
    left: -6px !important;
    margin-top: -103px;
    z-index: -1;
}
a.itegrated-img {
height: 140px !important;
width: 140px !important;
}

.row.integrated-container {
height: auto;
padding: 45px 20px;
display: grid !important;
}
.integrated-text p
{
font-size: 12px !important;
line-height: 20px;
text-align: left;
}

.integrated-box.integrated-box1, .integrated-box.integrated-box2,.integrated-box.integrated-box3,.integrated-box.integrated-box4,.integrated-box.integrated-box5
{
top:0 !important;
right: 0 !important;
left: 0 !important;
margin: 0 !important;
background: #fff;
top: -32px !important;
}
.integrated-box
{
position: relative !important;
margin-bottom: 20px !important;
}


.itegrated-img h2 {
        font-size: 15px !important;
    color: #000 !important;
    margin-top: -26px !important;
    letter-spacing: 0 !important;
}

.image-circle-box-content {
    width: 100%;
    margin: auto;
    padding: 16px;
    position: relative;
}
}

.circle-image-container {
    position: relative;
    width: 100%;
}

.image-circle-box-content {
    width: 65%;
    margin: auto;
    position: relative;
}

@media only screen and (max-width:1575PX) and (min-width:1375px) 
{
    img.in-arrow.in-arrow1
    {
            width: 70%;
    }
    img.in-arrow.in-arrow2
    {
            top: 256px;
            width: 49%  
    }
}
@media only screen and (max-width:1875PX) and (min-width:1575px) 
{
    img.in-arrow.in-arrow1
    {
            width: 70%;
    }
    img.in-arrow.in-arrow2
    {
            top: 260px;
            width: 56%;  
    }
}
@media only screen and (max-width:2000px) and (min-width:1875PX) 
{
    .row.integrated-container {
    height: 600px;
    width: 70%;
   margin:auto;
    position: relative;
}
}


/*circle css*/




.video-btn {
    position: absolute;
    bottom: 14%;
    left: 50%;
    margin-bottom: 20px;
    transform: translate(-50%, 0%);
}

.video-btn .video-link-btn {
    color: #fff;
    text-transform: uppercase;
    background: #21bcec;
    font-size: 18px;
    display: inline-block;
    border-radius: 50px;
    display: inline-block;
    padding: 20px 35px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin: 25px auto;
    text-align: center;
    border: 0;
    border-radius: 50px;
    transition: .3s ease-out;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap;
}
}


@media only screen and (max-width: 767px) and (min-width: 500px)  
{
   .video-btn
   {
    bottom: 23%;
   } 
}


@media only screen and (max-width: 500px) and (min-width: 200px)  
{
.video-btn .video-link-btn {
    padding: 18px 12px !important;
    font-size: 11px !important;
}
.video-btn
   {
    bottom: 23%;
   } 
}

 


 /*11-agust-2021 pradeep*/

.dropdown-submenu {
            position: relative;
            overflow: hidden;
        }
  @media (min-width:993px) {
        

        .dropdown-submenu > ul.dropdown-menu {
            position: absolute;
            top: 0;
            left: 100%;
            float: none;
            opacity: 0;
            background: #100c1d;
            max-height: max-content;
        }
        li.dropdown-submenu:hover {
            overflow: visible;
        }

        li.dropdown-submenu:hover> ul.dropdown-menu {
            opacity: 1;
            transition: .3s ease-out;
            background: #221c35;
        }
        li.dropdown-submenu .li-box:hover> .right-caret {
           transform: rotate(-90deg);
        }
         li.dropdown-submenu .li-box:hover>a {
           color:#00b8e0;
         }
         .dropdown:nth-last-child(1) .dropdown-submenu .li-box:hover>.right-caret
         {
              transform: rotate(90deg);
         }
         .dropdown-submenu .right-caret{
            background: url(../images/arrow-down2.svg) no-repeat;
            height: 13px;
            width: 13px;
            display: inline-block;
            background-size: contain;
            background-position: center;
            transition: .3s;
            position: absolute;
            right: 25px;
            top: 16px;
          }
         .dropdown-submenu> .li-box {
              margin: 0;
              font-family: "Cairo", sans-serif;
              padding: 8px 45px;
          }
          .dropdown-submenu> .li-box a{
              display:inline-block;
          }
          .dropdown:nth-last-child(1) .dropdown-submenu > ul.dropdown-menu {
                right: 100%;
                left: auto;
            }
    }
@media only screen and (max-width: 992px)
{
   li.dropdown-submenu:hover>.dropdown-menu::after
   {
      display: none
   }
   li.dropdown-submenu {
            position: relative;
        }
    li.dropdown-submenu > ul.dropdown-menu
    {
      width: 100%;
      position: relative;
      padding: 0;
      background-color: transparent;
      left: 0;
    }
    .show-submenu {
        position: relative;
        width: auto;
        float: none;
        opacity: 1;
        max-height: max-content;
    }
    .show-back{
      background: #221c35;
      margin: 0 10px;
    }
    .dropdown-submenu.show-back .right-caret{
      right: 30px;
      top: 18px;
      transform: rotate(180deg);
    }
    .dropdown-submenu .right-caret{
      background: url(../images/arrow-down2.svg) no-repeat;
      height: 10px;
      width: 10px;
      display: inline-block;
      position: absolute;
      right: 30px;
      top: 32px;
      transition: .3s;
    }
    .dropdown-submenu .li-box {
        margin: 0;
        display: block;
        padding: 10px 0;
        font-family: "Cairo", sans-serif;
    }
    .dropdown-submenu.show-back .li-box a
    {
        font-weight: 900;
        padding: 0 30px;
        display: inline-block;
    }

}




/*09-09-2021 PRADEEP*/

  
@media (min-width:1280px){
.image-circle-box-content {
    width: 859px;
}
}
.integrated-box p {
    margin: 0;
}

.integrated.text-center p {
    color: #08001f;
    font-size: 20px;
}

.integrated.text-center {
    padding-top: 28px;
}
.second-subsdaires {
    display: none;
}

.top-subsdaires .img-column {
    position: relative !important;
}