/*! normalize.css v3.0.2 | MIT License | git.io/normalize */



html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0;

	background-image:url(../images/bg-black.jpg);

	background-size:100%;

	background-repeat:repeat-y;

	background-position:top center;

}

.bg-black{

	background-image:url(../images/bg-black.jpg);

	background-size:100%;

	background-repeat:repeat-y;

	background-position:top center;

	}

.bg-gold{

	background-image:url(../images/bg-gold.jpg) !important;

	background-size:100% !important;

	background-repeat:repeat-y;

	background-position:top center;

	}

.bg-black-gold{

	background-image:url(../images/bg-black-gold.jpg) !important;

	background-size:100% !important;

	background-repeat:repeat-y;

	background-position:top center;

	}



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[href=''] {

  cursor: default;

  /*pointer-events: none;*/

}



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 {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0

}



pre {

    overflow: auto

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0

}



button {

    overflow: visible

}



button,

select {

    text-transform: none

}



button,

html input[type=button],

input[type=reset],

input[type=submit] {

    -webkit-appearance: button;

    cursor: pointer

}



button[disabled],

html input[disabled] {

    cursor: default

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}



input {

    line-height: normal

}



input[type=checkbox],

input[type=radio] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    height: auto

}



input[type=search] {

    -webkit-appearance: textfield;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}



legend {

    border: 0;

    padding: 0

}



textarea {

    overflow: auto

}



optgroup {

    font-weight: 700

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



td,

th {

    padding: 0

}



*,

:after,

:before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



body,

html {

    height: 100%

}



html {

    color: #fff;

    font-size: 1.125em;

    line-height: 1.45;

    font-family: Roboto, sans-serif

}



@media (min-width:768px) and (max-width:1023px) {

    html {

        font-size: 1em

    }

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none

}



::selection {

    background: #b3d4fc;

    text-shadow: none

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0

}



audio,

canvas,

iframe,

img,

svg,

video {

    vertical-align: middle

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0

}



textarea {

    resize: vertical

}



.browserupgrade {

    margin: .2em 0;

    background: #ccc;

    color: #000;

    padding: .2em 0

}



h1 {

    font-weight: 700;

    font-size: 5rem;

    line-height: 1;

    margin: 0 0 .67rem

}



@media (max-width:767px) {

    h1 {

        font-size: 2.5rem

    }

}



h2 {

    font-size: 2rem;

    text-align: left;

    text-transform: normal;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 400;

    margin: 0 0 1em;

    line-height: 1

}



@media (max-width:767px) {

    h2 {

        font-size: 1.75rem

    }

}



h2 a:after {

    content: "";

    display: block;

    background: #ebbb4f;

    height: 3px;

    margin-top: 6px;

    width: 52px;

    transition: .4s;

    -webkit-transition: .4s

}



h2 a {

    color: #000;

    display: inline-block

}



h2 a:hover {

    color: #ebbb4f

}



h2 a:hover:after {

    width: 100%

}



a {

    text-decoration: none;

    transition: .2s;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    color: #ebbb4f

}



a:hover {

    color: #dfa627;

}



img {

    max-width: 100%;

    height: auto

}



@-webkit-keyframes hvr-push {

    50% {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes hvr-push {

    50% {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.hvr-push,

.industry-menu li a {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-box-shadow: 0 0 1px transparent;

    box-shadow: 0 0 1px transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;


}



.hvr-push:active,

.hvr-push:focus,

.hvr-push:hover,

.industry-menu li a:active,

.industry-menu li a:focus,

.industry-menu li a:hover {

    -webkit-animation-name: hvr-push;

    animation-name: hvr-push;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



@font-face {

    font-family: icons;

    src: url("https://dubaiholding.com/wp-content/themes/dubaiholding/fonts/dubai-holding.eot");

    src: url("https://dubaiholding.com/wp-content/themes/dubaiholding/fonts/dubai-holding.eot?#iefix") format("embedded-opentype"), url("https://dubaiholding.com/wp-content/themes/dubaiholding/fonts/dubai-holding.woff") format("woff"), url("https://dubaiholding.com/wp-content/themes/dubaiholding/fonts/dubai-holding.ttf") format("truetype"), url("https://dubaiholding.com/wp-content/themes/dubaiholding/fonts/dubai-holding.svg#dubai-holding") format("svg");

    font-weight: 400;

    font-style: normal

}



[data-icon]:before {

    content: attr(data-icon)

}



[class*=" icon-"]:before,

[class^=icon-]:before,

[data-icon]:before {

    font-family: icons!important;

    font-style: normal!important;

    font-weight: 400!important;

    font-variant: normal!important;

    text-transform: none!important;

    speak: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-home:before {

    content: "b"

}



.icon-hamburger:before {

    content: "a"

}



.icon-twitter:before {

    content: "e"

}



.icon-linkedin:before {

    content: "h"

}



.icon-youtube:before {

    content: "i"

}



.icon-instagram:before {

    content: "j"

}



.icon-brush:before {

    content: "c"

}



.icon-bed:before {

    content: "d"

}



.icon-cursor:before {

    content: "f"

}



.icon-play:before {

    content: "g"

}



.icon-arrow-right:before {

    content: "l"

}



.icon-arrow-left:before {

    content: "k"

}



.container {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto

}



@media (min-width:1570px) {

    .container {

        width: 1540px

    }

}



.btn-menu,

.pull-right {

    float: right!important

}



#header .logo,

.dh-in-numbers .num,

.pull-left {

    float: left!important

}



.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: .78rem;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.btn.focus,

.btn:focus,

.btn:hover {

    text-decoration: none

}



.btn.active,

.btn:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn-primary {

    background: #ebbb4f;

    color: #fff;

    padding: 1em 3rem;

    font-weight: 700

}



.btn-primary:hover {

    background: #bf111d;

    color: #fff

}



.row {

    margin-right: -15px;

    margin-left: -15px

}



.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-right: 15px;

    padding-left: 15px

}



.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-12 {

    width: 100%

}



.col-xs-11 {

    width: 91.66666667%

}



.col-xs-10 {

    width: 83.33333333%

}



.col-xs-9 {

    width: 75%

}



.col-xs-8 {

    width: 66.66666667%

}



.col-xs-7 {

    width: 58.33333333%

}



.col-xs-6 {

    width: 50%

}



.col-xs-5 {

    width: 41.66666667%

}



.col-xs-4 {

    width: 33.33333333%

}



.col-xs-3 {

    width: 25%

}



.col-xs-2 {

    width: 16.66666667%

}



.col-xs-1 {

    width: 8.33333333%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-pull-11 {

    right: 91.66666667%

}



.col-xs-pull-10 {

    right: 83.33333333%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-8 {

    right: 66.66666667%

}



.col-xs-pull-7 {

    right: 58.33333333%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-5 {

    right: 41.66666667%

}



.col-xs-pull-4 {

    right: 33.33333333%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-2 {

    right: 16.66666667%

}



.col-xs-pull-1 {

    right: 8.33333333%

}



.col-xs-pull-0 {

    right: auto

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-push-11 {

    left: 91.66666667%

}



.col-xs-push-10 {

    left: 83.33333333%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-8 {

    left: 66.66666667%

}



.col-xs-push-7 {

    left: 58.33333333%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-5 {

    left: 41.66666667%

}



.col-xs-push-4 {

    left: 33.33333333%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-2 {

    left: 16.66666667%

}



.col-xs-push-1 {

    left: 8.33333333%

}



.col-xs-push-0 {

    left: auto

}



.col-xs-offset-12 {

    margin-left: 100%

}



.col-xs-offset-11 {

    margin-left: 91.66666667%

}



.col-xs-offset-10 {

    margin-left: 83.33333333%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-8 {

    margin-left: 66.66666667%

}



.col-xs-offset-7 {

    margin-left: 58.33333333%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-5 {

    margin-left: 41.66666667%

}



.col-xs-offset-4 {

    margin-left: 33.33333333%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-2 {

    margin-left: 16.66666667%

}



.col-xs-offset-1 {

    margin-left: 8.33333333%

}



.col-xs-offset-0 {

    margin-left: 0

}



@media (min-width:768px) {

    .col-sm-1,

    .col-sm-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-12 {

        width: 100%

    }

    .col-sm-11 {

        width: 91.66666667%

    }

    .col-sm-10 {

        width: 83.33333333%

    }

    .col-sm-9 {

        width: 75%

    }

    .col-sm-8 {

        width: 66.66666667%

    }

    .col-sm-7 {

        width: 58.33333333%

    }

    .col-sm-6 {

        width: 50%

    }

    .col-sm-5 {

        width: 41.66666667%

    }

    .col-sm-4 {

        width: 33.33333333%

    }

    .col-sm-3 {

        width: 25%

    }

    .col-sm-2 {

        width: 16.66666667%

    }

    .col-sm-1 {

        width: 8.33333333%

    }

    .col-sm-pull-12 {

        right: 100%

    }

    .col-sm-pull-11 {

        right: 91.66666667%

    }

    .col-sm-pull-10 {

        right: 83.33333333%

    }

    .col-sm-pull-9 {

        right: 75%

    }

    .col-sm-pull-8 {

        right: 66.66666667%

    }

    .col-sm-pull-7 {

        right: 58.33333333%

    }

    .col-sm-pull-6 {

        right: 50%

    }

    .col-sm-pull-5 {

        right: 41.66666667%

    }

    .col-sm-pull-4 {

        right: 33.33333333%

    }

    .col-sm-pull-3 {

        right: 25%

    }

    .col-sm-pull-2 {

        right: 16.66666667%

    }

    .col-sm-pull-1 {

        right: 8.33333333%

    }

    .col-sm-pull-0 {

        right: auto

    }

    .col-sm-push-12 {

        left: 100%

    }

    .col-sm-push-11 {

        left: 91.66666667%

    }

    .col-sm-push-10 {

        left: 83.33333333%

    }

    .col-sm-push-9 {

        left: 75%

    }

    .col-sm-push-8 {

        left: 66.66666667%

    }

    .col-sm-push-7 {

        left: 58.33333333%

    }

    .col-sm-push-6 {

        left: 50%

    }

    .col-sm-push-5 {

        left: 41.66666667%

    }

    .col-sm-push-4 {

        left: 33.33333333%

    }

    .col-sm-push-3 {

        left: 25%

    }

    .col-sm-push-2 {

        left: 16.66666667%

    }

    .col-sm-push-1 {

        left: 8.33333333%

    }

    .col-sm-push-0 {

        left: auto

    }

    .col-sm-offset-12 {

        margin-left: 100%

    }

    .col-sm-offset-11 {

        margin-left: 91.66666667%

    }

    .col-sm-offset-10 {

        margin-left: 83.33333333%

    }

    .col-sm-offset-9 {

        margin-left: 75%

    }

    .col-sm-offset-8 {

        margin-left: 66.66666667%

    }

    .col-sm-offset-7 {

        margin-left: 58.33333333%

    }

    .col-sm-offset-6 {

        margin-left: 50%

    }

    .col-sm-offset-5 {

        margin-left: 41.66666667%

    }

    .col-sm-offset-4 {

        margin-left: 33.33333333%

    }

    .col-sm-offset-3 {

        margin-left: 25%

    }

    .col-sm-offset-2 {

        margin-left: 16.66666667%

    }

    .col-sm-offset-1 {

        margin-left: 8.33333333%

    }

    .col-sm-offset-0 {

        margin-left: 0

    }

}



@media (min-width:992px) {

    .col-md-1,

    .col-md-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-12 {

        width: 100%

    }

    .col-md-11 {

        width: 91.66666667%

    }

    .col-md-10 {

        width: 83.33333333%

    }

    .col-md-9 {

        width: 75%

    }

    .col-md-8 {

        width: 66.66666667%

    }

    .col-md-7 {

        width: 58.33333333%

    }

    .col-md-6 {

        width: 50%

    }

    .col-md-5 {

        width: 41.66666667%

    }

    .col-md-4 {

        width: 33.33333333%

    }

    .col-md-3 {

        width: 25%

    }

    .col-md-2 {

        width: 16.66666667%

    }

    .col-md-1 {

        width: 8.33333333%

    }

    .col-md-pull-12 {

        right: 100%

    }

    .col-md-pull-11 {

        right: 91.66666667%

    }

    .col-md-pull-10 {

        right: 83.33333333%

    }

    .col-md-pull-9 {

        right: 75%

    }

    .col-md-pull-8 {

        right: 66.66666667%

    }

    .col-md-pull-7 {

        right: 58.33333333%

    }

    .col-md-pull-6 {

        right: 50%

    }

    .col-md-pull-5 {

        right: 41.66666667%

    }

    .col-md-pull-4 {

        right: 33.33333333%

    }

    .col-md-pull-3 {

        right: 25%

    }

    .col-md-pull-2 {

        right: 16.66666667%

    }

    .col-md-pull-1 {

        right: 8.33333333%

    }

    .col-md-pull-0 {

        right: auto

    }

    .col-md-push-12 {

        left: 100%

    }

    .col-md-push-11 {

        left: 91.66666667%

    }

    .col-md-push-10 {

        left: 83.33333333%

    }

    .col-md-push-9 {

        left: 75%

    }

    .col-md-push-8 {

        left: 66.66666667%

    }

    .col-md-push-7 {

        left: 58.33333333%

    }

    .col-md-push-6 {

        left: 50%

    }

    .col-md-push-5 {

        left: 41.66666667%

    }

    .col-md-push-4 {

        left: 33.33333333%

    }

    .col-md-push-3 {

        left: 25%

    }

    .col-md-push-2 {

        left: 16.66666667%

    }

    .col-md-push-1 {

        left: 8.33333333%

    }

    .col-md-push-0 {

        left: auto

    }

    .col-md-offset-12 {

        margin-left: 100%

    }

    .col-md-offset-11 {

        margin-left: 91.66666667%

    }

    .col-md-offset-10 {

        margin-left: 83.33333333%

    }

    .col-md-offset-9 {

        margin-left: 75%

    }

    .col-md-offset-8 {

        margin-left: 66.66666667%

    }

    .col-md-offset-7 {

        margin-left: 58.33333333%

    }

    .col-md-offset-6 {

        margin-left: 50%

    }

    .col-md-offset-5 {

        margin-left: 41.66666667%

    }

    .col-md-offset-4 {

        margin-left: 33.33333333%

    }

    .col-md-offset-3 {

        margin-left: 25%

    }

    .col-md-offset-2 {

        margin-left: 16.66666667%

    }

    .col-md-offset-1 {

        margin-left: 8.33333333%

    }

    .col-md-offset-0 {

        margin-left: 0

    }

}



@media (min-width:1200px) {

    .col-lg-1,

    .col-lg-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-12 {

        width: 100%

    }

    .col-lg-11 {

        width: 91.66666667%

    }

    .col-lg-10 {

        width: 83.33333333%

    }

    .col-lg-9 {

        width: 75%

    }

    .col-lg-8 {

        width: 66.66666667%

    }

    .col-lg-7 {

        width: 58.33333333%

    }

    .col-lg-6 {

        width: 50%

    }

    .col-lg-5 {

        width: 41.66666667%

    }

    .col-lg-4 {

        width: 33.33333333%

    }

    .col-lg-3 {

        width: 25%

    }

    .col-lg-2 {

        width: 16.66666667%

    }

    .col-lg-1 {

        width: 8.33333333%

    }

    .col-lg-pull-12 {

        right: 100%

    }

    .col-lg-pull-11 {

        right: 91.66666667%

    }

    .col-lg-pull-10 {

        right: 83.33333333%

    }

    .col-lg-pull-9 {

        right: 75%

    }

    .col-lg-pull-8 {

        right: 66.66666667%

    }

    .col-lg-pull-7 {

        right: 58.33333333%

    }

    .col-lg-pull-6 {

        right: 50%

    }

    .col-lg-pull-5 {

        right: 41.66666667%

    }

    .col-lg-pull-4 {

        right: 33.33333333%

    }

    .col-lg-pull-3 {

        right: 25%

    }

    .col-lg-pull-2 {

        right: 16.66666667%

    }

    .col-lg-pull-1 {

        right: 8.33333333%

    }

    .col-lg-pull-0 {

        right: auto

    }

    .col-lg-push-12 {

        left: 100%

    }

    .col-lg-push-11 {

        left: 91.66666667%

    }

    .col-lg-push-10 {

        left: 83.33333333%

    }

    .col-lg-push-9 {

        left: 75%

    }

    .col-lg-push-8 {

        left: 66.66666667%

    }

    .col-lg-push-7 {

        left: 58.33333333%

    }

    .col-lg-push-6 {

        left: 50%

    }

    .col-lg-push-5 {

        left: 41.66666667%

    }

    .col-lg-push-4 {

        left: 33.33333333%

    }

    .col-lg-push-3 {

        left: 25%

    }

    .col-lg-push-2 {

        left: 16.66666667%

    }

    .col-lg-push-1 {

        left: 8.33333333%

    }

    .col-lg-push-0 {

        left: auto

    }

    .col-lg-offset-12 {

        margin-left: 100%

    }

    .col-lg-offset-11 {

        margin-left: 91.66666667%

    }

    .col-lg-offset-10 {

        margin-left: 83.33333333%

    }

    .col-lg-offset-9 {

        margin-left: 75%

    }

    .col-lg-offset-8 {

        margin-left: 66.66666667%

    }

    .col-lg-offset-7 {

        margin-left: 58.33333333%

    }

    .col-lg-offset-6 {

        margin-left: 50%

    }

    .col-lg-offset-5 {

        margin-left: 41.66666667%

    }

    .col-lg-offset-4 {

        margin-left: 33.33333333%

    }

    .col-lg-offset-3 {

        margin-left: 25%

    }

    .col-lg-offset-2 {

        margin-left: 16.66666667%

    }

    .col-lg-offset-1 {

        margin-left: 8.33333333%

    }

    .col-lg-offset-0 {

        margin-left: 0

    }

}



.hidden {

    display: none!important;

    visibility: hidden

}



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto

}



.invisible {

    visibility: hidden

}



#footer .container-copyright:after,

#footer .container-copyright:before,

#footer .container-links:after,

#footer .container-links:before,

.clearfix:after,

.clearfix:before,

.comp-utils:after,

.comp-utils:before,

.container:after,

.container:before,

.dh-updates:after,

.dh-updates:before,

.feature-image1:after,

.feature-image1:before,

.feature-video:after,

.feature-video:before,

.hero:after,

.hero:before,

.journey-card .thecard:after,

.journey-card .thecard:before,

.message:after,

.message:before,

.our-companies .comp-list:after,

.our-companies .comp-list:before,

.panel1 .row:after,

.panel1 .row:before,

.panel2:after,

.panel2:before,

.people-feature .card:after,

.people-feature .card:before,

.pr-list-wrap .row:after,

.pr-list-wrap .row:before,

.social:after,

.social:before,

.team-list:after,

.team-list:before,

.tecom-biz:after,

.tecom-biz:before,

.tecom-companies:after,

.tecom-companies:before,

.tweets-wrap .feeds-wrap:after,

.tweets-wrap .feeds-wrap:before,

.youtube-wrap .feeds-wrap:after,

.youtube-wrap .feeds-wrap:before {

    content: " ";

    display: table

}



#footer .container-copyright:after,

#footer .container-links:after,

.clearfix:after,

.comp-utils:after,

.container:after,

.dh-updates:after,

.feature-image1:after,

.feature-video:after,

.hero:after,

.journey-card .thecard:after,

.message:after,

.our-companies .comp-list:after,

.panel1 .row:after,

.panel2:after,

.people-feature .card:after,

.pr-list-wrap .row:after,

.social:after,

.team-list:after,

.tecom-biz:after,

.tecom-companies:after,

.tweets-wrap .feeds-wrap:after,

.youtube-wrap .feeds-wrap:after {

    clear: both

}



#footer .container-copyright,

#footer .container-links,

.clearfix,

.comp-utils,

.container,

.dh-updates,

.feature-image1,

.feature-video,

.hero,

.journey-card .thecard,

.message,

.our-companies .comp-list,

.panel1 .row,

.panel2,

.people-feature .card,

.pr-list-wrap .row,

.social,

.team-list,

.tecom-biz,

.tecom-companies,

.tweets-wrap .feeds-wrap,

.youtube-wrap .feeds-wrap {

    *zoom: 1

}



.text-sm {

    font-size: .78rem

}



.text-lg {

    font-size: 1.33rem

}



.text-left {

    text-align: left

}



.text-right {

    text-align: right

}



#footer .left-panel,

#footer .right-panel,

.social a,

.text-center {

    text-align: center

}



.text-lowercase {

    text-transform: lowercase

}



#footer .container-copyright .left-panel,

#footer .container-copyright .right-panel .connect,

.dh-in-numbers,

.text-uppercase {

    text-transform: uppercase

}



.text-capitalize {

    text-transform: capitalize

}



.message,

.text-100 {

    font-weight: 100

}



#footer .container-copyright .left-panel,

#footer .container-copyright .right-panel .connect,

.text-300 {

    font-weight: 300

}



.text-400 {

    font-weight: 400

}



#footer .container-copyright .left-panel ul,

#footer .container-links ul,

.comp-utils,

.our-companies .comp-list,

.reset-list,

.tweets-wrap .feeds-wrap .feeds,

.values-grid .values,

.youtube-wrap .feeds-wrap .feeds {

    list-style: none;

    margin: 0;

    padding: 0

}



.overlay {

    right: 0;

    width: 0;

    height: 0;

    background: rgba(0, 0, 0, .5);

    content: "";

    opacity: 0;

    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;

    transition: opacity .5s, width .1s .5s, height .1s .5s;

    z-index: 11

}



#header,

.overlay {

    position: fixed;

    top: 0

}



#header {

    z-index: 10;

    width: 100%;

    padding: 2em 0;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    background: transparent

}



#header .logo {

    background: url(../images/logo.png) 50% 50% no-repeat;

    background-size: contain

}



@media (max-width:767px) {

    #header .logo {

        background: none

    }

}



#header .logo img {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    width: 191px;

    /*opacity: 0*/

}



@media (min-width:768px) and (max-width:1023px) {

    #header .logo img {

        width: 161px

    }

}



@media (max-width:767px) {

    #header .logo img {

        width: 90px;

        opacity: 1

    }

}



@media (max-width:1280px) and (orientation:landscape) {

    #header .logo img {

        width: 130px;

        margin-left: 10px

    }

}



#header.inner-header,

#header.sticky {

    background: #000;

    padding: 10px 0 17px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .25);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .25);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25)

}



#header.inner-header .logo,

#header.sticky .logo {

    padding-top: 3px

}



#header.inner-header .logo img,

#header.sticky .logo img {

    width: 82px;

    /*opacity: 1*/

}



#header.inner-header .btn-menu,

#header.sticky .btn-menu {

    margin-top: .9rem;

    width: 45px;

    height: 40px

}



#header.inner-header .btn-menu span,

#header.sticky .btn-menu span {

    background: #ebbb4f;

}



#header.inner-header.sticky,

#header.sticky {

    position: fixed

}



@media (max-width:1024px) and (orientation:landscape) {

    #header {

        position: absolute

    }

}



@media (min-width:768px) and (max-width:1023px) {

    #header {

        position: absolute;

        padding: 1em 0

    }

}



@media (max-width:767px) {

    #header {

        background: #000000;

        padding: 5px 0 10px;

        position: relative

    }

    #header.inner-header .btn-menu {

        margin-top: 1.2rem

    }

}



@media (max-width:640px) and (orientation:portrait) {

    #header.inner-header .btn-menu {

        width: 35px

    }

}



.btn-menu {

    background: transparent;

    color: #fff;

    border: 0 none;

    padding: 0;

    margin: 2rem 22px 0 0;

    width: 65px;

    height: 50px;

    position: relative

}



.btn-menu,

.btn-menu span {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s

}



.btn-menu span {

    width: 100%;

    height: 5px;

    background: #fff;

    display: block;

    position: absolute;

    top: 0;

    left: 0

}



.btn-menu span:nth-child(2) {

    top: 15px

}



@media (max-width:767px) {

    .btn-menu span:nth-child(2) {

        top: 12px

    }

}



.btn-menu span:nth-child(3) {

    top: 30px

}



@media (max-width:767px) {

    .btn-menu span:nth-child(3) {

        top: 24px

    }

}



@media (max-width:767px) {

    .btn-menu span {

        background-color: #4c4c4c;

        height: 4px

    }

}



@media (min-width:768px) and (max-width:1023px) {

    .btn-menu {

        width: 50px;

        margin-top: 1.5rem

    }

}



@media (max-width:767px) {

    .btn-menu {

        width: 45px;

        height: 30px;

        margin: 18px 0 0

    }

}



.btn-menu:focus {

    outline: none

}



.menu-open .nav-menu {

    visibility: visible;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    -moz-transform: translateX(0)

}



.menu-open .nav-menu:after {

    display: none

}



.menu-open .page-content-inner {

    overflow: hidden

}



.menu-open .overlay {

    width: 100%;

    height: 100%;

    opacity: 1;

    -webkit-transition: opacity .5s;

    transition: opacity .5s

}



.menu-open .btn-menu span:first-child {

    top: 5px

}



.menu-open .btn-menu span:nth-child(3) {

    top: 31px

}



.nav-menu {

    position: fixed;

    top: 0;

    right: 0;

    z-index: 12;

    visibility: hidden;

    width: 300px;

    padding: 0 30px;

    height: 100%;

    background: #231f20;

    -webkit-transition: all .5s;

    transition: all .5s;

    -moz-transition: all .5s;

    overflow-y: auto;

    -webkit-transform: translateX(300px);

    transform: translateX(300px);

    -moz-transform: translateX(300px);

    -webkit-overflow-scrolling: touch

}



.nav-menu,

.nav-menu a {

    color: #bababa

}



.nav-menu a:hover {

    color: #ebbb4f

}



.nav-menu ul {

    list-style: none;

    margin: 0;

    padding: 0

}



.nav-menu ul>li {

    position: relative

}



.nav-menu ul>li>ul {

    list-style: none;

    margin-bottom: .75em;

    padding-left: 1.75em;

    display: none

}



.nav-menu ul>li>ul>li>a {

    font-size: .83rem;

    display: block;

    padding: 4px

}



.nav-menu ul>li button {

    background: transparent;

    border: 1px solid transparent;

    position: absolute;

    left: 0;

    top: .75em;

    font-weight: 300;

    -webkit-transition: .2s;

    transition: .2s;

    width: 24px;

    height: 24px;

    line-height: 1;

    padding: 0

}



.nav-menu ul>li button:after {

    content: "+"

}



.nav-menu ul>li button:hover {

    border-color: hsla(0, 0%, 73%, .8)!important

}



.nav-menu ul>li:hover button {

    border-color: hsla(0, 0%, 73%, .4)

}



.nav-menu ul>li.subnav-open>a {

    color: #bababa;

}



.nav-menu ul>li.subnav-open button:after {

    content: "-"

}



.nav-menu ul>li.subnav-open>ul {

    display: block

}



.nav-menu ul>li.active a {

    color: #ebbb4f

}



.nav-menu ul>li>a {

    font-weight: 300;

    padding: 14px 0 14px 28px;

    display: block;
	    font-size: 14px;

}



.nav-menu .section {

    border-top: 1px solid #878787;

    padding: 1em 0

}



.nav-menu .section:first-child {

    border-top: none

}



.nav-menu .foo {

    margin-left: 28px

}



.nav-menu .close {

    position: absolute;

    right: 15px;

    top: 15px;

    width: 28px;

    height: 28px;

    line-height: 1em;

    padding: 3px;

    background: url(../images/close.png) 50% 50% no-repeat;

    cursor: pointer

}



.nav-menu .close:hover {

    background-size: 80% 80%

}



.social a {

    float: left;

    width: 36px;

    height: 36px;

    border: 2px solid #bababa;

    border-radius: 100px;

    line-height: 1.85;

    margin-left: 16px

}



.social a:hover {

    background: #bababa;

    color: #231f20

}



.social a:first-child {

    margin-left: 0

}



@media (min-width:768px) and (max-width:1023px) {

    .social a {

        line-height: 2.1

    }

}



#footer {

    background: #231f20;

    color: #fff;

    position: relative;

    z-index: 8

}



#footer.sticky-footer {

    position: fixed;

    width: 100%;

    bottom: 0

}



@media (min-width:1024px) {

    #footer .left-panel {

        float: left

    }

}



@media (max-width:767px) {

    #footer .left-panel {

        text-align: left

    }

}



@media (min-width:1024px) {

    #footer .right-panel {

        float: right

    }

}



@media (max-width:767px) {

    #footer .right-panel {

        text-align: left

    }

}



#footer .container-links {

    padding: 2em 0

}



#footer .container-links ul li {

    display: inline-block;

    margin-left: 1.5em

}



