:focus, :active, :visited {
    outline: none !important;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    transform: translateX(-100%);
    height: 100%;
    width: 70%;
    overflow-y: auto;
    background: #633695;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    transform: translateX(0);
}

#sidebar-wrapper .sidebar-brand {
    padding: 18px;
}

#sidebar-wrapper ul {
    padding-left: 0;
}

#sidebar-wrapper ul li {
    padding: 10px 0 10px 18px;
    list-style-type: none;
}

#sidebar-wrapper ul li.active {
    background-color: #572d85;
    text-decoration: none;
}

#sidebar-wrapper ul a {
    color: #fff;
}

.main-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled .main-header {
    transform: translateX(70%);
}

.main-header-padding {
    padding-top: 68px;
}

#content-wrapper {
    position: relative;
}

#content-wrapper-slider {
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #content-wrapper-slider {
    left: 70%;
    width: 30%;
}

body {
    background: #fff;
    width: 100%;
    font-family: "LatoWebLight", Helvetica, Verdana, Arial, sans-serif;
    font-size: 12pt;
    color: #2D2D2D;
}


h1, h2, h3, h4, h5 {
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
}

/*font*/
.text-b {
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
}

.text-r {
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
}

.text-h1 {
    font-size: 3em;
}

.text-h2 {
    font-size: 2em;
}

.text-h3 {
    font-size: 1.43em;
}

.text-h4 {
    font-size: 1.1em;
}

.text-h5 {
    font-size: 1.07em;
}

.text-h6 {
    font-size: 0.93em;
}

.text-h7 {
    font-size: 0.77em;
}

.text-h8 {
    font-size: 1.31em;
}

.text-h9 {
    font-size: 1.16em;
}

.text-h10 {
    font-size: 1.85em;
}

.line-h1 {
    line-height: 1em;
}

/* basic classes */
.c-mag {
    color: #6B317B;
}

.w-100p {
    width: 100%;
}

.h-100p {
    height: 100%;
}

.p-rel {
    position: relative;
}

.p-abs {
    position: absolute;
}

.ov-hidden {
    overflow: hidden;
}

.padding-0 {
    padding: 0;
}

.margin-b-t-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-t {
    margin-top: 3em;
}

/* carousel refactor */
.left-control, .right-control {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -11px;
}

.left-control {
    left: 50%;
    margin-left: -5px;
}

.right-control {
    right: 50%;
    margin-right: -5px;
}

.carousel-inner a.carousel-caption:hover, .carousel-inner a.carousel-caption:focus {
    color: #fff;
}

.carousel-controls-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thumbs-carousel .item .thumb {
    width: 16.6%;
    cursor: pointer;
    float: left;
    padding: 15px 10px;
}

.thumbs-carousel .item .thumb img {
    width: 80%;
    max-height: 74px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.thumbs-carousel .item img {
    width: 100%;
}

.container .carousel-caption {
    left: 5%;
    right: 5%;
}

header .navbar {
    background-color: #fff;
}

header .container {
    margin: 10px auto 8px;
}

#content-wrapper .navbar-toggle .icon-bar {
    background-color: #652d87;
}

.container .collapse .navbar-nav a {
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.915em;
    line-height: 1.3;
}

hr.delimiter {
    width: 50%;
    margin: 20px auto;
    color: #d7d7d7;
    background-color: #d7d7d7;
    height: 2px;
}

.industries .container .card {
    margin: 1em;
}

.industries .container .card p.content {
    margin-bottom: 0;
}

.industries .container .card p.more a {
    padding: 0;
}

.services .container h2 {
    margin: 1em 0;
}

.services .item {
    margin: 1em 3em;
}

.services .img-wrapper {
    text-align: right;
    padding-right: 0;
}

.article-header {
    height: 300px;
    width: 100%;
    display: table;
    background-color: #652d87;
}

