@import url("../Divi/style.css");

/*
 Theme Name:   Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
 Description:  Child of Divi Theme
 Author:       Miracle Mill Gmbh
 Author URI:   http://www.miraclemill.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         no,tags,here
 Text Domain:  Divi-child
*/

/*#region FONT */

@font-face {
    font-family: 'rucksackblack';
    src: url('rucksack-black-webfont.eot');
    src: url('rucksack-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('rucksack-black-webfont.woff') format('woff'),
    url('rucksack-black-webfont.ttf') format('truetype'),
    url('rucksack-black-webfont.svg#rucksackblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rucksackbold';
    src: url('rucksack-bold-webfont.eot');
    src: url('rucksack-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('rucksack-bold-webfont.woff') format('woff'),
    url('rucksack-bold-webfont.ttf') format('truetype'),
    url('rucksack-bold-webfont.svg#rucksackbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rucksackdemi';
    src: url('rucksack-demi-webfont.eot');
    src: url('rucksack-demi-webfont.eot?#iefix') format('embedded-opentype'),
    url('rucksack-demi-webfont.woff') format('woff'),
    url('rucksack-demi-webfont.ttf') format('truetype'),
    url('rucksack-demi-webfont.svg#rucksackdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rucksackbook';
    src: url('rucksack-book-webfont.eot');
    src: url('rucksack-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('rucksack-book-webfont.woff') format('woff'),
    url('rucksack-book-webfont.ttf') format('truetype'),
    url('rucksack-book-webfont.svg#rucksackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rucksacklight';
    src: url('rucksack-light-webfont.eot');
    src: url('rucksack-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('rucksack-light-webfont.woff') format('woff'),
    url('rucksack-light-webfont.ttf') format('truetype'),
    url('rucksack-light-webfont.svg#rucksacklight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*#endregion*/

/*#region MARGINS & PADDINGS*/
.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.mt-100 {
    margin-top: -100px !important;
}

@media only screen and (max-width: 980px) {
    .mt0xs {
        margin-top: 0 !important;
    }
}

p {
    font-size: 16px;
    line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: 'rucksackbold', sans-serif;
}

h2 {
    font-size: 19pt;
    padding-top: 24px;
}

h3 {
    font-size: 20px;
}

@media only screen and (min-width: 1600px) {
    p {
        font-size: 18px;
        line-height: 1.5;
    }

    h2 {
        font-size: 22pt;
        padding-top: 28px;
    }

    h3 {
        font-size: 24px;
        margin: 0 0 12px 0;
    }
}

.entry-content table,
body.et-pb-preview #main-content .container table {
    width: auto;
    border: none;
    margin: 10px;
}

.entry-content tr td,
body.et-pb-preview #main-content .container tr td {
    border-top: none;
    padding: 0 24px;
}

.entry-content table > tbody > tr:first-child > td:first-child,
body.et-pb-preview #main-content .container table > tbody > tr:first-child > td:first-child {
    text-align: right;
    padding: 0;
    width: 80px;
    font-family: 'rucksackbold', sans-serif;
}

.entry-content .table-boxes table,
body.et-pb-preview #main-content .container .table-boxes table {
    margin: 40px auto;
}

.entry-content .table-boxes table > tbody > tr:first-child > td,
body.et-pb-preview #main-content .container .table-boxes table > tbody > tr:first-child > td {
    width: 90px;
    height: 90px;
    text-align: center;
    font-family: 'rucksackblack', sans-serif;
    font-size: 25px;
}

.entry-content .table-boxes table > tbody > tr > td,
body.et-pb-preview #main-content .container .table-boxes table > tbody > tr > td {
    text-align: center;
    font-family: 'rucksackbold', sans-serif;
    padding: 10px 2px;
    font-size: 12px;
    line-height: 1;
}

.entry-content .table-boxes.table-boxes-orange table > tbody > tr:first-child > td,
body.et-pb-preview #main-content .container .table-boxes.table-boxes-orange table > tbody > tr:first-child > td {
    background: url('static/img/case_square_orange.png') no-repeat center;
    background-size: contain;
}

.entry-content .table-boxes.table-boxes-blue table > tbody > tr:first-child > td,
body.et-pb-preview #main-content .container .table-boxes.table-boxes-blue table > tbody > tr:first-child > td {
    background: url('static/img/case_square_blue.png') no-repeat center;
    background-size: contain;
}

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

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

.bg-box-orange {
    background-color: #F6AA1F;
    padding: 5px 0;
}

.form {
    color: #339;
    font-family: 'rucksackbold';
    font-size: 20px;
}

.form > .form-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.form > .form-row > div {
    display: table-cell;
    padding: 5px;
}

.form > .form-row > div label {
    display: block;
    padding: 10px 0;
}

.form > .form-row > div input,
.form > .form-row > div textarea {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: none;
    background: #f6f6f6;
}

.form > .form-row > div textarea {
    height: 120px;
    max-height: 300px;
}

.form input[type="submit"] {
    background-size: contain !important;
    color: #fff;
    font-family: 'rucksackbold', sans-serif;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 320px;
    height: 70px;
    line-height: 70px;
    white-space: nowrap;
    font-size: 20px;
    border: none;
    min-width: 250px;
    height: auto;
    background: url('static/img/btn_blue.png') no-repeat center;
    cursor: pointer;
}

.contact-info > p {
    padding: 15px 0;
}

/*#endregion*/

body {
    font-family: 'rucksackbook', sans-serif;
    color: #333399;
    font-size: 16px;
}

.esg-navigationbutton.esg-loadmore,
.esg-navigationbutton.egs-loadmore:hover {
    padding: 10px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100%;
    height: auto;
}

.esg-navigationbutton.esg-loadmore > h1 {
    font-family: 'rucksackblack', sans-serif;
    padding-bottom: 0;
    font-size: 72px;
    line-height: 48px;
    color: #ffffff;
}

/*#region SIDE MENU*/
#sfm-sidebar .sfm-va-middle {
    display: block;
    padding-top: 20px;
}

#sfm-sidebar .sfm-sidebar-close, #sfm-sidebar.sfm-compact .sfm-logo {
    display: none;
}