#footer .container-links ul li:first-child {

    margin-left: 0

}



#footer .container-links ul li a {

    color: #fff;

    font-size: .89rem;

    font-weight: 300

}



#footer .container-links ul li a:hover {

    color: #ebbb4f

}



@media (max-width:767px) {

    #footer .container-links ul li {

        display: block;

        margin-left: 0

    }

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-links ul li {

        padding-top: 10px;

        padding-bottom: 10px

    }

}



#footer .container-copyright {

    padding: 1em 0;

    border-top: 1px solid #332d2f

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright {

        padding-bottom: 3em

    }

}



#footer .container-copyright .foo-logo {

    display: inline-block

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright .foo-logo {

        padding: 20px 0 30px

    }

}



#footer .container-copyright .left-panel {

    color: #b2b2b2;

    font-size: .67rem

}



#footer .container-copyright .left-panel ul {

    display: inline-block;

    vertical-align: middle

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright .left-panel ul {

        display: block;

        padding-bottom: 30px

    }

}



#footer .container-copyright .left-panel ul li {

    display: inline-block;

    line-height: 1;

    border-left: 1px solid #b2b2b2;

    padding: 0 1em

}



#footer .container-copyright .left-panel ul li:first-child {

    border-left: none;

    padding-left: 1.5em

}



@media (max-width:767px) {

    #footer .container-copyright .left-panel ul li:first-child {

        padding-left: 0

    }

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright .left-panel ul li:first-child {

        display: block;

        width: 22em;

        line-height: 1.3em;

        padding-bottom: 15px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright .left-panel ul li:first-child+li {

        padding-left: 0;

        border-left: 0

    }

}



#footer .container-copyright .left-panel ul li a {

    color: #b2b2b2;

    text-decoration: underline

}



#footer .container-copyright .left-panel ul li a:hover {

    text-decoration: none

}



@media (max-width:767px) {

    #footer .container-copyright .left-panel ul li {

        text-align: left

    }

}



#footer .container-copyright .right-panel {

    margin-top: .5em

}



#footer .container-copyright .right-panel .connect {

    font-size: .67rem;

    color: #b2b2b2

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright .right-panel .connect {

        display: block;

        padding: 0 0 10px;

        font-size: .6rem

    }

}



#footer .container-copyright .right-panel .social {

    display: inline-block;

    vertical-align: middle;

    margin-left: 1em

}



@media (max-width:640px) and (orientation:portrait) {

    #footer .container-copyright .right-panel .social {

        margin-left: 0

    }

}



#footer .container-copyright .right-panel .social a {

    color: #b2b2b2

}



#footer .container-copyright .right-panel .social a:hover {

    color: #231f20

}



.slick-slider {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list,

.slick-slider {

    position: relative;

    display: block

}



.slick-list {

    height: 100%;

    overflow: hidden;

    margin: 0;

    padding: 0

}



.slick-list:focus {

    outline: none

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-list,

.slick-slider .slick-track {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



.autoplay .slick-track {

    height: 100%

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block

}



.slick-track:after,

.slick-track:before {

    display: table;

    content: ""

}



.slick-track:after {

    clear: both

}



.slick-loading .slick-track {

    visibility: hidden

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px

}



[dir=rtl] .slick-slide {

    float: right

}



.slick-slide img {

    margin: auto;

    display: block

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-loading .slick-slide {

    visibility: hidden

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent

}



.slick-arrow.slick-hidden {

    display: none

}



.slick-loading .slick-list {

    background: #fff url("../images/loading.gif") 50% no-repeat

}



.slick-next,

.slick-prev {

    z-index: 2;

    position: absolute;

    top: 50%;

    display: block;

    margin-top: -62px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent

}



.slick-next:focus,

.slick-next:hover,

.slick-prev:focus,

.slick-prev:hover {

    opacity: .75;

    outline: none

}



.slick-next:focus:before,

.slick-next:hover:before,

.slick-prev:focus:before,

.slick-prev:hover:before {

    opacity: 1;

    outline: none;

    color: #ebbb4f

}



.slick-next.slick-disabled:before,

.slick-prev.slick-disabled:before {

    opacity: .25

}



.slick-next.slick-disabled:hover:before,

.slick-prev.slick-disabled:hover:before {

    opacity: .25;

    color: #acacac

}



.slick-prev {

    left: -15px

}



[dir=rtl] .slick-prev {

    right: -25px;

    left: auto

}



[dir=rtl] .slick-prev:before {

    content: "\2192";

    color: grey

}



.slick-next {

    right: -15px

}



[dir=rtl] .slick-next {

    right: auto;

    left: -25px

}



[dir=rtl] .slick-next:before {

    content: "\2190";

    color: grey

}



.slick-slider {

    height: 100%;

    margin-bottom: 30px

}



.slick-dots {

    position: absolute;

    bottom: -45px;

    display: block;

    width: 100%;

    padding: 0;

    list-style: none;

    text-align: center

}



.slick-dots li {

    position: relative;

    display: inline-block;

    margin: 0 5px;

    padding: 0

}



.slick-dots li,

.slick-dots li button {

    width: 20px;

    height: 20px;

    cursor: pointer

}



.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    padding: 5px;

    color: transparent;

    border: 0;

    outline: none;

    background: transparent

}



.slick-dots li button:focus,

.slick-dots li button:hover {

    outline: none

}



.slick-dots li button:focus:before,

.slick-dots li button:hover:before {

    opacity: 1;

    outline: none

}



.slick-dots li button:before {

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    content: "\2022";

    text-align: center;

    opacity: .25;

    color: #000;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.slick-dots li.slick-active button:before {

    opacity: .75;

    color: #000

}



.carousel {

    text-align: center;

    position: relative

}



.arabic-slider {

    margin: 691px auto

}



.slick-slide:focus {

    outline: none

}



button.slick-next.slick-arrow.slick-disabled,

button.slick-prev.slick-arrow.slick-disabled {

    opacity: .5

}



.slick-next:before,

.slick-prev:before {

    font-size: 4rem;

    line-height: 1;

    opacity: .75;

    color: #acacac;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {

    visibility: visible!important;

    background: #f2f2f2!important;

    background: rgba(0, 0, 0, .06)!important;

    border: 0 none!important;

    -webkit-box-shadow: inset 0 0 12px 4px #fff;

    box-shadow: inset 0 0 12px 4px #fff

}



.selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {

    content: "!";

    visibility: hidden

}



.selectize-control.plugin-drag_drop .ui-sortable-helper {

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)

}



.selectize-dropdown-header {

    position: relative;

    padding: 5px 8px;

    border-bottom: 1px solid #d0d0d0;

    background: #f8f8f8;

    border-radius: 3px 3px 0 0

}



.selectize-dropdown-header-close {

    position: absolute;

    right: 8px;

    top: 50%;

    color: #303030;

    opacity: .4;

    margin-top: -12px;

    line-height: 20px;

    font-size: 20px!important

}



.selectize-dropdown-header-close:hover {

    color: #000

}



.selectize-dropdown.plugin-optgroup_columns .optgroup {

    border-right: 1px solid #f2f2f2;

    border-top: 0 none;

    float: left;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {

    border-right: 0 none

}



.selectize-dropdown.plugin-optgroup_columns .optgroup:before {

    display: none

}



.selectize-dropdown.plugin-optgroup_columns .optgroup-header {

    border-top: 0 none

}



.selectize-control.plugin-remove_button [data-value] {

    position: relative;

    padding-right: 24px!important

}



.selectize-control.plugin-remove_button [data-value] .remove {

    z-index: 1;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 17px;

    text-align: center;

    font-weight: 700;

    font-size: 12px;

    color: inherit;

    text-decoration: none;

    vertical-align: middle;

    display: inline-block;

    padding: 2px 0 0;

    border-left: 1px solid #d0d0d0;

    border-radius: 0 2px 2px 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.selectize-control.plugin-remove_button [data-value] .remove:hover {

    background: rgba(0, 0, 0, .05)

}



.selectize-control.plugin-remove_button [data-value].active .remove {

    border-left-color: #cacaca

}



.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {

    background: 0

}



.selectize-control.plugin-remove_button .disabled [data-value] .remove {

    border-left-color: #fff

}



.selectize-control {

    position: relative

}



.selectize-dropdown,

.selectize-input,

.selectize-input input {

    color: #303030;

    font-family: inherit;

    font-size: 13px;

    line-height: 18px;

    -webkit-font-smoothing: inherit

}



.selectize-control.single .selectize-input.input-active,

.selectize-input {

    background: #fff;

    cursor: text;

    display: inline-block

}



.selectize-input {

    border: 1px solid #d0d0d0;

    padding: 8px;

    display: inline-block;

    width: 100%;

    overflow: hidden;

    position: relative;

    z-index: 1;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);

    border-radius: 3px

}



.selectize-control.multi .selectize-input.has-items {

    padding: 6px 8px 3px

}



.selectize-input.full {

    background-color: #fff

}



.selectize-input.disabled,

.selectize-input.disabled * {

    cursor: default!important

}



.selectize-input.focus {

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)

}



.selectize-input.dropdown-active {

    border-radius: 3px 3px 0 0

}



.selectize-input>* {

    vertical-align: baseline;

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1;

    *display: inline

}



.selectize-control.multi .selectize-input>div {

    cursor: pointer;

    margin: 0 3px 3px 0;

    padding: 2px 6px;

    background: #f2f2f2;

    color: #303030;

    border: 0 solid #d0d0d0

}



.selectize-control.multi .selectize-input>div.active {

    background: #ffffff;

    color: #303030;

    border: 0 solid #cacaca

}



.selectize-control.multi .selectize-input.disabled>div,

.selectize-control.multi .selectize-input.disabled>div.active {

    color: #7d7d7d;

    background: #fff;

    border: 0 solid #fff

}



.selectize-input>input {

    display: inline-block!important;

    padding: 0!important;

    min-height: 0!important;

    max-height: none!important;

    max-width: 100%!important;

    margin: 0 2px 0 0!important;

    text-indent: 0!important;

    border: 0 none!important;

    background: none!important;

    line-height: inherit!important;

    -webkit-user-select: auto!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important

}



.selectize-input>input::-ms-clear {

    display: none

}



.selectize-input>input:focus {

    outline: none!important

}



.selectize-input:after {

    content: " ";

    display: block;

    clear: left

}



.selectize-input.dropdown-active:before {

    content: " ";

    display: block;

    position: absolute;

    background: #f0f0f0;

    height: 1px;

    bottom: 0;

    left: 0;

    right: 0

}



.selectize-dropdown {

    position: absolute;

    z-index: 10;

    border: 1px solid #d0d0d0;

    background: #fff;

    margin: -1px 0 0;

    border-top: 0 none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);

    border-radius: 0 0 3px 3px

}



.selectize-dropdown [data-selectable] {

    cursor: pointer;

    overflow: hidden

}



.selectize-dropdown [data-selectable] .highlight {

    background: rgba(125, 168, 208, .2);

    border-radius: 1px

}



.selectize-dropdown .optgroup-header,

.selectize-dropdown [data-selectable] {

    padding: 5px 8px

}



.selectize-dropdown .optgroup:first-child .optgroup-header {

    border-top: 0 none

}



.selectize-dropdown .optgroup-header {

    color: #303030;

    background: #fff;

    cursor: default

}



.selectize-dropdown .active {

    background-color: #f5fafd;

    color: #495c68

}



.selectize-dropdown .active.create {

    color: #495c68

}



.selectize-dropdown .create {

    color: rgba(48, 48, 48, .5)

}



.selectize-dropdown-content {

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 200px

}



.selectize-control.single .selectize-input,

.selectize-control.single .selectize-input input {

    cursor: pointer

}



.selectize-control.single .selectize-input.input-active,

.selectize-control.single .selectize-input.input-active input {

    cursor: text

}



.selectize-control.single .selectize-input:after {

    content: " ";

    display: block;

    position: absolute;

    top: 50%;

    right: 15px;

    margin-top: -3px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 5px 0;

    border-color: gray transparent transparent

}



.selectize-control.single .selectize-input.dropdown-active:after {

    margin-top: -4px;

    border-width: 0 5px 5px;

    border-color: transparent transparent gray

}



.selectize-control.rtl.single .selectize-input:after {

    left: 15px;

    right: auto

}



.selectize-control.rtl .selectize-input>input {

    margin: 0 4px 0 -2px!important

}



.selectize-control .selectize-input.disabled {

    opacity: .5;

    background-color: #fafafa

}



.featured-carousel {

    background-color: #fff;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



#boutique {

    display: none;

    margin: 0 auto

}



#boutique li {

    background: #e4b64d url(../images/loading.gif) 50% no-repeat;

    border: 1px solid;

    border-color: #ebbb4f;

}



#boutique span {

    font-family: Verdana, sans-serif;

    line-height: 120%;

    color: #444;

    background: #eee3db;

    margin: 0;

    padding: 10px 15px 14px

}



#boutique .front img {

    margin: 6px

}



#boutique .front span {

    font-size: 11px

}



#boutique .behind img {

    margin: 3px

}



#boutique .behind span {

    font-size: 9px

}



#boutique img {

    margin: 1px

}



#boutique .back span {

    font-size: 9px

}



.boutique {

    position: relative;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.boutique,

.boutique li {

    margin: 0;

    padding: 0;

    z-index: 1

}



.boutique li {

    list-style: none;

    position: absolute;

    display: none;

    border-width: 0

}



.boutique img {

    border: 0;

    vertical-align: bottom;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.boutique span {

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: left;

    cursor: default;

    margin: 0

}



.boutique h6 {

    cursor: default

}



.boutique a,

.boutique a:hover {

    cursor: default;

    text-decoration: none;

    outline: none

}



.boutique a,

.boutique img,

.boutique li {

    -webkit-user-select: none;

    -moz-user-select: none;

    -o-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-user-drag: none;

    -moz-user-drag: none;

    user-drag: none

}



.boutique.rtl h6,

.boutique.rtl span {

    text-align: right

}



.featured-carousel h3 {

    color: #ebbb4f;

    font-weight: 300;

    font-size: 2rem

}



.boutique img {

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(100%);

    filter: gray;

    filter: grayscale(100%)

}



.boutique .frame3 img,

.boutique img:hover {

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(0);

    filter: none;

    filter: grayscale(0)

}





/*!

Video.js Default Styles (http://videojs.com)

Version 4.12.3

Create your own skin at http://designer.videojs.com

*/



.vjs-default-skin {

    color: #ccc

}



@font-face {

    font-family: VideoJS;

    src: url(font/vjs.eot);

    src: url(font/vjsd41d.eot?#iefix) format("embedded-opentype"), url(font/vjs.woff) format("woff"), url(font/vjs.ttf) format("truetype"), url(font/vjs.svg#icomoon) format("svg");

    font-weight: 400;

    font-style: normal

}



.vjs-default-skin .vjs-slider {

    outline: 0;

    position: relative;

    cursor: pointer;

    padding: 0;

    background-color: #333;

    background-color: rgba(51, 51, 51, .9)

}



.vjs-default-skin .vjs-slider:focus {

    -webkit-box-shadow: 0 0 2em #fff;

    box-shadow: 0 0 2em #fff

}



.vjs-default-skin .vjs-slider-handle {

    position: absolute;

    left: 0;

    top: 0

}



.vjs-default-skin .vjs-slider-handle:before {

    content: "\E009";

    font-family: VideoJS;

    font-size: 1em;

    line-height: 1;

    text-align: center;

    text-shadow: 0 0 1em #fff;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.vjs-default-skin .vjs-control-bar {

    display: none;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 3em;

    background-color: #07141e;

    background-color: rgba(7, 20, 30, .7)

}



.vjs-default-skin.vjs-has-started .vjs-control-bar {

    display: block;

    visibility: visible;

    opacity: 1;

    -webkit-transition: visibility .1s, opacity .1s;

    transition: visibility .1s, opacity .1s

}



.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

    display: block;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 1s, opacity 1s;

    transition: visibility 1s, opacity 1s

}



.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,

.vjs-default-skin.vjs-error .vjs-control-bar,

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {

    display: none

}



.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

    opacity: 1;

    visibility: visible

}



@media \0screen {

    .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {

        content: ""

    }

}



.vjs-default-skin .vjs-control {

    outline: 0;

    position: relative;

    float: left;

    text-align: center;

    margin: 0;

    padding: 0;

    height: 3em;

    width: 4em

}



.vjs-default-skin .vjs-control:before {

    font-family: VideoJS;

    font-size: 1.5em;

    line-height: 2;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)

}



.vjs-default-skin .vjs-control:focus:before,

.vjs-default-skin .vjs-control:hover:before {

    text-shadow: 0 0 1em #fff

}



.vjs-default-skin .vjs-control-text {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}



.vjs-default-skin .vjs-play-control {

    width: 5em;

    cursor: pointer

}



.vjs-default-skin .vjs-play-control:before {

    content: "\E001"

}



.vjs-default-skin.vjs-playing .vjs-play-control:before {

    content: "\E002"

}



.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {

    font-size: 1.5em;

    line-height: 2;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)

}



.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {

    width: 4em;

    left: -2em;

    list-style: none

}



.vjs-default-skin .vjs-mute-control,

.vjs-default-skin .vjs-volume-menu-button {

    cursor: pointer;

    float: right

}



.vjs-default-skin .vjs-mute-control:before,

.vjs-default-skin .vjs-volume-menu-button:before {

    content: "\E006"

}



.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,

.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {

    content: "\E003"

}



.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,

.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {

    content: "\E004"

}



.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,

.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {

    content: "\E005"

}



.vjs-default-skin .vjs-volume-control {

    width: 5em;

    float: right

}



.vjs-default-skin .vjs-volume-bar {

    width: 5em;

    height: .6em;

    margin: 1.1em auto 0

}



.vjs-default-skin .vjs-volume-level {

    position: absolute;

    top: 0;

    left: 0;

    height: .5em;

    width: 100%;

    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat

}



.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {

    width: .5em;

    height: .5em;

    left: 4.5em

}



.vjs-default-skin .vjs-volume-handle:before {

    font-size: .9em;

    top: -.2em;

    left: -.2em;

    width: 1em;

    height: 1em

}



.vjs-default-skin .vjs-volume-menu-button .vjs-menu {

    display: block;

    width: 0;

    height: 0;

    border-top-color: transparent

}



.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {

    height: 0;

    width: 0

}



.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing,

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu {

    border-top-color: rgba(7, 40, 50, .5)

}



.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content,

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content {

    height: 2.9em;

    width: 10em

}



.vjs-default-skin .vjs-progress-control {

    position: absolute;

    left: 0;

    right: 0;

    width: auto;

    font-size: .3em;

    height: 1em;

    top: -1em;

    -webkit-transition: all .4s;

    transition: all .4s

}



.vjs-default-skin:hover .vjs-progress-control {

    font-size: .9em;

    -webkit-transition: all .2s;

    transition: all .2s

}



.vjs-default-skin .vjs-progress-holder {

    height: 100%

}



.vjs-default-skin .vjs-progress-holder .vjs-load-progress,

.vjs-default-skin .vjs-progress-holder .vjs-load-progress div,

.vjs-default-skin .vjs-progress-holder .vjs-play-progress {

    position: absolute;

    display: block;

    height: 100%;

    margin: 0;

    padding: 0;

    width: 0;

    left: 0;

    top: 0

}



.vjs-default-skin .vjs-play-progress {

    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat

}



.vjs-default-skin .vjs-load-progress {

    background: #646464;

    background: hsla(0, 0%, 100%, .2)

}



.vjs-default-skin .vjs-load-progress div {

    background: #787878;

    background: hsla(0, 0%, 100%, .1)

}



.vjs-default-skin .vjs-seek-handle {

    width: 1.5em;

    height: 100%

}



.vjs-default-skin .vjs-seek-handle:before {

    padding-top: .1em

}



.vjs-default-skin.vjs-live .vjs-progress-control,

.vjs-default-skin.vjs-live .vjs-time-controls,

.vjs-default-skin.vjs-live .vjs-time-divider {

    display: none

}



.vjs-default-skin.vjs-live .vjs-live-display {

    display: block

}



.vjs-default-skin .vjs-live-display {

    display: none;

    font-size: 1em;

    line-height: 3em

}



.vjs-default-skin .vjs-time-controls {

    font-size: 1em;

    line-height: 3em

}



.vjs-default-skin .vjs-current-time,

.vjs-default-skin .vjs-duration {

    float: left

}



.vjs-default-skin .vjs-remaining-time {

    display: none;

    float: left

}



.vjs-time-divider {

    float: left;

    line-height: 3em

}



.vjs-default-skin .vjs-fullscreen-control {

    width: 3.8em;

    cursor: pointer;

    float: right

}



.vjs-default-skin .vjs-fullscreen-control:before {

    content: "\E000"

}



.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {

    content: "\E00B"

}



.vjs-default-skin .vjs-big-play-button {

    left: .5em;

    top: .5em;

    font-size: 3em;

    display: block;

    z-index: 2;

    position: absolute;

    width: 4em;

    height: 2.6em;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    opacity: 1;

    background-color: #07141e;

    background-color: rgba(7, 20, 30, .7);

    border: .1em solid #3b4249;

    border-radius: .8em;

    -webkit-box-shadow: 0 0 1em hsla(0, 0%, 100%, .25);

    box-shadow: 0 0 1em hsla(0, 0%, 100%, .25);

    -webkit-transition: all .4s;

    transition: all .4s

}



.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {

    left: 50%;

    margin-left: -2.1em;

    top: 50%;

    margin-top: -1.4000000000000001em

}



.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,

.vjs-default-skin.vjs-has-started .vjs-big-play-button,

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {

    display: none

}



.vjs-default-skin .vjs-big-play-button:focus,

.vjs-default-skin:hover .vjs-big-play-button {

    outline: 0;

    border-color: #fff;

    background-color: #505050;

    background-color: rgba(50, 50, 50, .75);

    -webkit-box-shadow: 0 0 3em #fff;

    box-shadow: 0 0 3em #fff;

    -webkit-transition: all 0s;

    transition: all 0s

}



.vjs-default-skin .vjs-big-play-button:before {

    content: "\E001";

    font-family: VideoJS;

    line-height: 2.6em;

    text-shadow: .05em .05em .1em #000;

    text-align: center;

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%

}



.vjs-error-display,

.vjs-error .vjs-big-play-button {

    display: none

}



.vjs-error .vjs-error-display {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.vjs-error .vjs-error-display:before {

    content: "X";

    font-family: Arial;

    font-size: 4em;

    color: #666;

    line-height: 1;

    text-shadow: .05em .05em .1em #000;

    text-align: center;

    vertical-align: middle;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -.5em;

    width: 100%

}



.vjs-error-display div {

    position: absolute;

    bottom: 1em;

    right: 0;

    left: 0;

    font-size: 1.4em;

    text-align: center;

    padding: 3px;

    background: #000;

    background: rgba(0, 0, 0, .5)

}



.vjs-error-display a,

.vjs-error-display a:visited {

    color: #f4a460

}



.vjs-loading-spinner {

    display: none;

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 4em;

    line-height: 1;

    width: 1em;

    height: 1em;

    margin-left: -.5em;

    margin-top: -.5em;

    opacity: .75

}



.vjs-seeking .vjs-loading-spinner,

.vjs-waiting .vjs-loading-spinner {

    display: block;

    -webkit-animation: spin 1.5s infinite linear;

    animation: spin 1.5s infinite linear

}



.vjs-error .vjs-loading-spinner {

    display: none;

    -webkit-animation: none;

    animation: none

}



.vjs-default-skin .vjs-loading-spinner:before {

    content: "\E01E";

    font-family: VideoJS;

    position: absolute;

    top: 0;

    left: 0;

    width: 1em;

    height: 1em;

    text-align: center;

    text-shadow: 0 0 .1em #000

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(359deg)

    }

}



@keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.vjs-default-skin .vjs-menu-button {

    float: right;

    cursor: pointer

}



.vjs-default-skin .vjs-menu {

    display: none;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 0;

    margin-bottom: 3em;

    border-left: 2em solid transparent;

    border-right: 2em solid transparent;

    border-top: 1.55em solid #000;

    border-top-color: rgba(7, 40, 50, .5)

}



.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {

    display: block;

    padding: 0;

    margin: 0;

    position: absolute;

    width: 10em;

    bottom: 1.5em;

    max-height: 15em;

    overflow: auto;

    left: -5em;

    background-color: #07141e;

    background-color: rgba(7, 20, 30, .7);

    -webkit-box-shadow: -.2em -.2em .3em hsla(0, 0%, 100%, .2);

    box-shadow: -.2em -.2em .3em hsla(0, 0%, 100%, .2)

}



.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing,

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu {

    display: block

}



.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {

    display: none

}



.vjs-default-skin .vjs-menu-button ul li {

    list-style: none;

    margin: 0;

    padding: .3em 0;

    line-height: 1.4em;

    font-size: 1.2em;

    text-align: center;

    text-transform: lowercase

}



.vjs-default-skin .vjs-menu-button ul li.vjs-selected {

    background-color: #000

}



.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,

.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover,

.vjs-default-skin .vjs-menu-button ul li:focus,

.vjs-default-skin .vjs-menu-button ul li:hover {

    outline: 0;

    color: #111;

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .75);

    -webkit-box-shadow: 0 0 1em #fff;

    box-shadow: 0 0 1em #fff

}



.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {

    text-align: center;

    text-transform: uppercase;

    font-size: 1em;

    line-height: 2em;

    padding: 0;

    margin: 0 0 .3em;

    font-weight: 700;

    cursor: default

}



.vjs-default-skin .vjs-subtitles-button:before {

    content: "\E00C"

}



.vjs-default-skin .vjs-captions-button:before {

    content: "\E008"

}



.vjs-default-skin .vjs-chapters-button:before {

    content: "\E00C"

}



.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {

    width: 24em;

    left: -12em

}



.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,

.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {

    -webkit-box-shadow: 0 0 1em #fff;

    box-shadow: 0 0 1em #fff

}