.banner-content {
    width: 63%;
    display: table-cell;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

.theme-content {
    display: table-cell;
    background-color: #652d87;
    width: 37%;
    color: #fff;
    vertical-align: middle;
    padding: 10px 20px 0;
}

.cases .row .padding {
    padding: 0 3em;
}

.cases .card .caption {
    padding: 0.8em 1.5em 2em;
}

.cases .card .caption p {
    text-align: left;
}

.cases .card a {
    padding: 0;
}

section.action {
    background-color: #E3D6C2;
}

#factors-sm h5 {
    margin-left: 1em;
}

.industries {
    margin-top: 3em;
}

.strikerfeed h2, .cases h2 {
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.strikerfeed .card {
    margin-bottom: 2em;
}

.strikerfeed .card h3, .strikerfeed .card h4 {
    color: #652d87;
}

.strikerfeed .card .main-feed {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding: 0 2em;
}

.blackout {
    background-color: black;
    opacity: 0.4;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.btn-pink {
    width: 9.2em;
    height: 2.5em;
    background-color: #E94F7C;
    color: #fff;
    border-radius: 25px;
    vertical-align: middle;
    line-height: 1.8;
    text-transform: uppercase;
    font-size: 14pt;
}

.btn-pink-elastic, .btn-purple-elastic {
    height: 2.5em;
    color: #fff;
    border-radius: 25px;
    vertical-align: middle;
    line-height: 1.8;
    text-transform: uppercase;
    font-size: 14pt;
}

.btn-pink-elastic {
    background-color: #E94F7C;
}

.btn-purple-elastic {
    background-color: #652d87;
}

a.btn-purple-elastic:visited {
    color: #fff;
}

a.btn-purple-elastic:hover,
a.btn-purple-elastic:focus {
    color: #E94F7C;
}

.btn-pink-round {
    /*height: 2.5em;*/
    color: #D7517D;
    background-color: #fff;
    border-radius: 25px;
    vertical-align: middle;
    font-size: 24px;
    line-height: 29px;
    padding: 12px 30px 10px;
}
a.btn-pink-round:hover,
a.btn-pink-round:focus {
    color: #D7517D;
}


.margin-40p {
    margin: 40px 0;
}

.striker-main-footer {
    background-color: #652d87;
    padding: 1.5em 0;
    color: #fff;
    margin-top: 3em;
}

.striker-main-footer .item {
    padding-top: 1em;
    padding-bottom: 1em;
}

.striker-main-footer label {
    color: rgba(255, 255, 255, 0.75);
}

.striker-main-footer .footer-contacts p {
    margin: 0;
}

.striker-main-footer .navbar-form {
    margin: 0;
}

.striker-main-footer img.logo {
    margin: 8px auto 20px
}

.striker-main-footer img.logo-social {
    margin-right: 10px;
}

.striker-main-footer ul.nav-footer {
    padding-left: 0;
}

.striker-main-footer h4 {
    margin-bottom: 20px;
    font-size: 1.43em;
}

.striker-main-footer .btn {
    background-color: #E94F7C;
    border-radius: 15px;
    margin-top: 10px;
    min-width: 90px;
}

.striker-main-footer .form-i18n {
    padding: 0;
}

.striker-main-footer a,
.striker-main-footer a:hover,
.striker-main-footer a:focus,
.striker-main-footer a:visited {
    color: #fff;
}

#clients-carousel {
    background-color: #652d87;
}

#go-to-top img {
    border-radius: 50%;
}


.nav-detail {
    padding: 0;
    list-style: none;
}

.nav-detail li a {
    color: #424242;
    display: block;
    font-size: 1.1em;
    font-weight: bold;

    padding: 15px 25px;
    border-top: 1px solid #D0D0D0;
}

.nav-detail li.active a {
    background: #4FB7CC;
    color: #FFF;
    position: relative;
}

.nav-detail li.active a:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #FFF;
}

.nav-detail li:first-child a,
.nav-detail li.active a,
.nav-detail li.active + li a {
    border-top: none;
}