.sfm-pos-right #sfm-sidebar, .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {
    -webkit-transform: translate(275px, 0) rotate(2deg);
    -moz-transform: translate(275px, 0) rotate(2deg);
    -ms-transform: translate(275px, 0) rotate(2deg);
    -o-transform: translate(275px, 0) rotate(2deg);
    transform: translate(275px, 0) rotate(2deg);
    -webkit-transform: translate3d(275px, 0, 0) rotate(2deg);
    -moz-transform: translate3d(275px, 0, 0) rotate(2deg);
    -ms-transform: translate3d(275px, 0, 0) rotate(2deg);
    -o-transform: translate3d(275px, 0, 0) rotate(2deg);
    transform: translate3d(275px, 0, 0) rotate(2deg);
}

#sfm-sidebar.sfm-sidebar-exposed, #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li, .sfm-sidebar-static #sfm-sidebar .sfm-menu-level-0 > li, .sfm-pos-right.sfm-no-mobile .sfm-sidebar-static #sfm-sidebar {
    -webkit-transform: translate(0, 0) rotate(1.5deg) scale(1.1) !important;
    -moz-transform: translate(0, 0) rotate(1.5deg) scale(1.1) !important;
    -ms-transform: translate(0, 0) rotate(1.5deg) scale(1.1) !important;
    -o-transform: translate(0, 0) rotate(1.5deg) scale(1.1) !important;
    transform: translate(0, 0) rotate(1.5deg) scale(1.1) !important;
    -webkit-transform: translate3d(0, 0, 0) rotate(1.5deg) scale(1.1) !important;
    -moz-transform: translate3d(0, 0, 0) rotate(1.5deg) scale(1.1) !important;
    -ms-transform: translate3d(0, 0, 0) rotate(1.5deg) scale(1.1) !important;
    -o-transform: translate3d(0, 0, 0) rotate(1.5deg) scale(1.1) !important;
    transform: translate3d(0, 0, 0) rotate(1.5deg) scale(1.1) !important;
}