.video-js {

    background-color: #000;

    position: relative;

    padding: 0;

    font-size: 10px;

    vertical-align: middle;

    font-weight: 400;

    font-style: normal;

    font-family: Arial, sans-serif;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.video-js .vjs-tech {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.video-js:-moz-full-screen {

    position: absolute

}



body.vjs-full-window {

    padding: 0;

    margin: 0;

    height: 100%;

    overflow-y: auto

}



.video-js.vjs-fullscreen {

    position: fixed;

    overflow: hidden;

    z-index: 1000;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    width: 100%!important;

    height: 100%!important;

    _position: absolute

}



.video-js:-webkit-full-screen {

    width: 100%!important;

    height: 100%!important

}



.video-js.vjs-fullscreen.vjs-user-inactive {

    cursor: none

}



.vjs-poster {

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-size: contain;

    cursor: pointer;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0

}



.vjs-poster img {

    display: block;

    margin: 0 auto;

    max-height: 100%;

    padding: 0;

    width: 100%

}



.video-js.vjs-has-started .vjs-poster {

    display: none

}



.video-js.vjs-audio.vjs-has-started .vjs-poster {

    display: block

}



.video-js.vjs-controls-disabled .vjs-poster,

.video-js.vjs-using-native-controls .vjs-poster {

    display: none

}



.video-js .vjs-text-track-display {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 3em;

    right: 0;

    pointer-events: none

}



.vjs-caption-settings {

    position: relative;

    top: 1em;

    background-color: #000;

    opacity: .75;

    color: #fff;

    margin: 0 auto;

    padding: .5em;

    height: 15em;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 40em

}



.vjs-caption-settings .vjs-tracksettings {

    top: 0;

    bottom: 2em;

    left: 0;

    right: 0;

    position: absolute;

    overflow: auto

}



.vjs-caption-settings .vjs-tracksettings-colors,

.vjs-caption-settings .vjs-tracksettings-font {

    float: left

}



.vjs-caption-settings .vjs-tracksettings-colors:after,

.vjs-caption-settings .vjs-tracksettings-controls:after,

.vjs-caption-settings .vjs-tracksettings-font:after {

    clear: both

}



.vjs-caption-settings .vjs-tracksettings-controls {

    position: absolute;

    bottom: 1em;

    right: 1em

}



.vjs-caption-settings .vjs-tracksetting {

    margin: 5px;

    padding: 3px;

    min-height: 40px

}



.vjs-caption-settings .vjs-tracksetting label {

    display: block;

    width: 100px;

    margin-bottom: 5px

}



.vjs-caption-settings .vjs-tracksetting span {

    display: inline;

    margin-left: 5px

}



.vjs-caption-settings .vjs-tracksetting>div {

    margin-bottom: 5px;

    min-height: 20px

}



.vjs-caption-settings .vjs-tracksetting>div:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    min-height: 0

}



.vjs-caption-settings label>input {

    margin-right: 10px

}



.vjs-caption-settings input[type=button] {

    width: 40px;

    height: 40px

}



.vjs-hidden {

    display: none!important

}



.vjs-lock-showing {

    display: block!important;

    opacity: 1;

    visibility: visible

}



.vjs-no-js {

    padding: 2em;

    color: #ccc;

    background-color: #333;

    font-size: 1.8em;

    font-family: Arial, sans-serif;

    text-align: center;

    width: 30em;

    height: 15em;

    margin: 0 auto

}



.vjs-no-js a,

.vjs-no-js a:visited {

    color: #f4a460

}



body {

    -webkit-overflow-scrolling: touch

}



.hero-bg {

    background: url(../images/home-banner.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    min-height: 100%!important;

    min-width: 100%!important

}



.hero-bg .vjs-control-bar {

    display: none!important

}



.hero-bg iframe {

    width: 100%;

    height: 100%;

    margin: 0!important;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0;

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    min-width: 100%!important;

    min-height: 100%!important

}



@media (max-width:1024px) and (orientation:landscape) {

    .hero-bg iframe {

        display: none

    }

}



@media (max-width:768px) {

    .hero-bg iframe {

        display: none

    }

	.black-section2 {

    padding-right: 15px !important;

    padding-left: 15px !important;

}

}



@media (max-width:767px) {

    .hero-bg {

        position: relative;

        height: 300px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .hero-bg iframe {

        display: none

    }

}



.hero {

    position: relative;

    overflow: hidden;

    height: 1000px;

    opacity: 0

}



.hero .container {

    position: relative;

    z-index: 1;

    color: #fff

}



@media (min-width:768px) {

    .hero .container {

        min-height: 100%

    }

}



@media (max-width:1024px) and (orientation:landscape) {

    .hero {

        height: 768px

    }

}



@media (max-width:768px) {

    .hero {

        height: 1024px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .hero {

        height: auto

    }

    .hero .container {

        color: #000

    }

}



.hero:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(../images/hero-gradient.png) repeat-y top;

    background-size: 100% auto;

    background: #0a0c0f;

    background: -webkit-gradient(left bottom, right top, color-stop(0, #0a0c0f), color-stop(35%, rgba(36, 67, 99, .55)), color-stop(78%, rgba(36, 67, 99, 0)));

    background: linear-gradient(45deg, #0a0c0f, rgba(36, 67, 99, .55) 35%, rgba(36, 67, 99, 0) 78%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a0c0f", endColorstr="#244363", GradientType=1)

}



.hero-content {

    max-width: 520px

}



.hero-content p {

    font-size: 1.66rem;

    font-weight: 300;

    max-width: 80%

}



@media (max-width:767px) {

    .hero-content p {

        font-size: 1.3rem

    }

}



@media (max-width:767px) {

    .hero-content {

        padding: 1em 0 2em

    }

}



@media (min-width:768px) {

    .hero-content {

        position: absolute;

        top: 50%;

        transform: translateY(-45%);

        -webkit-transform: translateY(-45%);

        -moz-transform: translateY(-45%)

    }

}



@media (max-width:1280px) and (orientation:landscape) {

    .hero-content {

        position: static;

        padding-top: 150px;

        padding-top: 25vh;

        -webkit-transform: none;

        transform: none

    }

    .hero-content h1 {

        font-size: 2rem

    }

}



@media screen and (max-height:750px) and (min-width:1200px) {

    .hero-content h1 {

        font-size: 2rem

    }

}



.page-content-inner {

    overflow-y: auto;

    z-index: 9;

    -webkit-overflow-scrolling: touch;

    -webkit-transition: all .5s;

    transition: all .5s;

    -moz-transition: all .5s;

    width: 100%;

    overflow-x: hidden

}



.page-container {

    overflow: hidden;

    width: 100%;

    height: auto;

    min-height: 100%;

    -webkit-overflow-scrolling: touch

}



.gray-section {

    background: #f7f7f7;

    padding: 4em 0

}



.gray-section h2 {

    margin-bottom: .5em

}

.black-section {

    background-color: rgba(0, 0, 0, 0.7);

    padding: 4em 0

	

}

.black-section2 {

	padding-top: 4em;

	padding-right: 0;

	padding-bottom: 0em;

	padding-left: 0;	

}

.black-section2 h2 {

    margin-bottom: .5em

}

.black-section2 h2 a {

    color: #fff;

    display: inline-block;

}

.black-section2 h2 a:hover {

    color: #ebbb4f;

    display: inline-block;

}

.black-section2 p {

    color: #fff;

	text-align:justify;

}

.brocImg{

	background-position: bottom left;

	background-image:url(../images/brand-img-1.png);

	background-size:100%;

	}

.black-section h2 {

    margin-bottom: .5em

}

.black-section h2 a {

    color: #fff;

    display: inline-block;

}

.black-section p {

    color: #fff;

}



.dh-in-numbers {

    margin: 3rem 0

}



.dh-in-numbers .num {

    color: #ebbb4f;

    font-family: Roboto Condensed, sans-serif;

    font-size: 5.34rem;

    line-height: .8;

    margin: -1.6rem 5px 0 0;

    letter-spacing: -3px

}



.dh-in-numbers .counts {

    font-size: 1.67rem;

    color: #ebbb4f;

    line-height: .75;

    margin-top: 1rem

}



.dh-in-numbers .total {

    font-family: Roboto Condensed, sans-serif;

    font-size: 1.5rem;

    color: #999;

    margin-left: 1rem;

    line-height: 1

}



.dh-in-numbers .total span {

    color: #999

}



@media (max-width:768px) {

    .dh-in-numbers .counts {

        font-size: 1.3rem

    }

    .dh-in-numbers .total {

        font-size: 1.5rem

    }

}



@media (max-width:767px) {

    .dh-in-numbers {

        max-width: 300px;

        margin: 4em auto

    }

    .dh-in-numbers .num {

        font-size: 4.5rem;

        margin-top: -.75rem

    }

}



@media (max-width:1280px) and (orientation:landscape) {

    .dh-in-numbers .num {

        font-size: 4.5rem

    }

    .dh-in-numbers .counts,

    .dh-in-numbers .total {

        font-size: 1.4rem

    }

}



.blacked-section {

    background: #000;

    padding: 5em 0;

	opacity:0.9;

}

.ressec h2 {

	 margin-bottom: .5em;

	color:#fff;

}

.ressec h3 {

	 margin-bottom: .5em;

	color:#ebbb4f !important;

}

.ressec p {

	 margin-bottom: .5em;

	color:#fff !important;

}

.ressec h2 a{

	 margin-bottom: .5em;

	color:#fff;

}

.blacked-section h2 {

    margin-bottom: .5em;

	color:#fff;

}

.blacked-section h2 a {

    margin-bottom: .5em;

	color:#fff;

}

.blacked-section p {



	color:#fff;

}

.blacked-section p a {



	color:#fff;

}

.blacked-section p a:hover {



	color:#ebbb4f;

}



.white-section h2 {

    margin-bottom: .5em

}

.white-section {

    /*background: #fff;*/

    padding: 5em 0;

}

.white-section .boutique-wrap {

    max-width: 1250px;

    margin: 0 auto

}



.white-section #boutique {

    margin-top: 40px

}



.featured-carousel {

    padding-bottom: 3em

}



.featured-carousel h3 {

    margin-bottom: .6em

}



.cross-cards {

    margin-top: 30px

}



.message {

    color: #fff;

    font-size: 1.56rem;

    padding: 1em;

    line-height: 1.2

}



.arrow_up,

.message {

    background: #ebbb4f;

    position: relative

}



.arrow_up:after {

    bottom: 100%;

    left: 6%;

    border: solid transparent;

    border-color: rgba(237, 27, 47, 0);

    border-bottom-color: #ebbb4f;

    border-width: 26px

}



.arrow_right:after,

.arrow_up:after {

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none

}



.arrow_right:after {

    left: 100%;

    top: 10%;

    border: solid transparent;

    border-color: rgba(237, 27, 47, 0);

    border-left-color: #ebbb4f;

    border-width: 26px

}



@media (max-width:767px) {

    .arrow_right:after {

        bottom: 100%;

        left: 6%;

        top: auto;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

        border-color: rgba(237, 27, 47, 0);

        border-bottom-color: #ebbb4f;

        border-width: 26px

    }

}



.arrow_left:after {

    right: 100%;

    top: 10%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(237, 27, 47, 0);

    border-right-color: #ebbb4f;

    border-width: 26px

}



@media (max-width:767px) {

    .arrow_left:after {

        bottom: 100%;

        left: 6%;

        top: auto;

        right: auto;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

        border-color: rgba(237, 27, 47, 0);

        border-bottom-color: #ebbb4f;

        border-width: 26px

    }

}



@media (min-width:768px) {

    .dh-updates {

        background: #ebbb4f

    }

}



@media (min-width:768px) {

    .dh-updates .col {

        width: 50%;

        float: left

    }

}



@media (max-width:767px) {

    .dh-updates .col img {

        width: 100%

    }

}



@media (min-width:768px) {

    .dh-updates .col .half {

        width: 50%;

        float: right

    }

}



@media (max-width:767px) {

    .dh-updates .col .half {

        float: none!important

    }

}



@media (max-width:767px) {

    .dh-updates a {

        margin-top: 1rem;

        display: block

    }

}



.read-more {

    visibility: hidden

}



.read-more:after {

    content: "";

    display: block;

    background: #fff;

    height: 3px;

    margin-top: 2px;

    width: 52px;

    -webkit-transition: .4s;

    transition: .4s

}



@media (min-width:1024px) {

    .message .discover-more-transition {

        margin-top: 1.3em;

        opacity: 0;

        font-size: 1.2rem;

        width: 110%;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

        -webkit-transition: .4s;

        transition: .4s

    }

    .message .discover-more-transition:after {

        content: "\2192";

        position: relative;

        margin: 0 0 0 10px;

        top: 2px

    }

    .message:hover .discover-more-transition {

        opacity: 1;

        visibility: visible;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .message {

        font-weight: 300;

        padding-bottom: 1.5em;

        font-size: 1.4rem

    }

    .message .discover-more-transition {

        display: none

    }

}



@media (min-width:768px) and (max-width:1023px) {

    .message {

        padding: .6em

    }

    .message .discover-more-transition {

        font-size: 1rem

    }

    .message .discover-more-transition:after {

        content: "\2192";

        position: relative;

        margin: 0 0 0 10px;

        top: 2px

    }

}



@media (max-width:1280px) and (orientation:landscape) {

    .message .discover-more-transition {

        font-size: 1rem

    }

}



.responsiveCarousel {

    /*background-color: #f7f7f7*/

}



.responsiveCarousel a {

    font-size: 3rem;

    color: #000;

    display: block

}



.responsiveCarousel a:hover {

    color: #ebbb4f

}



.responsiveCarousel a:focus {

    outline: none

}



.responsiveCarousel p {

    font-size: 1.33rem;

    text-transform: uppercase

}



.boxsize,

.loader a {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.hero2 {

    padding: 0

}



.hero2 .keyimage {

    min-height: 100px

}



.hero2 .keyimage img {

    width: 100%;

    display: block

}



@media (max-width:768px) {

    .hero2 .keyimage {

        height: 300px

    }

    .hero2 .keyimage img {

        height: 100%;

        -o-object-fit: cover;

        object-fit: cover

    }

}



@media (max-width:767px) {

    .hero2 {

        padding-top: 0

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .hero2 .keyimage {

        height: 200px

    }

}



.intro1 {

    color: #222;

    margin: 0;

    padding: 3em 0 2em

}



.intro1 h4 {

    margin: 0;

    padding: 0;

    text-transform: uppercase;

    font-size: .8em

}



.intro1 p,

.intro1>h1 {

    margin: 0;

    padding: .5em 0;

    font-family: Roboto, sans-serif;

    font-size: 2.34rem;

    font-weight: 100;

    width: 80%

}



.intro1 p em,

.intro1>h1 em {

    color: #ebbb4f;

    font-style: normal

}



@media (max-width:1024px) and (orientation:landscape) {

    .intro1 p {

        font-size: 2.6em

    }

}



@media (max-width:768px) {

    .intro1 p {

        width: 100%;

        font-size: 2.4em

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .intro1 {

        padding-top: 2em

    }

    .intro1 p {

        font-size: 7vw

    }

}



.title1 {

    display: inline-block;

    font-size: 2em;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 200;

    text-transform: none;

    margin: 0;

    padding: 0 0 .5em;

    position: relative;

    line-height: 1.2em

}



.title1:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 12px;

    width: 40px;

    height: 3px;

    background: #ebbb4f;

    -webkit-transition: .4s;

    transition: .4s

}



@media (max-width:640px) and (orientation:portrait) {

    .title1:after {

        bottom: 5px

    }

}



.title1:hover:after {

    width: 100%

}



@media (max-width:640px) and (orientation:portrait) {

    .title1 {

        font-size: 1.8rem;

        line-height: 1.1em

    }

}



.people-feature h3+p {

    margin: 0;

    padding: 0

}



.people-feature .card {

    padding: 2em 0

}



.people-feature .card>div {

    min-height: 260px

}



.people-feature .pic {

    padding: 0;

    min-height: 260px;

    position: relative;

    overflow: hidden

}



.people-feature .pic img {

    max-width: auto;

    min-width: 100%;

    min-height: 100%;

    position: absolute

}



.people-feature .name-tag {

    min-height: 260px;

    padding-top: 15px;

    padding-bottom: 15px;

    background: #ebbb4f;

    color: #fff;

    text-transform: uppercase;

    font-family: Roboto, sans-serif;

    font-weight: 100

}



.people-feature .name-tag strong {

    font-weight: 400;

    font-size: 1.4rem;

    display: block;

    padding: 0 0 1em

}



.people-feature .profile-copy {

    min-height: 260px;

    padding: 0 30px;

    margin-left: -15px;

    color: #aaa;

    background: #f7f7f7

}



@media (min-width:768px) and (max-width:1023px) {

    .people-feature .pic {

        min-height: 300px

    }

    .people-feature .name-tag {

        font-size: 1.3rem;

        min-height: 300px;

        padding: 30px;

        padding-right: 35%

    }

    .people-feature .name-tag span {

        font-size: 1rem

    }

    .people-feature .profile-copy {

        margin-left: 0;

        padding-top: 20px

    }

}



@media (min-width:768px) {

    .people-feature .profile-copy {

        font-size: .9em

    }

}



@media (max-width:767px) {

    .people-feature .name-tag {

        font-size: 1.2em;

        padding: 30px;

        padding-right: 35%

    }

    .people-feature .name-tag strong {

        font-size: 1em

    }

    .people-feature .profile-copy {

        margin: 0 15px;

        padding: 25px 15px 15px;

        font-size: 1.1em

    }

    .people-feature .profile-copy p {

        margin: 0;

        padding: 0 0 .8em

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .people-feature .card .pic {

        min-height: 300px;

        padding: 0

    }

    .people-feature .card .name-tag {

        min-height: 300px;

        padding: 15px

    }

    .people-feature .card>div {

        min-height: 300px

    }

}



@media (max-width:480px) and (orientation:portrait) {

    .people-feature .card .name-tag,

    .people-feature .card .pic,

    .people-feature .card>div {

        min-height: 220px

    }

}



@media (max-width:360px) and (orientation:portrait) {

    .people-feature .card .pic {

        min-height: 170px;

        padding: 0

    }

    .people-feature .card .name-tag {

        min-height: 170px;

        padding: 15px;

        font-size: .9rem

    }

    .people-feature .card>div {

        min-height: 170px

    }

    .people-feature .profile-copy {

        font-size: .9rem

    }

}



.values-grid {

    margin: 2em 0

}



.values-grid h3+p {

    margin: 0;

    padding: 0

}



.values-grid .values {

    margin: 0;

    padding: 50px 0 0

}



.values-grid .values li {

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #aaa;

    padding-right: 10%;

    padding-bottom: 50px

}



.values-grid .values li:nth-child(3n+1) {

    clear: left

}



.values-grid .values li strong {

    display: block;

    font-size: 1.56em;

    font-weight: 400;

    color: #222;

    padding: 80px 0 0;

    background: 0 0 no-repeat;

    background-size: auto 60px

}



.values-grid .values li strong.bulb {

    background-image: url(../images/icon_bulb.png)

}



.values-grid .values li strong.medal {

    background-image: url(../images/icon_medal.png)

}



.values-grid .values li strong.zap {

    background-image: url(../images/icon_zap.png)

}



.values-grid .values li strong.heart {

    background-image: url(../images/icon_heart.png)

}



.values-grid .values li strong.shake {

    background-image: url(../images/icon_shake.png)

}



.values-grid .values li strong.group {

    background-image: url(../images/icon_group.png)

}



@media (max-width:767px) {

    .values-grid .values li strong {

        background-position: 50% 0

    }

}



@media (min-width:768px) and (max-width:1023px) {

    .values-grid .values li:nth-child(odd) {

        clear: left

    }

    .values-grid .values li:nth-child(3n+1) {

        clear: none

    }

}



@media (max-width:767px) {

    .values-grid .values li {

        text-align: center

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .values-grid .values li {

        padding-left: 5%;

        padding-right: 5%

    }

}



.btn1 {

    color: #fff;

    text-transform: uppercase;

    background: #ebbb4f;

    text-align: center;

    font-size: .85em;

    padding: 10px 25px

}



.btn1:hover {

    background-color: #fb2f43

}



.ctrl1.checkbox:before,

.loader:before,

.vertical-pusher {

    content: "";

    width: 1px;

    display: inline-block;

    vertical-align: middle;

    height: 100%

}



.ctrl1.checkbox label,

.loader a,

.vertical-center {

    display: inline-block;

    vertical-align: middle;

    width: 95%

}



.journey-card .thecard {

    height: 300px;

    margin: 1em 0 0

}



.journey-card .thecard .intro {

    height: 100%;

    color: #fff;

    background: #ebbb4f;

    padding: 15px;

    text-transform: uppercase;

    font-family: Roboto, sans-serif;

    font-weight: 200;

    font-size: 1.4em;

    font-size: 2vw

}



.journey-card .thecard .intro:before {

    content: "";

    width: 1px;

    display: inline-block;

    vertical-align: middle;

    height: 100%

}



.journey-card .thecard .intro span {

    display: inline-block;

    vertical-align: middle;

    width: 95%

}



.journey-card .thecard .cta-wrap {

    height: 100%;

    color: #aaa;

    text-align: center;

    background: #f2f2f2;

    padding: 10px 20px;

    font-size: .9em;

    font-family: Roboto, sans-serif;

    font-weight: 300

}



.journey-card .thecard .cta-wrap strong {

    display: block;

    color: #222;

    text-transform: uppercase;

    padding: 80px 0 0;

    background: url(../images/icon_dotted_arrow_grey.png) 50% 20px no-repeat

}



.journey-card .thecard .cta-wrap .btn1 {

    display: block;

    width: 100%;

    margin: 30px 0 0

}



.journey-card .thecard .feature-imgs {

    height: 100%;

    overflow: hidden

}



.journey-card .thecard .feature-imgs .keyimage {

    background: #eee;

    height: 100%;

    padding: 0

}



.journey-card .thecard .feature-imgs .keyimage img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



@media (max-width:768px) {

    .journey-card .thecard .intro {

        font-size: 3vw

    }

    .journey-card .feature-imgs {

        padding: 0

    }

    .journey-card .keyimage,

    .journey-card .thecard .feature-imgs .keyimage {

        height: 50%

    }

    .journey-card .keyimage img {

        width: 100%

    }

}



@media (max-width:767px) {

    .journey-card .thecard {

        height: auto

    }

    .journey-card .thecard .intro {

        height: 200px

    }

    .journey-card .thecard .intro span {

        text-align: center;

        font-size: 8vw

    }

    .journey-card .thecard .cta-wrap {

        padding: 30px 20px

    }

}



.our-companies {

    padding-top: 60px

}



.our-companies .comp-list {

    padding: .5em 0 2em;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    text-align: center;

    color: #aaa

}



.our-companies .comp-list li {

    padding: 8px;

    cursor: pointer

}



.our-companies .comp-list .wrap {

    padding: 20px 30px 30px;

    border: 1px solid #ebebeb

}



.our-companies .comp-list .wrap .logo {

    padding: 0 0 30px

}



.our-companies .comp-list .wrap .desc {

    max-width: 320px;

    margin: 0 auto 30px;

    font-size: .9em

}



.our-companies .comp-list .wrap .more {

    font-weight: 400;

    cursor: pointer;

    opacity: 0

}



.our-companies .comp-list .wrap .more:after {

    content: "\2192";

    position: relative;

    left: 10px

}



.our-companies .comp-list .wrap:hover {

    color: #444;

    font-weight: 300;

    border-color: #ebbb4f

}



.our-companies .comp-list .wrap:hover .more {

    opacity: 1

}



@media (max-width:1024px) and (orientation:landscape) {

    .our-companies .comp-list .wrap .more {

        opacity: 1

    }

}



@media (max-width:768px) {

    .our-companies .comp-list .wrap .more {

        opacity: 1

    }

}



@media (max-width:1024px) and (orientation:landscape) {

    .our-companies .comp-list li.col-md-4:nth-child(3n+1) {

        clear: left

    }

}



.comp-utils {

    padding: 30px 0 60px

}



.comp-utils li {

    text-align: center

}



.comp-utils li a {

    display: inline-block;

    vertical-align: middle;

    width: 95%;

    max-width: 220px;

    padding-top: 0;

    padding-bottom: 40px;

    font-size: .9em;

    text-transform: uppercase;

    color: #555;

    background: 50% 10px no-repeat

}



.comp-utils li a img {

    display: block;

    margin: 0 auto 30px;

    max-height: 50px

}



.comp-utils li a:hover img:first-child,

.comp-utils li a img:nth-child(2) {

    display: none

}



.comp-utils li a:hover img:nth-child(2) {

    display: block

}



.comp-utils li a+p {

    font-size: .7rem;

    color: #aaa;

    margin: 0 auto;

    margin-top: -30px;

    padding: 0;

    font-weight: 300;

    max-width: 250px

}



@media (max-width:1024px) and (orientation:landscape) {

    .comp-utils {

        padding-top: 65px

    }

}



@media (max-width:768px) {

    .comp-utils {

        padding-top: 65px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .comp-utils li+li {

        margin-top: 40px

    }

}



.content-body {

    min-height: 700px;

    position: relative

}



.content-body .spacer {

    display: block;

    height: 90px

}





@media (max-width:767px) {

    .content-body .spacer {

        display: none

    }

}



.content-body.bg-light-grey {

  background: #f6f6f6;

}

.content-body .light-grey-line {

  margin: 40px 0 0;

  border-top: 1px solid #eee;

}



.dh-stats h2 {

    margin-top: .6em;

    margin-bottom: 1em

}



.dh-stats-red {

    background: #ebbb4f;

    color: #fff;

    padding: 3em 0 1em

}



.dh-stats-red .counts,

.dh-stats-red .num,

.dh-stats-red .total,

.dh-stats-red .total span {

    color: #fff

}



.dh-stats-red h1,

.dh-stats-red h2 {

    font-size: 2em;

    font-weight: 400

}



.dh-stats-red h1 a,

.dh-stats-red h2 a {

    color: #fff

}



.dh-stats-red h1 a:after,

.dh-stats-red h2 a:after {

    background: #fff;

    margin-top: 10px

}



.overview {

    padding: 3em 0 2em;

    font-family: Roboto, sans-serif;

    font-weight: 200;

    min-height: 300px;

    border-bottom: 1px solid #ccc

}



.overview p {

    font-size: 1.2em

}



.ctrl1 {

    position: relative;

    border: 1px solid #b2b2b2;

    min-height: 60px

}



.ctrl1 input,

.ctrl1 select,

.ctrl1 textarea {

    padding: 17px 15px;

    width: 100%;

    height: 100%;

    border: 0;

    background: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    appearance: none

}



.ctrl1.select select {

    border: 0;

    background: url(../images/select_drop_arrow.png) no-repeat;

    background-position: right 15px top 50%;

    color: #999;

    font-size: 1.3em;

    padding: 10px 15px;

    height: 60px

}



.ctrl1.checkbox {

    border-color: #b2b2b2;

    background: url(../images/check_normal.png) 98% 50% no-repeat;

    cursor: pointer

}



.ctrl1.checkbox input {

    display: none

}



.ctrl1.checkbox:before {

    height: 50px

}



.ctrl1.checkbox label {

    padding: 5px 45px 0 10px;

    font-size: .8em;

    line-height: 1.2em;

    color: #ddd;

    cursor: pointer

}



.ctrl1.checkbox.checked {

    border-color: #ebbb4f;

    background-image: url(../images/check_active.png)

}



.ctrl1.checkbox.checked label {

    color: #ebbb4f

}



@media (min-width:768px) and (max-width:1023px) {

    .ctrl1 {

        margin-bottom: 15px

    }

}



@media (max-width:767px) {

    .ctrl1 {

        margin-bottom: 15px

    }

}



.financial-info {

    padding: 3em 0 3.5em;

    border-bottom: 1px solid #ddd

}



.financial-info .select {

    border-color: #ebbb4f

}



.financial-info .select select {

    color: #ebbb4f;

    background-image: url(../images/select_drop_arrow_red.png)

}



.financial-info .filter {

    padding: 2em 0

}



.financial-info .info-list {

    min-height: 200px

}



.financial-info .info-list li {

    padding: 2em 0;

    font-family: Roboto, sans-serif;

    font-weight: 200

}



.financial-info .info-list li .title {

    display: block;

    font-weight: 400;

    font-size: 1.2em

}



.financial-info .info-list li .desc {

    font-size: .9em;

    color: #999;

    line-height: 1.4em

}



.financial-info .info-list li .cta {

    float: right;

    width: 200px;

    height: 40px;

    position: relative;

    top: -20px

}



.financial-info .info-list li .cta a {

    color: #999;

    font-size: .8em;

    display: block;

    height: 100%;

    width: 100%;

    text-align: center;

    line-height: 40px;

    text-transform: uppercase

}



.financial-info .info-list li .cta a:hover {

    color: #fff;

    background: #ebbb4f;

    font-weight: 400

}



.financial-info .info-list li .cta a:hover:before {

    display: none

}



.financial-info .info-list li .download a:before {

    content: "";

    width: 18px;

    height: 25px;

    background: url(../images/download_hint.png) 50% 50% no-repeat;

    position: relative;

    display: inline-block;

    left: -10px;

    top: 7px

}



.financial-info .info-list li:hover .title {

    color: #ebbb4f

}



@media (min-width:768px) and (max-width:1023px) {

    .financial-info .info-list li .desc,

    .financial-info .info-list li .title {

        max-width: 450px

    }

    .financial-info .info-list li .cta a {

        border: 1px solid #ddd

    }

}



@media (max-width:768px) {

    .financial-info .info-list li .desc,

    .financial-info .info-list li .title {

        max-width: 450px

    }

    .financial-info .info-list li .cta {

        float: none;

        top: 10px

    }

    .financial-info .info-list li .cta a {

        border: 1px solid #ddd;

        color: #fff;

        background: #ebbb4f;

        font-weight: 400

    }

    .financial-info .info-list li .download a:before {

        display: none

    }

}



.financial-info .info-list li+li {

    border-top: 1px solid #ffffff

}



.financial-info .info-list li.pdf {

    padding-left: 60px;

    background: url(../images/icon_pdf.png) 0 26px no-repeat

}



.financial-info .info-list li.pdf:hover {

    background-image: url(../images/icon_pdf_red.png)

}



.financial-info .info-list li.txt .title {

    padding-bottom: 10px

}



.financial-info .info-list li.txt .desc {

    display: inline-block;

    max-width: 80%

}



@media (max-width:1024px) and (orientation:landscape) {

    .financial-info {

        padding-bottom: .5em

    }

}



@media (max-width:768px) {

    .financial-info {

        padding-bottom: .5em

    }

}



.loader {

    width: 105px;

    height: 105px;

    margin: 0 auto;

    border: 2px solid #ebbb4f;

    border-radius: 50%

}



.loader:before {

    height: 100px

}



.loader a {

    width: 95px;

    padding: 10px 10px 10px 5px;

    text-align: center;

    font-size: .9em;

    text-transform: uppercase;

    color: #666

}



.loader a:hover {

    color: #ebbb4f

}



.crumb {

    float: left;

    color: #ebbb4f;

    font-size: .8em;

    text-transform: uppercase;

    font-family: Roboto, sans-serif;

    padding: 25px 0 0 50px

}



.crumb a {

    color: #ccc

}



.crumb a+a:before,

.crumb a+span:before {

    content: "/";

    padding: 0 5px

}



@media (max-width:640px) and (orientation:portrait) {

    .crumb {

        display: none

    }

}



.panel1 {

    min-height: 850px;

    padding: 30px 8% 0;

    position: relative;

    top: -120px;

    margin-bottom: -120px;

    background-color:rgb(0, 0, 0, 0.7);

    -webkit-box-shadow: 0 15px 25px rgba(255,255, 255, .075);

    box-shadow: 0 15px 25px rgba(255,255, 255, .075);

	color: #fff;

	

}



.panel1 .comp-logo {

    padding: 0 0 30px;

    border-bottom: 1px solid #ffffff;

    max-width: 300px;

    margin-bottom: 1.2em

}



.panel1 .comp-logo img {

    width: 100%;

    display: block

}



.panel1 .social-marks {

    padding: 10px 0 30px

}



.panel1 .web-url+.social-marks {

    padding: 40px 0 30px

}



.panel1 .row {

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #fff;

    border-bottom: 1px solid #ffffff;

    padding: 40px 0 50px

}



.panel1 .row>h3 {

    font-family: Roboto Condensed, sans-serif;

    color: #fff;

    font-size: 1.34rem

}



.panel1 .row p+h3 {

    margin-top: 2em

}



.panel1.panel1-impact,

.panel1.panel1-innov {

    min-height: 500px;

    -webkit-box-shadow: 0 -10px 25px rgba(255,255, 255, .075);

    box-shadow: 0 -10px 25px rgba(255,255, 255, .075)

}



.panel1.panel1-impact .row,

.panel1.panel1-innov .row {

    border: 0;

    padding: 40px 0

}



.panel1.panel1-impact .row+.row,

.panel1.panel1-innov .row+.row {

    padding-top: 0

}



.panel1.panel1-impact .comp-logo,

.panel1.panel1-innov .comp-logo {

    padding: 10px 0 40px

}



.panel1.panel1-impact .comp-intro>h1,

.panel1.panel1-impact .comp-intro>h3,

.panel1.panel1-innov .comp-intro>h1,

.panel1.panel1-innov .comp-intro>h3 {

    margin: 0;

    padding: 0 0 1em;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 500;

    font-size: 2rem;

	color: #ebbb4f;

}



.panel1.panel1-impact .social-marks,

.panel1.panel1-innov .social-marks {

    padding-top: 30px

}



.panel1.panel1-impact .comp-logo {

    border: 0;

        padding: 0px 0;

		border: solid 1px #ebbb4f;

    padding: 10px;

}



.panel1.panel1-impact .comp-logo img {

    max-width: 180px;

    display: block;

    margin: 0 auto;

    margin-right: 0

}



.panel1.panel1-impact .row:first-child {

    border-bottom: 1px solid #ffffff;

    padding-bottom: 30px

}



.panel1.panel1-impact .row:first-child+.row {

    padding-top: 30px

}



.panel1.panel1-company {

    min-height: 500px;

    padding-bottom: 60px

}



.panel1.panel1-company:after {

    content: "";

    height: 70px;

    background: #fff;

    width: 100%;

    position: absolute;

    top: 100%;

    left: 0

}



.panel1 .simple-copy h3 {

    color: #444;

    margin: 0;

    padding: 0 0 .2em;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 500;

    font-size: 1.8rem

}



.panel1 .simple-copy p+h3 {

    padding-top: 25px

}



@media (max-width:768px) {

    .panel1 {

        top: -60px;

        margin-bottom: -60px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .panel1.panel1-innov {

        margin-top: 20px

    }

    .panel1.panel1-impact .row,

    .panel1.panel1-innov .row {

        padding-top: 20px

    }

    .panel1.panel1-impact .comp-logo,

    .panel1.panel1-innov .comp-logo {

        padding: 0;

        height: auto;

        margin: 0 auto 40px;

        position: relative

    }

    .panel1.panel1-impact .comp-logo img,

    .panel1.panel1-innov .comp-logo img {

        width: auto;

        height: auto;

        max-height: 100%;

        display: block;

        margin: 0 auto;

        padding-bottom: 30px

    }

}



.panel1-csr {

    padding: 20px 40px 0

}



.panel1-csr .intro {

    font-weight: 300;

    font-size: .9rem;

    padding: 0;

    margin-bottom: 40px

}



.panel1-csr .intro h1,

.panel1-csr .intro h3 {

    margin: 0;

    padding: .3em 0 .5em;

    font-size: 2rem;

    font-family: Roboto, sans-serif;

    font-weight: 200;

    line-height: 1.2em;

    color: #444

}



.panel1-csr .intro em {

    color: #ebbb4f;

    font-style: normal

}



.initiative-list {

    padding: 0;

    background: #fff

}



.initiative-list .item {

    padding: 0 40px;

    font-size: .85rem;

    font-weight: 300;

    background: #f8f8f8;

    margin: 0 0 40px

}



.initiative-list .item .container {

    margin: 0 auto

}



.initiative-list .item .container .item-copy {

    padding-top: 20px;

    padding-bottom: 20px

}



.initiative-list .item .container .item-image span {

    height: 100%;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.initiative-list .item .container .item-image img {

    min-height: auto;

    min-width: 100%;

    max-width: 100%

}



.initiative-list .item h2,

.initiative-list .item h4 {

    margin: 0;

    padding: 0;

    font-size: 1.6rem;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 300;

    line-height: 1.5em

}



@media (max-width:1280px) and (orientation:landscape) {

    .initiative-list .item {

        padding: 0 20px

    }

}



@media (max-width:1024px) and (orientation:landscape) {

    .initiative-list .item .item-copy {

        float: none;

        width: 100%;

        left: 0

    }

    .initiative-list .item .item-copy>.keyimage {

        float: right;

        width: 48%;

        margin: 10px 0 0 20px

    }

    .initiative-list .item .col-md-push-6>.keyimage {

        float: left;

        width: 48%;

        margin: 10px 20px 0 0

    }

}



@media (max-width:768px) {

    .initiative-list .item .item-copy {

        padding: 0

    }

    .initiative-list .item .item-copy>.keyimage {

        float: none;

        width: 100%;

        margin: 0 0 20px

    }

}



.awards-list {

    padding: 0;

    background: #f6f6f6

}



.awards-list .item {

    padding: 0 40px;

    font-size: .85rem;

    font-weight: 300;

    background: #f6f6f6

}



.awards-list .item:last-child {

    margin-bottom: 40px

}



.awards-list .item-image {

    max-height: 300px;

    padding: 0 20px

}



.awards-list .item .container {

    margin: 0 auto

}



.awards-list .item .container,

.awards-list .item .container .item-copy {

    padding-top: 20px;

    padding-bottom: 20px

}



.awards-list .item .container .item-image span {

    height: 100%;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.awards-list .item .container .item-image img {

    min-height: auto;

    min-width: 1px;

    max-height: 300px

}



.awards-list .item h4 {

    margin: 0;

    padding: 0;

    font-size: 1.6rem;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 300

}



@media (max-width:1280px) and (orientation:landscape) {

    .awards-list .item {

        padding: 0 20px

    }

}



@media (max-width:1024px) and (orientation:landscape) {

    .awards-list .item-image {

        height: 100%

    }

    .awards-list .item .container .item-image img {

        margin: auto

    }

    .awards-list .item .item-copy>.keyimage {

        float: right;

        width: 48%;

        margin: 10px 0 0 20px

    }

    .awards-list .item .col-md-push-6>.keyimage {

        float: left;

        width: 48%;

        margin: 10px 20px 0 0

    }

}



@media (min-width:769px) and (max-width:990px) {

    .awards-list .item .container .item-image img {

        margin: auto

    }

}



@media (max-width:768px) {

    .awards-list .item-image {

        height: auto

    }

    .awards-list .item .container .item-image img {

        margin: auto

    }

    .awards-list .item .item-copy {

        padding: 0

    }

    .awards-list .item .item-copy>.keyimage {

        float: none;

        width: 100%;

        margin: 0 0 20px

    }

}



.gallery-wrap {

    position: relative;

    top: -70px;

    margin-bottom: -70px

}



.comp-intro {

    font-size: 1 rem;

    font-family: Roboto, sans-serif;

    font-weight: 200;

    color: #fff;

    padding: 0 0 .9em

}



.comp-intro p {

    margin: 0

}



.comp-owner span {

    display: block

}



.comp-owner span strong {

    color: #333;

    font-weight: 500

}



.social-marks a {

    color: #b3b3b3;

    display: inline-block;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    border: 2px solid #bbb;

    text-align: center

}



.social-marks a:before {

    font-size: 14px;

    line-height: 24px

}



.social-marks a:hover {

    color: #ebbb4f;

    border-color: #ebbb4f

}



.tecom-stats-wrap {

    padding: 0

}



.tecom-stats-wrap p {

    max-width: 1000px;

    font-size: 1.1em;

    padding-bottom: 30px

}



.tecom-stats-wrap .the-stats li {

    padding-bottom: 1em;

    text-align: center;

    text-transform: uppercase;

    font-size: 1.3em;

    font-family: Roboto Condensed, sans-serif;

    color: #999

}



.tecom-stats-wrap .the-stats .num {

    color: #ebbb4f;

    font-size: 3.2em;

    display: block;

    font-weight: 200

}



.tecom-stats-wrap .the-stats span {

    display: block

}



.tecom-stats-wrap .the-stats em {

    display: block;

    font-style: normal;

    color: #ebbb4f

}



.panel2 {

    padding: 70px 8% 30px;

    -webkit-box-shadow: 0 15px 25px rgba(255,255, 255, .075);

    box-shadow: 0 15px 25px rgba(255,255, 255, .075);

	background-color:rgb(0, 0, 0, 0.7);

}



.panel2.panel2-innov .tecom-biz blockquote {

    padding: 30px 0;

    padding-top: 0

}



@media (max-width:768px) {

    .panel2.panel2-innov .tecom-biz blockquote {

        padding-top: 30px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .panel2.panel2-innov .tecom-biz blockquote {

        padding-left: 0;

        padding-right: 0

    }

}



.panel2.panel2-impact {

    padding-top: 40px

}



@media (max-width:640px) and (orientation:portrait) {

    .panel2 {

        padding-top: 30px

    }

}



.tecom-biz {

    padding: 0 0 50px;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #fff;

}



.tecom-biz>div {

    padding-left: 0;

    padding-right: 0

}



.tecom-biz .title1 {

    color: #222

}



.tecom-biz .copy {

    padding-right: 8%

}



.tecom-biz blockquote {

    padding: 30px;

    font-size: 1.2em;

    color: #555

}



.tecom-biz blockquote:after,

.tecom-biz blockquote:before {

    content: '"';

    color: #ebbb4f;

    position: absolute;

    margin: -.8em 0 0 -.5em;

    font-size: 2em;

    font-family: Roboto, sans-serif;

    font-weight: 600

}



.tecom-biz blockquote:after {

    margin: .2em 0 0 .2em

}



.tecom-biz blockquote:before {

    -webkit-transform: rotate(-180deg)

}



@media (max-width:1024px) and (orientation:landscape) {

    .tecom-biz blockquote {

        padding: 0

    }

}



.copy-block>h2,

.generic-copy>h2,

.tecom-biz>h2 {

    font-family: Roboto Condensed, sans-serif;

    color: #000;

    font-size: 1.34rem;

    font-weight: 600;

    margin: 1em 0

}



.comp-list2 li {

    height: 220px;

    text-align: center

}



.comp-list2 li:before {

    content: "";

    width: 1px;

    height: 100%

}



.comp-list2 li:before,

.comp-list2 li img {

    display: inline-block;

    vertical-align: middle

}



.comp-list2 li img {

    width: auto;

    max-width: 180px;

    max-height: 180px;

    opacity: .8;

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    filter: grayscale(1);

    -webkit-transition: all .5s;

    transition: all .5s

}



.comp-list2 li img:hover {

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1

}



@media (max-width:1280px) and (orientation:landscape) {

    .comp-list2 li img {

        max-width: 150px;

        max-height: 150px

    }

}



@media (min-width:768px) and (max-width:1023px) {

    .comp-list2 li {

        height: 240px

    }

    .comp-list2 li img {

        max-width: 120px;

        max-height: 120px

    }

}



@media (max-width:1024px) and (orientation:landscape) {

    .comp-list2 li {

        height: 240px

    }

    .comp-list2 li img {

        max-width: 120px;

        max-height: 120px

    }

}



@media (max-width:768px) {

    .comp-list2 li {

        height: 240px

    }

    .comp-list2 li img {

        max-width: 120px;

        max-height: 120px

    }

}



@media (max-width:767px) {

    .comp-list2 li {

        height: 170px

    }

    .comp-list2 li img {

        max-width: 100px;

        max-height: 100px

    }

}



.team-wrap {

    padding: 3em 0 0;

    font-family: Roboto, sans-serif;

    color: #999;

    font-weight: 300

}



.team-wrap .title1 {

    color: #222

}



.team-list {

    padding: 50px 15px;

    clear: both

}



.team-list .pic {

    position: relative;

    max-width: 360px

}



.team-list .pic img {

    width: 100%;

    border: 1px solid #dadada

}



.team-list .pic:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -12px;

    width: 100%;

    height: 12px;

    background: #ebbb4f;

    display: none

}



.team-list h4 {

    margin: 0;

    padding: 40px 0 15px;

    color: #ebbb4f;

    font-size: 1.2em;

    line-height: 1.1em;

    max-width: 360px

}



.team-list .title {

    max-width: 360px;

    color: #999

}



.team-list .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    clear: both

}



.team-list .item {

    padding-bottom: 70px;

    cursor: pointer

}



.team-list .item:hover img {

    border-color: #ebbb4f

}



.team-list .item:hover .title {

    color: #ebbb4f

}



.team-list .item:hover .pic:after {

    display: block

}



@media (max-width:767px) {

    .team-list .item {

        width: 380px;

        margin: 0 auto

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .team-list .item {

        width: 280px;

        margin: 0 auto

    }

}



.team-list .item .detail {

    display: none

}



.overlay-wrap {

    display: none;

    overflow-y: auto;

    z-index: 9;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff

}



@media (max-width:767px) {

    .overlay-wrap {

        z-index: 13

    }

}



.profile-detail {

    padding-top: 90px

}



@media (max-width:767px) {

    .profile-detail {

        padding-top: 0

    }

}



.profile-detail .name-tag {

    background: #ebbb4f;

    color: #fff;

    height: 180px

}



.profile-detail .name-tag h4 {

    font-size: 2.2rem;

    font-family: Roboto, sans-serif;

    font-weight: 400;

    margin: 0;

    padding: 1.4em 0 0

}



@media (max-width:640px) and (orientation:portrait) {

    .profile-detail .name-tag h4 {

        font-size: 1.8rem;

        line-height: 1.1em;

        padding-bottom: 10px

    }

}



.profile-detail .name-tag .title {

    text-transform: uppercase;

    font-weight: 200;

    line-height: 1.1em

}



.profile-detail .name-tag .col-md-8 {

    padding-left: 50px

}



@media (min-width:768px) and (max-width:1023px) {

    .profile-detail .name-tag .col-md-8 {

        padding-left: 30px

    }

}



@media (max-width:767px) {

    .profile-detail .name-tag .col-md-8 {

        padding-left: 0

    }

}



.profile-detail .pic {

    position: relative;

    top: -110px;

    margin-bottom: -80px

}



.profile-detail .pic img {

    max-width: 100%;

    padding: 6px;

    border: 1px solid #eee;

    background: #fff

}



@media (max-width:767px) {

    .profile-detail .pic {

        top: 0;

        width: 280px;

        margin: 40px auto 0

    }

}



.profile-detail .col-md-4 blockquote {

    font-size: 1.4rem;

    color: #555;

    padding: 20px;

    font-family: Roboto, sans-serif;

    font-weight: 300

}



.profile-detail .col-md-4 blockquote:after,

.profile-detail .col-md-4 blockquote:before {

    content: '"';

    color: #ebbb4f;

    position: absolute;

    margin: -.8em 0 0 -.5em;

    font-size: 2em;

    font-family: Roboto, sans-serif;

    font-weight: 600

}



.profile-detail .col-md-4 blockquote:after {

    margin: .2em 0 0 .2em

}



.profile-detail .col-md-4 blockquote:before {

    -webkit-transform: rotate(-180deg)

}



@media (min-width:768px) and (max-width:1023px) {

    .profile-detail .col-md-4 blockquote {

        padding: 0;

        margin: 0 25px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .profile-detail .col-md-4 blockquote {

        padding: 0;

        margin: 30px 25px 0

    }

}



.profile-detail .the-detail .col-md-8 {

    padding-left: 50px

}



@media (min-width:768px) and (max-width:1023px) {

    .profile-detail .the-detail .col-md-8 {

        padding-left: 30px

    }

}



@media (max-width:767px) {

    .profile-detail .the-detail .col-md-8 {

        padding-left: 0

    }

}



.profile-detail .the-detail .copy {

    padding-top: 40px;

    color: #666;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    font-size: 1rem

}



.profile-detail .the-detail .copy blockquote {

    font-weight: 600;

    margin: 2.5rem 0;

    padding: 0 0 0 30px;

    border-left: 4px solid #ebbb4f;

    max-width: 650px

}



.profile-detail .the-detail .copy .back {

    display: inline-block;

    font-weight: 400;

    margin: 2em 0;

    padding: 10px 0 10px 40px;

    background: url(../images/arrow_left_red.png) 0 50% no-repeat;

    background-size: 26px auto

}



.profile-detail .red-bar {

    width: 300px;

    height: 10px;

    background: #ebbb4f;

    position: absolute;

    left: 50%;

    top: 50%

}



.profile-wrap .profile-detail {

    padding-top: 0;

    padding-bottom: 40px

}



.fullwidth-slider {

    position: relative;

    margin-bottom: 0

}



.fullwidth-slider:before {

    left: 0;

    background: #000;

    background: -webkit-gradient(left top, right top, color-stop(0, #000), color-stop(100%, transparent));

    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));

    background: linear-gradient(90deg, #000 0, transparent)

}



.fullwidth-slider:after,

.fullwidth-slider:before {

    content: "";

    position: absolute;

    top: 0;

    z-index: 3;

    width: 10%;

    height: 100%;

    opacity: .8;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1)

}



.fullwidth-slider:after {

    right: 0;

    background: transparent;

    background: -webkit-gradient(left top, right top, color-stop(0, transparent), color-stop(100%, #000));

    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000));

    background: linear-gradient(90deg, transparent 0, #000)

}



.fullwidth-slider .keyimage {

    padding: 0 1px;

    -webkit-backface-visibility: hidden

}



.fullwidth-slider .keyimage img {

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transform: translateZ(0, 0, 0);

    position: relative;

    width: 100%

}



.fullwidth-slider .owl-stage {

    min-width: 100%

}



.fullwidth-slider .owl-nav {

    width: 100%;

    position: absolute;

    top: 50%;

    z-index: 10;

    height: 40px

}



.fullwidth-slider .owl-nav .owl-next,

.fullwidth-slider .owl-nav .owl-prev {

    display: block;

    position: absolute

}



.fullwidth-slider .owl-nav .owl-next,

.fullwidth-slider .owl-nav .owl-prev,

.fullwidth-slider .slick-next,

.fullwidth-slider .slick-prev {

    z-index: 10;

    left: auto;

    right: 20px;

    margin: -20px 0 0;

    width: 40px;

    height: 40px;

    background: rgba(0, 0, 0, .5) url(../images/arrow_red_right.png) 50% 50% no-repeat;

    opacity: 0

}



.fullwidth-slider .owl-nav .owl-next:hover,

.fullwidth-slider .owl-nav .owl-prev:hover,

.fullwidth-slider .slick-next:hover,

.fullwidth-slider .slick-prev:hover {

    background-color: #000

}



.fullwidth-slider .owl-nav .owl-prev,

.fullwidth-slider .slick-prev {

    right: auto;

    left: 20px;

    background-image: url(../images/arrow_red_left.png)

}



.fullwidth-slider:hover .owl-nav .owl-next,

.fullwidth-slider:hover .owl-nav .owl-prev,

.fullwidth-slider:hover .slick-next,

.fullwidth-slider:hover .slick-prev {

    opacity: 1

}



@media (max-width:768px) {

    .fullwidth-slider .owl-nav .owl-next,

    .fullwidth-slider .owl-nav .owl-prev,

    .fullwidth-slider .slick-next,

    .fullwidth-slider .slick-prev {

        opacity: 1

    }

    .fullwidth-slider .owl-nav .owl-next,

    .fullwidth-slider .slick-next {

        right: 10px;

        left: auto

    }

    .fullwidth-slider .owl-nav .owl-prev,

    .fullwidth-slider .slick-prev {

        right: auto;

        left: 10px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .fullwidth-slider:after,

    .fullwidth-slider:before {

        display: none

    }

    .fullwidth-slider .keyimage img {

        max-height: 260px

    }

}



.selectize-control.single .selectize-input {

    border: 0;

    font-size: 1.5rem;

    font-weight: 300;

    height: 58px;

    padding: 12px 15px;

    line-height: 1.2em;

    color: #ebbb4f;

    display: block

}



.selectize-control.single .selectize-input input {

    visibility: hidden

}



.selectize-control.single .selectize-input:after {

    border: 0;

    width: 25px;

    height: 15px;

    background: url(../images/select_drop_arrow_red.png) 50% 50% no-repeat;

    -webkit-transition: all .2s;

    transition: all .2s;

    margin-top: -8px

}



.selectize-control.single .selectize-input.dropdown-active {

    display: block

}



.selectize-control.single .selectize-input.dropdown-active:after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-top: -8px

}



.selectize-dropdown .option {

    font-size: 1rem;

    padding: 15px;

    color: #777

}



.selectize-dropdown .active {

    background-color: #f2f2f2

}



.pr-list-wrap {

    position: relative;

    padding: 40px 0 0;

    margin: 0 0 80px;

    background: #f7f7f7;

    border-bottom: 1px solid #d7d7d7;

    color: #999;

    font-weight: 300

}



.pr-list-wrap.pr-list-wrap2 {

    background: #fff

}



.pr-list-wrap h1.title1 {

    color: #222

}



.pr-list-wrap .pr-intro {

    padding: 30px 0

}



.pr-list-wrap .pr-intro div>.thumb {

    float: left;

    height: 170px;

    overflow: hidden;

    display: block;

    vertical-align: middle;

    width: 35%;

    padding: 5px 0 0

}



.pr-list-wrap .pr-intro div>.thumb img {

    width: 100%;

    height: auto;

    background: #bbb

}



.pr-list-wrap .pr-intro div>.thumb .placeholder {

    display: block;

    width: 100%;

    height: 100%;

    background: gray url("../images/logo.png") 50% 50% no-repeat;

    background-size: 35% auto

}



.pr-list-wrap .pr-intro h4 {

    font-family: Roboto, sans-serif;

    font-weight: 300;

    font-size: 1.4rem;

    margin: 0;

    padding: 0 0 .7em;

    color: #333;

    line-height: 1.2em;

    width: 90%

}



.pr-list-wrap .pr-intro h4 a {

    color: #222

}



.pr-list-wrap .pr-intro h4 a:hover {

    color: #ebbb4f

}



.pr-list-wrap .pr-intro .thumb+h4 {

    width: 60%;

    display: inline-block;

    vertical-align: middle;

    font-size: 1.125rem;

    line-height: 1.4em

}



.pr-list-wrap .pr-intro .summary-wrap {

    width: 79%;

    float: right;

    padding-left: 20px

}



.pr-list-wrap .pr-intro .summary {

    clear: both;

    font-size: .9rem;

    line-height: 1.6em;

    padding: 0 0 1em

}



.pr-list-wrap .pr-intro .tags a {

    color: #222;

    border: 1px solid #ddd;

    font-size: .8rem;

    font-weight: 500;

    padding: 3px 10px;

    margin: 0 5px 8px 0;

    display: inline-block

}



.pr-list-wrap .pr-intro .tags a:hover {

    background: #f2f2f2;

    color: #ebbb4f

}



.pr-list-wrap .pr-date {

    color: #222;

    font-size: 1rem;

    text-transform: uppercase;

    padding: 10px 0 15px;

    font-weight: 400

}



.pr-list-wrap .news-item {

    padding-bottom: 40px;

    clear: both;

    overflow: auto

}



.pr-list-wrap .news-item+.news-item {

    border-top: 1px solid #d7d7d7;

    padding-top: 40px

}



.pr-list-wrap .news-item:first-child .summary {

    display: none

}



.pr-list-wrap .news-item:first-child h4 {

    font-size: 2.125rem;

    line-height: 1.1em

}



.pr-list-wrap .is-search .news-item:first-child .summary {

    display: block

}



.pr-list-wrap .is-search .news-item:first-child h4 {

    font-size: 1.4rem

}



.pr-list-wrap .news-item:nth-child(odd) {

    clear: both

}



.pr-list-wrap .view-all {

    position: absolute;

    left: 50%;

    bottom: -20px;

    margin: 0 0 0 -60px;

    font-size: .8rem;

    text-transform: uppercase;

    text-align: center;

    background: #fff;

    border: 1px solid #ddd;

    padding: 10px 40px;

    font-weight: 700

}



@media (max-width:1024px) and (orientation:landscape) {

    .pr-list-wrap .pr-intro .summary-wrap {

        width: 69%

    }

    .pr-list-wrap .pr-intro div>.thumb {

        width: 30%!important

    }

}



@media (max-width:768px) {

    .pr-list-wrap .pr-intro .summary-wrap {

        width: 69%;

        padding-left: 10px

    }

    .pr-list-wrap .pr-intro div>.thumb {

        width: 30%!important;

        padding-right: 0

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .pr-list-wrap .news-item:first-child h4 {

        font-size: 1.8rem

    }

    .pr-list-wrap .pr-intro div>.thumb {

        padding: 7px 15px 0 0;

        vertical-align: top;

        padding-right: 0

    }

}



@media (max-width:480px) and (orientation:portrait) {

    .pr-list-wrap .pr-intro .summary-wrap {

        width: 100%!important;

        padding: 10px 0 0

    }

    .pr-list-wrap .pr-intro .summary-wrap h4 {

        width: 100%

    }

    .pr-list-wrap .pr-intro div>.thumb {

        width: 100%!important

    }

}



.pr-list-wrap2 .list-info {

    text-align: center;

    color: #444;

    position: relative;

    top: -40px

}



.pr-list-wrap2 .list-info em {

    font-style: normal;

    font-weight: 600

}



.pr-list-wrap2 .pr-intro {

    padding-bottom: 60px

}



.pr-list-wrap2 .view-all {

    margin-left: -80px

}



.pr-list-wrap2 .pr-date {

    display: inline-block;

    vertical-align: top;

    font-size: .9rem;

    padding: 3px 20px 0 0

}



.pr-list-wrap2 .tags {

    display: inline;

    vertical-align: top

}



.insta-wrap h2 {

    text-transform: none;

    float: left;

    font-size: 2rem

}



.insta-wrap h2 i {

    margin-right: 10px

}



.insta-wrap a.follow {

    float: right;

    font-size: .8rem;

    text-transform: uppercase;

    border: 1px solid #ddd;

    padding: 5px 35px 8px;

    line-height: 1em;

    vertical-align: middle

}



.insta-wrap a.follow i {

    font-size: 1.2rem;

    margin-right: 8px;

    position: relative;

    top: 2px

}



@media (max-width:767px) {

    .insta-wrap a.follow {

        clear: both;

        float: left;

        margin: 0 0 20px

    }

}



.insta-wrap .fullwidth-slider {

    margin: .5em 0 5em

}



.insta-wrap .slick-slide img {

    border: 1px solid #eee

}



.tweets-wrap h2,

.youtube-wrap h2 {

    text-transform: none;

    float: left;

    font-size: 2rem

}



.tweets-wrap h2 i,

.youtube-wrap h2 i {

    margin-right: 10px

}



.tweets-wrap a.follow,

.youtube-wrap a.follow {

    float: right;

    font-size: .8rem;

    text-transform: uppercase;

    border: 1px solid #ddd;

    padding: 5px 35px 8px;

    line-height: 1em;

    vertical-align: middle

}



.tweets-wrap a.follow i,

.youtube-wrap a.follow i {

    font-size: 1.2rem;

    margin-right: 8px;

    position: relative;

    top: 3px

}



@media (max-width:767px) {

    .tweets-wrap a.follow,

    .youtube-wrap a.follow {

        clear: both;

        float: left;

        margin: 0 0 20px

    }

}



.tweets-wrap .feeds-wrap,

.youtube-wrap .feeds-wrap {

    padding: 30px 3%;

    margin: 0 0 50px;

    border: 1px solid #ffffff

}



.tweets-wrap .feeds-wrap .feeds,

.youtube-wrap .feeds-wrap .feeds {

    margin-left: -15px;

    margin-right: -15px

}



.tweets-wrap .feeds-wrap .feeds li,

.youtube-wrap .feeds-wrap .feeds li {

    padding: 10px;

    font-size: .8rem;

    color: #aaa;

    font-weight: 300

}



.tweets-wrap .feeds-wrap .feeds li .feed,

.youtube-wrap .feeds-wrap .feeds li .feed {

    background: #f7f7f7;

    padding: 25px 30px 15px

}



.tweets-wrap .feeds-wrap .feeds li strong,

.youtube-wrap .feeds-wrap .feeds li strong {

    color: #333

}



.tweets-wrap .feeds-wrap .feeds li .tweet,

.youtube-wrap .feeds-wrap .feeds li .tweet {

    font-size: 1rem;

    color: #333;

    padding: 1em 0 .5em;

    padding-right: 2em

}



.tweets-wrap .feeds-wrap .feeds li .pic,

.youtube-wrap .feeds-wrap .feeds li .pic {

    padding: 0

}



.tweets-wrap .feeds-wrap .feeds li .cta a,

.youtube-wrap .feeds-wrap .feeds li .cta a {

    display: inline-block;

    width: 20px;

    height: 20px;

    opacity: 0;

    background: 50% 50% no-repeat;

    background-size: 20px;

    cursor: pointer

}



.tweets-wrap .feeds-wrap .feeds li .cta a.reply,

.youtube-wrap .feeds-wrap .feeds li .cta a.reply {

    background-image: url(../images/icon_tw_reply.png)

}



.tweets-wrap .feeds-wrap .feeds li .cta a.retweet,

.youtube-wrap .feeds-wrap .feeds li .cta a.retweet {

    background-image: url(../images/icon_tw_retweet.png)

}



.tweets-wrap .feeds-wrap .feeds li .cta a.like,

.youtube-wrap .feeds-wrap .feeds li .cta a.like {

    background-image: url(../images/icon_tw_favorite.png)

}



.tweets-wrap .feeds-wrap .feeds li .cta a+a,

.youtube-wrap .feeds-wrap .feeds li .cta a+a {

    margin-left: 1em

}



.tweets-wrap .feeds-wrap .feeds li:hover .cta a,

.youtube-wrap .feeds-wrap .feeds li:hover .cta a {

    opacity: 1

}



.tweets-wrap .feeds-wrap .Avatar,

.youtube-wrap .feeds-wrap .Avatar {

    border: 1px solid #eee;

    display: none

}



.tweets-wrap .feeds-wrap .name-tag .TweetAuthor-avatar,

.tweets-wrap .feeds-wrap .name-tag .TweetAuthor-verifiedBadge,

.tweets-wrap .feeds-wrap .name-tag .u-hiddenVisually,

.youtube-wrap .feeds-wrap .name-tag .TweetAuthor-avatar,

.youtube-wrap .feeds-wrap .name-tag .TweetAuthor-verifiedBadge,

.youtube-wrap .feeds-wrap .name-tag .u-hiddenVisually {

    display: none

}



.tweets-wrap .feeds-wrap .name-tag .TweetAuthor,

.youtube-wrap .feeds-wrap .name-tag .TweetAuthor {

    display: inline

}



.tweets-wrap .feeds-wrap .name-tag a,

.youtube-wrap .feeds-wrap .name-tag a {

    color: #aaa

}



.tweets-wrap .feeds-wrap .name-tag a:hover,

.youtube-wrap .feeds-wrap .name-tag a:hover {

    color: #ebbb4f

}



.tweets-wrap .feeds-wrap .name-tag .time,

.youtube-wrap .feeds-wrap .name-tag .time {

    margin-left: 10px

}



.tweets-wrap .feeds-wrap .name-tag .TweetAuthor-name,

.youtube-wrap .feeds-wrap .name-tag .TweetAuthor-name {

    color: #333;

    font-weight: 400;

    display: none

}



.tweets-wrap .feeds-wrap .tweet .u-hiddenVisually,

.youtube-wrap .feeds-wrap .tweet .u-hiddenVisually {

    display: none

}



.feature-video {

    clear: both;

    padding: 0;

    font-weight: 300;

    color: #999

}



.feature-video>h3 {

    float: left;

    font-size: 1.4rem;

    margin: 0;

    padding: 0 0 1.5em;

    font-weight: 500;

    color: #222

}



.feature-video a.follow:before {

    content: "i"

}



.feature-video .latest-video {

    padding-right: 30px

}



.feature-video .latest-video iframe {

    max-width: 800px

}



.feature-video .dateline {

    color: #333;

    font-size: .9rem;

    margin: 0;

    padding: 0 0 30px;

    display: block

}



@media (max-width:1024px) and (orientation:landscape) {

    .feature-video .dateline {

        padding-top: 20px

    }

}



@media (max-width:768px) {

    .feature-video {

        padding-left: 0

    }

    .feature-video .dateline {

        padding-top: 20px

    }

}



.article-head {

    background: #f7f7f7;

    padding: 80px 0 40px;

    border-bottom: 1px solid #d7d7d7

}



.article-head h2 {

    font-size: 2.34rem;

    text-transform: none;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    max-width: 85%!important;

    line-height: 1.2em;

    margin: 0;

    padding: 0 0 1em

}



@media (max-width:640px) and (orientation:portrait) {

    .article-head {

        padding-top: 50px

    }

    .article-head h2 {

        font-size: 2rem

    }

}



.article-head .dateline {

    text-transform: uppercase;

    clear: both;

    display: block

}



.article-head .summary {

    font-weight: 300;

    padding: 0

}



.article-head .summary li {

    padding: 0 0 .5em 1.6em;

    list-style: none;

    position: relative;

    margin: 0

}



.article-head .summary li:before {

    content: "";

    width: 8px;

    height: 8px;

    background: #aaa;

    position: absolute;

    left: 0;

    top: 8px

}



.article-head .cta-wrap {

    text-align: right;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 120px

}



.article-head .cta-wrap>a {

    display: block;

    color: #999;

    font-size: .8rem;

    margin: 0 0 10px

}



.article-head .cta-wrap>a:after {

    content: "";

    width: 30px;

    height: 30px;

    border: 2px solid #ebbb4f;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

    margin-left: 15px

}



.article-head .cta-wrap>a.share:after {

    background: url(../images/icon_share_red.png) 50% 50% no-repeat;

    background-size: 14px auto

}



.article-head .cta-wrap>a.resource2:after,

.article-head .cta-wrap>a.resource:after {

    background: url(../images/arrow_down_red.png) 50% 50% no-repeat;

    background-size: auto 14px

}



.article-head .cta-wrap .social-wrap {

    position: absolute;

    right: 50px;

    top: -5px;

    display: none

}



.article-head .cta-wrap .social-wrap .jssocials-shares {

    background: #fff;

    border-radius: 5px;

    padding-left: 5px;

    padding-right: 5px;

    margin: 0

}



.article-head .cta-wrap .social-wrap .jssocials-share {

    margin: .2em

}



.article-head .cta-wrap .social-wrap .jssocials-share-link {

    font-size: 12px;

    border-radius: 50%;

    padding: .5em

}



.article-head .cta-wrap .social-wrap+a:after {

    background: url(../images/icon_pdf_word.png) 50% 50% no-repeat;

    background-size: 100%

}



.article-head .cta-wrap .expand+.social-wrap {

    display: block

}



.article-head .cta-wrap a.dl-zip:after {

    background: url(../images/arrow_down_red.png) 50% 50% no-repeat;

    background-size: auto 14px

}



@media (max-width:768px) {

    .article-head .cta-wrap {

        margin-top: 0;

        position: static

    }

    .article-head .cta-wrap>a {

        display: inline-block;

        margin-left: 30px

    }

}



.article-head .tags {

    clear: both;

    padding: 1em 0;

    margin: 0

}



.article-head .tags a {

    color: #222;

    border: 1px solid #ddd;

    font-size: .8rem;

    font-weight: 600;

    padding: 3px 10px;

    margin: 0 5px 8px 0;

    display: inline-block

}



.article-head .tags a:hover {

    background: #f2f2f2;

    color: #ebbb4f

}



.article-head>.container {

    position: relative

}



.copy-block {

    color: #909090;

    font-weight: 300;

    padding: 50px 0

}



.copy-block p {

    padding-bottom: .5em

}



.copy-block .container>div:first-child {

    padding-left: 0

}



.copy-block .quote {

    padding-left: 60px;

    padding-top: 30px

}



.copy-block .quote h3 {

    color: #222;

    font-size: 1.6rem;

    font-weight: 400;

    line-height: 1.2em

}



.copy-block .quote p {

    font-size: 1.2em;

    color: #333

}



.copy-block .quote p:after,

.copy-block .quote p:before {

    content: '"';

    color: #ebbb4f;

    position: absolute;

    margin: -.8em 0 0 -.5em;

    font-size: 2em;

    font-family: Roboto, sans-serif;

    font-weight: 600

}



.copy-block .quote p:after {

    margin: .2em 0 0 .2em

}



.copy-block .quote p:before {

    -webkit-transform: rotate(-180deg)

}



.copy-block+.copy-block {

    padding-top: 0;

    margin-top: -50px

}



.related-articles {

    background: none;

    padding-top: 0;

    border: 0;

    margin-bottom: 0

}



.related-articles>.container {

    padding-top: 50px;

    border-top: 1px solid #ddd

}



.related-articles h4 {

    width: 90%

}



.related-articles .summary {

    width: 90%;

    font-size: .8rem

}



.related-articles .more {

    display: block;

    margin: 25px 0 0;

    font-weight: 500

}



.related-articles .more:after {

    content: "\2192";

    font-size: 1.3rem;

    position: relative;

    left: 10px;

    top: 3px

}



@media (max-width:768px) {

    .related-articles .summary,

    .related-articles h4 {

        width: 100%

    }

}



.sticky-title {

    position: fixed;

    left: 0;

    top: -100px;

    height: 92px;

    width: 100%;

    background: #f7f7f7;

    z-index: 13;

    border-bottom: 1px solid #ffffff;

    -webkit-transition: all .5s;

    transition: all .5s

}



.sticky-title p {

    padding: 0;

    margin: 0;

    height: 92px;

    display: table

}



.sticky-title p span {

    display: table-cell;

    vertical-align: middle

}



.sticky-title .cta-wrap {

    text-align: right;

    margin-top: 33px

}



.sticky-title .cta-wrap>a {

    display: inline-block;

    color: #999;

    font-size: .8rem;

    margin: 0 0 5px 10px;

    width: 30px;

    text-indent: -9999em;

    overflow: hidden

}



.sticky-title .cta-wrap>a:after {

    content: "";

    width: 30px;

    height: 30px;

    border: 2px solid #ebbb4f;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

    margin-left: 15px

}



.sticky-title .cta-wrap>a.share:after {

    background: url(../images/icon_share_red.png) 50% 50% no-repeat;

    background-size: 14px auto

}



.sticky-title .cta-wrap>a.resource:after {

    background: url(../images/arrow_down_red.png) 50% 50% no-repeat;

    background-size: auto 14px

}



.sticky-title .cta-wrap .social-wrap {

    width: 160px;

    position: absolute;

    right: 50px;

    top: -5px;

    display: none

}



.sticky-title .cta-wrap .social-wrap .jssocials-shares {

    background: #fff;

    border-radius: 5px;

    padding-left: 5px;

    padding-right: 5px;

    margin: 0

}



.sticky-title .cta-wrap .social-wrap .jssocials-share {

    margin: .2em

}



.sticky-title .cta-wrap .social-wrap .jssocials-share-link {

    font-size: 12px;

    border-radius: 50%;

    padding: .5em

}



.sticky-title .cta-wrap .expand+.social-wrap {

    display: block

}



.sticky-title .cta-wrap .social-wrap+a:after {

    background: url(../images/arrow_down_red.png) 50% 50% no-repeat;

    background-size: auto 14px

}



.sticky-title .cta-wrap .social-wrap+a+img {

    display: none!important

}



.sticky-title .cta-wrap a.dl-zip:after {

    content: "\F1C6";

    background: none;

    text-align: center;

    font-size: 1.1em;

    line-height: 1.6em;

    color: #ebbb4f;

    font-family: FontAwesome

}



@media (max-width:768px) {

    .sticky-title {

        height: auto;

        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);

        top: -20%

    }

    .sticky-title .cta-wrap {

        margin-top: 23px

    }

    .sticky-title p {

        padding: 0;

        font-size: .9rem

    }

}



.stick-title-show {

    top: 0

}



.feature-image1 {

    padding: 0 0 20px;

    color: #999;

    line-height: 1.9em;

    font-weight: 300

}



.feature-image1 .keyimage {

    padding: 0 3% 0 0

}



.feature-image1 .keyimage img {

    min-height: 380px

}



.feature-image1 .side-copy {

    padding-right: 5%

}



@media (max-width:1280px) and (orientation:landscape) {

    .feature-image1 .side-copy {

        line-height: 1.5em

    }

}



@media (min-width:768px) and (max-width:1023px) {

    .feature-image1 .keyimage {

        padding-right: 0

    }

    .feature-image1 .keyimage img {

        min-height: 100px

    }

}



@media (max-width:768px) {

    .feature-image1 .keyimage {

        padding-right: 0

    }

}



.innov-wrap {

    color: #444;

    font-size: .85rem;

    font-weight: 300;

    line-height: 1.63rem

}



.innov-wrap p {

    padding: 0 0 .6em

}



.innov-wrap p.author {

    color: #888;

    font-size: .8rem;

    margin-top: -15px

}



.innov-wrap h2,

.innov-wrap h3 {

    font-family: Roboto Condensed, sans-serif;

    font-size: 1.5rem;

    font-weight: 500

}



.innov-wrap .row>div {

    padding-top: 40px;

    padding-bottom: 40px

}



.innov-intro {

    padding-right: 3%

}



.innov-intro h1,

.innov-intro h2 {

    text-transform: none;

    color: #000;

    font-weight: 100;

    font-family: Roboto, sans-serif;

    font-size: 1.8rem;

    line-height: 1.3em;

    max-width: 80%;

    margin: 0 0 1em

}



.innov-intro h1 em,

.innov-intro h2 em {

    color: #ebbb4f;

    font-style: normal

}



.innov-intro p+h3 {

    padding-top: 1.3em

}



.innov-intro p+h2 {

    font-family: Roboto Condensed, sans-serif;

    font-size: 1.5rem;

    font-weight: 500

}



@media (max-width:767px) and (orientation:landscape) {

    .innov-intro h2 {

        max-width: 600px

    }

}



@media (max-width:768px) {

    .innov-intro h2 {

        max-width: 600px

    }

}



.innov-menu-wrap {

    background: #f6f6f6;

    padding: 0 0 0 6%;

    position: relative

}



.innov-menu-wrap:before {

    left: 100%;

    top: 0;

    width: 50%;

    height: 100%

}



.innov-menu-wrap:after,

.innov-menu-wrap:before {

    content: "";

    position: absolute;

    background: #f6f6f6

}



.innov-menu-wrap:after {

    left: 0;

    top: 100%;

    width: 150%;

    height: 188px

}



.innov-menu-wrap h3 {

    margin: 0;

    padding: 0 0 1em

}



@media (max-width:767px) {

    .innov-menu-wrap {

        display: none

    }

}



.innov-menu {

    margin: 0;

    padding: 20px 0 40px

}



.innov-menu li {

    margin: 0 0 15px

}



.innov-menu li strong {

    font-weight: 500;

    font-size: 1rem

}



.innov-menu li a {

    color: #333

}



.innov-menu .thumb {

    display: inline-block;

    vertical-align: middle;

    width: 100px;

    height: 100px;

    /* background: #fff; */

    border: 7px solid #000000;

    border-radius: 50%;

    margin: 0 20px 0 0;

    overflow: hidden;

    position: relative;

}



.innov-menu .thumb:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #bbb;

    border-radius: 50%;

    opacity: 0;

    cursor: pointer;

    -webkit-transition: all .2s ease-out .2s;

    transition: all .2s ease-out .2s

}



.innov-menu .thumb:hover:after {

    opacity: .85;

    border-width: 10px

}



.innov-menu .thumb:hover img {

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    filter: grayscale(1)

}



.innov-menu .thumb:hover+strong {

    color: #ebbb4f

}



.innov-menu li.active .thumb:after {

    opacity: .3;

    border-width: 6px;

    border-color: #444

}



.innov-menu li.active .thumb img {

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1

}



@media (max-width:640px) and (orientation:portrait) {

    .innov-menu li strong {

        display: inline-block;

        vertical-align: middle;

        max-width: 55%;

        line-height: 1.3em

    }

}



.sidebar-menu {

    position: absolute;

    left: 0;

    top: 0;

    background: #000000;

    height: auto;

    padding: 100px 15px 0;

    z-index: 9;

    overflow: hidden;

    max-width: 110px;

    -webkit-transition: all .5s ease-out;

    transition: all .5s ease-out

}



.sidebar-menu:hover {

    max-width: 100%

}



.sidebar-menu .innov-menu {

    width: 250px

}



.sidebar-menu .innov-menu li {

    margin-bottom: 30px

}



.sidebar-menu .innov-menu li:last-child {

    margin-bottom: 0

}



.sidebar-menu .innov-menu .thumb {

    border: 0;

    width: 80px;

    height: 80px;

    margin-right: 15px

}



.sidebar-menu .innov-menu .thumb img {

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    filter: grayscale(1);

    opacity: .6

}



.sidebar-menu .innov-menu .thumb:hover img {

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1

}



.sidebar-menu .innov-menu .thumb:hover:after {

    border-width: 7px

}



.sidebar-menu .innov-menu strong {

    width: 140px;

    display: inline-block;

    vertical-align: middle;

    font-size: .9rem

}



.sidebar-menu .innov-menu a {

    display: block

}



.sidebar-menu .back {

    display: inline-block;

    padding: 15px 25px 10px

}



.sidebar-menu .back img {

    width: 25px

}



@media (min-width:768px) and (max-width:1023px) {

    .sidebar-menu {

        position: fixed;

        padding-bottom: 20px;

        padding-top: 10px;

        top: 90px

    }

    .sidebar-menu .industry-menu,

    .sidebar-menu .innov-menu {

        display: none

    }

}



@media (max-width:768px) {

    .sidebar-menu {

        padding-bottom: 20px;

        padding-top: 10px;

        top: 90px;

        position: fixed;

        left: auto;

        top: auto!important;

        right: 0;

        bottom: 0;

        padding: 0

    }

    .sidebar-menu .industry-menu,

    .sidebar-menu .innov-menu {

        display: none

    }

    .sidebar-menu .back {

        padding: 15px 20px 18px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .sidebar-menu {

        top: 0

    }

}



@media (max-width:767px) and (orientation:landscape) {

    .sidebar-menu {

        top: 0

    }

}



@media (min-width:1024px) {

    .content-body-sidebar {

        padding-left: 110px

    }

    .sidebar-menu {

        height: 100%

    }

}



@media (min-width:1720px) {

    .content-body-sidebar {

        padding-left: 0

    }

}



.industry-menu {

    margin: 0 -5%;

    width: 115%

}



.icons-wrap .industry-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.industry-menu li {

    text-align: center;

    width: 24%;

    float: left;

    margin: 20px 0

}



.industry-menu li a {

    color: #fff;

    display: inline-block;

    max-width: 100%

}



.industry-menu li.active a .icon,

.industry-menu li a:hover .icon {

    background-color: #ebbb4f;

    border-color: #ebbb4f

}



.industry-menu li.active a .icon img:first-child,

.industry-menu li a:hover .icon img:first-child {

    display: none

}



.industry-menu li.active a strong,

.industry-menu li a:hover strong {

    color: #ebbb4f

}



.industry-menu li.notactive a,

.industry-menu li.notactive a:hover {

    color: #333;

    border-color: #333;

    cursor: default

}



.industry-menu li.notactive a .icon,

.industry-menu li.notactive a:hover .icon {

    background-color: #fff;

    color: #333;

    border-color: #333

}



.industry-menu li.notactive a .icon img:first-child,

.industry-menu li.notactive a:hover .icon img:first-child {

    display: block

}



.industry-menu li.notactive a:hover strong,

.industry-menu li.notactive a strong {

    color: #333

}



.industry-menu .icon {

    width: 60px;

    height: 60px;

    border: 2px solid #ebbb4f;

    border-radius: 11%;

    padding: 6px;

    margin: 0 auto 15px;

    overflow: hidden;

}



.industry-menu .icon img {

    width: 100%;

    height: 100%

}



.industry-menu strong {

    display: block;

    font-weight: 400;

    font-size: 1rem

}



.industry-menu.responsiveCarousel {

    width: 100%;

    margin-left: 0;

    padding-left: 30px;

    padding-right: 30px

}



.industry-menu.responsiveCarousel .icon {

    width: 70px;

    height: 70px

}



.industry-menu.responsiveCarousel strong {

    font-size: 1.2rem;

    text-transform: uppercase

}



.industry-menu.responsiveCarousel .slick-next,

.industry-menu.responsiveCarousel .slick-prev {

    margin-top: -38px

}



@media (min-width:768px) and (max-width:1023px) {

    .industry-menu li {

        width: 25%

    }

}



@media (max-width:767px) {

    .industry-menu {

        width: 95%;

        margin: 0 auto

    }

    .industry-menu li {

        width: 33.333%

    }

}



.sidebar-menu .industry-menu {

    width: 80px;

    margin: 0

}



.sidebar-menu .industry-menu li {

    width: 100%;

    margin-bottom: 10px

}



.sidebar-menu .industry-menu .icon {

    width: 40px;

    height: 40px;

    margin-bottom: 10px

}



.sidebar-menu .industry-menu strong {

    font-size: .8rem

}



.impact-list h3 {

    font-size: 1.34rem;

    font-family: Roboto Condensed, sans-serif;

	color: #ebbb4f;

}



.impact-list h3+.country {

    color: #999;

    font-size: .9rem;

    padding: 0 0 1em

}



.impact-list p+h3 {

    margin-top: 2em

}



.impact-list ul {

    padding: .6em 0 1.5em

}



.impact-list ul li {

    padding: 0 0 20px 30px;

    position: relative

}



.impact-list ul li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 5px;

    width: 15px;

    height: 15px;

    border: 4px solid #ebbb4f;

    border-radius: 50%

}



.impact-list ul li a {

    font-weight: 300;

    display: inline-block;

    max-width: 318px;

    position: relative;

    color: #ffffff;

    font-size: 14px;

}

.impact-list ul li a i {

    display: inline-block;

    vertical-align: top;

	color:#fff;

}



.impact-list ul li a:hover i {

    display: inline-block;

    vertical-align: top;

	color:#ebbb4f;

}



.impact-list ul li i {

    display: none;

    position: relative;

    top: 5px;

    left: 10px;

    color: #ebbb4f

}



.impact-list ul li:nth-child(odd) {

    clear: both

}



.year-select {

    z-index: 1;

    position: fixed;

    top: 85px;

    width: 100%;

    height: 80px;

    background: #ebbb4f;

    color: #fff;

    font-size: 1.2rem;

    font-weight: 200;

    overflow: hidden

}



.year-select a {

    color: #fff;

    padding: 25px 20px;

    display: inline-block;

    vertical-align: middle;

    font-size: 1.2rem;

    -webkit-transition: all .2s ease-out .1s;

    transition: all .2s ease-out .1s

}



.year-select a:hover {

    font-weight: 300

}



.year-select a.active {

    font-weight: 600;

    font-size: 2rem;

    padding: 0 20px

}



.year-select a.active:hover {

    font-weight: 600;

    opacity: 1

}



.year-select .years-wrap {

    min-width: 100%;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out

}



@media (max-width:1024px) and (orientation:landscape) {

    .year-select.sticky3 {

        top: 0;

        -webkit-transition: all .2s ease-out;

        transition: all .2s ease-out

    }

}



@media (max-width:768px) {

    .year-select.sticky3 {

        top: 0;

        -webkit-transition: all .2s ease-out;

        transition: all .2s ease-out

    }

}



.journey-wrap {

    color: #fff;

    padding-top: 72px;

    background: #000

}



.journey-wrap .container {

    position: relative;

    height: 100%

}



.journey-wrap .item {

    overflow: hidden;

    background: 50% 0 no-repeat;

    background-size: cover;

    position: relative;

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    filter: grayscale(1);

    opacity: .9;

    opacity: 1

}



.journey-wrap .item,

.journey-wrap .item:before {

    width: 100%;

    -webkit-transition: all .5s ease-out .2s;

    transition: all .5s ease-out .2s

}



.journey-wrap .item:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    opacity: 0

}



.journey-wrap .item .bg-image {

    min-height: 100%;

    min-width: 100%;

    max-width: auto;

    display: block

}



.journey-wrap .item .desc {

    max-height: 300px;

    max-width: 2000px;

    opacity: 1

}



.journey-wrap .item.active {

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1

}



.journey-wrap .item.active:before {

    opacity: 1;

    background: rgba(0, 0, 0, .1);

    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, .8)));

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .8)));

    background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .8));

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0)

}



.journey-wrap .item.active .desc {

    max-height: 300px;

    max-width: 2000px;

    opacity: 1

}



.journey-wrap .item-copy {

    position: absolute;

    left: 15px;

    bottom: 80px;

    max-width: 750px;

    font-weight: 300;

    padding-right: 15px

}



.journey-wrap .item-copy p:first-child {

    max-width: 330px

}



.journey-wrap .item-copy h2 {

    font-size: 2.4rem;

    max-width: 550px;

    font-family: Roboto, sans-serif;

    font-weight: 600;

    line-height: 1.2em;

    margin: .7em 0;

    padding: 0

}



.journey-wrap h4 {

    display: none

}



@media (max-width:640px) and (orientation:portrait) {

    .journey-wrap .item-copy h2 {

        font-size: 2rem

    }

    .journey-wrap .item-copy p {

        font-size: .8em

    }

}



@media (max-width:767px) and (orientation:landscape) {

    .journey-wrap .item {

        min-height: 400px!important

    }

    .journey-wrap .item-copy {

        bottom: 20px

    }

}



.faq-filter,

.search-filter {

    padding: 80px 0 0

}



.faq-filter fieldset,

.search-filter fieldset {

    width: 80%;

    height: 60px;

    display: inline-block;

    vertical-align: middle;

    border: 2px solid #b3b3b3;

    position: relative

}



.faq-filter fieldset .ctrl1,

.search-filter fieldset .ctrl1 {

    border: 0

}



.faq-filter fieldset .ctrl1 input,

.search-filter fieldset .ctrl1 input {

    font-weight: 300;

    font-size: 1.3em;

    padding: 12px 15px

}



.faq-filter fieldset .btn1,

.search-filter fieldset .btn1 {

    width: 80px;

    height: 60px;

    border: 0;

    position: absolute;

    right: 0;

    top: 0;

    background: url(../images/icon_search_lens.png) 50% 50% no-repeat;

    background-size: 34px auto;

    cursor: pointer

}



.faq-filter fieldset .btn1:hover,

.search-filter fieldset .btn1:hover {

    opacity: .5

}



.faq-filter .select,

.search-filter .select {

    border-color: #ebbb4f;

    width: 16%;

    margin-left: 1%;

    margin-bottom: 0;

    display: inline-block;

    vertical-align: middle

}



@media (max-width:1024px) and (orientation:landscape) {

    .faq-filter fieldset,

    .search-filter fieldset {

        width: 77%

    }

    .faq-filter .select,

    .search-filter .select {

        width: 21%

    }

}



@media (max-width:768px) {

    .faq-filter fieldset,

    .search-filter fieldset {

        width: 75%

    }

    .faq-filter .select,

    .search-filter .select {

        width: 23%

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .faq-filter fieldset,

    .search-filter fieldset {

        width: 100%

    }

    .faq-filter .select,

    .search-filter .select {

        width: 100%;

        margin: 15px 0 0;

        display: block

    }

}



.keyimage-404 {

    text-align: center;

    padding: 100px 0 80px

}



.message-404-wrap {

    width: 100%;

    height: 600px

}



.message-404-wrap:before {

    content: "";

    width: 1px;

    height: 100%

}



.message-404,

.message-404-wrap:before {

    display: inline-block;

    vertical-align: middle

}



.message-404 {

    text-align: center;

    width: 96%

}



.message-404 h1 {

    margin: 0;

    padding: 0;

    text-align: center;

    color: #ebbb4f;

    font-family: Roboto Condensed, sans-serif;

    font-size: 5.4rem;

    font-weight: 300

}



.message-404 h3 {

    font-size: 2rem;

    font-weight: 200;

    font-family: Roboto, sans-serif;

    margin: 0;

    padding: .5em 0 0

}



.message-404 p {

    font-size: .9rem;

    color: #888;

    font-weight: 300;

    padding: 0 0 2em

}



.message-404 .cta-back {

    font-size: 1.2rem;

    line-height: 1rem;

    color: #ebbb4f;

    position: relative;

    padding: 20px 0 0 40px

}



.message-404 .cta-back:before {

    content: "";

    width: 35px;

    height: 20px;

    position: absolute;

    top: 26px;

    left: 0;

    background: url(../images/arrow_left_red.png) 0 50% no-repeat;

    background-size: 30px auto

}



.message-404 .cta {

    margin-top: 50px

}



.message-404 .cta a {

    display: inline-block;

    vertical-align: middle;

    padding: 0 15px;

    font-size: 1.2rem;

    font-weight: 300

}



.generic-content {

    padding: 3em 0

}

.genericStyle{

	background-color:rgb(0, 0, 0, 0.7);

	padding:15px;

	min-height:700px;

	    -webkit-box-shadow: 0 -10px 25px rgba(255,255, 255, .075);

    box-shadow: 0 -10px 25px rgba(255,255, 255, .075);

}



.generic-copy {

    padding: 1em 0 0;

    font-weight: 300;

    color: #666;

    font-size: .9rem

}



.generic-copy h2 {

    font-family: Roboto Condensed, sans-serif;

    color: #000;

    font-size: 1.34rem;

    font-weight: 600;

    margin: 1em 0

}



.faqs-wrap {

    padding: 0 0 4em

}



.faqs-wrap h1 {

    margin: 0;

    padding: 1em 0;

    font-size: 1.5rem;

    font-family: Roboto Condensed, sans-serif

}



.faqs-wrap .cta-back {

    font-size: 1rem;

    line-height: 1rem;

    color: #ebbb4f;

    position: relative;

    padding: 20px 0 0 30px

}



.faqs-wrap .cta-back:before {

    content: "";

    width: 25px;

    height: 20px;

    position: absolute;

    top: 23px;

    left: 0;

    background: url(../images/arrow_left_red.png) 0 50% no-repeat;

    background-size: 20px auto

}



.faq-list {

    padding-bottom: 4em

}



.faq-list li {

    overflow: hidden

}



.faq-list .question {

    line-height: 1.3em;

    padding: 30px 0;

    padding-left: 50px;

    border-bottom: 1px solid #f2f2f2;

    background: url(../images/icon_plus.png) 0 50% no-repeat;

    background-size: 22px;

    cursor: pointer

}



.faq-list .question:hover {

    color: #ebbb4f

}



.faq-list .answer {

    display: none;

    font-size: .8rem;

    line-height: 1.6em;

    padding: 20px 0 40px;

    padding-left: 50px

}



.faq-list .answer ol,

.faq-list .answer p,

.faq-list .answer ul {

    padding-bottom: 1em

}



.faq-list li.expanded {

    background: #f7f7f7

}



.faq-list li.expanded .question {

    color: #ebbb4f;

    background-image: url(../images/icon_minus.png);

    border-bottom: 0

}



.faq-list li.expanded .answer {

    display: block

}



.faq-list li.expanded ol li,

.faq-list li.expanded ul li {

    list-style: none;

    position: relative;

    overflow: visible

}



.faq-list li.expanded ol li:before,

.faq-list li.expanded ul li:before {

    content: "\2022";

    color: #ebbb4f;

    font-size: 1.6em;

    position: absolute;

    margin: 0 0 0 -15px

}



.faq-list li.expanded ol {

    counter-reset: li

}



.faq-list li.expanded ol li:before {

    content: counter(li);

    counter-increment: li;

    font-size: 1em

}



@media (max-width:640px) and (orientation:portrait) {

    .faq-list .answer {

        padding-top: 0

    }

    .faq-list .answer,

    .faq-list li.expanded .question {

        padding-bottom: 10px

    }

}



.faq-filter {

    padding-top: 20px;

    padding-bottom: 20px

}



.faq-filter fieldset {

    width: 100%;

    border-color: #ccc

}



.contact-wrap {

    padding: 0

}



.contact-wrap h1 {

    font-size: 2rem;

    font-weight: 200;

    font-family: Roboto, sans-serif;

    padding: 40px 0 30px;

	color: #fff;

}



.contact-wrap h1 span {

    color: #ebbb4f

}



.contact-wrap .radio-group {

    display: inline-block;

    width: 30%

}



.contact-wrap .radio-group input {

    display: none

}



.contact-wrap .radio-group label {

    cursor: pointer;

    border: 2px solid #b2b2b2;

    font-size: 1.125rem;

    line-height: 1.5em;

    text-transform: uppercase;

    height: 45px;

    padding: 20px;

    display: block;

    text-align: center;

    color: #999

}



.contact-wrap .radio-group input:checked+label,

.contact-wrap .radio-group label:hover {

    border-color: #ebbb4f;

    cursor: pointer;

    color: #ebbb4f

}



.contact-wrap .radio-group input:checked+label {

    border-bottom: 6px solid #ebbb4f

}



.contact-wrap .radio-group span {

    display: none

}



.contact-wrap .radio-group+.radio-group {

    margin-left: 4%

}



.contact-wrap .contact-type {

    margin: 0 0 50px

}



.contact-wrap .radio-group2 {

    width: auto;

    margin-left: 10px

}



.contact-wrap .radio-group2 label {

    height: auto;

    padding: 3px 20px;

    text-transform: none;

    background: #f8f8f8;

    display: inline-block;

    border-width: 1px

}



.contact-wrap .radio-group2 label+input+label {

    margin-left: -4px

}



.contact-wrap .radio-group2 input:checked+label {

    border-bottom: 1px solid #ebbb4f;

    background: none

}



.contact-wrap .txt1 {

    border-color: #d9d9d9

}



.contact-wrap .bond-holder-wrap {

    display: none

}



.contact-wrap>div {

    position: relative;

    padding-right: 30px

}



.contact-wrap .hint {

    padding: 0 0 20px;

    display: none

}



.contact-wrap .hint h3 {

    color: #ebbb4f;

    display: inline-block;

    margin: 0;

    padding: 0 20px 0 30px;

    background: url(../images/arrow_left_red.png) 0 50% no-repeat;

    background-size: 20px;

    font-weight: 400;

    text-transform: uppercase;

    cursor: pointer

}



.contact-wrap .hint p {

    display: inline-block;

    margin: .5em 0 1em

}



.contact-wrap .form-wrap {

    display: block

}



.contact-wrap .feedback {

    padding: 0 0 2em;

    color: #ebbb4f

}



.contact-wrap .address {

    display: none

}



.contact-wrap .leaflet-popup-pane {

    z-index: 5

}



.contact-wrap .leaflet-popup-content-wrapper {

    border-radius: 0;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);

    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)

}



.contact-wrap .leaflet-popup-content {

    width: 400px!important;

    padding: 25px 15px;

    padding-right: 0

}



.contact-wrap .leaflet-popup-content .col {

    display: inline-block;

    vertical-align: top;

    width: 200px

}



.contact-wrap .leaflet-popup-content .col+.col {

    width: 170px;

    text-align: right

}



.contact-wrap .leaflet-popup-content .col+.col a {

    color: #ebbb4f

}



.contact-wrap .leaflet-popup-content .col+.col p {

    padding-top: 30px;

    margin-bottom: 0

}



.contact-wrap .leaflet-popup-content .col+.col em {

    font-style: normal;

    color: #ebbb4f

}



@media (max-width:640px) and (orientation:portrait) {

    .contact-wrap .leaflet-popup-content {

        width: 200px!important;

        padding: 10px

    }

    .contact-wrap .leaflet-popup-content .col {

        display: block;

        text-align: left

    }

    .contact-wrap .leaflet-popup-content .col+.col {

        text-align: left;

        position: relative

    }

    .contact-wrap .leaflet-popup-content .col+.col p {

        padding-top: 0;

        padding-bottom: 30px;

        margin-top: 10px

    }

    .contact-wrap .leaflet-popup-content .col+.col b {

        position: absolute;

        left: 0;

        bottom: 0

    }

}



@media (max-width:768px) {

    .contact-wrap>div {

        padding-right: 15px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .contact-wrap .radio-group {

        width: 28%

    }

}



.leaflet-marker-icon {

    -webkit-transition: all .8s;

    transition: all .8s

}



.careers-plug {

    background: #000;

    padding: 50px 0 60px;

    position: relative;

    font-weight: 300

}



.careers-plug:before {

    right: 100%;

    width: 50%

}



.careers-plug:after,

.careers-plug:before {

    content: "";

    position: absolute;

    top: 0;

    height: 100%;

    background: #000;

    display: block

}



.careers-plug:after {

    left: 100%;

    width: 100%

}



.careers-plug h2 {

    text-transform: none;

    margin-bottom: .8em

}



.careers-plug .logo-wrap {

    padding: 30px 0

}



.careers-plug .logo-wrap img {

    padding-right: 25%

}



@media (max-width:768px) {

    .careers-plug .logo-wrap img {

        padding: 0;

        display: block;

        margin: 0 auto 30px;

        max-width: 80%

    }

}



.trustline {

    font-weight: 300;

    padding: 50px 0 60px

}



.trustline h2 {

    text-transform: none

}



@media (max-width:767px) {

    .trustline {

        padding-bottom: 40px

    }

}



.map-main-wrap #map2:after {

    content: "";

    position: absolute;

    top: 80px;

    left: 0;

    width: 100%;

    height: 130px;

    background: hsla(0, 0%, 100%, .3);

    background: #fff;

    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(63%, hsla(0, 0%, 96%, .37)), color-stop(100%, hsla(0, 0%, 100%, 0)));

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(63%, hsla(0, 0%, 96%, .37)), to(hsla(0, 0%, 100%, 0)));

    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 96%, .37) 63%, hsla(0, 0%, 100%, 0));

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0)

}