.nav-detail a:hover,
.nav-detail a:focus {
    text-decoration: none;
}

.header-logo {
    max-height: 28px;
    margin-top: 10px;
}

.color-ss {
    color: #652d87;
}

/* search */
.search-results ul {
    padding-left: 15px;
}

.search-results li {
    margin-bottom: 20px;
}

.search-results h4 {
    margin-bottom: 0;
}

.search-popup {
    position: absolute;
    bottom: -30px;
    right: 0;
}


.newsletter .rich-text {
    font-size: 16px;
}

img.halloeditor-image {
    max-width: 100% !important;
    height: auto !important;
}

.error404 {
    margin-bottom: 100px;
}

@media screen and (min-width: 590px) {
    .container {
        width: 95%;
    }

    .carousel-control {
        /*width: calc(49% - 276px + 28px);*/
        width: 3.5%;
    }

    .carousel-caption {
        padding-top: 0;
        padding-bottom: 0;
        bottom: 0;
    }
}

@media screen and (min-width: 950px) {
    .container {
        width: 928px;
    }

    #sidebar-wrapper {
        display: none !important;
    }

    .carousel-control {
        /*width: calc(49% - 464px + 47px);*/
        width: 3%;
    }

    .carousel-caption {
        padding-top: 0;
        padding-bottom: 0;
        bottom: 20px;
    }

    #wrapper .main-header {
        left: 0 !important;
    }

    #wrapper #content-wrapper-slider {
        left: 0 !important;
        width: 100% !important;
    }

    #content-wrapper {
        width: auto !important;
    }
}

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

    #sidebar-wrapper {
        display: none;
    }

    .carousel-control {
        /*width: calc(49% - 585px + 59px);*/
        width: 3%;
    }

    .carousel-caption {
        padding-top: 20px;
        padding-bottom: 20px;
        bottom: 30px;
    }
}

@media screen and (max-width: 950px) {
    #clients-carousel {
        display: none;
    }

    hr.delimiter {
        display: none;
    }

    .industries .card img {
        padding-right: 3em;
        padding-left: 3em;
    }

    .industries .card .caption .content {
        text-align: justify;
    }

    .industries .card .caption .more a {
        padding-right: 0;
    }

    .services .item,
    .services .container .img-wrapper {
        text-align: left;
        margin: 1em 1em 1em 0;
        padding-right: inherit;
    }

    .services .item .content {
        text-align: justify;
    }

    .industries .container .card {
        margin: auto;
    }

    #cases .row .padding {
        padding: 0.5em;
    }

    /*.carousel-caption {*/
    /*padding: 0;*/
    /*}*/
    .carousel-caption .text-h1 {
        font-size: 2.5em;
    }

    .text-h2 {
        font-size: 1.9em;
    }

    header .navbar .container {
        width: inherit;
    }

    header .container .navbar-header .header-logo {
        max-height: 25px;
        margin: 12px auto;
        float: right;
    }

    #carousel-main .carousel-indicators {
        display: none;
    }

    #customer-cases {
        margin-top: 3em;
    }
}

@media screen and (max-width: 590px) {
    .carousel-caption {
        text-align: center;
    }

    .carousel-caption .text-h1 {
        font-size: 1.5em;
    }

    .carousel-control {
        width: 4%;
    }

    h1 {
        font-size: 20px;
    }

    .carousel-caption {
        padding-top: 0;
        padding-bottom: 0;
        bottom: 0;
    }

    #customer-cases h2 {
        font-size: 30px;
    }
}

.bottom-material-button.affix-top {
    position: absolute;
    bottom: -82px;
    right: 10px;
}

.bottom-material-button.affix {
    position: fixed;
    bottom: 18px;
    right: 10px;
}


.block-feedback {
    display: table;
    padding: .25em 1.5em;
    margin: 1.5em 0;
    width: 100%;
}

.block-feedback div:first-child {
    display: table-cell;
    padding: 0 .25em 0 0;
    vertical-align: middle;
}