#sfm-sidebar .sfm-scroll-wrapper {
    -webkit-transform: rotate(-3.5deg) scale(0.8);
    -moz-transform: rotate(-3.5deg) scale(0.8);
    -ms-transform: rotate(-3.5deg) scale(0.8);
    -o-transform: rotate(-3.5deg) scale(0.8);
    transform: rotate(-3.5deg) scale(0.8);
    margin-left: 20px;
}

@media only screen and (min-height: 920px) and (-webkit-min-device-pixel-ratio: 2) {
    #sfm-sidebar.sfm-sidebar-exposed, #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li, .sfm-sidebar-static #sfm-sidebar .sfm-menu-level-0 > li, .sfm-pos-right.sfm-no-mobile .sfm-sidebar-static #sfm-sidebar {
        -webkit-transform: translate(0, 0) scale(1.2) !important;
        -moz-transform: translate(0, 0) scale(1.2) !important;
        -ms-transform: translate(0, 0) scale(1.2) !important;
        -o-transform: translate(0, 0) scale(1.2) !important;
        transform: translate(0, 0) scale(1.2) !important;
        -webkit-transform: translate3d(0, 0, 0) scale(1.2) !important;
        -moz-transform: translate3d(0, 0, 0) scale(1.2) !important;
        -ms-transform: translate3d(0, 0, 0) scale(1.2) !important;
        -o-transform: translate3d(0, 0, 0) scale(1.2) !important;
        transform: translate3d(0, 0, 0) rotate(2deg) scale(1.2) !important;
    }

    #sfm-sidebar .sfm-scroll-wrapper {
        -webkit-transform: rotate(-4deg) scale(0.7);
        -moz-transform: rotate(-4deg) scale(0.7);
        -ms-transform: rotate(-4deg) scale(0.7);
        -o-transform: rotate(-4deg) scale(0.7);
        transform: rotate(-4deg) scale(0.7);
    }
}

#sfm-sidebar .sfm-menu li > a:before, .sfm-no-mobile #sfm-sidebar .sfm-menu li:hover > a:before, .sfm-no-mobile #sfm-sidebar .sfm-menu li.sfm-active-item > a:before, .sfm-no-mobile #sfm-sidebar .sfm-menu li.sfm-active-smooth > a:before, .sfm-sidebar-full #sfm-sidebar .sfm-menu li.sfm-active-item > a:before {
    width: 0;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li, .sfm-sidebar-static #sfm-sidebar .sfm-menu-level-0 > li {
    opacity: 0.5;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    font-family: 'rucksackdemi', sans-serif;

}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:hover, .sfm-sidebar-static #sfm-sidebar .sfm-menu-level-0 > li:hover {
    opacity: 1;
}

/*#endregion*/

/*#region HEADER*/

.header-custom {
    z-index: 999999;
}

.header-custom img {
    width: auto;
    margin: 0 auto;
    display: block;
}

#header-button > p {
    color: #f6aa1f;
    font-family: 'rucksackdemi', sans-serif;
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
}

#header-button > p:hover {
    text-decoration: underline;
}

#header-button > .overlay-full {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
}

#header-button > .overlay-full.overlay-home {
    background-color: rgba(209, 38, 49, 0.81);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
}

#header-button > .overlay-full > .overlay-body {
    width: 700px;
    height: 480px;
    background: url('static/img/overlay_bg.png') no-repeat center;
    background-size: contain;
    top: 50%;
    position: absolute;
    left: 50%;
    color: #fff;
    font-size: 18px;
    padding: 40px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#header-button > .overlay-full.overlay-home > .overlay-body {
    background: none;
}

#header-button > .overlay-full.overlay-home > .overlay-body img {
    height: 50px;
    margin: 0 auto 20px;
    display: block;
}

#header-button > .overlay-full > .overlay-body > .ic-close {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 40px;
    top: 40px;
    background: url('static/img/overlay_close.png') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

#header-button > .overlay-full > .overlay-body > h1 {
    color: #fff;
    font-family: 'rucksackdemi', sans-serif;
    font-size: 72px;
    text-align: center;
    padding: 10px;
    margin: 0;
}

#header-button > .overlay-full.overlay-home > .overlay-body > h1 {
    font-size: 90pt;
    letter-spacing: 10pt;
}