@media (max-width:768px) {

    .map-main-wrap {

        display: none

    }

}



.map-wrap {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /*background: #f2f2f2*/

}



@media (max-width:768px) {

    .map-wrap {

        position: static;

        height: 500px;

        margin-bottom: 40px

    }

}



.txt1 {

    position: relative;

    min-height: 60px;

    border: 1px solid #999;

    font-size: .9rem;

    color: #999

}



.txt1 label {

    position: absolute;

    left: 15px;

    top: 16px;

    font-size: .85rem;

    color: #aaa

}



.txt1 label i {

    font-size: .7rem

}



.txt1.error {

    border-color: #ebbb4f

}



.txt1.error label {

    color: #ebbb4f

}



.txt1 input,

.txt1 select,

.txt1 textarea {

    border: 0;

    width: 100%;

    height: 58px;

    padding: 20px 15px 5px;

    color: #666

}



.txt1 textarea {

    height: 6em

}



.txt1 input:focus+label,

.txt1 textarea:focus+label,

.txt1.filled label {

    font-size: .6rem;

    top: 5px

}



.txt1 input:focus+label i,

.txt1 textarea:focus+label i,

.txt1.filled label i {

    font-size: .6rem

}



.txt1.error label i {

    color: #aaa

}



.txt1 input:disabled {

    opacity: .5

}