.block-feedback div:last-child {
    display: table-cell;
    padding: 0 0 0 .25em;
    vertical-align: middle;
}

.block-feedback h3 {
    margin: 0;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: inherit;
}

h5 {
    font-size: 1em;
    text-transform: uppercase;
    font-family: "LatoWeb";
}

.charts-container {
    text-align: center;
    margin: 3em 0 0 0;
}

.chart {
    display: inline-block;
    margin: 1em;
}

.feed-item {
    margin-bottom: 3em;
}

.feed-item img {
    width: 100%;
    height: auto;
}

.feed-item-date {
    margin: 1em 0;
}

section.action {
    padding: .5em;
}

#factors .block-feedback div:first-child,
#call_to_action .block-feedback div:first-child {
    padding-right: 2em;
}


/**
 * Complimentary styles for responsive embeds
 * created from wagtail's Stream field with EmbedBlock
 */

.block-embed {
    margin: 20px 0;
}

.responsive-object {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.sidebar-snippets .snippet {
    background-color: #30B2CA;
    margin: 0;
    display: block;
}

.sidebar-snippets .snippet .block-feedback > div {
    display: block;
    margin: 1em 0;
}

.sidebar-snippets .snippet .block-feedback .c-mag {
    color: #FFF;
}

.sidebar-snippets .snippet .block-feedback * {
    text-align: center;
}


.showcase .intro h1,
.showcase .intro h2,
.showcase .intro h3,
.showcase .intro h4,
.showcase .intro h5 {
    text-align: center;
}

.content h1, .intro h1,
.content h2, .intro h2,
.content h3, .intro h3,
.content h4, .intro h4,
.content h5, .intro h5 {
    color: #6B317B;
}

.content-preview {
    font-size: 1.175em;
    margin-bottom: .5em;
}

.content-meta {
    font-family: "LatoWebLight";
    font-size: 1em;
    margin: 0 0 1.5em 0;
}

.content img {
    max-width: 100%;
    height: auto;
}

.text-muted, .content-meta {
    color: #707070;
}

section.locations,
section.persons {
    margin: 1.5em 0;
}

section.locations img {
    width: calc(100% - 10px);
    height: auto;
    margin: 5px 10px;
}

section.locations h5,
section.persons h5 {
    font-size: 1.25em;
    text-transform: capitalize;
    margin: 0;
}

section.locations .location-description {
    margin-top: 1em;
    margin-bottom: 1em;
}

section.locations p {
    margin: 0 0 2px 0;
}

section.locations .row {
    margin-bottom: 1.5em;
}


section.persons [class*='col-'] {
    margin-bottom: 1.5em;
}

section.persons img {
    width: 80%;
    height: auto;
}

section.persons h5 {
    margin-top: 1em;
}

section.persons .person-contact {
    min-height: 68px;
}

section.persons .person-description {
    margin: 0 0 1em 0;
}

ul.errorlist {
    list-style: none;
    padding: 0;
}

ul.form-i18n {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sidebar-wrapper ul.form-i18n li, ul.form-i18n li {
    display: inline-block;
    padding: 17px 2px 0 2px;
    line-height: 0;
    font-size: 0;
}

.navbar-nav ul.form-i18n li.btn-link a {
    padding: 0;
    /*font-size: 0;*/
}

.form-i18n img.disabled {
    opacity: 0.33;
}

.sidebar-snippets {
    padding-left: 60px;
}

.sidebar-snippets nav {
    margin-bottom: 40px;
}

.sidebar-snippets nav:last-child {
    margin-bottom: 0;
}

.animated-pie path {
    stroke-dasharray: 256;
    stroke-dashoffset: 256;
}

.animated-pie.chart-visible path {
    animation: fill 2s forwards;
}

@keyframes fill {
    to {
        stroke-dashoffset: 0;
    }
}

section.social {
    width: 100%;
    padding: 2.2em 1.8em;
    margin: 2em 0;
    background-color: #E3D6C2;
}

section.social a,
section.social a:hover,
section.social a:active {
    text-decoration: none;
    display: inline-block;
    margin-right: 1%;
    width: 18%;
    min-width: 42px;
    text-align: center;
    line-height: 54px;
    vertical-align: middle;
}

section.social a:last-child {
    margin-right: 0;
}

section.social a img {
    max-width: calc(100% - 5px);
    height: auto;
}

section.social .social-caption {
    text-align: center;
    margin: 0;
    line-height: 54px;
    vertical-align: middle;
    color: #633695;
}

.intro.block-title a {
    color: #6b317b;
}

.block-title p {
    text-align: center;
    margin: 1.5em 0 1em;
    color: #6b317b;
    font-size: 30px;
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
    text-transform: uppercase;
}

.block-title h1 {
    text-align: center;
    margin: 0 0 1em 0;
    color: #6b317b;
    font-size: 22px;
    font-family: "LatoWebLight", Helvetica, Verdana, Arial, sans-serif;
}

.industries p {
    margin-bottom: 10px;
    margin-top: 0;
}

.a-black {
    color: #2D2D2D;
}
.a-white,
.a-white:hover,
.a-white:focus,
.a-white:visited {
    color: #fff;
}

#services h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.services {
    margin-bottom: 3em;
}

@media screen and (max-width: 990px) {
    .sidebar-snippets {
        padding-left: 15px;
    }
}

@media (max-width: 1024px) {
    .margin-t {
        margin-top: 1em;
    }

    .text-h1 {
        font-size: 2.5em;
    }

    .content-meta {
        font-size: 13px;
        margin: 0 0 10px 0;
    }

    .article-header {
        display: none;
    }

    .sidebar-snippets {
        display: none;
    }
}

@media (max-width: 768px) {
    .margin-t {
        margin-top: 0.5em;
    }

    .text-h1 {
        font-size: 2em;
    }

    .content-meta {
        font-size: 13px;
        margin: 0 0 20px 0;
    }

    .showcase h4 {
        text-align: center;
    }

    .container > .navbar-header, .container-fluid > .navbar-header,
    .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }

    ul.pager {
        margin: 20px 0 40px 0;
    }

    ul.pager a {
        padding: 4px 16px;
        min-width: 6.8em;
        font-size: 0.9em;
    }

    .block-feedback div:first-child,
    .block-feedback div:last-child {
        display: block;
        padding: 0.5em 0 !important;
    }

    .block-feedback * {
        text-align: center;
    }
}