#header-button > .overlay-full > .overlay-body > h4 {
    color: #fff;
    font-family: 'rucksackdemi', sans-serif;
    text-align: center;
    font-size: 25px;
    margin: 0;
    padding: 12px 0 0;
}

#header-button > .overlay-full.overlay-home > .overlay-body > h4 {
    letter-spacing: 4px;
}

#header-button > .overlay-full.overlay-home .btn-orange {
    margin-top: 60px;
}

#header-button > .overlay-full > .overlay-body > p {
    padding: 40px;
    text-align: center;
}

#header-button.overlay-show > .overlay-full {
    opacity: 1;
    visibility: visible;
}

#header-button.overlay-hide > .overlay-full {
    opacity: 0;
    visibility: hidden;
}

#header-button.overlay-hide > .overlay-full.overlay-home {
    top: 100%;
}

@media only screen and (max-width: 400px) {
    #header-button > .overlay-full.overlay-home > .overlay-body > h1 {
        font-size: 56px;
        letter-spacing: 4px;
        padding-left: 0;
        padding-right: 0;
    }

    #header-button > .overlay-full.overlay-home > .overlay-body > h4 {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .header-custom > div.et_pb_row.et_pb_row_0 > div.et_pb_column:first-child {
        text-align: right;
    }

    .header-custom > div.et_pb_row.et_pb_row_0 > div.et_pb_column:last-child {
        text-align: left;
    }
}

@media only screen and (max-width: 601px) {
    #header-button > .overlay-full > .overlay-body > .ic-close {
        top: 20px;
        right: 15px;
    }

    #header-button > .overlay-full > .overlay-body > h1 {
        font-size: 50px;
        letter-spacing: 10px;
    }

    #header-button > .overlay-full > .overlay-body > h4 {
        font-size: 16px;
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 720px) {
    #header-button > .overlay-full > .overlay-body {
        width: 100%;
        background-size: cover;
        height: auto;
        padding: 20px;
    }
}

@media only screen and (min-width: 981px) {
    .header-custom {
        padding: 40px !important;
    }

    .header-custom > div {
        padding: 0 !important;
    }

    .header-custom img {
        height: 60px;
    }

    .sfm-pos-right .sfm-rollback {
        top: 55px;
        /*top: 25px;*/
    }

    #header-button > p {
        font-size: 20px;
        text-align: center;
        padding: 20px;

    }
}

@media only screen and (min-device-width: 769px) and(max-device-width: 1024px) {
    .sfm-pos-right .sfm-rollback {
        top: 25px;
    }
}


@media only screen and (max-width: 980px) {
    .header-custom img {
        width: 200px;
        height: auto;
        padding: 15px;
    }

    #main-content {
        padding-top: 50px !important;
    }

    .header-custom {
        position: fixed;
        z-index: 999999;
        left: 0;
        right: 0;
        top: 0;
        height: 70px;
        padding: 0;
    }

    /*naslovna*/
    .header-custom > div.et_pb_row.et_pb_row_0 {
        display: table;
        width: 100%;
        float: none;
        background: #fff;
        padding: 0;
        position: fixed;
        top: 0;
        height: 70px;
    }

    .header-custom > div.et_pb_row.et_pb_row_0 > div.et_pb_column {
        display: table-cell;
        vertical-align: middle;
        float: none;
        text-align: center;
        width: 30% !important;
    }

    .header-custom > div.et_pb_row.et_pb_row_0 > div.et_pb_column:first-child,
    .header-custom > div.et_pb_row.et_pb_row_0 > div.et_pb_column:last-child {
        width: 35% !important;
    }

    .sfm-pos-right .sfm-label-none .sfm-navicon-button {
        top: 7px;
        left: -10px;
    }

    /**/
}

/*#endregion*/

/*#region FOOTER*/
.custom-footer {
    padding: 0 10% !important;
}

.custom-footer > div, .custom-footer > div.et_pb_row.et_pb_row_fullwidth {
    margin: 0;
    width: auto !important;
    max-width: none !important;
    padding: 0;
}

.custom-footer > div > div.et_pb_column:first-child {
    padding-top: 10px;
}