@media (max-width:1024px) and (orientation:landscape) {

    .txt1 label {

        font-size: .8rem

    }

    .txt1 label i {

        display: none

    }

}



.contact-form {

    padding: 0 0 40px;

    font-weight: 300

}



.contact-form fieldset {

    padding: 0 15px 30px

}



.contact-form .g-recaptcha div {

    max-width: 100%;

    overflow: hidden

}



.contact-form .g-recaptcha.error {

    border: 1px solid #ebbb4f

}



.contact-form .col-md-6 {

    max-width: 50%;

    overflow: hidden

}



@media (max-width:1024px) and (orientation:landscape) {

    .contact-form .row {

        margin-left: -8px;

        margin-right: -8px

    }

    .contact-form fieldset {

        padding: 0 8px 15px

    }

}



@media (max-width:768px) {

    .contact-form .col-md-6 {

        max-width: 100%

    }

}



.contact-form .btn1 {

    border: 0;

    width: 100%;

    height: 75px;

    font-weight: 400;

    background-color: #ebbb4f;

}



.contact-form .btn1:hover {

    background-color: #999

}



.sitemap {

    padding: 0 0 40px

}



.sitemap .section>ul {

    margin-bottom: 30px

}



.sitemap .section>ul>li>a {

    color: #ebbb4f;

    margin-bottom: 12px;

    display: block

}