@media (max-width: 800px) {
    .marketing .service-content {
        width: 100%;
    }
}

.img-wrapper img {
    max-width: 100%;
}

.img-wrapper.full img {
    width: 100%;
}

.img-wrapper.mid {
    text-align: center;
}

.img-wrapper.left img, .img-wrapper.right img {
    width: 300px;
}

.stream-field .img-caption {
    font-size: 9pt;
    margin: 5px 0 20px;
}

/* block '4 squares' */
.links-block-content {
    margin-top: 10px;
    margin-bottom: 20px;
}

.links-block-row .media-left img {
    max-width: none;
    height: auto;
}

.links-block-row .media div {
    display: table-cell;
    vertical-align: middle;
}

.links-block-row .media {
    margin-top: 0;
    margin-bottom: 15px;
}

.links-block-row .media h5 {
    margin: 0;
}

h3.links-block-h3 {
    padding: 10px 15px 7px;
    background-color: #652d87;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
}

.links-block-content p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.2;
}

.links-block-content p a {
    color: #2D2D2D;
}


blockquote {
    border-style: none;
    border-top: solid 1px #eeeeee;;
    border-bottom: solid 1px #eeeeee;;
    padding-left: 30px;
}

blockquote p {
    color: #0033cc;
    font-style: italic;
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.1;
    font-weight: 400;
}