.custom-footer > div > div.et_pb_column:last-child {
    padding-top: 5px;
}

.custom-footer a {
    display: inline-block;
    font-family: 'rucksackdemi', sans-serif;
    padding: 10px;
    color: #2E3287;
    font-size: 14px;
}

.custom-footer img {
    height: 28px;
    width: auto;
    margin: 0 4px;
}

@media only screen and (max-width: 1330px) {
    .custom-footer a {
        padding: 15px 5px;
        font-size: 13px;
    }

    .custom-footer img {
        height: 24px;
    }
}

@media only screen and (max-width: 980px) {
    .custom-footer > div > div {
        margin-bottom: 0;
    }

    .custom-footer > div > div > div {
        text-align: center !important;
    }
}

/*#endregion*/

.btn, .bg-color-section a {
    background-size: contain !important;
    color: #fff;
    /* padding: 60px; */
    font-family: 'rucksackbold';
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 320px;
    height: 70px;
    line-height: 70px;
    white-space: nowrap;
    cursor: pointer;
}

.btn.btn-orange, .bg-color-section.text-white a {
    background: url('static/img/bg_btn_orange.png') no-repeat center;
}

.btn.btn-blue, .bg-color-section a {
    background: url('static/img/btn_blue.png') no-repeat center;
}

.bg-color-section {
    background-color: transparent;
    position: relative;
    height: 0;
    width: 100%;
}

.et_pb_button_module_wrapper {
    padding: 0 !important;
}

body #page-container .btn.et_pb_button, body #page-container .btn.et_pb_button:hover {
    border: none;
    padding: 0 !important;
    line-height: 70px !important;
    min-width: 300px;
}

@media only screen and (max-device-width: 450px) {
    body #page-container .btn.et_pb_button, body #page-container .btn.et_pb_button:hover {
        min-width: 250px;
    }
}

.text-white {
    color: #ffffff;
}