.sitemap li ul {

    margin: 0 0 25px

}



.sitemap li li a {

    color: #333;

    font-size: .9rem;

    font-weight: 300

}



.sitemap li a:hover {

    color: #ebbb4f

}



.boximage {

    position: relative;

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px

}



.boximage a {

    width: auto;

    min-width: 96.5%;

    margin: 0 10px;

    display: block;

    z-index: 1;

    background-repeat: no-repeat!important;

    background-size: cover!important;

    background-position: 50% 50%!important;

    background: #f2f2f2 50% 50% no-repeat;

    background-size: cover;

    border-bottom: 10px solid #ebbb4f

}



.boximage a,

.boximage a:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;
	overflow:hidden;

}



.boximage a:before {

    content: "";

    width: 100%;
	background: #ebbb4f;

   /* background: rgba(34, 34, 34, 0);

    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(34, 34, 34, 0)), color-stop(66%, hsla(0, 0%, 5%, 0)), color-stop(100%, #000));

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), color-stop(66%, hsla(0, 0%, 5%, 0)), to(#000));

    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, hsla(0, 0%, 5%, 0) 66%, #000);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#222222", endColorstr="#000000", GradientType=0)*/

}



.boximage .keyimage {

    /*opacity: 0*/

}



.boximage .title {

    position: absolute;

    left: 20px;

    bottom: 20px;

    color: #fff;

    font-size: 1.625rem;

    font-weight: 200

}



@media (max-width:768px) {

    .boximage {

        height: 400px

    }

}



@media (max-width:767px) {

    .boximage a {

        min-width: 93.5%

    }

}



.boximage2 {

    padding-left: 10px;

    padding-right: 10px

}



.boximage2 a {

    display: block;

    height: 100%;

    background: #ebbb4f

}



.boximage2 .keyimage {

    opacity: .95;

    height: 50%;

    width: 100%

}



.boximage2 .message {

    padding: 20px

}



@media (max-width:1280px) and (orientation:landscape) {

    .boximage2 .message {

        font-size: 1.3rem

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .boximage2 {

        width: 100%

    }

    .boximage2 .message {

        font-size: 1.1rem

    }

}



.box-csr {

    line-height: 1.3em;

    margin-bottom: 20px

}



.box-csr h3 {

    line-height: 1.3em;

    max-width: 750px

}



@media (max-width:768px) {

    .box-csr {

        margin-bottom: 40px

    }

}



.show-result {

    margin: 0;

    padding: 30px 0 0

}



.show-result .phrase {

    font-size: 1.625rem;

    font-weight: 200;

    padding: 0 0 10px

}



.show-result em {

    color: #ebbb4f

}



.show-result em,

.show-result i {

    font-style: normal;

    font-weight: 300

}



.show-result .suggest li {

    display: inline-block;

    font-size: .825rem;

    margin-right: 20px;

    color: #666

}



.show-result .suggest li:before {

    content: "\2022";

    color: #ebbb4f;

    font-size: 1.125rem;

    margin-right: 3px;

    position: relative;

    top: 3px

}



.show-results {

    border-bottom: 1px solid #d7d7d7;

    padding-bottom: 30px

}



.show-results+.pr-list-wrap {

    padding-top: 20px

}



.icons-wrap {

    border-top: 1px solid #ccc;

    padding: 30px 0 50px;

    margin: 30px 0 0

}



#map2 {

    width: 50%;

    position: fixed;

    left: auto;

    right: 0;

    top: 0;

    height: 100%

}



#map2 .leaflet-popup-content-wrapper {

    border: 1px solid #ee293c;

    border-radius: 4px;

    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2)

}



#map2 .leaflet-popup-content {

    margin: 10px 19px;

    font-size: 14px

}



#map2 .leaflet-popup-tip-container {

    top: -1px

}



#map2 .leaflet-popup-tip {

    border-bottom: 1px solid #ee293c;

    border-right: 1px solid #ee293c;

    margin-top: -13px

}



#map2 a.leaflet-popup-close-button {

    font-size: 12px;

    line-height: 10px

}



#map2 h3.label {

    z-index: 1;

    position: absolute;

    left: 0;

    top: 90px;

    width: 100%;

    font-weight: 200;

    text-align: center;

    font-family: Roboto, sans-serif

}



#map2 h3.label em {

    font-style: normal;

    font-weight: 300;

    color: #ebbb4f

}



#map2 .cta-wrap {

    z-index: 1;

    position: absolute;

    bottom: 190px;

    left: 0;

    width: 100%;

    text-align: center;

    display: none

}



#map2 .cta-wrap a.cta {

    color: #fff;

    font-size: 1rem;

    padding: 8px 30px;

    background: #ebbb4f;

    display: inline-block;

    min-width: 300px;

    margin: 0 auto;

    font-size: 14px

}



#map2 .cta-wrap a.cta:hover {

    background-color: #c71324

}



#map2 .cta-wrap a.cta em {

    font-style: normal

}



#map2 .close {

    z-index: 1;

    position: absolute;

    right: 20px;

    top: 110px;

    background: url(../images/close_red.png) 50% 50% no-repeat;

    width: 30px;

    height: 30px;

    display: none

}



@media (max-width:768px) {

    #map2 {

        left: 100%;

        width: 100%;

        z-index: 100;

        -webkit-transition: .4s;

        transition: .4s

    }

    #map2.show {

        left: 0

    }

    #map2 .close {

        display: block;

        top: 20px

    }

    #map2 .cta-wrap {

        bottom: 100px!important

    }

}



.resource-wrap {

    font-weight: 300

}



.intro-block {

    padding: 45px 0 20px

}



.intro-block h1 {

    margin: 0;

    padding: 0 0 25px;

    color: #000;

    font-family: Roboto, sans-serif;

    font-size: 2.625rem;

    font-weight: 200

}



.intro-block h1 em {

    color: #ebbb4f;

    font-style: normal

}



@media (max-width:640px) and (orientation:portrait) {

    .intro-block h1 {

        font-size: 2.125rem

    }

}



.docs-block {

    margin: 0;

    padding: 0 0 20px

}



.docs-block h3 {

    font-size: 1.8rem;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 400;

    margin: 0;

    padding: 0 0 30px

}



.docs-block .col-inner {

    border: 1px solid #d7d7d7;

    padding: 30px

}



.docs-block h4 {

    margin: 0;

    padding: 20px 0 20px 70px;

    font-size: 1.5rem;

    font-weight: 200;

    color: #ebbb4f;

    background: url(../images/icon_doc_1.png) -8px 50% no-repeat

}



.docs-block .doc-intro {

    padding: 0 0 20px

}



.docs-block .cta-dl {

    color: #b2b2b2;

    border: 1px solid #ddd;

    display: inline-block;

    width: 200px;

    height: 50px;

    text-align: center;

    background: url(../images/download_hint.png) 20% 50% no-repeat;

    text-indent: 15px;

    padding: 10px 0 0

}



.docs-block .cta-dl:hover {

    background-color: #ebbb4f;

    color: #fff;

    cursor: pointer

}



.docs-block .dateline {

    float: right;

    padding: 15px 0 0;

    font-size: .9rem;

    text-transform: uppercase;

    font-weight: 500;

    font-family: Roboto Condensed, sans-serif

}



.docs-block .doc-item {

    margin-bottom: 30px

}



@media (max-width:640px) and (orientation:portrait) {

    .docs-block .col-inner {

        padding: 20px

    }

    .docs-block .cta-dl {

        font-size: 14px;

        width: 120px;

        height: 40px;

        background-size: auto 20px

    }

    .docs-block .dateline {

        font-size: .8rem;

        padding-top: 8px

    }

}



.imglib-wrap {

    min-height: 400px;

    background: #f7f7f7;

    padding: 40px 0;

    border-bottom: 1px solid #d7d7d7;

    position: relative

}



.imglib-wrap h3 {

    font-size: 1.8rem;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 400;

    margin: 0;

    padding: 0 0 30px

}



.imglib-wrap .imglib-cards>div {

    padding-bottom: 55px

}



.imglib-wrap .imglib-cards>div:nth-child(n+5) {

    display: none

}



.imglib-wrap .imglib-cards.expanded>div:nth-child(n+5) {

    display: block

}



.imglib-wrap .card {

    background: #ebbb4f;

    color: #fff;

    position: relative

}



.imglib-wrap .card:after {

    content: "";

    position: absolute;

    left: 0;

    top: 100%;

    background: #ebbb4f;

    width: 100%;

    height: 0;

    -webkit-transition: all .1s ease-out;

    transition: all .1s ease-out

}



.imglib-wrap .card:hover:after {

    height: 30px

}



.imglib-wrap .card .caption {

    padding: 20px 30px 30px

}



.imglib-wrap .card .caption strong {

    font-size: 1.5rem;

    line-height: 1.1em;

    font-weight: 200;

    display: block;

    padding: 0 0 5px

}



.imglib-wrap .card .count {

    font-size: .8rem;

    text-transform: uppercase;

    font-weight: 400;

    color: #fff;

    display: inline-block;

    padding: 0 50px 0 0;

    background: 70% 50% no-repeat

}



.imglib-wrap .card:hover {

    cursor: pointer

}



.imglib-wrap .card:hover .count {

    background: url(../images/arrow_right_light.png) 100% 50% no-repeat;

    cursor: pointer

}



.imglib-wrap .view-all {

    position: absolute;

    left: 50%;

    bottom: -20px;

    margin: 0 0 0 -60px;

    font-size: .8rem;

    text-transform: uppercase;

    text-align: center;

    background: #fff;

    border: 1px solid #ddd;

    padding: 10px 40px;

    font-weight: 700;

    cursor: pointer

}