blockquote footer {
    color: #0033cc;
    /*font-size: 12pt;*/
    /*font-style: italic;*/
    /*font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;*/
    /*line-height: 1.1;*/
    /*font-weight: 400;*/
    padding-left: 30px;
}

.block-with-bg {
    padding: 10px;
}


.important-news {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    padding: 25px;
}

.important-news-text {
    display: flex;
    flex-direction: column;
    padding-left: 35px;
    color: #fff;
}

.important-news-text h3 {
    margin: 0;
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
}

.important-news-text a {
    width: 9.2em;
    background-color: #e94f7c;
    color: #fff;
    border-radius: 25px;
    vertical-align: middle;
    line-height: 1.8;
    text-transform: uppercase;
    outline: none;
    border: 0;
    height: 35px;
    font-weight: bold;
    font-size: 13px;
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
    margin-top: 10px;
    cursor: pointer;
}

.important-news-text p {
    margin: 0;
    margin-top: 5px;
    font-family: "LatoWeb", Helvetica, Verdana, Arial, sans-serif;
}

.important-news-wrapper {
    margin-top: 75px;
}

@media (max-width: 589px) {
    .important-news-text h3 {
        font-size: 15px;
    }

    .important-news-text p {
        display: none;
    }

    .important-news-wrapper {
        margin-top: 0;
    }

    .important-news {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.important-news-img img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}


/* SLICK CAROUSEL CUSTOMIZATION */
.slick-slider .dots li button, .slick-slider .slick-dots li button {
    color: transparent;
    line-height: 15px;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    border: 2px solid #eee
}

.slick-slider .dots li button:before, .slick-slider .slick-dots li button:before {
    color: transparent;
    font-size: 9px;
    width: 15px;
    height: 15px;
    line-height: 17px;
    opacity: 1
}

.slick-slider .dots li.slick-active button:before, .slick-slider .slick-dots li.slick-active button:before {
    color: #eee
}

.main-carousel .slick-dots {
    bottom: 5px
}

.main-carousel .slick-arrow {
    z-index: 5
}

.main-carousel .slick-prev::before,
.main-carousel .slick-next::before {
    content: '';
}

.main-carousel .slick-prev,
.main-carousel .slick-next {
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 50px;

}

.main-carousel .slick-prev {
    left: 10px;
    background-image: url("../img/arrow_left_white.png");
}

.main-carousel .slick-next {
    right: 10px;
    background-image: url("../img/arrow_right_white.png");
}

/* SLICK CAROUSEL SLIDERS */
.top-slider-wrap {
    height: 520px;
    width: 100%;
    overflow: hidden;
}


.single-slide-wrap {
    position: relative;
    height: 520px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.single-slide {
    height: 520px;
    width: 100vw;
    background-color: #5E3382;
    opacity: 0.7;
}

.single-slide-content-wrap {
    position: absolute;
    left: calc(50% - 520px);
    top: 0;
    width: 1040px;
}

.single-slide-content {
    color: white;
    width: 1040px;
    height: 520px;
    display: table-cell;
    vertical-align: middle;
}

.single-slide-content h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 47px;
    line-height: 55px;
    margin: 0;
}

.single-slide-content h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0;
}

.single-slide-content h4 {
    font-size: 24px;
    line-height: 29px;
    opacity: 0.6;
    margin: 0 0 5px;
}

.single-slide-content a {
    font-size: 20px;
}

@media (max-width: 1200px) {
    .top-slider-wrap, .single-slide-wrap, .single-slide, .single-slide-content-wrap, .single-slide-content {
        height: 300px;
    }

    .single-slide-content-wrap {
        left: calc(50% - 320px);
        width: 640px;
    }

    .single-slide-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .single-slide-content h3 {
        font-size: 24px;
        line-height: 29px;
    }

    .single-slide-content h4 {
        font-size: 15px;
        line-height: 20px;
    }
}

@media (max-width: 700px) {
    .single-slide-content-wrap {
        left: 10%;
        width: 80%;
    }
}