.bg-color-section > div.et_pb_row {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bg-color-section .et_pb_column {
    margin-bottom: 0 !important;
}

.bg-color-section.bg-static {
    padding-top: 100px !important;
    height: auto;
    top: 0 !important;
    margin-top: -50px;
    margin-bottom: 0;
}

.bg-color-section.bg-static > div.et_pb_row {
    position: static;
    transform: none;
}

@media only screen and (min-width: 2101px) {
    .bg-color-section {
        padding-top: 40% !important;
        top: -200px;
    }

    .bg-color-section.bg-color-section-sm {
        /*padding-top: 30% !important;*/
        padding-top: 35% !important;
    }

    .bg-color-section.bg-color-section-xs {
        padding-top: 25% !important;
        margin-top: -140px;
        margin-bottom: -140px;
    }

    .bg-color-section.bg-static {
        padding-top: 60px !important;
        height: auto;
        top: 0 !important;
        margin-top: -50px;
    }
    
    .bg-color-section.bg-color-section-xs.et_pb_section_7 {
        margin-bottom:-200px !important;
    }
}

@media only screen and (min-width: 1350px) and (max-width: 2100px) {
    .bg-color-section {
        padding-top: 40% !important;
        top: -80px;
    }

    .bg-color-section.bg-color-section-sm {
        /*padding-top: 30% !important;*/
        padding-top: 35% !important;
    }

    .bg-color-section.bg-color-section-xs {
        padding-top: 25% !important;
        margin-top: -70px;
        margin-bottom: -70px;
    }
}

@media only screen and (min-width: 1070px) and (max-width: 1349px) {

    .bg-color-section {
        padding-top: 40% !important;
        top: -60px;
    }

    .bg-color-section.bg-color-section-sm {
        padding-top: 30% !important;
    }

    .bg-color-section.bg-color-section-xs {
        padding-top: 25% !important;
        margin-top: -50px;
        margin-bottom: -50px;
    }

    .bg-color-section.bg-static {
        padding-top: 55px !important;
        padding-bottom: 70px !important;
        margin-top: -50px !important;
        margin-bottom: -50px !important;
    }

}

@media only screen and (max-width: 1069px) {
    h2 {
        font-size: 16pt;
        padding-top: 18px;
        padding-bottom: 16px;
    }

    p {
        font-size: 14px;
    }

    .bg-color-section {
        padding-top: 50% !important;
        margin-top: -50px !important;
    }

    .bg-color-section.bg-color-section-sm {
        padding-top: 30% !important;
        margin-top: -30px !important;
    }

    .bg-color-section.bg-static {
        padding-top: 40px !important;
        margin-top: -60px !important;
    }
}

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

    .bg-color-section > div.et_pb_row {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .bg-color-section {
        margin-top: -40px !important;
        padding-top: 10px !important;
        height: auto;

    }

    .bg-color-section.bg-color-section-sm {
        margin-top: -10px !important;
        padding-top: 10px !important;
        height: auto;
    }
}

.bg-slanted {
    overflow: hidden !important;
}

.yellow-button-wrapper {
    top: -40px;
}

.yellow-button-wrapper > div {
    padding-bottom: 0 !important;
}

@media only screen and (max-device-width: 980px) {
    .yellow-button-wrapper {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1300px) {
    .bg-casestudies-slanted {
        height: 800px;
    }
}

@media only screen and (min-width: 1260px) {
    .bg-casestudies-slanted {
        height: 800px !important;
    }
}

@media only screen and (max-width: 1250px) {
    .bg-casestudies-slanted {
        height: 700px !important;
    }
}

@media only screen and (max-width: 980px) {
    .bg-casestudies-slanted {
        height: auto !important;
    }
}

.bg-slanted:after {
    content: "";
    display: block;
    width: 250%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.bg-slanted.bg-slanted-caseTwo:after {
    background: #D12330;
    -webkit-transform: rotate(1deg) translateX(-50%);
    -moz-transform: rotate(1deg) translateX(-50%);
    -ms-transform: rotate(1deg) translateX(-50%);
    -o-transform: rotate(1deg) translateX(-50%);
    transform: rotate(1deg) translateX(-50%);
}

.partners-logos-wrapper {
    padding: 0 0 30px 0;
}

.partners-logos-wrapper img {
    display: inline-block;
    max-height: 60px;
    width: auto;
    margin: 20px;
    max-width: 300px;
    vertical-align: middle;
}

.blog-post-list > article {
    display: table;
    width: 100%;
    padding: 40px 0 80px;
    border-bottom: 1px solid;
    margin: 0;
    position: relative;
}

.blog-post-list > article > a {
    width: 30%;
    padding-right: 20px;
    display: table-cell !important;
    vertical-align: top;
}

.blog-post-list > article > a > img {
    max-width: 100%;
    max-height: 130px;
    width: auto;
    margin: 0 auto;
    display: block;
}

.blog-post-list > article > h2 {
    margin-top: 0;
    padding: 0 0 20px;
    text-transform: uppercase;
    font-family: 'rucksackbold';
    letter-spacing: 0.1em;
}

.blog-post-list > article > h2.entry-title > a {
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.blog-post-list > article > h2.entry-title > a:after {
    content: " >";
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.blog-post-list > article > h2.entry-title > a:hover {
    border-bottom: 3px solid #333399;
}

.blog-post-list > article > h2.entry-title > a:hover:after {
    visibility: visible;
    opacity: 1;
}

.blog-post-list > article > p.post-meta {
    color: #D22632 !important;
    font-family: 'rucksackbold';
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    padding-bottom: 10px;
    position: absolute;
    bottom: 20px;
}

.blog-post-list > article > p.post-meta > a {
    color: #D22632 !important;
}

@media only screen and (max-device-width: 601px) {
    .blog-post-list > article > a {
        display: block !important;
        margin: 0 auto;
        width: auto;
    }

    .blog-post-list > article > h2 {
        font-size: 24px;
        padding-top: 24px;
        text-align: center;
    }
}

.esg-loadmore-wrapper {
    overflow: hidden !important;
}

.esg-loadmore-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    height: 80px;
    width: 120%;
    left: -10%;
    bottom: -10px;
    right: 0;
    background: #F9AB1E;
    z-index: -5;
    -webkit-transform: rotate(-0.5deg);
    -moz-transform: rotate(-0.5deg);
    -ms-transform: rotate(-0.5deg);
    -o-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
}

body.page-template-page-template-blank-php #page-container {
    overflow: hidden;
}

.parents-ic-social {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}

.parents-ic-social > a {
    position: absolute;
    width: 50%;
    height: 50%;
}

.parents-ic-social > a.ic-tw {
    left: 0;
    top: 0;
}

.parents-ic-social > a.ic-fb {
    right: 0;
    top: 0;
}

.parents-ic-social > a.ic-yt {
    left: 18%;
    bottom: 0;
}

.parents-ic-social > a.ic-is {
    width: 30%;
    right: 0;
    bottom: 0;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 10px auto;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content > h1 {
    font-size: 40px;
    padding: 0;
}

#sfm-overlay {
    background: #fff;
}

.sfm-body-pushed #sfm-overlay, body[class*="sfm-view-pushed"] #sfm-overlay {
    cursor: url("static/img/close2.png") 16 16, pointer !important;
}

/*.esg-layout-even .esg-entry-content {*/
/*display: block !important;*/
/*position: absolute;*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*z-index: 2;*/
/*right: 0;*/
/*left: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*color: #fff;*/
/*background: rgba(209, 37, 48, 0.8);*/
/*-webkit-transition: all 0.2s ease-in;*/
/*-moz-transition: all 0.2s ease-in;*/
/*-ms-transition: all 0.2s ease-in;*/
/*-o-transition: all 0.2s ease-in;*/
/*transition: all 0.2s ease-in;*/
/*}*/

/*.esg-layout-even .esg-entry-content:hover {*/
/*opacity: 1;*/
/*visibility: visible;*/
/*-webkit-transition: all 0.2s ease-in;*/
/*-moz-transition: all 0.2s ease-in;*/
/*-ms-transition: all 0.2s ease-in;*/
/*-o-transition: all 0.2s ease-in;*/
/*transition: all 0.2s ease-in;*/
/*}*/

/*.esg-overlay.esg-fade.eg-wildbrain-container.esg-click-to-play-video:hover {*/
/*position: absolute;*/
/*left: 0;*/
/*right: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*opacity: 1;*/
/*visibility: visible;*/
/*}*/

.esg-entry-media .custom-video-overlay {
    visibility: hidden;
    opacity: 0;
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(209, 37, 48, 0.9);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    pointer-events: none;
}

.esg-entry-media:hover .custom-video-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.VideoIsPlaying .esg-entry-media .custom-video-overlay,
.VideoIsPlaying .esg-entry-media:hover .custom-video-overlay {
    opacity: 0;
    visibility: hidden;
}

.esg-entry-media .custom-video-overlay > div {
    display: table-cell;
    width: 100%;
    height: 40%;
    padding: 10px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60%;
}

.esg-entry-media .custom-video-overlay h2 {
    color: #fff;
    font-size: 1.6em;
    text-transform: uppercase;
    text-align: center;
    font-family: 'rucksackdemi';
    padding: 10px;
    margin: 0;
    display: inline-block;
    border-bottom: 1px solid #eee;
    letter-spacing: 0.1em;
}

.esg-entry-media .custom-video-overlay span.ic-triangle {
    color: #fff;
    font-size: 3em;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
}

.esg-entry-media .custom-video-overlay span.ic-triangle:after {
    content: '\e88c';
    font-family: "eg-font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.esg-navigationbutton.esg-loadmore > h1 {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.esg-navigationbutton.esg-loadmore:hover > h1 {
    color: #ffffff !important;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}

#page-container > header#main-header {
    display: none;
}

.parents-white-segment {
    margin-top: 0 !important;
}

@media only screen and (min-device-width: 981px) and (max-device-width: 1069px) {
    .parents-white-segment {
        margin: -80px 0 !important;
    }
}

.eg-wildbrain-element-6 {
    padding: 0px 0px 15px 0px !important;
    border-bottom: 1px solid;
    font-family: 'rucksackbold', sans-serif;
    letter-spacing: 0.1em;
}

/*.post.type-post {*/
/*margin-bottom: 0;*/
/*padding-bottom: 0;*/
/*}*/