@media (max-width:768px) {

    .imglib-wrap .imglib-cards>div {

        padding-bottom: 35px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .imglib-wrap .col-xs-6,

    .imglib-wrap .thumb img {

        width: 100%

    }

}



.bio-wrap {

    min-height: 400px;

    padding: 40px 0 120px

}



.bio-wrap h3 {

    font-size: 1.8rem;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 400;

    margin: 0;

    padding: 0 0 30px

}



.bio-wrap .card {

    background: #f7f7f7;

    position: relative;

    margin-bottom: 30px

}



.bio-wrap .pic {

    width: 45%;

    display: inline-block;

    border: 1px solid #e6e7e1

}



.bio-wrap .bio-meta {

    width: 53%;

    display: inline-block;

    vertical-align: top;

    padding: 20px

}



.bio-wrap .bio-meta .name {

    color: #ebbb4f;

    display: block;

    line-height: 1.2em;

    font-size: 1.3rem;

    font-weight: 400

}



.bio-wrap .bio-meta .title {

    line-height: 1.3em;

    display: block;

    padding: 8px 0 0

}



.bio-wrap .d-loads {

    position: absolute;

    bottom: 20px;

    right: 30px;

    left: 50%;

    background: #fff;

    font-size: .8rem;

    text-transform: uppercase

}



.bio-wrap .d-loads span {

    border: 1px solid #d7d7d7;

    display: block;

    padding: 12px 20px 12px 30px;

    color: #ebbb4f;

    font-weight: 500;

    position: relative;

    cursor: pointer

}



.bio-wrap .d-loads span:after {

    content: "";

    width: 44px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    border-left: 1px solid #d7d7d7;

    background: url(../images/arrow_down_sm_grey.png) 50% 50% no-repeat

}



.bio-wrap .d-loads span.expanded:after {

    background-image: url(../images/arrow_up_sm_grey.png)

}



.bio-wrap .d-loads .opts {

    z-index: 1;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    border-left: 1px solid #d7d7d7;

    border-right: 1px solid #d7d7d7;

    background: #fff;

    display: none

}



.bio-wrap .d-loads a {

    display: block;

    border-bottom: 1px solid #d7d7d7;

    padding: 12px 20px 12px 30px

}



.bio-wrap .d-loads .expanded+.opts {

    display: block

}



@media (max-width:1280px) and (orientation:landscape) {

    .bio-wrap .d-loads span {

        padding-left: 15px

    }

}



@media (max-width:768px) {

    .bio-wrap {

        padding-top: 60px

    }

    .bio-wrap .pic {

        width: 30%

    }

    .bio-wrap .bio-meta {

        max-width: 40%

    }

    .bio-wrap .bio-meta .name {

        font-size: 1.6rem

    }

    .bio-wrap .bio-meta .title {

        font-size: 1.2rem

    }

}



@media (max-width:767px) and (orientation:landscape) {

    .bio-wrap {

        padding-bottom: 40px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .bio-wrap {

        padding-bottom: 20px

    }

    .bio-wrap .bio-meta {

        padding-left: 0;

        padding-right: 0;

        padding-bottom: 10px;

        max-width: 100%;

        width: 100%

    }

    .bio-wrap .bio-meta .name {

        font-size: 1.5rem

    }

    .bio-wrap .bio-meta .title {

        font-size: 1.1rem

    }

    .bio-wrap .card {

        padding: 30px

    }

    .bio-wrap .pic {

        width: 100%

    }

    .bio-wrap .d-loads {

        position: relative;

        left: 0;

        top: 0;

        margin: 30px 0 0

    }

}



.logos-wrap {

    min-height: 400px;

    padding: 40px 0 150px;

    background: #f7f7f7

}



.logos-wrap h3 {

    font-size: 1.8rem;

    font-family: Roboto Condensed, sans-serif;

    font-weight: 400;

    margin: 0;

    padding: 0 0 30px

}



.logos-wrap .card {

    background: #fff;

    padding: 30px 40px 40px;

    margin: 0 0 30px;

    border: 1px solid #d7d7d7;

    position: relative

}



.logos-wrap .card .logo {

    padding: 0 0 30px

}



.logos-wrap .card .title {

    font-size: 1.125rem

}



.logos-wrap .card .downloads {

    text-align: center;

    text-transform: uppercase;

    color: #aaa;

    position: absolute;

    right: 40px;

    bottom: 40px

}



.logos-wrap .card .downloads>span {

    display: block;

    padding: 0 0 6px

}



.logos-wrap .card .downloads a {

    border: 1px solid #d0d0d0;

    display: inline-block;

    padding: 12px 18px;

    font-weight: 600

}



.logos-wrap .card .downloads a+a {

    margin-left: 5px

}



@media (max-width:767px) and (orientation:landscape) {

    .logos-wrap {

        padding-bottom: 40px

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .logos-wrap {

        padding-bottom: 40px

    }

    .logos-wrap .card {

        text-align: center

    }

    .logos-wrap .card .downloads {

        position: static;

        padding-top: 30px

    }

}



.tint-bg {

    background: rgba(0, 0, 0, .7)

}



.imglib-overlay,

.tint-bg {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.imglib-overlay {

    overflow-y: scroll;

    overflow-x: hidden;

    background: none;

    font-weight: 300

}



.imglib-overlay>.container {

    height: 100%

}



.imglib-overlay .lib-pane {

    background: #fff;

    height: 100%;

    width: 50%;

    padding: 0;

    position: relative

}



.imglib-overlay .lib-pane.loading {

    background: #fff url(../images/466.gif) 50% 50% no-repeat

}



.imglib-overlay .lib-pane .close {

    z-index: 1;

    position: absolute;

    top: 140px;

    right: 20px;

    width: 30px;

    height: 30px;

    background: url(../images/close_grey.png) 50% 50% no-repeat;

    cursor: pointer

}



.imglib-overlay .lib-copy {

    padding: 140px 20px 20px 65px;

    position: relative

}



.imglib-overlay .lib-copy h2 {

    font-size: 2rem;

    font-weight: 200;

    margin: 0;

    padding: 0;

    font-family: Roboto, sans-serif;

    color: #444;

    padding: 0 0 20px

}



.imglib-overlay .lib-copy:after {

    content: "";

    position: absolute;

    left: 100%;

    top: 0;

    width: 50%;

    height: 100%;

    background: #fff

}



.imglib-overlay .lib-gallery {

    background: #f7f7f7;

    padding: 145px 20px 190px 65px;

    position: relative;

    min-height: 740px

}



.imglib-overlay .lib-gallery:after {

    content: "";

    position: absolute;

    left: 100%;

    top: 0;

    width: 50%;

    height: 100%;

    background: #f7f7f7

}



.imglib-overlay .lib-gallery .hint {

    color: #ebbb4f;

    width: 75%;

    padding: 20px 30px;

    padding-left: 65px;

    position: absolute;

    left: 0;

    top: 0;

    background: #fff

}



.imglib-overlay .lib-gallery .hint .text {

    display: block;

    padding: 15px 0

}



.imglib-overlay .lib-gallery .hint .d-link {

    display: none;

    border: 1px solid #ebbb4f;

    padding: 14px 50px;

    padding-left: 70px;

    text-align: center;

    font-size: .9rem;

    text-transform: uppercase;

    font-weight: 600;

    background: url(../images/download_hint.png) 30px 50% no-repeat

}



.imglib-overlay .lib-gallery .hint .d-link:hover {

    color: #fff;

    background-color: #ebbb4f;

    cursor: pointer

}



.imglib-overlay .lib-gallery .hint .d-link em {

    font-style: normal

}



.imglib-overlay .lib-gallery .hint.switch .text {

    display: none

}



.imglib-overlay .lib-gallery .hint.switch .d-link {

    display: inline-block

}



.imglib-overlay .lib-gallery .view-type {

    position: absolute;

    top: 20px;

    right: 20px

}



.imglib-overlay .lib-gallery .view-type span {

    display: block;

    width: 50px;

    height: 50px;

    border: 1px solid #d7d7d7;

    float: left;

    background: #fff 50% 50% no-repeat;

    cursor: pointer

}



.imglib-overlay .lib-gallery .view-type span.tiles {

    background-image: url(../images/icon_tile_view2.png)

}



.imglib-overlay .lib-gallery .view-type span.slider {

    background-image: url(../images/icon_slider_view2.png)

}



.imglib-overlay .lib-gallery .view-type span.tiles.active {

    background-color: #ebbb4f;

    background-image: url(../images/icon_tile_view.png)

}



.imglib-overlay .lib-gallery .view-type span.slider.active {

    background-color: #ebbb4f;

    background-image: url(../images/icon_slider_view.png)

}



.imglib-overlay .lib-gallery .thegallery {

    margin-left: -20px;

    margin-right: -20px

}



.imglib-overlay .lib-gallery .thegallery li {

    margin-bottom: 30px;

    padding-left: 20px;

    padding-right: 20px

}



.imglib-overlay .lib-gallery .thegallery li .thumb {

    cursor: pointer;

    background: #000

}



.imglib-overlay .lib-gallery .thegallery li.selected img,

.imglib-overlay .lib-gallery .thegallery li .thumb:hover img {

    opacity: .5

}



.imglib-overlay .lib-gallery .thegallery li.selected .thumb {

    background: #000;

    border-radius: 2px;

    -webkit-box-shadow: 0 0 0 4px #ed1c24;

    box-shadow: 0 0 0 4px #ed1c24

}



.imglib-overlay .lib-gallery .thegallery li.selected .thumb:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 60px;

    height: 60px;

    background: url(../images/circle_check_white.png) 50% 50% no-repeat

}



.imglib-overlay .lib-gallery .carousel {

    display: none;

    position: relative;

    width: 100%;

    height: auto;

    max-height: 400px

}



.imglib-overlay .lib-gallery .carousel li {

    display: inline-block;

    width: 90%;

    height: auto

}



.imglib-overlay .lib-gallery .carousel li img {

    width: 100%;

    height: 100%

}



.imglib-overlay .lib-gallery .carousel li .thumb {

    cursor: pointer;

    background: #000;

    position: relative

}



.imglib-overlay .lib-gallery .carousel li.selected img,

.imglib-overlay .lib-gallery .carousel li .thumb:hover img {

    opacity: .7

}



.imglib-overlay .lib-gallery .carousel li.selected .thumb {

    background: #000;

    border-radius: 2px;

    -webkit-box-shadow: inset 0 0 0 4px #ed1c24;

    box-shadow: inset 0 0 0 4px #ed1c24

}



.imglib-overlay .lib-gallery .carousel li.selected .thumb:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 60px;

    height: 60px;

    background: url(../images/circle_check_white.png) 50% 50% no-repeat

}



.imglib-overlay .lib-gallery .carousel .slick-arrow {

    z-index: 1;

    background: rgba(0, 0, 0, .7) 50% 50% no-repeat;

    margin: 0;

    margin-top: -20px;

    width: 40px;

    height: 40px;

    background-size: 35px

}



.imglib-overlay .lib-gallery .carousel .slick-arrow:hover {

    background-color: rgba(0, 0, 0, .9)

}



.imglib-overlay .lib-gallery .carousel .slick-prev {

    left: 10px;

    background-image: url(../images/arrow_red_left.png)

}



.imglib-overlay .lib-gallery .carousel .slick-next {

    right: 10px;

    background-image: url(../images/arrow_red_right.png)

}



.imglib-overlay .lib-gallery .carousel .slick-arrow.slick-disabled {

    display: none

}



@media (max-width:1024px) and (orientation:landscape) {

    .imglib-overlay .lib-pane .close {

        top: 30px

    }

    .imglib-overlay .lib-copy {

        padding-top: 50px;

        padding-left: 45px

    }

    .imglib-overlay .lib-gallery {

        padding-left: 45px

    }

    .imglib-overlay .lib-gallery .hint {

        padding-left: 45px;

        font-size: .8rem;

        padding-right: 10px;

        width: 70%

    }

    .imglib-overlay .lib-gallery .hint .d-link {

        font-size: .8rem

    }

}



@media (max-width:768px) {

    .imglib-overlay>.container {

        padding: 0

    }

    .imglib-overlay .lib-pane {

        width: 100%

    }

    .imglib-overlay .lib-pane .close {

        top: 30px

    }

    .imglib-overlay .lib-copy {

        padding-top: 50px;

        padding-left: 45px;

        padding-right: 45px

    }

    .imglib-overlay .lib-gallery {

        padding-left: 45px;

        padding-right: 45px;

        padding-bottom: 50px;

        min-height: 720px

    }

    .imglib-overlay .lib-gallery .view-type {

        right: 45px

    }

    .imglib-overlay .lib-gallery .hint {

        padding-left: 45px;

        padding-right: 10px

    }

    .imglib-overlay .carousel {

        max-height: 300px

    }

}



@media (max-width:767px) {

    .imglib-overlay .lib-copy {

        padding-top: 50px;

        padding-left: 35px;

        padding-right: 35px

    }

    .imglib-overlay .lib-gallery {

        padding-left: 35px;

        padding-right: 35px;

        padding-bottom: 50px

    }

    .imglib-overlay .lib-gallery .view-type {

        right: 35px

    }

    .imglib-overlay .lib-gallery .hint {

        padding-left: 35px;

        width: 70%;

        font-size: .8rem

    }

    .imglib-overlay .lib-gallery .hint .d-link {

        font-size: .8rem

    }

}



@media (max-width:640px) and (orientation:portrait) {

    .imglib-overlay .lib-copy {

        padding-top: 50px;

        padding-left: 25px;

        padding-right: 25px

    }

    .imglib-overlay .lib-gallery {

        padding: 110px 25px 50px;

        min-height: 500px

    }

    .imglib-overlay .lib-gallery .view-type {

        right: 25px

    }

    .imglib-overlay .lib-gallery .hint {

        padding: 15px 10px 15px 25px;

        width: 62%

    }

    .imglib-overlay .lib-gallery .hint .text {

        padding: 5px 0

    }

    .imglib-overlay .lib-gallery .hint .d-link {

        padding: 14px 20px;

        padding-left: 50px;

        background-size: auto 20px;

        background-position: 15px 50%;

        font-size: .67rem

    }

    .imglib-overlay .lib-gallery .thegallery {

        margin-left: -10px;

        margin-right: -10px

    }

    .imglib-overlay .lib-gallery .thegallery li {

        padding-left: 10px;

        padding-right: 10px

    }

    .imglib-overlay .lib-gallery .thegallery li.selected .thumb:after {

        background-size: 40px

    }

    .imglib-overlay .lib-gallery .carousel {

        margin: 0 -10%;

        width: 120%

    }

}



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

    .item-image {

        margin-bottom: 10px

    }

}



.copy-block h3,

.generic-copy h3,

.tecom-biz h3 {

    font-family: Roboto Condensed, sans-serif

}



.panel2.panel2-impact {

    font-family: Roboto, sans-serif;

	background-color: rgb(0, 0, 0, 0.7);

    color: #fff;

}



.social-wrap .jssocials-shares .jssocials-share-googleplus .jssocials-share-link {

    padding-left: .3em;

    padding-right: .8em

}



.article-head .cta-wrap .social-wrap {

    right: 100px

}



@media screen and (max-width:39.9375em) {

    #header .logo img {

        width: 85px

    }

}



.main-slider .slick-slide,

.main-slider .slick-slide:before {

 -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.main-slider .slick-slide:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.home-carousel {

    position: relative;

    direction: ltr;

    background-color: gray

}



.main-slider {

    position: relative;

    width: 100%;

    height: 100vh;

    margin-bottom: 0;

   opacity: 0;

    visibility: hidden;

    -webkit-transition: all 1.2s ease;

    transition: all 1.2s ease;

    color: #fff

}



[lang=ar] .main-slider {

    direction: rtl

}



@media screen and (max-width:39.9375em) {

    .main-slider {

        height: 82vh

    }

}



.main-slider.slick-initialized {

    opacity: 1;

    visibility: visible

}



.main-slider .slick-slide {

    position: relative;

    height: 100vh

}



[lang=ar] .main-slider .slick-slide {

    float: right

}



@media screen and (max-width:39.9375em) {

    .main-slider .slick-slide {

        height: 82vh

    }

}



.main-slider .slick-slide:before {

    background-color: #000;

    opacity: .4;

    z-index: 1

}



.main-slider .slick-slide iframe {

    position: relative;

    pointer-events: none

}



.main-slider .slick-slide figure {

    position: relative;

    height: 100%;

    margin: 0

}



.main-slider .slick-slide .slide-image {

    height: 100%;

    background-size: cover;

    background-position: 50%;

    -webkit-transition: all .8s ease;

    transition: all .8s ease

}



.main-slider .slick-slide .slide-image.show {

    opacity: 1

}



.main-slider .slick-slide .image-entity {

    width: 100%;

    opacity: 0;

    visibility: hidden

}



.main-slider .slick-slide .loading {

    position: absolute;

    top: 44%;

    left: 0;

    width: 100%

}



.main-slider .slick-slide.slick-active {

    z-index: 1

}



.main-slider .slick-slide.slick-active .caption {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.main-slider .slick-slide .embed-player {

    display: none;

    position: absolute;

    top: 0

}



@media screen and (min-width:64em) {

    .main-slider .slick-slide .embed-player {

        display: block

    }

}



@media screen and (min-width:64em) {

    .main-slider .youtube .slide-media {

        background-image: none!important

    }

}



.main-slider .hero-content {

    z-index: 1;

    max-width: 580px;

    top: 50%;

    position: absolute;

    -webkit-transform: translateY(-45%);

    transform: translateY(-45%);

    padding-top: 0

}



@media screen and (max-width:39.9375em) {

    .main-slider .hero-content {

        top: 35%;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        position: absolute;

        width: 100%;

        left: 0;

        padding: 15px

    }

}



@media screen and (min-width:64em) {

    .main-slider .hero-content h1 {

        font-size: 30px

    }

}



@media screen and (max-width:39.9375em) {

    .main-slider .hero-content h1 {

        font-size: 38px

    }

}



.main-slider .hero-content p {

    font-size: 16px;

    padding-bottom: 0

}



@media screen and (min-width:64em) {

    .main-slider .hero-content p {

        font-size: 22px;

        max-width: none

    }

}



@media screen and (max-width:39.9375em) {

    .main-slider .hero-content p {

        max-width: 100%

    }

}



@-webkit-keyframes slideIn {

    0% {

        -webkit-filter: blur(15px);

        filter: blur(15px)

    }

    to {

        -webkit-filter: blur(0);

        filter: blur(0)

    }

}



@keyframes slideIn {

    0% {

        -webkit-filter: blur(15px);

        filter: blur(15px)

    }

    to {

        -webkit-filter: blur(0);

        filter: blur(0)

    }

}



@-webkit-keyframes slideOut {

    0% {

        -webkit-filter: blur(0);

        filter: blur(0)

    }

    to {

        -webkit-filter: blur(15px);

        filter: blur(15px)

    }

}



@keyframes slideOut {

    0% {

        -webkit-filter: blur(0);

        filter: blur(0)

    }

    to {

        -webkit-filter: blur(15px);

        filter: blur(15px)

    }

}



.list__main-slider {

    position: absolute;

    bottom: 40px;

    left: 0;

    right: 0;

    height: auto;

    color: #fff;

    margin: 0;

    width: 100%;

    padding: 0 15px;

    direction: ltr;

    max-width: 1540px

}



@media screen and (min-width:64em) {

    .list__main-slider {

        width: 80%;

        left: auto;

        right: auto;

        padding: 0

    }

}



@media screen and (max-width:39.9375em) {

    .list__main-slider {

        position: absolute;

        bottom: 10px;

        width: 100%;

        padding: 0 15px

    }

}



.list__main-slider .slick-list {

    padding: 0!important

}



.list__main-slider dt {

    padding-left: 70px;

    -webkit-transition: .1s;

    min-height: 48px;

    font-size: 16px;

    line-height: 1.2;

    cursor: pointer;

    position: relative;

    transition: .1s;

    opacity: .75

}



[lang=ar] .list__main-slider dt {

    float: right

}



@media screen and (max-width:39.9375em) {

    .list__main-slider dt {

        margin-top: 8px;

        margin-bottom: 8px;

        padding: 0 20px 0 50px;

        min-height: 32px

    }

}



.list__main-slider dt span {

    position: absolute;

    left: 10px;

    -webkit-transition: .1s;

    transition: .1s;

    top: 50%;

    -webkit-transform: translateY(-60%);

    transform: translateY(-60%)

}



@media screen and (max-width:39.9375em) {

    .list__main-slider dt span {

        left: 0

    }

}



.list__main-slider dt:after {

    content: "";

    position: absolute;

    left: 50px;

    top: 0;

    height: 100%;

    border-right: 2px solid #fff;

    -webkit-transform: skewX(-18deg);

    transform: skewX(-18deg);

    -webkit-transition: .1s;

    transition: .1s

}



@media screen and (max-width:39.9375em) {

    .list__main-slider dt:after {

        left: 30px

    }

}



.list__main-slider dt.slick-current {

    opacity: 1

}



@media screen and (max-width:39.9375em) {

    .list__main-slider dt.slick-current {

        padding: 0 20px 0 70px

    }

}



.list__main-slider dt.slick-current span {

    font-size: 28px;

    font-weight: 700;

    left: 0

}



@media screen and (min-width:40em) {

    .list__main-slider dt.slick-current span {

        font-size: 28px;

        left: 5px

    }

}



.list__main-slider dt.slick-current:after {

    border-right: 3px solid #ebbb4f

}



@media screen and (max-width:39.9375em) {

    .list__main-slider dt.slick-current:after {

        left: 50px

    }

}



.list__main-slider dt.slick-current .list__slider-content {

    left: 70px

}



.list__main-slider dt .list__slider-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    padding-top: 13px;

    padding-bottom: 4px;

    -webkit-transition: .1s;

    transition: .1s

}



@media screen and (max-width:39.9375em) {

    .list__main-slider dt .list__slider-content {

        position: absolute;

        left: 50px;

        padding: 0;

        padding-right: 10px;

        -webkit-transition: .1s;

        transition: .1s;

        top: -8px

    }

}



@media screen and (max-width:39.9375em) and (min-width:40em) {

    .list__main-slider dt .list__slider-content {

        left: 70px

    }

}



#header .btn-menu {

    margin-right: 5px

}



.btn-transparent {

    border: 2px solid #fff;

    background: transparent;

    color: #fff;

    padding: .65em 1.5rem;

    font-weight: 500;

    font-size: 16px

}



@media screen and (min-width:40em) {

    .btn-transparent {

        padding: 1em 3rem

    }

}



.btn-transparent:focus,

.btn-transparent:hover {

    background: #fff;

    color: #231f20

}



.adjustForAdminBar {

    margin-top: 32px

}



.contact-wrap .contact-type .radio-group label {

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center

}



.contact-wrap .contact-type .radio-group+.radio-group {

    margin-left: 0

}



.contact-wrap .contact-type .radio-group {

    margin-bottom: 10px;

    margin-right: 10px

}



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

    .contact-wrap .contact-type {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-pack: distribute;

        justify-content: space-around;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

    .contact-wrap .contact-type .radio-group {

        width: 45%;

        margin-right: 0;

        margin-bottom: 25px

    }

}



table {

    background-color: transparent

}



caption {

    padding-top: 8px;

    padding-bottom: 8px;

    color: #777

}



caption,

th {

    text-align: left

}



.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px

}



.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

    border-top: 1px solid #ddd

}



.table>thead>tr>th {

    vertical-align: bottom;

    border-bottom: 2px solid #ddd

}



.table>caption+thead>tr:first-child>td,

.table>caption+thead>tr:first-child>th,

.table>colgroup+thead>tr:first-child>td,

.table>colgroup+thead>tr:first-child>th,

.table>thead:first-child>tr:first-child>td,

.table>thead:first-child>tr:first-child>th {

    border-top: 0

}



.table>tbody+tbody {

    border-top: 2px solid #ddd

}



.table .table {

    background-color: #fff

}



.table-condensed>tbody>tr>td,

.table-condensed>tbody>tr>th,

.table-condensed>tfoot>tr>td,

.table-condensed>tfoot>tr>th,

.table-condensed>thead>tr>td,

.table-condensed>thead>tr>th {

    padding: 5px

}



.table-bordered,

.table-bordered>tbody>tr>td,

.table-bordered>tbody>tr>th,

.table-bordered>tfoot>tr>td,

.table-bordered>tfoot>tr>th,

.table-bordered>thead>tr>td,

.table-bordered>thead>tr>th {

    border: 1px solid #ddd

}



.table-bordered>thead>tr>td,

.table-bordered>thead>tr>th {

    border-bottom-width: 2px

}



.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #f9f9f9

}



.table-hover>tbody>tr:hover {

    background-color: #f5f5f5

}



table col[class*=col-] {

    position: static;

    float: none;

    display: table-column

}



table td[class*=col-],

table th[class*=col-] {

    position: static;

    float: none;

    display: table-cell

}



.table>tbody>tr.active>td,

.table>tbody>tr.active>th,

.table>tbody>tr>td.active,

.table>tbody>tr>th.active,

.table>tfoot>tr.active>td,

.table>tfoot>tr.active>th,

.table>tfoot>tr>td.active,

.table>tfoot>tr>th.active,

.table>thead>tr.active>td,

.table>thead>tr.active>th,

.table>thead>tr>td.active,

.table>thead>tr>th.active {

    background-color: #f5f5f5

}



.table-hover>tbody>tr.active:hover>td,

.table-hover>tbody>tr.active:hover>th,

.table-hover>tbody>tr:hover>.active,

.table-hover>tbody>tr>td.active:hover,

.table-hover>tbody>tr>th.active:hover {

    background-color: #ffffff

}



.table>tbody>tr.success>td,

.table>tbody>tr.success>th,

.table>tbody>tr>td.success,

.table>tbody>tr>th.success,

.table>tfoot>tr.success>td,

.table>tfoot>tr.success>th,

.table>tfoot>tr>td.success,

.table>tfoot>tr>th.success,

.table>thead>tr.success>td,

.table>thead>tr.success>th,

.table>thead>tr>td.success,

.table>thead>tr>th.success {

    background-color: #dff0d8

}



.table-hover>tbody>tr.success:hover>td,

.table-hover>tbody>tr.success:hover>th,

.table-hover>tbody>tr:hover>.success,

.table-hover>tbody>tr>td.success:hover,

.table-hover>tbody>tr>th.success:hover {

    background-color: #d0e9c6

}



.table>tbody>tr.info>td,

.table>tbody>tr.info>th,

.table>tbody>tr>td.info,

.table>tbody>tr>th.info,

.table>tfoot>tr.info>td,

.table>tfoot>tr.info>th,

.table>tfoot>tr>td.info,

.table>tfoot>tr>th.info,

.table>thead>tr.info>td,

.table>thead>tr.info>th,

.table>thead>tr>td.info,

.table>thead>tr>th.info {

    background-color: #d9edf7

}



.table-hover>tbody>tr.info:hover>td,

.table-hover>tbody>tr.info:hover>th,

.table-hover>tbody>tr:hover>.info,

.table-hover>tbody>tr>td.info:hover,

.table-hover>tbody>tr>th.info:hover {

    background-color: #c4e3f3

}



.table>tbody>tr.warning>td,

.table>tbody>tr.warning>th,

.table>tbody>tr>td.warning,

.table>tbody>tr>th.warning,

.table>tfoot>tr.warning>td,

.table>tfoot>tr.warning>th,

.table>tfoot>tr>td.warning,

.table>tfoot>tr>th.warning,

.table>thead>tr.warning>td,

.table>thead>tr.warning>th,

.table>thead>tr>td.warning,

.table>thead>tr>th.warning {

    background-color: #fcf8e3

}



.table-hover>tbody>tr.warning:hover>td,

.table-hover>tbody>tr.warning:hover>th,

.table-hover>tbody>tr:hover>.warning,

.table-hover>tbody>tr>td.warning:hover,

.table-hover>tbody>tr>th.warning:hover {

    background-color: #faf2cc

}



.table>tbody>tr.danger>td,

.table>tbody>tr.danger>th,

.table>tbody>tr>td.danger,

.table>tbody>tr>th.danger,

.table>tfoot>tr.danger>td,

.table>tfoot>tr.danger>th,

.table>tfoot>tr>td.danger,

.table>tfoot>tr>th.danger,

.table>thead>tr.danger>td,

.table>thead>tr.danger>th,

.table>thead>tr>td.danger,

.table>thead>tr>th.danger {

    background-color: #f2dede

}



.table-hover>tbody>tr.danger:hover>td,

.table-hover>tbody>tr.danger:hover>th,

.table-hover>tbody>tr:hover>.danger,

.table-hover>tbody>tr>td.danger:hover,

.table-hover>tbody>tr>th.danger:hover {

    background-color: #ebcccc

}



.table-responsive {

    overflow-x: auto;

    min-height: .01%

}



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

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 1px solid #ddd

    }

    .table-responsive>.table {

        margin-bottom: 0;

        width: 480px

    }

    .table-responsive>.table-bordered {

        border: 0

    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,

    .table-responsive>.table-bordered>tbody>tr>th:first-child,

    .table-responsive>.table-bordered>tfoot>tr>td:first-child,

    .table-responsive>.table-bordered>tfoot>tr>th:first-child,

    .table-responsive>.table-bordered>thead>tr>td:first-child,

    .table-responsive>.table-bordered>thead>tr>th:first-child {

        border-left: 0

    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,

    .table-responsive>.table-bordered>tbody>tr>th:last-child,

    .table-responsive>.table-bordered>tfoot>tr>td:last-child,

    .table-responsive>.table-bordered>tfoot>tr>th:last-child,

    .table-responsive>.table-bordered>thead>tr>td:last-child,

    .table-responsive>.table-bordered>thead>tr>th:last-child {

        border-right: 0

    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,

    .table-responsive>.table-bordered>tbody>tr:last-child>th,

    .table-responsive>.table-bordered>tfoot>tr:last-child>td,

    .table-responsive>.table-bordered>tfoot>tr:last-child>th {

        border-bottom: 0

    }

}



.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:1199px) {

    .visible-md {

        display: block!important

    }

    table.visible-md {

        display: table!important

    }

    tr.visible-md {

        display: table-row!important

    }

    td.visible-md,

    th.visible-md {

        display: table-cell!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-block {

        display: block!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-inline {

        display: inline!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-inline-block {

        display: inline-block!important

    }

}



@media (min-width:1200px) {

    .visible-lg {

        display: block!important

    }

    table.visible-lg {

        display: table!important

    }

    tr.visible-lg {

        display: table-row!important

    }

    td.visible-lg,

    th.visible-lg {

        display: table-cell!important

    }

}



@media (min-width:1200px) {

    .visible-lg-block {

        display: block!important

    }

}



@media (min-width:1200px) {

    .visible-lg-inline {

        display: inline!important

    }

}



@media (min-width:1200px) {

    .visible-lg-inline-block {

        display: inline-block!important

    }

}



@media (max-width:767px) {

    .hidden-xs {

        display: none!important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .hidden-sm {

        display: none!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .hidden-md {

        display: none!important

    }

}



@media (min-width:1200px) {

    .hidden-lg {

        display: none!important

    }

}



.visible-print {

    display: none!important

}



@media print {

    .visible-print {

        display: block!important

    }

    table.visible-print {

        display: table!important

    }

    tr.visible-print {

        display: table-row!important

    }

    td.visible-print,

    th.visible-print {

        display: table-cell!important

    }

}



.visible-print-block {

    display: none!important

}



@media print {

    .visible-print-block {

        display: block!important

    }

}



.visible-print-inline {

    display: none!important

}



@media print {

    .visible-print-inline {

        display: inline!important

    }

}



.visible-print-inline-block {

    display: none!important

}



@media print {

    .visible-print-inline-block {

        display: inline-block!important

    }

}



@media print {

    .hidden-print {

        display: none!important

    }

}



.cookie-notice-container a:hover {

    color: #bababa

}



.language-switcher {

    margin: 0 5px 46px

}



.language-switcher ul {

    list-style-type: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    border: 1px solid #fff

}



.language-switcher ul li {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: inline-block

}



.language-switcher ul li a {

    font-size: 16px;

    padding: 12px;

    display: block;

    width: 100%;

    height: 100%;

    text-align: center

}



.language-switcher ul li.current-lang {

    background: #fff

}



.language-switcher ul li.current-lang a {

    color: #231f20;

    font-weight: 700

}



@media screen and (min-width:64em) {

    .initiative-list .flip-cols {

        float: right

    }

}



body.has-lightbox {

  overflow-y: hidden;

}

body.has-lightbox .lightbox {

  overflow-y: scroll;

}

/* FancyBox */

body.compensate-for-scrollbar {

  overflow: hidden;

}



.fancybox-active {

  height: auto;

}



.fancybox-is-hidden {

  left: -9999px;

  margin: 0;

  position: absolute !important;

  top: -9999px;

  visibility: hidden;

}



.fancybox-container {

  -webkit-backface-visibility: hidden;

  height: 100%;

  left: 0;

  outline: none;

  position: fixed;

  -webkit-tap-highlight-color: transparent;

  top: 0;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  transform: translateZ(0);

  width: 100%;

  z-index: 99992;

  * {

    box-sizing: border-box;

  }

}



.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

}



.fancybox-outer {

  -webkit-overflow-scrolling: touch;

  overflow-y: auto;

}



.fancybox-bg {

  background: rgb(30, 30, 30);

  opacity: 0;

  transition-duration: inherit;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);

}



.fancybox-is-open .fancybox-bg {

  opacity: .9;

  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

}



.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {

  direction: ltr;

  opacity: 0;

  position: absolute;

  transition: opacity .25s ease, visibility 0s ease .25s;

  visibility: hidden;

  z-index: 99997;

}



.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {

  opacity: 1;

  transition: opacity .25s ease 0s, visibility 0s ease 0s;

  visibility: visible;

}



.fancybox-infobar {

  color: #ccc;

  font-size: 13px;

  -webkit-font-smoothing: subpixel-antialiased;

  height: 44px;

  left: 0;

  line-height: 44px;

  min-width: 44px;

  mix-blend-mode: difference;

  padding: 0 10px;

  pointer-events: none;

  top: 0;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.fancybox-toolbar {

  right: 0;

  top: 0;

}



.fancybox-stage {

  direction: ltr;

  overflow: visible;

  transform: translateZ(0);

  z-index: 99994;

}



.fancybox-is-open .fancybox-stage {

  overflow: hidden;

}



.fancybox-slide {

  -webkit-backface-visibility: hidden;

  /* Using without prefix would break IE11 */

  display: none;

  height: 100%;

  left: 0;

  outline: none;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  padding: 44px;

  position: absolute;

  text-align: center;

  top: 0;

  transition-property: transform, opacity;

  white-space: normal;

  width: 100%;

  z-index: 99994;

  &::before {

    content: '';

    display: inline-block;

    font-size: 0;

    height: 100%;

    vertical-align: middle;

    width: 0;

  }

}



.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {

  display: block;

}



.fancybox-slide--image {

  overflow: hidden;

  padding: 44px 0;

  &::before {

    display: none;

  }

}



.fancybox-slide--html {

  padding: 6px;

}



.fancybox-content {

  background: #fff;

  display: inline-block;

  margin: 0;

  max-width: 100%;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  padding: 44px;

  position: relative;

  text-align: left;

  vertical-align: middle;

}



.fancybox-slide--image .fancybox-content {

  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);

  -webkit-backface-visibility: hidden;

  background: transparent;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  left: 0;

  max-width: none;

  overflow: visible;

  padding: 0;

  position: absolute;

  top: 0;

  -ms-transform-origin: top left;

  transform-origin: top left;

  transition-property: transform, opacity;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  z-index: 99995;

}



.fancybox-can-zoomOut .fancybox-content {

  cursor: zoom-out;

}



.fancybox-can-zoomIn .fancybox-content {

  cursor: zoom-in;

}



.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {

  cursor: -webkit-grab;

  cursor: grab;

}



.fancybox-is-grabbing .fancybox-content {

  cursor: -webkit-grabbing;

  cursor: grabbing;

}



.fancybox-container [data-selectable='true'] {

  cursor: text;

}



.fancybox-image {

  background: transparent;

  border: 0;

  height: 100%;

  left: 0;

  margin: 0;

  max-height: none;

  max-width: none;

  padding: 0;

  position: absolute;

  top: 0;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 100%;

}



.fancybox-spaceball {

  background: transparent;

  border: 0;

  height: 100%;

  left: 0;

  margin: 0;

  max-height: none;

  max-width: none;

  padding: 0;

  position: absolute;

  top: 0;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 100%;

  z-index: 1;

}



.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {

  height: 100%;

  overflow: visible;

  padding: 0;

  width: 100%;

}



.fancybox-slide--video .fancybox-content {

  background: #000;

}



.fancybox-slide--map .fancybox-content {

  background: #e5e3df;

}



.fancybox-slide--iframe .fancybox-content {

  background: #fff;

}



.fancybox-video {

  background: transparent;

  border: 0;

  display: block;

  height: 100%;

  margin: 0;

  overflow: hidden;

  padding: 0;

  width: 100%;

}



.fancybox-iframe {

  background: transparent;

  border: 0;

  display: block;

  height: 100%;

  margin: 0;

  overflow: hidden;

  padding: 0;

  width: 100%;

  left: 0;

  position: absolute;

  top: 0;

}



/* Fix iOS */



.fancybox-error {

  background: #fff;

  cursor: default;

  max-width: 400px;

  padding: 40px;

  width: 100%;

  p {

    color: #444;

    font-size: 16px;

    line-height: 20px;

    margin: 0;

    padding: 0;

  }

}



/* Buttons */



.fancybox-button {

  background: rgba(30, 30, 30, 0.6);

  border: 0;

  border-radius: 0;

  box-shadow: none;

  cursor: pointer;

  display: inline-block;

  height: 44px;

  margin: 0;

  padding: 10px;

  position: relative;

  transition: color .2s;

  vertical-align: top;

  visibility: inherit;

  width: 44px;

  color: #ccc;

  &:visited, &:link {

    color: #ccc;

  }

  &:hover {

    color: #fff;

  }

  &:focus {

    outline: none;

  }

  &.fancybox-focus {

    outline: 1px dotted;

  }

  &[disabled] {

    color: #888;

    cursor: default;

    outline: none;

    &:hover {

      color: #888;

      cursor: default;

      outline: none;

    }

  }

  div {

    height: 100%;

  }

  svg {

    display: block;

    height: 100%;

    overflow: visible;

    position: relative;

    width: 100%;

    path {

      fill: currentColor;

      stroke-width: 0;

    }

  }

}



/* Fix IE11 */



.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {

  display: none;

}



.fancybox-progress {

  background: #ff5268;

  height: 2px;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -ms-transform-origin: 0;

  transform-origin: 0;

  transition-property: transform;

  transition-timing-function: linear;

  z-index: 99998;

}



/* Close button on the top right corner of html content */



.fancybox-close-small {

  background: transparent;

  border: 0;

  border-radius: 0;

  color: #ccc;

  cursor: pointer;

  opacity: .8;

  padding: 8px;

  position: absolute;

  right: -12px;

  top: -44px;

  z-index: 401;

  &:hover {

    color: #fff;

    opacity: 1;

  }

}



.fancybox-slide--html .fancybox-close-small {

  color: currentColor;

  padding: 10px;

  right: 0;

  top: 0;

}



.fancybox-slide--image.fancybox-is-scaling .fancybox-content {

  overflow: hidden;

}



.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {

  display: none;

}



/* Navigation arrows */



.fancybox-navigation {

  .fancybox-button {

    background-clip: content-box;

    height: 100px;

    opacity: 0;

    position: absolute;

    top: calc(50% - 50px);

    width: 70px;

    div {

      padding: 7px;

    }

  }

  .fancybox-button--arrow_left {

    left: 0;

    left: env(safe-area-inset-left);

    padding: 31px 26px 31px 6px;

  }

  .fancybox-button--arrow_right {

    padding: 31px 6px 31px 26px;

    right: 0;

    right: env(safe-area-inset-right);

  }

}



/* Caption */



.fancybox-caption {

  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);

  bottom: 0;

  color: #eee;

  font-size: 14px;

  font-weight: 400;

  left: 0;

  line-height: 1.5;

  padding: 75px 44px 25px 44px;

  pointer-events: none;

  right: 0;

  text-align: center;

  z-index: 99996;

}



@supports (padding: max(0px)) {

  .fancybox-caption {

    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));

  }

}



.fancybox-caption--separate {

  margin-top: -50px;

}



.fancybox-caption__body {

  max-height: 50vh;

  overflow: auto;

  pointer-events: all;

}



.fancybox-caption a {

  color: #ccc;

  text-decoration: none;

  &:link, &:visited {

    color: #ccc;

    text-decoration: none;

  }

  &:hover {

    color: #fff;

    text-decoration: underline;

  }

}



/* Loading indicator */



.fancybox-loading {

  animation: fancybox-rotate 1s linear infinite;

  background: transparent;

  border: 4px solid #888;

  border-bottom-color: #fff;

  border-radius: 50%;

  height: 50px;

  left: 50%;

  margin: -25px 0 0 -25px;

  opacity: .7;

  padding: 0;

  position: absolute;

  top: 50%;

  width: 50px;

  z-index: 99999;

}



@keyframes fancybox-rotate {

  100% {

    transform: rotate(360deg);

  }

}





/* Transition effects */



.fancybox-animated {

  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);

}



/* transitionEffect: slide */



.fancybox-fx-slide {

  &.fancybox-slide--previous {

    opacity: 0;

    transform: translate3d(-100%, 0, 0);

  }

  &.fancybox-slide--next {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

  }

  &.fancybox-slide--current {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}



/* transitionEffect: fade */



.fancybox-fx-fade {

  &.fancybox-slide--previous, &.fancybox-slide--next {

    opacity: 0;

    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  }

  &.fancybox-slide--current {

    opacity: 1;

  }

}



/* transitionEffect: zoom-in-out */



.fancybox-fx-zoom-in-out {

  &.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(1.5, 1.5, 1.5);

  }

  &.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(0.5, 0.5, 0.5);

  }

  &.fancybox-slide--current {

    opacity: 1;

    transform: scale3d(1, 1, 1);

  }

}



/* transitionEffect: rotate */



.fancybox-fx-rotate {

  &.fancybox-slide--previous {

    opacity: 0;

    -ms-transform: rotate(-360deg);

    transform: rotate(-360deg);

  }

  &.fancybox-slide--next {

    opacity: 0;

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

  }

  &.fancybox-slide--current {

    opacity: 1;

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}



/* transitionEffect: circular */



.fancybox-fx-circular {

  &.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  }

  &.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  }

  &.fancybox-slide--current {

    opacity: 1;

    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

  }

}



/* transitionEffect: tube */



.fancybox-fx-tube {

  &.fancybox-slide--previous {

    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

  }

  &.fancybox-slide--next {

    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

  }

  &.fancybox-slide--current {

    transform: translate3d(0, 0, 0) scale(1);

  }

}



/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {

  .fancybox-slide {

    padding-left: 6px;

    padding-right: 6px;

  }

  .fancybox-slide--image {

    padding: 6px 0;

  }

  .fancybox-close-small {

    right: -6px;

  }

  .fancybox-slide--image .fancybox-close-small {

    background: #4e4e4e;

    color: #f2f4f6;

    height: 36px;

    opacity: 1;

    padding: 6px;

    right: 0;

    top: 0;

    width: 36px;

  }

  .fancybox-caption {

    padding-left: 12px;

    padding-right: 12px;

  }

  @supports (padding: max(0px)) {

    .fancybox-caption {

      padding-left: max(12px, env(safe-area-inset-left));

      padding-right: max(12px, env(safe-area-inset-right));

    }

  }

}



/* Share */



.fancybox-share {

  background: #f4f4f4;

  border-radius: 3px;

  max-width: 90%;

  padding: 30px;

  text-align: center;

  h1 {

    color: #222;

    font-size: 35px;

    font-weight: 700;

    margin: 0 0 20px 0;

  }

  p {

    margin: 0;

    padding: 0;

  }

}



.fancybox-share__button {

  border: 0;

  border-radius: 3px;

  display: inline-block;

  font-size: 14px;

  font-weight: 700;

  line-height: 40px;

  margin: 0 5px 10px 5px;

  min-width: 130px;

  padding: 0 15px;

  text-decoration: none;

  transition: all .2s;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  white-space: nowrap;

  &:visited, &:link {

    color: #fff;

  }

  &:hover {

    text-decoration: none;

  }

}



.fancybox-share__button--fb {

  background: #3b5998;

  &:hover {

    background: #344e86;

  }

}



.fancybox-share__button--pt {

  background: #bd081d;

  &:hover {

    background: #aa0719;

  }

}



.fancybox-share__button--tw {

  background: #1da1f2;

  &:hover {

    background: #0d95e8;

  }

}



.fancybox-share__button svg {

  height: 25px;

  margin-right: 7px;

  position: relative;

  top: -1px;

  vertical-align: middle;

  width: 25px;

  path {

    fill: #fff;

  }

}



.fancybox-share__input {

  background: transparent;

  border: 0;

  border-bottom: 1px solid #d7d7d7;

  border-radius: 0;

  color: #5d5b5b;

  font-size: 14px;

  margin: 10px 0 0 0;

  outline: none;

  padding: 10px 15px;

  width: 100%;

}



/* Thumbs */



.fancybox-thumbs {

  background: #ddd;

  bottom: 0;

  display: none;

  margin: 0;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  padding: 2px 2px 4px 2px;

  position: absolute;

  right: 0;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  top: 0;

  width: 212px;

  z-index: 99995;

}



.fancybox-thumbs-x {

  overflow-x: auto;

  overflow-y: hidden;

}



.fancybox-show-thumbs {

  .fancybox-thumbs {

    display: block;

  }

  .fancybox-inner {

    right: 212px;

  }

}



.fancybox-thumbs__list {

  font-size: 0;

  height: 100%;

  list-style: none;

  margin: 0;

  overflow-x: hidden;

  overflow-y: auto;

  padding: 0;

  position: absolute;

  position: relative;

  white-space: nowrap;

  width: 100%;

}



.fancybox-thumbs-x .fancybox-thumbs__list {

  overflow: hidden;

}



.fancybox-thumbs-y .fancybox-thumbs__list {

  &::-webkit-scrollbar {

    width: 7px;

  }

  &::-webkit-scrollbar-track {

    background: #fff;

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  }

  &::-webkit-scrollbar-thumb {

    background: #2a2a2a;

    border-radius: 10px;

  }

}



.fancybox-thumbs__list a {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  background-color: rgba(0, 0, 0, 0.1);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  cursor: pointer;

  float: left;

  height: 75px;

  margin: 2px;

  max-height: calc(100% - 8px);

  max-width: calc(50% - 4px);

  outline: none;

  overflow: hidden;

  padding: 0;

  position: relative;

  -webkit-tap-highlight-color: transparent;

  width: 100px;

  &::before {

    border: 6px solid #ff5268;

    bottom: 0;

    content: '';

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    z-index: 99991;

  }

  &:focus::before {

    opacity: .5;

  }

  &.fancybox-thumbs-active::before {

    opacity: 1;

  }

}



/* Styling for Small-Screen Devices */

@media all and (max-width: 576px) {

  .fancybox-thumbs {

    width: 110px;

  }

  .fancybox-show-thumbs .fancybox-inner {

    right: 110px;

  }

  .fancybox-thumbs__list a {

    max-width: calc(100% - 10px);

  }

}

/* FancyBox End */

.the-container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px !important;

  padding-right: 15px !important;

}

@media (min-width: 768px) {

  .the-container {

    width: 750px !important;

  }

}

@media (min-width: 992px) {

  .the-container {

    width: 970px !important;

  }

}

@media (min-width: 1200px) {

  .the-container {

    width: 1170px !important;

  }

}

@media (max-width: 480px) {

  .the-container {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }

}

.the-container .content-wrapper-box {

  padding: 80px;

  background: #fff;

  -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.075);

  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.075);

}

@media (max-width: 767px) {

  .the-container .content-wrapper-box {

    padding: 50px;

  }

}

@media (max-width: 480px) {

  .the-container .content-wrapper-box {

    padding: 20px 0;

  }

}



.land-bank-page .title1 {

  margin-top: 45px;

  margin-bottom: 30px;

}

.land-bank-page .community-logo {

  min-height: 100px;

  max-width: 280px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

}

.land-bank-page .community-logo img {

  vertical-align: middle;

}

.land-bank-page .comp-intro p {

  font-size: 32px;

  font-weight: 100;

}

@media (max-width: 480px) {

  .land-bank-page .comp-intro p {

    font-size: 24px;

  }

}

.land-bank-page .second-intro {

  padding-bottom: 25px;

  margin-bottom: 40px;

}

.land-bank-page .second-intro p {

  font-weight: 300;

}

.land-bank-page .impact-list ul li:nth-child(2n+1) {

  clear: none;

}

.land-bank-page .impact-list ul li a {

  white-space: nowrap;

}

.land-bank-page .masterplan-image {

  position: relative;

  margin: 0 auto;

  margin-top: 25px;

  width: 975px;

  max-width: calc(100vw - 30px);

}

.land-bank-page .masterplan-image .map-actions {

  position: absolute;

  left: 35px;

  top: 20px;

}

.land-bank-page .masterplan-image .map-actions a {

  float: left;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background: #ebbb4f;

  padding: 20px;

  margin-right: 20px;

}

.land-bank-page .masterplan-image .map-actions a img {

  height: 23px;

}



.land-bank-sites-list .land-bank-site-wrapper {

  border: 1px solid #ebebeb;

  padding: 20px;

  margin-bottom: 30px;

  text-align: center;

  min-height: 375px;

  padding-bottom: 80px;

  position: relative;

  overflow: hidden;

  transition: all ease 0.3s;

}

.land-bank-sites-list .land-bank-site-wrapper:hover {

  border-color: #ebbb4f;

  transition: all ease 0.3s;

}

.land-bank-sites-list .land-bank-site-wrapper:hover > a {

  bottom: 50px;

}

.land-bank-sites-list .land-bank-site-wrapper .site-description {

  font-size: 18px;

  margin-top: 15px;

  height: 100px;

  color: #aaaaaa;

  font-weight: 300;

}

@media (max-width: 1400px) {

  .land-bank-sites-list .land-bank-site-wrapper .site-description {

    font-size: 15px;

    overflow: hidden;

    height: 120px;

  }

}

@media (max-width: 1199px) {

  .land-bank-sites-list .land-bank-site-wrapper .site-description {

    font-size: 14px;

  }

}

@media (max-width: 991px) {

  .land-bank-sites-list .land-bank-site-wrapper .site-description {

    font-size: 16px;

    height: auto;

  }

}

.land-bank-sites-list .land-bank-site-wrapper .site-logo {

  max-width: 100%;

  height: 130px;

}

@media (max-width: 1400px) {

  .land-bank-sites-list .land-bank-site-wrapper .site-logo {

    height: 120px;

  }

}

.land-bank-sites-list .land-bank-site-wrapper .site-logo img {

  height: 100%;

  object-fit: contain;

}

.land-bank-sites-list .land-bank-site-wrapper > a {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: -50px;

  left: 50%;

  white-space: nowrap;

  transform: translateX(-50%);

}

@media (max-width: 767px) {

  .land-bank-sites-list .land-bank-site-wrapper > a {

    bottom: 50px;

  }

}

.land-bank-sites-list .land-bank-site-wrapper > a:hover {

  color: #ebbb4f;

}

.land-bank-sites-list .land-bank-site-wrapper > a:hover span {

  margin-right: 15px;

  transition: all ease 0.3s;

}

.land-bank-sites-list .land-bank-site-wrapper > a span {

  font-weight: 600;

  margin-right: 8px;

  transition: all ease 0.3s;

}



.know-more-heading {

  font-size: 32px;

  font-weight: 100;

  text-align: center;

  padding-top: 75px;

}

.know-more-heading.has-top-line {

  border-top: 1px solid #eee;

}



.buttons-wrapper {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  flex-flow: row wrap;

}

.buttons-wrapper .btn-red {

  margin: 0 20px;

}



.btn-grey {

  background: #b3b3b3;

  border: none;

  padding: 25px 15px;

  color: #fff;

  display: block;

  font-size: 16px;

  font-weight: 100;

  text-align: center;

}

@media (max-width: 1540px) {

  .btn-grey {

    font-size: 13px;

    font-weight: 300;

    white-space: nowrap;

    padding: 26px 5px;

  }

}

@media (max-width: 1199px) {

  .btn-grey {

    font-size: 16px;

    padding: 26px 10px;

  }

}

@media (max-width: 991px) {

  .btn-grey {

    margin-bottom: 30px;

  }

}

.btn-grey:hover {

  color: #fff;

  background: #a6a6a6;

}



.btn-red {

  color: #fff;

  background: #ebbb4f;

  border: none;

  margin: 0 auto;

  padding: 26px 15px;

  display: block;

  font-size: 16px;

  font-weight: 100;

  text-align: center;

}

@media (max-width: 1540px) {

  .btn-red {

    font-size: 13px;

    font-weight: 300;

    white-space: nowrap;

    padding: 26px 5px;

  }

}

@media (max-width: 1199px) {

  .btn-red {

    font-size: 16px;

    padding: 26px 10px;

  }

}

@media (max-width: 991px) {

  .btn-red {

    margin-bottom: 30px !important;

  }

}

.btn-red:hover {

  color: #fff;

  background: #dd1125;

}



.icon-list {

  display: flex;

  flex-direction: row;

  justify-content: space-evenly;

  align-items: center;

  flex-flow: row wrap;

  margin-bottom: 35px;

}

.icon-list .list-item {

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 20px;

  width: 140px;

  text-align: center;

}

.icon-list .list-item .icon-wrapper {

  height: 80px;

  margin-bottom: 15px;

}

.icon-list .list-item .icon-wrapper img {

  height: 100%;

  object-fit: contain;

}

.icon-list .list-item .item-title {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 5px;

}

.icon-list .list-item .item-subtitle {

  font-size: 18px;

  font-weight: 600;

  white-space: nowrap;

}

.circl-one{

	background-image:url(../images/circle-1.png);

	background-position:center right;

	background-size: auto;

	background-repeat:no-repeat;

	}

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

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

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

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

.ad-box{

	padding-top:0px;

	padding-bottom:0px;

/*	    margin: 0;

	background-image:url(../images/bg-black.jpg);

	background-size:100%;

	background-repeat:repeat-y;

	background-position:top center;*/

	background-color:#000;

}

.ad-box .centBox{

	text-align:center;

	font-size:24px;

	color:#e8b94d;

	}

.ad-box .centBox p {

    text-align: center;

    font-size: 24px;

    color: #e8b94d;

}

.cent-logo{

	

	}

.cent-launch{

	padding-top:0px;

	margin-left:auto;

	margin-right:0;

	display: block;

	}

.cent-launchr{

	padding-top:0px;

	margin-right:auto;

	margin-right:0;

	display: block;

	}

	

	/******SCPL****/



.padding {

	padding: 15px;

}

.padding-left {

	padding-left: 10px;

}

.padding-right {

	padding-right: 10px;

}



.no-padding {

	padding-left: 0;

	padding-right: 0;

}

.margin-top {

	margin-top:15px;

}

.margin-bottom{

	margin-bottom:15px;

}

.padding-bottom{

	padding-bottom:15px;

}

.padding-bottom2{

	padding-bottom:30px;

}

.padding-bottom3{

	padding-bottom:60px;

}

.shadow {

	

	-webkit-box-shadow: 1px 1px 1px 1px #D6D6D6;

box-shadow: 1px 1px 1px 1px #D6D6D6;

}



:focus {

       outline:none;

}



.padding-top {

	padding-top: 15px;

}

.padding-top2 {

	padding-top: 30px;

}

.padding-top3 {

	padding-top: 60px;

}

.no-padding-left {

	padding-left:0;

}

.no-padding-right {

	padding-right:0;

}

.margin-centre {

	margin-right: auto;

	margin-left: auto;

}

.alignment {

	text-align: center;

	color: #FFF;

}

.alignment p {

	line-height: 25px;

	font-size: 15px;

}

.alignment h1 {

	/*margin-bottom: 47px;*/

	font-size: 43px;

}



.border {

	padding: 5px;

	border: 1px solid #FFFFFF;

}

.no-border {

	border: none;

}

.col-centered{

    float: none;

    margin: 0 auto;

}

.col-center-block {

    float: none;

    display: block;

    margin: 0 auto;

    /* margin-left: auto; margin-right: auto; */

}





.color-text-black{

	color: #000;

}

.color-black{

	background-color: #000;

}

.color-text-gold{

	color:#ebbb4f;

	}

.color-gold{

	background-color:#ebbb4f;

	}

.color-text-white{

	color:#fff;

	}

.color-white{

	background-color:#fff;

	}

/******SCPL****/







	/*news and events*/

	.recmeta ul {

    list-style-position: outside;

    margin: 0;

    padding: 0;

    background-color: transparent;

}

.recmeta ul li {

    padding-bottom: 15px;

    list-style: none;

    padding-left: 15px;

    padding-top: 15px;

    border-bottom: solid 1px #ebbb4f;

}

.recmeta a {

    color: #fff;

	cursor: pointer;

    pointer-events: auto;

	font-size: 14px;

}

.recmeta ul li:last-child {

    border-bottom: none;

}

.accordionBox p{

	color:#ebbb4f;

}

.accordion {

	background: linear-gradient(to bottom right, white, #F8F8F8);

	width: 100%;

	background: white;

	margin: 0 auto;

  box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);

}



.accordion-header {

	border-bottom: 1px solid #DDE0E7;

	color: #2a313a;

	cursor: pointer;

	font-weight: 700;

	padding: 1.5rem;

}



.accordion-header:hover {

	background: #F6F7F9;

}



.accordion-content {

	display: none;

	border-bottom: 1px solid #DDE0E7;

	background: #F6F7F9;

	padding: 1.5rem;

	color: #000;

	font-size:14px;

}



.accordion-header::before {

	content: '';

	vertical-align: middle;

	display: inline-block;

	width: .75rem;

	height: .75rem;

	border-radius: 50%;

	background-color: #B1B5BE;

	margin-right: .75rem;

}



.active.accordion-header::before {

	background-color: #ebbb4f;

}

/*board members*/

.heading-title {

    margin-bottom: 100px;

}

.text-center {

    text-align: center;

}

.heading-title h3 {

    margin-bottom: 0;

    letter-spacing: 2px;

    font-weight: normal;

}

.p-top-30 {

    padding-top: 30px;

}

.half-txt {

    width: 60%;

    margin: 0 auto;

    display: inline-block;

    line-height: 25px;

    color: #7e7e7e;

}

.text-uppercase {

    text-transform: uppercase;

}



.team-member, .team-member .team-img {

    position: relative;

}

.team-member {

    overflow: hidden;

}

.team-member, .team-member .team-img {

    position: relative;

}



.team-hover {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: 0;

    border: 20px solid rgba(0, 0, 0, 0.1);

    background-color: rgba(255, 255, 255, 0.90);

    opacity: 0;

    transition: all 0.3s;

}

.team-member:hover .team-hover .desk {

    top: 35%;

}

.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {

    opacity: 1;

}

.team-hover .desk {

    position: absolute;

    top: 0%;

    width: 100%;

    opacity: 0;

    -webkit-transform: translateY(-55%);

    transform: translateY(-55%);

    transition: all 0.3s 0.2s;

    padding: 0 20px;

}

.desk, .desk h4, .team-hover .s-link a {

    text-align: center;

    color: #222;

}

.team-member:hover .team-hover .s-link {

    bottom: 10%;

}

.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {

    opacity: 1;

}

.team-hover .s-link {

    position: absolute;

    bottom: 0;

    width: 100%;

    opacity: 0;

    text-align: center;

    -webkit-transform: translateY(45%);

    transform: translateY(45%);

    transition: all 0.3s 0.2s;

    font-size: 35px;

}

.desk, .desk h4, .team-hover .s-link a {

    text-align: center;

    color: #222;

}

.team-member .s-link a {

    margin: 0 10px;

    color: #333;

    font-size: 16px;

}

.team-title {

    position: static;

    padding: 20px 0;

    display: inline-block;

    letter-spacing: 2px;

    width: 100%;

}

.team-title h5 {

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

}

.team-title span {

    font-size: 12px;

    text-transform: uppercase;

    color: #a5a5a5;

    letter-spacing: 1px;

	height: 80px;

    display: block;

}

.btn-cta{

	background-color:#ebbb4f;

	border:solid 1px #ebbb4f;

	padding-top:8px;

	padding-bottom:8px;

	padding-left:15px;

	padding-right:15px;

	margin-top:30px;

	color:#fff;

	cursor:pointer;

	}

.btn-cta:hover, .btn-cta:active, .btn-cta:focus{

	background-color:transparent;

	border:solid 1px #ebbb4f;

	padding-top:8px;

	padding-bottom:8px;

	padding-left:15px;

	padding-right:15px;

	margin-top:30px;

	color:#fff;

	}

.cta h3{

	margin:0px;

	}

.projects-img li {

	display:inline-block;

	width:19%;

}

.custom-file-upload input[type="file"] {

    display: none;

}

.custom-file-upload .custom-file-upload1 {

    border: 1px solid #ccc;

    display: inline-block;

    padding: 6px 12px;

    cursor: pointer;

}

.custom-file .txt1 label {

    position: absolute;

    left: 15px;

    top: 1px;

    font-size: .85rem;

    color: #fff;

}

#header .tel {

    margin-top: 46px;

    display: inline-block;

	font-size:14px;

	color:#fff;

}



#header.inner-header .tel, #header.sticky .tel{

	  margin-top: 21px;

    display: inline-block;

	font-size:12px;

	color:#ebbb4f;

}
.border-right{
	border-right:solid 1px #101010;
}
.activebreak{
	display:none;
	height: 1px;
}
.subshow{
	font-weight: 300 !important;
    padding: 14px 0 14px 28px !important;
    display: block !important;
	background: transparent;
    border: 1px solid transparent !important;
    position: relative !important;
    left: -6px !important;
    top: -4px !important;
    font-weight: 300 !important;
    -webkit-transition: .2s!important;
    transition: .2s;
    width: auto !important;
    height: auto !important;
    line-height: 23px !important;
    padding: 5px !important;
}
.nav-menu ul>li .subshow a {
    font-weight: 300;
    padding: 14px 0 14px 28px;
    display: block;
	text-transform:uppercase;
	    font-size: 14px;
}
.nav-menu ul>li .subshow:hover {
    border-color: transparent!important;
}
.nav-menu ul>li .subshow:after {
	display:none !important;
}
.nav-menu ul>li.subnav-open .subshow:after {
    display:none !important;
}

/*slider*/
  .slider {
  max-width: 100%;
  height: 200px;
  /*margin: 20px auto;*/
  position: relative;
}
  .slider-home {
  max-width: 100%;
  height: 169px;
  /*margin: 20px auto;*/
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slide1 {
  background: url(../images/real-1.jpeg)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade 20s infinite;

} 
.slide2 {
  background: url(../images/real-2.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade2 15s infinite;
}
.slide3 {
    background: url(../images/real-3.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade3 15s infinite;
}
.slide4 {
    background: url(../images/real-4.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade3 15s infinite;
}
.slide-home1,.slide-home2,.slide-home3,.slide-home4,.slide-home5,.slide-home6,.slide-home7,.slide-home8,.slide-home9,.slide-home10 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slide-home1 {
  background: url(../images/left-ad.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade1 8s infinite;

} 
.slide-home2 {
  background: url(../images/left-ad-2.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide-home3 {
   background: url(../images/left-ad-3.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide-home4 {
    background: url(../images/left-ad-4.png)no-repeat center;
      background-size: 100%;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
}

@keyframes fade1
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {

  .slider {
  height: 104px;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

  .slider {
  height: 60px;
}
}
#slideshow {
  margin: 0px auto;
  position: relative;
  width: 100%;
  height: 169px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}


.slideshell1 { 
    position: relative; 
    width: 100%; 
    height: 308px;  
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.slideshell1 > div { 
    position: absolute; 

}

.slideshell2 { 
    position: relative; 
    width: 100%; 
    height: 308px;  
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.slideshell2 > div { 
    position: absolute; 

}
.slideshell3 { 
    position: relative; 
    width: 100%; 
    height: 308px;  
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.slideshell3 > div { 
    position: absolute; 

}