@font-face {
    font-family: 'Gentona';
    src: url("../fonts/Gentona-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Gentona-Thin.otf") format("opentype"), url("../fonts/Gentona-Thin.woff") format("woff"), url("../fonts/Gentona-Thin.ttf") format("truetype"), url("../fonts/Gentona-Thin.svg#Gentona-Thin") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Gentona';
    src: url("../fonts/Gentona-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gentona-Light.otf") format("opentype"), url("../fonts/Gentona-Light.woff") format("woff"), url("../fonts/Gentona-Light.ttf") format("truetype"), url("../fonts/Gentona-Light.svg#Gentona-Light") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Gentona';
    src: url("../fonts/Gentona-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gentona-Book.otf") format("opentype"), url("../fonts/Gentona-Book.woff") format("woff"), url("../fonts/Gentona-Book.ttf") format("truetype"), url("../fonts/Gentona-Book.svg#Gentona-Book") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gentona';
    src: url("../fonts/Gentona-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gentona-Medium.otf") format("opentype"), url("../fonts/Gentona-Medium.woff") format("woff"), url("../fonts/Gentona-Medium.ttf") format("truetype"), url("../fonts/Gentona-Medium.svg#Gentona-Medium") format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'GentonaBold';
    src: url("../fonts/Gentona-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gentona-Bold.otf") format("opentype"), url("../fonts/Gentona-Bold.woff") format("woff"), url("../fonts/Gentona-Bold.ttf") format("truetype"), url("../fonts/Gentona-Bold.svg#Gentona-Bold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gentona';
    src: url("../fonts/Gentona-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gentona-ExtraBold.otf") format("opentype"), url("../fonts/Gentona-ExtraBold.woff") format("woff"), url("../fonts/Gentona-ExtraBold.ttf") format("truetype"), url("../fonts/Gentona-ExtraBold.svg#Gentona-ExtraBold") format("svg");
    font-weight: 900;
    font-style: normal
}

html {
    background: #212121
}

body {
    overflow-x: hidden;
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0 0;
    background: #1c1c1c;
    color: #3d3d3d;
    font: 400 16px/1.5em "Lato", sans-serif;
    transition: padding 0.3s
}

a {
    color: #f96e11;
    text-decoration: none;
    transition: all 0.3s
}

a:hover {
    color: #212121
}

h3.orange {
    color: #f96e11
}

fieldset {
    border: none;
    padding: 0
}

label {
    display: block;
    margin: 30px 0 10px;
    font: 700 15px/1.5em "Gentona", sans-serif;
    text-transform: uppercase
}

input,
textarea,
.select {
    width: 51%!important;
    padding: 22px 30px!important;
    border: 1px solid #e0620f!important;
    background: transparent!important;
    color: #1c1c1c!important;
    font-size: 15px!important;
    font-family: "Lato", sans-serif!important;
    line-height: 20px!important;
    box-sizing: border-box!important;
    vertical-align: middle!important;
    transition: all 0.3s!important;
    outline: none!important;
}

.select {
    display: inline-block!important;
    position: relative!important;
    padding: 0!important;
}

.select select {
    position: absolute!important;
    z-index: 2!important;
    left: 0!important;
    top: 0!important;
    vertical-align: none!important;
    width: 100%!important;
    height: 100%!important;
    opacity: 0!important;
    cursor: pointer!important;
    -webkit-appearance: menulist-button!important;
}

.select select option {
    color: #212121!important;
    padding: 5px 15px!important;
}

.select .val {
    display: block!important;
    padding: 22px 30px!important;
    overflow: hidden!important;
    line-height: 20px!important;
    text-overflow: ellipsis!important;
}

.contact-form-holder input,
.contact-form-holder textarea,
.contact-form-holder .select {
    background: #f96e11!important;
    color: #fff!important;
}

.contact-form-holder input:focus,
.contact-form-holder input:hover,
.contact-form-holder textarea:focus,
.contact-form-holder textarea:hover,
.contact-form-holder .select:focus,
.contact-form-holder .select:hover {
    background: #e0620f!important;
    border-color: transparent!important;
}

input:focus,
textarea:focus,
.select:hover {
    border-color: #1c1c1c
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #fff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #fff;
}

input:placeholder,
textarea:placeholder {
    color: #fff;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    padding: 0;
    border: none
}

input[type="checkbox"] {
    display: none
}

input[type="checkbox"]+label:before {
    float: left;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
    background-position: 50% 50%;
    background-size: 0 0;
    content: ' ';
    transition: all 0.3s;
    cursor: pointer
}

input[type="checkbox"]:checked+label:before {
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41.875 38.605751" height="10px" width="12px"><g transform="matrix(1.25,0,0,-1.25,0,38.60575)"><g style="stroke:%23f96e11"><g style="stroke:%23f96e11"><g style="stroke:%23f96e11" transform="translate(31.5,28.8846)"><path style="fill:none;stroke:%23f96e11;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 -16.385,-26.885 -29.5,-11.829" /></g></g></g></g></svg>') no-repeat 50% 50%;
    background-size: 12px 10px
}

input[type="radio"] {
    display: none
}

input[type="radio"]+label:before {
    float: left;
    clear: left;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    background: #fff;
    background-position: 50% 50%;
    background-size: 0 0;
    content: ' ';
    transition: all 0.3s;
    cursor: pointer
}

input[type="radio"]:checked+label:before {
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41.875 38.605751" height="10px" width="12px"><g transform="matrix(1.25,0,0,-1.25,0,38.60575)"><g style="stroke:%23f96e11"><g style="stroke:%23f96e11"><g style="stroke:%23f96e11" transform="translate(31.5,28.8846)"><path style="fill:none;stroke:%23f96e11;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 -16.385,-26.885 -29.5,-11.829" /></g></g></g></g></svg>') no-repeat 50% 50%;
    background-size: 12px 10px
}

.radio,
.checkbox {
    display: block;
    overflow: hidden;
    margin: 5px 0
}

button {
    width: 100%;
    height: 64px;
    padding: 0 20px;
    border: none;
    background: #000;
    color: #fff;
    font: 700 15px/61px "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    vertical-align: middle
}

button:hover,
button:focus {
    background: #f96e11
}

blockquote {
    margin-left: 0;
    padding-left: 2em;
    border-left: 2px solid #f96e11;
    color: #888;
    font-style: italic
}

.cf:after {
    display: block;
    clear: both;
    overflow: hidden;
    height: 0;
    content: " "
}

*::selection {
    background: #f96e11;
    color: #fff
}

*::-moz-selection {
    background: #f96e11;
    color: #fff
}

*::selection a {
    color: #fff
}

*::-moz-selection a {
    color: #fff
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #212121;
    transition: top 0.3s
}

.page-header p {
    margin: 0
}

.sticky-header {
    padding-top: 40px
}

.sticky-header .page-header {
    top: -60px
}

.logo {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 5px 0 5px 15px;
    background: #212121
}

.logo img {
    max-height: 40px;
    border: 1px solid #212121;
    transition: all 0.3s
}

.logo:hover img {
    opacity: 0.75
}

.brief {
    float: right
}

.brief a {
    float: right;
    width: 140px;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    background: #fff;
    color: #f96e11;
    font: 700 17px/20px "Gentona", sans-serif;
    text-transform: uppercase
}

.brief a:hover {
    background: #f96e11;
    color: #fff
}

.home .brief a {
    background: #f96e11;
    color: #fff
}

.home .brief a:hover {
    background: #fff;
    color: #f96e11
}

.searchform {
    display: none;
    clear: both;
    position: relative;
    z-index: 30;
    width: 310px;
    height: 50px;
    margin: 0 auto 30px;
    background: #212121;
    text-align: center
}

.searchform .show-form,
.searchform .close-form {
    display: none
}

.searchform input {
    width: 250px;
    padding: 10px 15px;
    border: none;
    background: transparent;
    color: #6a6a6a;
    font-weight: 400;
    font-size: 17px;
    font-family: "Gentona", sans-serif;
    text-transform: none
}

.searchform input::-webkit-input-placeholder {
    color: #999
}

.searchform input::-moz-placeholder {
    color: #999
}

.searchform input:-ms-input-placeholder {
    color: #999
}

.searchform input:-moz-placeholder {
    color: #999
}

.searchform input:placeholder {
    color: #999
}

.searchform button {
    width: 50px;
    height: 40px;
    overflow: hidden;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat;
    font-size: 0
}

.searchform button:hover,
.searchform button:focus {
    background-color: #f96e11
}

.mainmenu {
    clear: both;
    position: relative;
    top: -30px;
    margin-bottom: -30px;
    padding: 0;
    text-align: center
}

.mainmenu .call {
    margin: 0 0 5px;
    color: #626262;
    font: 400 14px/1.75em "Gentona", sans-serif
}

.mainmenu>ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939
}

.mainmenu>ul li {
    display: block
}

.mainmenu>ul li:hover {
    z-index: 20
}

.mainmenu>ul li>a {
    display: block;
    padding: 0 20px;
    color: #fff;
    font: 600 15px/40px "Gentona", sans-serif;
    text-transform: uppercase
}

.mainmenu>ul li>a:hover {
    color: #f96e11
}

.mainmenu>ul li.parent>a:after {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: -2px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="10px" width="10px" viewBox="0 0 50 50"><g transform="matrix(1.25,0,0,-1.25,0,50)"><g transform="translate(20,36.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 0,-33" /></g><g transform="translate(3.5,20)"><path style="fill:none;stroke:%23ff7800;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 33,0" /></g></g></svg>') 100% 50% no-repeat;
    content: " "
}

.mainmenu .megamenu {
    display: none;
    padding: 10px 0;
    overflow: scroll;
    background: #fff
}

.mainmenu .megamenu ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

.mainmenu .megamenu ul li a {
    display: block;
    padding: 10px 0;
    color: #212121;
    font: 400 14px/1.2em "Lato", sans-serif;
    text-transform: none
}

.mainmenu .megamenu ul li a:hover {
    color: #f96e11
}

.mainmenu .megamenu ul li:first-child a {
    color: #f96e11;
    font: 600 15px/1.5em "Gentona", sans-serif;
    text-transform: uppercase
}

.mainmenu .megamenu ul li:first-child a:hover {
    color: #212121
}

.mobile-toggle {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 30;
    width: 40px;
    height: 40px;
    margin-top: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap
}

.mobile-toggle:hover {
    background-color: #f96e11;
    color: #fff
}

.mobile-toggle.menu {
    float: left;
    clear: left;
    margin-left: 15px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18.48225 18.48225"><path d="m 0.8589977,3.8780564 16.6467823,0" style="fill:none;fill-rule:evenodd;stroke:%23ffffff;stroke-width:1.20826733;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><path d="m 0.8755992,8.8780564 16.6467818,0" style="fill:none;fill-rule:evenodd;stroke:%23ffffff;stroke-width:1.20826733;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><path style="fill:none;fill-rule:evenodd;stroke:%23ffffff;stroke-width:1.20826733;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 0.87559918,47.71399 16.64678182,0" /><path d="m 0.8002622,13.878056 16.6467818,0" style="fill:none;fill-rule:evenodd;stroke:%23ffffff;stroke-width:1.20826733;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></svg>')
}

.mobile-toggle.search {
    float: right;
    clear: right;
    margin-right: 15px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px"><g transform="matrix(1.25,0,0,-1.25,0,18.48225)"><g id="icon"><g transform="translate(12.5,8.2858)"><path stroke="%23ffffff" d="m 0,0 c 0,-3.314 -2.686,-6 -6,-6 -3.314,0 -6,2.686 -6,6 0,3.314 2.686,6 6,6 3.314,0 6,-2.686 6,-6 z" style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path22"/></g><g id="g24" transform="translate(12.1675,2.6182)"><path stroke="%23ffffff" d="M 0,0 2.118,-2.118" style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path26"/></g></g></g></svg>')
}

@media (min-width: 700px) {
    body {
        padding-top: 118px
    }
    .sticky-header .page-header {
        top: -51px
    }
    .mobile-toggle {
        display: none
    }
    .brief a {
        width: 180px;
        padding: 5px 45px 5px 35px
    }
    .searchform {
        display: block;
        clear: none;
        float: right;
        overflow: hidden;
        width: 90px;
        max-width: none;
        height: 50px;
        margin: 0;
        border-left: 1px solid #393939;
        border-bottom: 1px solid #393939;
        line-height: 50px;
        text-align: left;
        white-space: nowrap
    }
    .searchform .show-form,
    .searchform .close-form {
        display: inline-block;
        width: 90px;
        height: 50px;
        overflow: hidden;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-indent: 100%;
        white-space: nowrap
    }
    .searchform .show-form {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px"><g transform="matrix(1.25,0,0,-1.25,0,18.48225)"><g id="icon"><g transform="translate(12.5,8.2858)"><path stroke="%23ffffff" d="m 0,0 c 0,-3.314 -2.686,-6 -6,-6 -3.314,0 -6,2.686 -6,6 0,3.314 2.686,6 6,6 3.314,0 6,-2.686 6,-6 z" style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path22"/></g><g id="g24" transform="translate(12.1675,2.6182)"><path stroke="%23ffffff" d="M 0,0 2.118,-2.118" style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path26"/></g></g></g></svg>');
        background-size: 18px 18px
    }
    .searchform .show-form:hover,
    .searchform .show-form:focus {
        background-size: 24px 24px
    }
    .searchform .close-form {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.8735 14.8735" height="14.8735" width="14.8735"><g transform="matrix(1.25,0,0,-1.25,0,14.8735)"><g style="stroke:%23ffffff"><g style="stroke:%23ffffff"><g style="stroke:%23ffffff" transform="translate(0.5,11.3988)"><path style="fill:none;stroke:%23ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 10.899,-10.899" /></g><g style="stroke:%23ffffff" transform="translate(0.5,0.5)"><path style="fill:none;stroke:%23ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 10.899,10.899" /></g></g></g></g></svg>');
        background-size: 15px 15px
    }
    .searchform .close-form:hover,
    .searchform .close-form:focus {
        background-size: 24px 24px
    }
    .searchform.show .show-form {
        width: 0
    }
    .searchform .field-holder {
        display: inline-block;
        vertical-align: top
    }
    .searchform input {
        width: 330px;
        padding: 2px 30px
    }
    .searchform button {
        width: 100px;
        height: 50px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat;
        line-height: 50px
    }
    .mainmenu {
        top: 0;
        margin-bottom: 0;
        padding: 5px 10px
    }
    .mainmenu>ul {
        display: block;
        border: none
    }
    .mainmenu>ul li {
        display: inline-block
    }
    .mainmenu>ul li>a {
        line-height: 1.3em
    }
    .mainmenu .megamenu {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 500;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #212121;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        font-size: 0;
        text-align: center
    }
    .mainmenu .megamenu .submenu {
        display: inline-block;
        width: 50%;
        padding: 10px 20px;
        box-sizing: border-box;
        text-align: left;
        vertical-align: top
    }
    .mainmenu .megamenu .submenu li {
        display: block
    }
    .mainmenu .megamenu .submenu li a {
        display: block;
        padding: 5px 0
    }
}

@media (min-width: 900px) {
    .mainmenu .megamenu .submenu {
        width: 25%
    }
}

@media (min-width: 1170px) {
    body,
    body.sticky-header {
        padding-top: 90px
    }
    .page-header,
    .sticky-header .page-header {
        position: fixed;
        width: 100%;
        max-width: 1600px;
        left: 50%;
        top: 0;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .brief a {
        padding: 25px 45px 25px 35px
    }
    .logo {
        margin: 0;
        padding: 20px 0 0 50px
    }
    .logo img {
        display: block;
        max-height: 50px
    }
    .searchform {
        height: 90px;
        border-bottom: none;
        line-height: 90px
    }
    .searchform .show-form,
    .searchform .close-form {
        height: 90px
    }
    .searchform input {
        width: 1000px;
        padding: 22px 30px
    }
    .searchform button {
        height: 64px;
        line-height: 64px
    }
    .mainmenu {
        position: static;
        clear: none;
        float: right;
        padding: 17px 25px 15px 0;
        text-align: right
    }
    .mainmenu .call {
        margin: -2px 0 2px;
        padding-right: 20px
    }
    .mainmenu .megamenu {
        max-height: none;
        overflow: hidden
    }
}

@media (min-width: 1600px) {
    .page-header {
        left: 50%;
        transform: translateX(-50%)
    }
}

.content {
    background: #fff
}

.content p,
.content ul,
.content ol {
    margin: 1.5em 0
}

.inside {
    max-width: 1170px;
    margin: 0 auto;
    padding: 2px 10px
}

@media (min-width: 1170px) {
    .inside {
        padding: 0
    }
    .main .inside {
        padding: 0 10px
    }
}

.page-footer {
    max-width: 1170px;
    margin: 0 auto;
    padding: 30px 10px;
    color: #6c6c6c
}

.page-footer .footer-section {
    padding-top: 30px;
    text-align: center
}

.page-footer .footer-section-title {
    margin: -12px 0 1em;
    color: #f96e11;
    font: 700 30px/1.2em "Gentona", sans-serif;
    text-transform: uppercase
}

.page-footer .tagline {
    margin: 0.5em 0 1.5em;
    color: #fff;
    font: 700 20px/1.2em "Gentona", sans-serif;
    text-transform: uppercase
}

.page-footer .mailing {
    padding: 30px;
    border: 1px solid #303030;
    text-align: center
}

.page-footer .mailing .footer-section-title {
    margin-bottom: 0
}

.page-footer .mailing input {
    margin: 0 0 7px;
    border: none;
    background: #171717;
    color: #616161
}

.page-footer .mailing input:focus {
    background: #303030;
    color: #ddd
}

.page-footer .mailing button {
    border: 1px solid #f96e11;
    background: transparent;
    color: #f96e11
}

.page-footer .mailing button:hover {
    background: #f96e11;
    color: #fff
}

.page-footer .mailing button:after {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 11px;
    margin: -4px 5px 0 30px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') no-repeat;
    content: ' ';
    transition: all 0.3s
}

.page-footer .mailing button:hover:after {
    margin-left: 35px;
    margin-right: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.page-footer .nav {
    font: 700 17px/1.75em "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.page-footer .nav .menu {
    list-style: none;
    margin: 0 0 50px;
    padding: 0
}

.page-footer .nav a {
    color: #898989
}

.page-footer .nav a:hover {
    color: #fff
}

.page-footer .nav .find-on-map a:after {
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 15px;
    margin-top: 5px;
    margin-left: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.75 85.812126" height="15px" width="11px"><g transform="matrix(1.25,0,0,-1.25,0,85.812125)"><g><g><g transform="translate(25.5,32.483)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c -5.155,0 -9.333,4.179 -9.333,9.333 0,5.155 4.178,9.334 9.333,9.334 5.155,0 9.333,-4.179 9.333,-9.334 C 9.333,4.179 5.155,0 0,0 m 0,36.167 c -14.083,0 -25.5,-11.417 -25.5,-25.5 0,-19.334 25.5,-43.15 25.5,-43.15 0,0 25.5,23.65 25.5,43.15 0,14.083 -11.417,25.5 -25.5,25.5" /></g></g></g></g></svg>');
    opacity: 0.54;
    content: ' ';
    transition: all 0.3s
}

.page-footer .nav .find-on-map a:hover:after {
    opacity: 1
}

.page-footer .contact .incentive {
    margin-bottom: 2em;
    color: #fff;
    font-weight: 700;
    font-size: 17px
}

.page-footer .contact .incentive a {
    padding-bottom: 7px;
    border-bottom: 1px solid #f96e11;
    color: #fff;
    white-space: nowrap
}

.page-footer .contact .incentive a:hover {
    border-color: #fff;
    color: #f96e11
}

.page-footer .copyright {
    clear: left;
    font-size: 14px;
    text-align: center
}

.page-footer .copyright a:hover {
    color: #fff
}

@media (min-width: 600px) {
    .page-footer .mailing {
        text-align: left
    }
    .page-footer .footer-section {
        float: left;
        /*width: 50%;*/
        margin-bottom: 60px;
        text-align: left
    }
    .page-footer .nav {
        min-width: 280px
    }
    .page-footer .copyright {
        text-align: left
    }
}

@media (min-width: 1100px) {
    .page-footer .footer-section {
        display: inline-block;
        float: none;
        max-width: 330px;
        vertical-align: top
    }
    .page-footer .mailing {
        float: right;
        width: 450px;
        box-sizing: border-box
    }
}

@media (min-width: 1170px) {
    .page-footer {
        margin: 0 auto;
        padding: 110px 0
    }
}

.icon.after:after {
    display: inline-block;
    content: " ";
    vertical-align: middle;
    margin-left: 20px;
    margin-top: -3px
}

.icon.before:before {
    display: inline-block;
    content: " ";
    vertical-align: middle;
    margin-right: 20px;
    margin-top: -3px
}

.icon.plus-orange:before,
.icon.plus-orange:after {
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="10px" width="10px" viewBox="0 0 50 50"><g transform="matrix(1.25,0,0,-1.25,0,50)"><g transform="translate(20,36.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 0,-33" /></g><g transform="translate(3.5,20)"><path style="fill:none;stroke:%23ff7800;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 33,0" /></g></g></svg>')
}

.icon.arrow-right-white:before,
.icon.arrow-right-white:after {
    width: 17px;
    height: 11px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.icon.arrow-right-orange:before,
.icon.arrow-right-orange:after {
    width: 17px;
    height: 11px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.icon.arrow-left-white:before,
.icon.arrow-left-white:after {
    width: 17px;
    height: 11px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.icon.arrow-left-orange:before,
.icon.arrow-left-orange:after {
    width: 17px;
    height: 11px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.icon.download:before,
.icon.download:after {
    width: 11px;
    height: 28px;
    margin-top: -5px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.011002 32.021999" height="28px" width="14px"><g transform="matrix(1.25,0,0,-1.25,0,32.022)" style="stroke:%23ffffff"><g transform="matrix(0,-1,1,0,5.595838,31.213038)" style="stroke:%23ffffff"><g style="stroke:%23ffffff" transform="translate(16,24.1176)"><path d="M 0,0 11.309,-11.309 0,-22.618" style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" /></g><g style="stroke:%23ffffff" transform="matrix(0.77600212,0,0,1,1.0833057,12.8088)"><path d="M 0,0 32.333,0" style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"  /></g><path d="m 35.555004,-0.05983136 0,25.50905036" style="fill:none;fill-rule:evenodd;stroke:%23ffffff;stroke-width:0.80000001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;opacity:0" /><g style="stroke:%23ffffff" transform="matrix(0,-0.7177013,1,0,35.258444,24.474126)"><path d="M 0,0 32.333,0" style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" /></g></g></g></svg>')
}

.icon.eye-orange:before,
.icon.eye-orange:after {
    width: 24px;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="12px" viewBox="0 0 29.531626 13.7615"><g transform="matrix(1.25,0,0,-1.25,0,13.7615)"><g><g><g transform="translate(15.3496,5.5046)"><path style="fill:none;stroke:%23f96e11;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 0,-1.953 -1.584,-3.537 -3.537,-3.537 -1.953,0 -3.537,1.584 -3.537,3.537 0,1.953 1.584,3.537 3.537,3.537 C -1.584,3.537 0,1.953 0,0 Z" /></g><g transform="translate(22.9204,5.5046)"><path style="fill:none;stroke:%23f96e11;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 0,0 -4.973,-5.005 -11.108,-5.005 -6.134,0 -11.108,5.005 -11.108,5.005 0,0 4.974,5.005 11.108,5.005 C -4.973,5.005 0,0 0,0 Z" /></g></g></g></g></svg>')
}

.icon.eye-gray:before,
.icon.eye-gray:after {
    width: 24px;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="12px" viewBox="0 0 29.531626 13.7615"><g transform="matrix(1.25,0,0,-1.25,0,13.7615)"><g><g><g transform="translate(15.3496,5.5046)"><path style="fill:none;stroke:%23212121;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 0,-1.953 -1.584,-3.537 -3.537,-3.537 -1.953,0 -3.537,1.584 -3.537,3.537 0,1.953 1.584,3.537 3.537,3.537 C -1.584,3.537 0,1.953 0,0 Z" /></g><g transform="translate(22.9204,5.5046)"><path style="fill:none;stroke:%23212121;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 0,0 -4.973,-5.005 -11.108,-5.005 -6.134,0 -11.108,5.005 -11.108,5.005 0,0 4.974,5.005 11.108,5.005 C -4.973,5.005 0,0 0,0 Z" /></g></g></g></g></svg>')
}

.icon.world-orange:before,
.icon.world-orange:after {
    width: 24px;
    height: 23px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.25 66.25" width="24px" height="23px"><g transform="matrix(1.25,0,0,-1.25,0,66.25)"><g><g><g transform="translate(26.5,51.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 13.807,0 25,-11.193 25,-25 0,-13.807 -11.193,-25 -25,-25 -13.807,0 -25,11.193 -25,25 0,13.807 11.193,25 25,25 z" /></g><g transform="translate(9.6248,9.041)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 4.447,4.071 10.371,6.555 16.875,6.555 6.761,0 12.894,-2.684 17.394,-7.044" /></g><g transform="translate(9.6248,43.5304)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 4.447,-4.071 10.371,-6.555 16.875,-6.555 6.761,0 12.894,2.684 17.394,7.044" /></g><g transform="translate(24.2932,51.2716)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c -5.885,-6.429 -9.476,-14.994 -9.476,-24.397 0,-9.773 3.88,-18.641 10.183,-25.146" /></g><g transform="translate(28.6197,51.2716)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 5.885,-6.429 9.476,-14.994 9.476,-24.397 0,-9.773 -3.88,-18.641 -10.183,-25.146" /></g><g transform="translate(1.5,26.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 50,0" /></g><g transform="translate(26.5,1.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 0,50" /></g></g></g></g></svg>')
}

.more a {
    display: inline-block;
    min-width: 220px;
    padding: 0 25px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    background: transparent;
    color: #000;
    font: 700 15px/61px "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.more a.icon:after {
    margin-left: 60px
}

.more a:hover {
    background: #212121;
    color: #fff
}

.more a.dark {
    background: #212121;
    color: #fff
}

.more a.dark:hover {
    background-color: #fff;
    color: #212121
}

.more a.dark:hover:after {
    width: 17px;
    height: 11px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.leftAlone {
    float: left;
    margin-right: 100%
}

.rightAlone {
    float: right;
    margin-left: 100%
}

.alignright {
    text-align: right
}

.alignleft {
    text-align: left
}

.subheader {
    padding: 20px 0 0;
    background: #f96e11
}

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

.subheader .page-title {
    margin: 20px 0 0;
    padding: 0 0 20px;
    color: #fff;
    font: 900 55px/0.9em "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.subheader .intro {
    max-width: 1170px;
    margin: 0 10px;
    padding-top: 20px
}

.subheader .intro-title {
    margin: 0 0 40px;
    color: #212121;
    font: 900 30px/1.1em "Gentona", sans-serif;
    text-align: center
}

.subheader .intro-image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.subheader img.intro-image.small-margin,
.subheader img.intro-image.big-margin {
    -webkit-transform-style: preserve-3d;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.subheader img.intro-image.small-margin {
    margin-top: -20px
}

.subheader img.intro-image.big-margin {
    margin-top: -50px
}

.special {
    padding: 30px 0 50px;
    background: #f0f0f0
}

.special .section-title {
    margin-top: 0;
    color: #212121;
    font: 900 40px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.lead {
    max-width: 950px;
    margin: 0 auto;
    padding: 44px 10px;
    color: #212121;
    font: 300 24px/1.5em "Gentona", sans-serif;
    text-align: center
}

.reading .lead {
    max-width: none;
    text-align: left;
    padding: 0
}

.inside.two-row-box div.lead {
    padding: 10px
}

.inside.two-row-box div.lead p.lead {
    margin: 5px;
    padding: 5px 0
}

.inside.two-row-box div.lead h2 {
    margin: 0.5em 0 0.2em
}

.inside.two-row-box.border {
    border: 1px solid #e5e5e5
}

.inside.two-row-box.with-lead {
    margin-top: 40px
}

.inside.two-row-box .text-img-block {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    padding: 0;
    overflow: hidden;
    align-items: center
}

.inside.two-row-box .text-img-block.noBorder {
    border-bottom: 0 !important
}

.inside.two-row-box .text-img-block.align-top {
    align-items: flex-start
}

.inside.two-row-box .text-img-block.align-center {
    align-items: center
}

.inside.two-row-box .text-img-block .img {
    -webkit-transform-style: preserve-3d;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.inside.two-row-box .text-img-block .img.scaledImage img {
    max-height: 300px
}

.inside.two-row-box .text-img-block.alt .img {
    padding: 0
}

.inside.two-row-box .text-img-block p {
    margin: 0
}

.text-img-block {
    margin: 0 auto;
    padding: 50px 0;
    border-bottom: 1px solid #e6e6e6
}

.text-img-block.box.color a {
    color: #fff
}

.text-img-block.box.color a:hover {
    color: #1c1c1c
}

.text-img-block.box.color .img.right {
    text-align: right !important
}

.text-img-block.box.color .img.right img {
    display: inline-block
}

.text-img-block.noBorder {
    border-bottom: 0 !important
}

.text-img-block .img {
    margin: 0;
    text-align: center
}

.text-img-block img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.text-img-block .text {
    padding: 0 10px 30px;
    font-size: 18px
}

.text-img-block .text.center {
    margin: 0 auto;
    text-align: center !important
}

.text-img-block .text+.img {
    padding: 60px
}

.text-img-block .img+.text {
    padding: 60px
}

.text-img-block .block-title {
    margin: 0 0 0.5em;
    color: #f96e11;
    font: 700 26px/1.3em "Gentona", sans-serif
}

.text-img-block p {
    margin: 1em 0;
    line-height: 1.5em
}

.text-img-block .more {
    margin: 1.5em 0 !important
}

.text-img-block .more a {
    border-color: #f96e11;
    background: #f96e11;
    color: #fff
}

.text-img-block .more a:hover {
    border-color: transparent;
    background: #636363
}

.text-img-block .more a:after {
    margin: 0 5px 0 55px;
    transition: margin 0.3s
}

.text-img-block .more a:hover:after {
    margin: 0 0 0 60px
}

.text-img-block.alt-title .block-title {
    color: #212121
}

.text-img-block.bright {
    border: none;
    background: #f0f0f0
}

.text-img-block.bright .block-title {
    color: #212121
}

.text-img-block.dark {
    border: none;
    background: #212121;
    color: #8e8e8e
}

.text-img-block.dark .block-title {
    color: #fff
}

.text-img-block.color {
    border: none;
    background: #f96e11;
    color: #212121
}

.text-img-block.color .block-title {
    color: #fff
}

.text-img-block.align-top {
    padding-bottom: 60px
}

.text-img-block.box {
    margin: 0;
    padding: 0
}

.text-img-block.box:nth-of-type(1) {
    padding-top: 0
}

.text-img-block.box .img {
    margin: 0;
    padding: 0
}

.text-img-block.box .text {
    margin: 0;
    padding: 30px
}

.text-img-block.align-top {
    align-items: flex-start
}

.text-img-block.align-center {
    align-items: center
}

.page-nav {
    max-width: 1170px;
    margin: 0 auto;
    padding: 30px 10px;
    text-align: center
}

.page-nav:after {
    display: block;
    clear: both;
    height: 0;
    margin: 0;
    content: ' '
}

.page-nav a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 64px;
    margin: 10px 0;
    padding: 0 25px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    color: #000;
    font: 700 17px/61px "Gentona", sans-serif;
    text-transform: uppercase;
    white-space: nowrap
}

.page-nav a:hover {
    background: #212121;
    color: #fff
}

.page-nav a.icon.arrow-left-orange:before {
    margin-right: 20px;
    margin-left: 5px;
    transition: margin 0.3s
}

.page-nav a.icon.arrow-left-orange:hover:before {
    margin-right: 25px;
    margin-left: 0
}

.page-nav a.icon.arrow-right-orange:after {
    margin-right: 5px;
    margin-left: 20px;
    transition: margin 0.3s
}

.page-nav a.icon.arrow-right-orange:hover:after {
    margin-right: 0;
    margin-left: 25px
}

.page-nav a.load-more,
.page-nav a.load-more-learning {
    display: inline-block
}

.page-nav a .what {
    display: none
}

.service-contact-section {
    margin-top: 60px
}

.service-contact-section .contact-title {
    margin: 0;
    font: 900 30px/1.3em "Gentona", sans-serif
}

.service-contact-section .text:not(input) {
    padding: 30px 10px;
    background: #f0f0f0 url("../img/service-contact-bg.svg") 100% 100% no-repeat;
    background-size: 300px 300px;
    color: #000
}

.service-contact-section .text:not(input) .contact-title {
    color: #f96e11
}

.service-contact-section .text:not(input) .more a {
    border: none;
    background: #fff
}

.service-contact-section .text:not(input) .more a:after {
    margin: -3px 5px 0 30px;
    transition: margin 0.3s
}

.service-contact-section .text:not(input) .more a:hover {
    background: #1c1c1c;
    color: #f96e11
}

.service-contact-section .text:not(input) .more a:hover:after {
    margin: -3px 0 0 35px
}

.service-contact-section .demo-form {
    padding: 30px 10px;
    background: #f96e11;
    color: #212121;
    font-size: 18px
}

.service-contact-section .demo-form .flag {
    display: none
}

.service-contact-section .demo-form fieldset {
    font-size: 16px
}

.service-contact-section .demo-form p.field {
    margin: 0
}

.service-contact-section .demo-form p.check {
    color: #fff;
    font-size: 14px;
    line-height: 1.3em
}

.service-contact-section .demo-form p.check label {
    cursor: pointer
}

.service-contact-section .demo-form p.check label:before {
    margin: 0 15px 15px 0;
    border-color: #d65e0e;
    background-color: #ec6810
}

.service-contact-section .demo-form p.check input:checked+label:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41.875 38.605751" height="10px" width="12px"><g transform="matrix(1.25,0,0,-1.25,0,38.60575)"><g style="stroke:%23ffffff"><g style="stroke:%23ffffff"><g style="stroke:%23ffffff" transform="translate(31.5,28.8846)"><path style="fill:none;stroke:%23ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 -16.385,-26.885 -29.5,-11.829" /></g></g></g></g></svg>')
}

.service-contact-section .demo-form input {
    margin-bottom: 5px
}

.service-contact-section .demo-form .contact-title {
    text-transform: uppercase
}

.service-contact-section .demo-form .contact-title strong {
    color: #fff
}

.service-contact-section .demo-form .submit {
    margin-bottom: 0;
    text-align: right
}

.service-contact-section .demo-form .submit button {
    width: 260px
}

.service-contact-section .demo-form .submit button:after {
    display: inline-block;
    width: 17px;
    height: 11px;
    margin: -3px 5px 0 55px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>');
    content: " ";
    transition: margin 0.3s
}

.service-contact-section .demo-form .submit button:hover {
    background: #f0f0f0
}

.service-contact-section .demo-form .submit button:hover:after {
    margin: -3px 0 0 60px
}

.service-contact-section .demo-form input:focus,
.service-contact-section .demo-form textarea:focus,
.service-contact-section .demo-form .select select:focus {
    border: transparent;
    background: #e0620f
}

.project-header {
    position: relative;
    overflow: hidden;
    text-align: center
}

.project-header .overlay {
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6)
}

.project-header .overlay .inside {
    padding: 80px 10px 50px;
    color: #fff;
    text-align: left
}

.project-header .overlay .project-title {
    margin: 0;
    padding: 0;
    font: 900 35px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.project-header .header-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: translateX(-50%);
    min-height: 100%
}

.image-header {
    position: relative
}

.image-header .overlay {
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center
}

.image-header .inside {
    position: relative;
    z-index: 3;
    padding: 1px 10px;
    color: #fff
}

.image-header .page-title {
    margin: 40px 0;
    font: 900 55px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.image-header .page-descr {
    font: 900 20px/1.3em "Gentona", sans-serif
}

.image-header .big-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    min-width: 100%
}

.content-section {
    padding-bottom: 90px
}

.content-section .section-title {
    margin: 0 0 50px;
    color: #212121;
    font: 700 40px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

section.common-section {
    padding: 50px 0
}

@media (min-width: 500px) {
    .page-nav a.prev {
        float: left;
        padding-left: 20px
    }
    .page-nav a.next {
        float: right;
        padding-right: 20px
    }
    .page-nav a.icon.arrow-left-orange:before {
        margin-right: 60px;
        margin-left: 5px;
        transition: margin 0.3s
    }
    .page-nav a.icon.arrow-left-orange:hover:before {
        margin-right: 65px;
        margin-left: 0
    }
    .page-nav a.icon.arrow-right-orange:after {
        margin-right: 5px;
        margin-left: 60px;
        transition: margin 0.3s
    }
    .page-nav a.icon.arrow-right-orange:hover:after {
        margin-right: 0;
        margin-left: 65px
    }
}

@media (min-width: 800px) {
    .subheader {
        padding-bottom: 0
    }
    .subheader.intro-image.left {
        float: left !important
    }
    .subheader .intro-title {
        float: left;
        max-width: 50%;
        padding-right: 40px;
        box-sizing: border-box;
        text-align: left
    }
    .subheader .intro-image {
        float: right;
        max-width: 50%
    }
    .text-img-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        font-size: 0;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap
    }
    .text-img-block.align-bottom .img {
        margin-bottom: -50px
    }
    .text-img-block.align-bottom .text {
        padding: 30px 60px 0 60px
    }
    .text-img-block.nowrap {
        flex-wrap: initial;
        -webkit-flex-wrap: initial;
        -moz-flex-wrap: initial
    }
    .text-img-block:nth-of-type(1) {
        padding-top: 30px
    }
    .text-img-block .img,
    .text-img-block .text {
        display: inline-block;
        vertical-align: bottom;
        width: 50%;
        box-sizing: border-box
    }
    .text-img-block .img {
        padding: 0 30px
    }
    .text-img-block.align-top {
        align-items: flex-start
    }
    .text-img-block.align-top .img,
    .text-img-block.align-top .text {
        vertical-align: top
    }
    .text-img-block.block {
        border: none
    }
    .text-img-block.block .text {
        padding-right: 60px
    }
    .text-img-block.block .img {
        padding-left: 60px
    }
    .text-img-block.box {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        border: none
    }
    .text-img-block.box .img,
    .text-img-block.box .text {
        float: none;
        flex-grow: 1
    }
    .text-img-block.box .img {
        padding: 0
    }
    .text-img-block.box .text {
        padding: 0 30px
    }
    .text-img-block.box.alt .img {
        order: 2;
        padding: 0
    }
    .text-img-block.alt .img {
        order: 2
    }
    .double .text-img-block {
        display: block
    }
    .service-contact-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: stretch;
        margin-top: 0px
    }
    .service-contact-section .text:not(input),
    .service-contact-section .demo-form {
        display: flex;
        flex-grow: 1;
        width: 50%;
        padding-top: 50px;
        align-items: center
    }
    .service-contact-section .text {
        justify-content: flex-end
    }
    .service-contact-section .demo-form {
        justify-content: flex-start
    }
    .service-contact-section .contact-inside {
        max-width: 580px;
        padding: 0 30px;
        box-sizing: border-box
    }
    .project-header .overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%
    }
    .project-header .overlay .project-title {
        font-size: 55px
    }
    .project-header .header-image {
        position: relative;
        z-index: 1;
        transform: none;
        min-width: 100%
    }
    .page-nav {
        padding: 30px 10px
    }
}

@media (min-width: 1000px) {
    .subheader {
        padding: 90px 0 50px;
        min-height: 65px
    }
    .subheader .subheader-info {
        float: right;
        text-align: left
    }
    .subheader .page-title {
        margin: -10px 0 0;
        padding-bottom: 20px;
        text-align: left
    }
    .image-header {
        position: relative;
        text-align: center
    }
    .image-header .overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        text-align: left
    }
    .image-header .big-img {
        display: block;
        position: static;
        min-height: none;
        max-width: 100%
    }
    .image-header .page-descr {
        font-size: 30px;
        line-height: 1.3em
    }
}

@media (min-width: 1020px) {
    .page-nav a .what {
        display: block;
        float: right;
        color: #f96e11;
        margin-left: 155px
    }
    .text-img-block .text {
        vertical-align: middle
    }
    .text-img-block .img {
        padding-right: 90px;
        text-align: right;
        vertical-align: middle
    }
    .text-img-block img {
        display: inline-block;
        margin: 0
    }
    .text-img-block.alt .img {
        padding: 0 0 0 90px;
        text-align: left
    }
    .text-img-block.box .text {
        padding: 60px
    }
    .double {
        overflow: hidden
    }
    .double .text-img-block {
        float: right;
        width: 50%;
        box-sizing: border-box;
        margin-bottom: -1000px;
        padding: 80px 60px 1000px
    }
    .double .text-img-block .img,
    .double .text-img-block .text {
        display: block;
        width: auto;
        padding: 0
    }
    .double .text-img-block .img+.text {
        padding: 30px
    }
    .double .text-img-block:first-child {
        float: left
    }
    .double .text-img-block:first-child .img {
        text-align: center
    }
    .service-contact-section .contact-inside {
        padding: 0 60px 30px
    }
    .service-contact-section .demo-form .contact-inside {
        padding-right: 0
    }
}

@media (min-width: 1170px) {
    .subheader {
        min-height: 100px
    }
    .subheader .intro {
        margin: 0 auto
    }
    .special {
        padding: 120px 0 200px
    }
    .service-contact-section .demo-form .field.double {
        font-size: 0
    }
    .service-contact-section .demo-form .field.double input {
        width: 255px
    }
    .service-contact-section .demo-form .field.double input+input {
        margin-left: 5px
    }
    img.intro-image.small-margin,
    img.intro-image.big-margin {
        -webkit-transform-style: preserve-3d;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (min-width: 1400px) {
    .service-contact-section .demo-form .form.fixed {
        position: fixed;
        z-index: 30;
        left: 100%;
        top: 200px;
        width: 610px;
        max-width: 610px;
        padding-right: 30px;
        padding-top: 30px;
        background: #f96e11
    }
    .service-contact-section .demo-form .form.fixed .flag {
        display: block;
        position: absolute;
        left: -64px;
        top: 0;
        width: 64px;
        height: 64px;
        margin: 64px 0 0;
        background: #f00;
        transform: rotate(-90deg)
    }
    .service-contact-section .demo-form .form.fixed .flag a {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: auto;
        height: 64px;
        margin-top: 0;
        margin-right: -100%;
        padding: 0 20px;
        background: #f96e11;
        color: #000;
        font: 700 17px/61px "Gentona", sans-serif;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap
    }
    .service-contact-section .demo-form .form.fixed .flag a strong {
        color: #fff
    }
    .service-contact-section .demo-form .form.fixed .flag a:after {
        display: inline-block;
        width: 24px;
        height: 12px;
        margin: -5px 0 0 45px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="12px" viewBox="0 0 29.531626 13.7615"><g transform="matrix(1.25,0,0,-1.25,0,13.7615)"><g><g><g transform="translate(15.3496,5.5046)"><path style="fill:none;stroke:%23ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 0,-1.953 -1.584,-3.537 -3.537,-3.537 -1.953,0 -3.537,1.584 -3.537,3.537 0,1.953 1.584,3.537 3.537,3.537 C -1.584,3.537 0,1.953 0,0 Z" /></g><g transform="translate(22.9204,5.5046)"><path style="fill:none;stroke:%23ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 0,0 -4.973,-5.005 -11.108,-5.005 -6.134,0 -11.108,5.005 -11.108,5.005 0,0 4.974,5.005 11.108,5.005 C -4.973,5.005 0,0 0,0 Z" /></g></g></g></g></svg>');
        content: " "
    }
    .service-contact-section .demo-form .form.fixed .flag a:hover {
        background: #212121;
        color: #FFF
    }
    .image-header .inside {
        padding-top: 110px
    }
}

@media (min-width: 800px) {
    img.intro-image {
        margin-top: 0 !important
    }
}

.audit {
    background: #f96e11;
    color: #fff
}

.audit .inside {
    padding: 30px 10px
}

.audit .section-title {
    margin: 0 0 0.25em;
    font: 100 55px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.audit .section-title strong {
    font-weight: 900
}

.audit .audit-form input:focus,
.audit .audit-form .select select:focus,
.audit .audit-form textarea:focus {
    background: #e0620f;
    border-color: transparent
}

.animation-stage {
    display: none
}

.audit-text {
    max-width: 410px;
    margin: 0 auto;
    text-align: center
}

.audit-text p {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.5em
}

.audit-form {
    max-width: 410px;
    margin: 30px auto 0;
    text-align: center
}

.audit-form p {
    margin: 0
}

.audit-form input {
    margin-bottom: 1px;
    color: #fff;
    text-align: center;
    transition: all 0.3s
}

.audit-form button {
    background: #fff;
    color: #212121
}

.audit-form button:hover {
    background: #212121;
    color: #fff
}

.audit-form button:after {
    display: inline-block;
    width: 17px;
    height: 11px;
    margin: -3px 5px 0 40px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>');
    vertical-align: middle;
    content: " ";
    transition: all 0.3s
}

.audit-form button:hover:after {
    margin: -3px 0 0 45px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

@media (min-width: 850px) {
    .audit .inside {
        padding: 150px 10px 80px
    }
    .audit-text {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left
    }
    .audit-form {
        float: right;
        width: 50%;
        margin: 0
    }
}

@media (min-width: 1170px) {
    .audit .inside {
        position: relative
    }
    .audit .audit-form,
    .audit .audit-text {
        position: relative;
        z-index: 5
    }
    .animation-stage {
        display: block;
        position: absolute;
        left: 440px;
        bottom: 0;
        z-index: 0;
        width: 440px;
        height: 370px
    }
    .animation-stage .monitor {
        position: relative;
        z-index: 1;
        width: 440px;
        height: 370px;
        background: url("../img/desktop.svg") 50% 100% no-repeat
    }
    .animation-stage .website {
        position: absolute;
        z-index: 0;
        left: 25px;
        bottom: 65px;
        width: 208px;
        height: 301px;
        background: url("../img/website.svg") 0 0 no-repeat
    }
    .animation-stage .magnifier {
        display: block;
        position: absolute;
        z-index: 2;
        left: -100px;
        bottom: 100px;
        overflow: hidden;
        width: 161px;
        height: 111px;
        background: url("../img/magnifier.svg") no-repeat
    }
}

.social {
    padding: 25px 0;
}

.social .social-title {
    margin: 0;
    padding: 0;
    color: #fff;
    font: 700 17px/64px "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.social .social-links {
    clear: left;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.social .social-links li {
    margin: 0;
    padding: 0
}

.social .social-links a {
    display: block;
    position: relative;
    height: 64px;
    color: #fff;
    font: 700 15px/64px "Gentona", sans-serif;
    text-transform: uppercase
}

.social .social-links a span {
    display: block;
    position: relative;
    z-index: 2;
    height: 64px;
    padding-left: 95px;
    line-height: 64px
}

.social .social-links a:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 64px;
    height: 64px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAE2CAYAAAB7plIKAAAEPklEQVR42u3c/2tVZQDH8XO3tXWzOacM2ioVoxqGWqtAKQWCwFFarYBYxTDIBJjgf1BEVQAhSBRQCCCVVCGZPzVKJQqqtrXBrGGpAyxc6967e7tua7u39wmBh4e7c56dL2Ts84GXXNl2397j2c64V5epVqtemlNAAQUUUEABBf5/gXr04SlswRr7vsCsEXBRjxMImleDc6APQSvBq6XBc9vjsFfCF5hFGSz6IfoO9p6GF6bOc1sT7OUQttBDtBf+VsPeTtwIf2UciXKaVuGyr3Ef7HGIktmPYOkFRqJ+Jr8Gf8+iDeY+wi/w9w7OxjlNR2DvIbfTNN0poIAC+r5IAQUUUEABBRRQQAEFFFBAAQUUWE4B+2nNRniO1uF9FLGAEfQZb9+BzTAD1RPYBC/ErZhErR3HKH5F1gw0ooJJbAkJnETQijiA/WagzXq55Bl4NWyAywrotA9RAeYGsM0KdCNsOXTBswNvotZG8Qp2Yy/C9i08O7ACm3EWcTdQ68nxLIaQRdxN1HrW8Q+MoQNxN7jYJ9oTSGIbg14JPIB5RN0ovKDA/Xgbc4iy58MCG2M8gnNoDA4A+xBlO5fyauwOHMMUXPY6vKUEGrAH0wjbYWQWC/z7BnYb6nETtqMXtyBoFbyIl1ANu+B04Uu47hTugRfGvmRuQi+2o9N43X4KP+MUPsSQvqtQQAEFFFBAAQUUUEABBRRQQAEFFPgvA63oxzasQssVWfhrxAqY+wtz8DeDPArI4xscQs4P+Hc0iA1Icudxp0egH2mt338En1LahTR2vI5fOpDWOvxHcI4b6xG0wyhiHxrhugue45Ovr8LDWryLv+GyP/0PuuwaMNyOo1hA0Ga8KnMNWBrwFgIX9RE8hjMI24x/FpXhuq34Cp+gE2Eru55FH+Aa9CAD113wA99z426ksR/8Q3QRae2iH/gcaW0g9a+m5vVgP7Yucj24FlmYu4yZsOuBrskKKKCAAgoooIACCiiggAIKKKDAsv3vAXfhJ/g7ifYk7tcMnIG5I0kH7A0lHTgNc28kHejAUQzjIK6LFbD/xWwmk0n85LFP0wew1nifYaLDV96513pa/z204jl0IYMJfMzHnDYD5iE6BnMvGH+aPMw9jBxq7ZBxv5EDUwja7rg//Wc1grYH/iIHStiFJtyBcZi7N27gIH+Zn2EOY/z+ZZhrjxsYhLkxmKuLG8jB3Lx+OI8C+q5CAQUUUEABBRRQQAEFFFBAAQWuxkA9KnD/IAKuHkEek3gQnoMlPYIJ3GzcXpfkIboeRZhrRimpQAvyMLcKhas60GrcXonzMLce0+YTha5nUQ8uYam7hJ6ws6gJk2hGlBXRhtnFDlE9ptCCKCtgDRaCDlE3xlGB6yoYRzc8Q+pn0TIKNGMa5laiGCdg7zfcAH+/oz3pL9dPYhYlPJrkl2v7sMyjrGuyAgoooIACyyvwDwkwz6obd3nxAAAAAElFTkSuQmCC") no-repeat;
    content: ' ';
    transition: all 0.3s
}

.social .social-links a:hover:before {
    width: 100%
}

.social .social-links a.facebook:before {
    background-color: #3d5a9f;
    background-position: 20px 0
}

.social .social-links a.twitter:before {
    background-color: #09b3ed;
    background-position: 20px -64px
}

.social .social-links a.youtube:before {
    background-color: #c71c1f;
    background-position: 20px -128px
}

.social .social-links a.linkedin:before {
    background-color: #007bb6;
    background-position: 20px -196px
}

@media (min-width: 450px) {
    .social {
        text-align: left
    }
    .social .social-title {
        text-align: left
    }
    .social .social-links li {
        display: inline-block;
        width: 50%
    }
}

@media (min-width: 800px) {
    .social .social-links li {
        display: inline-block;
        width: 25%
    }
}

@media (min-width: 1000px) {
    .social .social-title {
        float: left;
        width: 20%
    }
    .social .social-links {
        clear: none;
        display: inline-block;
        width: 80%
    }
}

.showcase {
    overflow: hidden;
    position: relative
}

.showcase .showcase-nav {
    display: block;
    position: absolute;
    bottom: 15px;
    z-index: 30;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    opacity: 0.5
}

.showcase .showcase-nav:hover {
    opacity: 1
}

.showcase .showcase-nav.next {
    right: 15px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.showcase .showcase-nav.next:hover {
    background-position: 75% 50%
}

.showcase .showcase-nav.prev {
    right: 70px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.showcase .showcase-nav.prev:hover {
    background-position: 25% 50%
}

.showcase .slides {
    position: relative;
    width: 100%;
    max-height: 915px;
    overflow: hidden
}

.showcase .slides:before {
    display: block;
    content: " ";
    padding-top: 100%
}

.showcase .slide {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.showcase .slide:first-child {
    display: block
}

.showcase .slide img {
    pointer-events: none
}

.showcase .slide-image {
    display: block;
    height: 100%
}

.showcase .slide-content {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 20px;
    width: auto;
    margin: 0 10px;
    color: #fff;
    text-align: left
}

.showcase .slide-content p {
    max-width: 630px;
    margin: 15px 0;
    font: 300 15px/1.5em "Lato", sans-serif
}

.showcase .slide-title {
    margin: 0;
    font: 100 30px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.showcase .slide-title strong {
    display: block;
    font-weight: 900
}

.showcase .cta {
    font-size: 0
}

.showcase .cta a {
    display: inline-block;
    height: 62px;
    margin-right: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font: 700 15px/61px "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center;
    vertical-align: top
}

.showcase .cta a:hover {
    border-color: #f96e11;
    background: #f96e11
}

.showcase .cta a.marked {
    border-color: #f96e11;
    background-color: #f96e11
}

.showcase .cta a.marked:hover {
    border-color: #212121;
    background-color: #212121
}

.showcase .scroll {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 30px;
    z-index: 30;
    height: 25px;
    margin-bottom: 0;
    padding-left: 35px;
    background: url("../img/scroll.png") 0 50% no-repeat;
    color: #fff;
    font: 600 12px/25px "Gentona", sans-serif;
    text-transform: uppercase
}

.showcase .scroll:hover {
    margin-bottom: -5px
}

@media (min-width: 450px) {
    .showcase .showcase-nav {
        bottom: 60px
    }
    .showcase .slide-content {
        top: 30px
    }
    .showcase .slide-content p {
        margin: 30px 0
    }
    .showcase .slide-image {
        height: auto;
        min-height: 100%;
        width: 100%
    }
    .showcase .slides:before {
        padding-top: 58%
    }
    .showcase .scroll {
        left: auto;
        right: 10px
    }
}

@media (min-width: 600px) {
    .showcase .showcase-nav {
        bottom: 15px
    }
    .showcase .slide-content p {
        font-size: 20px
    }
    .showcase .cta a {
        width: 225px;
        padding: 0
    }
    .showcase .cta a:after {
        display: inline-block;
        content: " ";
        width: 17px;
        height: 11px;
        margin: -3px 5px 0 20px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>');
        vertical-align: middle;
        transition: all 0.3s
    }
    .showcase .cta a:hover:after {
        margin: -3px 0 0 25px
    }
    .showcase .slide-image {
        min-height: 100%
    }
    .showcase .scroll {
        left: 10px;
        right: auto
    }
}

@media (min-width: 800px) {
    .showcase .showcase-nav {
        bottom: 60px
    }
    .showcase .cta a {
        margin-right: 30px
    }
    .showcase .slide-content {
        top: 50%;
        transform: translateY(-50%)
    }
    .showcase .slide-title {
        font-size: 84px
    }
    .showcase .scroll {
        left: auto;
        right: 10px
    }
}

@media (min-width: 920px) {
    .showcase .showcase-nav {
        bottom: 15px
    }
    .showcase .slide-content {
        left: 50%;
        width: 920px;
        margin: 0 0 0 -460px
    }
    .showcase .scroll {
        left: 50%;
        right: auto;
        margin-left: -460px
    }
}

@media (min-width: 1200px) {
    .showcase .slide-image {
        min-width: 100%
    }
    .showcase .showcase-nav {
        top: 50%;
        bottom: auto;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 110px;
        height: 64px
    }
    .showcase .showcase-nav.next {
        right: 15px
    }
    .showcase .showcase-nav.prev {
        left: 15px;
        right: auto
    }
}

.bubble {
    display: block;
    position: absolute;
    left: 0;
    top: -95px;
    padding: 0 20px;
    background: #f96e11;
    font-size: 19px;
    line-height: 35px;
    color: #fff;
    font: 700 19px/35px "Gentona", sans-serif;
    text-transform: uppercase
}

.bubble:before {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: #f96e11 transparent transparent #f96e11
}

.bubble.alt {
    background: #212121
}

.bubble.alt:before {
    border-color: #212121 transparent transparent #212121
}

.cols {
    overflow: hidden
}

.cols .inside {
    padding-top: 30px;
    padding-bottom: 30px
}

.cols .inside.share {
    text-align: center
}

.cols .sidebar {
    background: #f0f0f0
}

.cols .section-title {
    margin-top: 0;
    color: #212121;
    font: 100 35px/1.1em "Gentona", sans-serif;
    text-transform: uppercase
}

.cols .section-title strong {
    font-weight: 900
}

.cols .item-title {
    margin-bottom: 0;
    color: #212121;
    font: 700 26px/1.3em "Gentona", sans-serif;
    text-transform: uppercase
}

.cols .item-subtitle {
    margin: 0 0 1em;
    color: #8e8e8e;
    font: italic 400 25px/1em "Georgia", sans-serif
}

.cols .item-descr {
    border: 1px solid #dde0e9;
    border-width: 1px 0
}

.cols .item-descr h4 {
    margin: 1em 0 0;
    color: #212121;
    font: 700 18px/1.5em "Gentona", sans-serif
}

.cols .item-descr p {
    margin-top: 0
}

.cols .cta {
    margin: 0.5em 0 0;
    color: #f96e11;
    font: 300 26px/2.5em "Gentona", sans-serif;
    text-transform: uppercase
}

.cols .cta strong {
    font-weight: 700
}

.cols .cta .download {
    display: inline-block;
    width: 220px;
    border: none;
    background: #f96e11;
    color: #fff;
    font: 700 17px/61px "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.cols .cta .download:hover {
    background: #212121
}

.cols .cta .download:after {
    margin-left: 60px
}

@media (min-width: 700px) {
    .cols .inside {
        margin: 40px 0;
        padding: 0 10px
    }
    .cols .inside.share {
        text-align: left
    }
    .cols .main {
        overflow: hidden;
        float: left;
        width: 61%;
        box-sizing: border-box;
        margin-bottom: -5500px;
        padding-bottom: 5500px;
        padding-right: 20px
    }
    .cols .main .inside {
        float: right;
        width: 100%;
        box-sizing: border-box;
        max-width: 666px
    }
    .cols .sidebar {
        float: right;
        width: 39%;
        box-sizing: border-box;
        margin-bottom: -5500px;
        padding-bottom: 5500px;
        padding-left: 20px
    }
    .cols .sidebar .inside {
        width: 100%;
        box-sizing: border-box;
        max-width: 315px
    }
    .cols.feed-main .main {
        padding-top: 20px
    }
    .cols.feed-main .sidebar {
        padding-top: 30px
    }
}

@media (min-width: 1290px) {
    .cols .section-title {
        font-size: 55px
    }
    .cols .inside {
        margin: 140px 0
    }
    .cols .main {
        padding-right: 95px
    }
    .cols .main .inside {
        padding: 0
    }
    .cols .sidebar {
        padding-left: 95px
    }
    .cols .sidebar .inside {
        padding: 0
    }
}

.text-section {
    padding: 0 10px 50px;
    background: #f2f2f2;
    color: #000
}

.text-section .col2 {
    width: 100%;
    margin-bottom: 50px
}

.text-section .col2 img {
    max-width: 100%;
    height: auto;
    text-align: center
}

.text-section .section-title {
    margin-top: 0;
    color: #212121;
    font: 700 40px/1.1em "Gentona", sans-serif;
    text-transform: uppercase
}

.text-section .section-title strong {
    color: #f96e11
}

.text-section p {
    margin: 40px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5em
}

@media (min-width: 800px) {
    .text-section {
        padding: 0 0 50px;
        font-size: 0
    }
    .text-section .col2 {
        display: inline-block;
        width: 50%;
        margin: 0;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 18px;
        vertical-align: top
    }
    .text-section .col2.media {
        padding-top: 25px
    }
}

@media (min-width: 1170px) {
    .text-section {
        padding: 0 0 80px
    }
    .text-section .col2.text {
        padding: 0 70px 0 30px
    }
}

.slider-section {
    padding: 30px 0 0;
    border-top: 1px solid #383838;
    color: #212121
}

.slider-section .section-title {
    margin-top: 0;
    font: 900 55px/1.2em "Gentona", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.slider-section .more {
    text-align: center
}

.slider-section .more a:after {
    margin-right: 5px;
    margin-left: 60px;
    transition: all 0.3s
}

.slider-section .more a:hover:after {
    margin-right: 0;
    margin-left: 65px
}

.slider-section .slider {
    position: relative;
    overflow: hidden;
    margin: 0
}

.slider-section .section-content {
    position: relative;
    left: 0;
    margin: 0 auto
}

.slider-section .slider-controls {
    position: relative;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    max-width: 221px;
    margin: 0 auto
}

.slider-section .slider-controls a {
    float: left;
    overflow: hidden;
    width: 100px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap
}

.slider-section .slider-controls a.forward {
    border-left: 1px solid #dde0e9;
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat
}

.slider-section .slider-controls a.forward:hover {
    background-position: 75% 50%
}

.slider-section .slider-controls a.back {
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat
}

.slider-section .slider-controls a.back:hover {
    background-position: 25% 50%
}

.slider-section .slider-head .slider-controls {
    max-width: 100%
}

.slider-section .slider-content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    min-width: 100%;
    height: 100%;
    background: #212121
}

.slider-section .slider-item {
    overflow: hidden;
    cursor: pointer
}

.slider-section .slider-item .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: all 0.3s
}

.slider-section .slider-item .item-content {
    z-index: 3;
    margin: 0;
    padding: 0 30px;
    box-sizing: border-box;
    color: #fff;
    text-align: left
}

.slider-section.alt {
    border-top: none;
    background: #212121;
    color: #fff
}

.slider-section.alt .more a {
    color: #fff
}

.slider-section.alt .more a:hover {
    border-color: #f96e11;
    background: #f96e11
}

.slider-section.alt .slider-controls a {
    background-color: #212121
}

.slider-section.alt .slider-controls a.forward {
    border-left-color: #4c4d4f;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.slider-section.alt .slider-controls a.back {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.slider-section.works .slider {
    height: 370px
}

.slider-section.works .slider-content {
    width: 3000px
}

.slider-section.works .slider-item {
    float: left;
    position: relative;
    width: 347px;
    height: 370px;
    margin: 0;
    padding: 0;
    text-align: center
}

.slider-section.works .slider-item .item-image {
    min-width: 100%;
    min-height: 100%
}

.slider-section.works .slider-item .overlay {
    background: rgba(0, 0, 0, 0.37)
}

.slider-section.works .slider-item .overlay:hover {
    background: transparent
}

.slider-section.works .slider-item .item-content {
    position: relative;
    padding: 30px
}

.slider-section.works .slider-item.h2 .item-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}

.slider-section.works .slider-item .item-title {
    margin: 50px 0 30px;
    font: 700 30px/1.1em "Gentona", sans-serif;
    text-transform: uppercase
}

.slider-section.works .slider-item .item-title a {
    color: #fff
}

.slider-section.works .slider-item.h2 .item-title {
    position: relative;
    font-size: 55px
}

.slider-section.works .slider-item .item-info {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5em
}

.slider-section.feed {
    border-top-color: #e8e5e6
}

.slider-section.feed .more a.icon:after {
    margin-left: 30px
}

.slider-section.feed .more a.icon:hover:after {
    margin-right: 0;
    margin-left: 35px
}

.slider-section.feed .slider-content {
    position: absolute;
    overflow: visible;
    left: 0;
    width: 100%;
    font-size: 0;
    white-space: nowrap
}

.slider-section.feed .slider-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal
}

.slider-section.feed .slider-item .item-image {
    max-height: 100%
}

.slider-section.feed .slider-item .overlay {
    background: rgba(0, 0, 0, 0.58)
}

.slider-section.feed .slider-item .overlay:hover {
    background: rgba(255, 120, 0, 0.58)
}

.slider-section.feed .slider-item .item-content {
    position: absolute;
    left: 0;
    bottom: 30px
}

.slider-section.feed .slider-item .item-author {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 53px
}

.slider-section.feed .slider-item .item-author .avatar {
    float: left;
    overflow: hidden;
    margin-right: 25px;
    border-radius: 27px
}

.slider-section.feed .slider-item .item-title {
    margin: 0;
    min-height: 2.6em;
    color: #fff;
    font: 400 20px/1.3em "GentonaBold", sans-serif
}

.slider-section.feed .slider-item .item-title a {
    color: #fff
}

.slider-section.feed .slider-item .item-title a:hover {
    color: #212121
}

.slider-section.feed .slider-item .item-date {
    margin: 35px 0 0;
    padding-left: 40px;
    background: url("../img/clock.png") 0 50% no-repeat;
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.slider-section.posts {
    border-top: none
}

.slider-section.posts .more {
    float: none;
    margin: 0 auto;
    text-align: center
}

.slider-section.posts .more a {
    margin: 0 auto;
    background: #f96e11;
    border-color: #f96e11;
    color: #fff
}

.slider-section.posts .more a:hover {
    background: #212121;
    border-color: #212121
}

.slider-section.posts.feed .slider {
    height: 400px
}

.slider-section.posts.feed .slider .slider-item {
    width: 320px;
    height: 400px
}

.slider-section.posts.feed .slider .slider-item .item-title {
    font-size: 30px;
    line-height: 1.2em;
    text-transform: uppercase;
    transition: all 0.3s
}

.slider-section.posts.feed .slider .slider-item .item-content {
    position: relative;
    bottom: 0;
    height: 380px;
    padding: 30px
}

.slider-section.posts.feed .slider .slider-item .item-date {
    position: absolute;
    left: 60px;
    bottom: 30px;
    margin: 0
}

.slider-section.posts.feed .slider .slider-item .item-text {
    position: absolute;
    left: 0;
    top: 400px;
    margin: 0;
    padding: 30px;
    color: #fff;
    font: 300 22px/1.5em "Gentona", sans-serif;
    transition: all 0.3s
}

.slider-section.posts.feed .slider .slider-item:hover .overlay {
    background: #212121
}

.slider-section.posts.feed .slider .slider-item:hover .item-title {
    opacity: 0
}

.slider-section.posts.feed .slider .slider-item:hover .item-text {
    top: 0
}

.slider-section.posts .slider-head {
    max-width: 940px;
    padding: 30px 0 50px
}

.slider-section.posts .section-title {
    margin: 0;
    font-size: 40px;
    line-height: 1.3em;
    text-align: center
}

.slider-section.posts .slider-controls {
    margin: 0
}

.slider-section.posts .slider-controls a {
    border: 1px solid #e5e6e5
}

.slider-section.posts .slider-controls a.back {
    float: left
}

.slider-section.posts .slider-controls a.forward {
    float: right
}

@media (min-width: 600px) {
    .slider-section {
        padding: 70px 0 0
    }
    .slider-section .slider-controls {
        position: absolute
    }
    .slider-section .slider-head .slider-controls {
        position: relative;
        left: 0
    }
    .slider-section .section-title {
        text-align: left
    }
    .slider-section .more {
        float: right;
        margin: -110px 0 0
    }
    .slider-section.posts .slider-head {
        padding: 50px 0 120px
    }
    .slider-section.posts.feed .slider .slider-item {
        width: 400px
    }
    .slider-section.posts.feed .slider .slider-item .item-content {
        padding: 60px
    }
    .slider-section.posts.feed .slider .slider-item .item-text {
        padding: 60px
    }
}

@media (min-width: 800px) {
    .slider-section .slider {
        height: 740px
    }
    .slider-section.feed .slider {
        height: 705px
    }
    .slider-section.feed .slider .slider-item {
        height: auto
    }
    .slider-section.feed .slider .slider-item .item-content {
        bottom: 110px;
        padding: 0 85px
    }
    .slider-section.feed .slider .slider-item .item-title {
        font-size: 30px
    }
    .slider-section.works .slider-item .item-content {
        padding: 85px
    }
    .slider-section.posts .section-title {
        line-height: 64px
    }
}

@media (min-width: 1000px) {
    .slider-section .slider-controls {
        left: 54px;
        bottom: 54px;
        margin: 0;
        max-width: 100%;
        top: initial
    }
    .slider-section .slider-controls a {
        height: 100px;
        width: 100px
    }
    .slider-section.works .slider {
        height: 740px
    }
    .slider-section.works .slider-item.h2 .item-content {
        position: relative
    }
    .slider-section.works .bubble {
        top: initial;
        bottom: -95px
    }
    .slider-section.works .slider-item .item-title {
        margin-top: 0
    }
    .slider-section.works .slider-item.w2 {
        width: 694px
    }
    .slider-section.works .slider-item.h2 {
        height: 740px
    }
    .slider-section.works .slider-item.lower2 {
        top: 370px;
        margin-left: -694px
    }
    .slider-section.works .slider-item.lower1 {
        top: 370px;
        margin-left: -347px
    }
    .slider-section.feed .slider-controls {
        top: 64px
    }
}

@media (min-width: 1180px) {
    .slider-section .slider-controls {
        left: 50%;
        margin-left: -590px
    }
}

@media (max-width: 1000px) {
    .slider-section.feed .slider-controls {
        margin: 0;
        overflow: hidden;
        left: calc(50% - 100px);
        left: -webkit-calc(50% - 100px);
        left: -moz-calc(50% - 100px)
    }
    .bubble {
        bottom: initial;
        top: -30px
    }
}

@media (max-width: 400px) {
    .slider-section.feed .slider-controls {
        top: 0;
        border: 1px solid #dde0e9
    }
}

.clients {
    position: relative;
    margin-top: 60px
}

.clients .client-list {
    overflow: hidden;
    width: auto;
    max-width: 980px;
    position: relative
}

.clients .client {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0
}

.clients .client:first-child {
    top: 0
}

.clients .client-photo {
    position: relative;
    width: 140px;
    margin: 0;
    padding: 2px;
    text-align: center
}

.clients .client-photo:before {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 66px;
    border-color: transparent transparent #f96e11 #f96e11;
    border-radius: 66px
}

.clients .client-photo img {
    display: block;
    position: relative;
    z-index: 2;
    top: 1px;
    border-radius: 63px
}

.clients .client-name {
    margin: 0;
    border-bottom: 1px solid #e8e5e6;
    color: #212121;
    font: italic 400 25px/1.75em "Georgia", serif
}

.clients .client-position {
    margin: 0;
    color: #bcbcbc;
    font-size: 15px;
    line-height: 1.75em
}

.clients .client-logo {
    margin-top: 0
}

.clients .client-text {
    min-height: 290px
}

.clients .client-text p {
    margin: 25px 0 0;
    color: #6c6c6c;
    font-size: 18px;
    line-height: 1.5em
}

.clients .client-text .more {
    margin-top: 70px
}

.clients .client-text .more a:after {
    margin-left: 20px
}

.clients .client-nav {
    float: right;
    position: relative;
    z-index: 90
}

.clients .client-nav a {
    display: block;
    overflow: hidden;
    width: 63px;
    height: 88px;
    margin: 0 0 -1px;
    border: 1px solid #e5e6e5;
    background: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap
}

.clients .client-nav a.prev {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11px" height="17px" viewBox="0 0 32.022 46.011001"><g transform="matrix(1.25,0,0,-1.25,0,46.011002)"><g transform="matrix(0,1,-1,0,25.618,3.3046875e-7)"><g><g transform="translate(24,24.1176)"><path d="M 0,0 11.309,-11.309 0,-22.618" style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" /></g><g transform="translate(1.5,12.8088)"><path d="M 0,0 32.333,0" style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" /></g></g></g></g></svg>')
}

.clients .client-nav a.prev:hover {
    background-position: 50% 25%
}

.clients .client-nav a.next {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11px" height="17px" viewBox="0 0 32.022 46.011001"><g transform="matrix(1.25,0,0,-1.25,0,46.011002)"><g transform="matrix(0,-1,-1,0,25.618,36.808938)"><g><g transform="translate(24,24.1176)"><path d="M 0,0 11.309,-11.309 0,-22.618" style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" /></g><g transform="translate(1.5,12.8088)"><path d="M 0,0 32.333,0" style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" /></g></g></g></g></svg>')
}

.clients .client-nav a.next:hover {
    background-position: 50% 75%
}

.clients.textbox {
    margin: 0;
    padding-left: 0
}

.clients.textbox .client {
    position: relative;
    top: 0
}

.clients.textbox .client-name {
    margin-right: 0
}

.clients.textbox .client-position {
    margin-right: 0px;
    margin-bottom: 25px
}

.special .clients .client-nav a {
    background-color: transparent;
    border-color: #d7d7d7
}

.special .clients .client-photo {
    width: 92px
}

.special .clients .client-photo:before {
    border-width: 48px;
    border-radius: 48px
}

.special .clients .client-photo img {
    top: 0;
    border-radius: 48px
}

.special .clients .client-text {
    min-height: 0
}

.special .clients .client-text .more a {
    border-color: #d7d7d7
}

.special .clients .client-text .more a:hover {
    background: #f96e11;
    color: #212121
}

.special .clients .client-name {
    border-color: #dbd8d9
}

@media (min-width: 1000px) {
    .clients {
        margin-top: 90px
    }
    .clients .client-nav {
        position: absolute;
        top: 264px;
        left: 30px;
        float: none
    }
    .clients .client-text {
        margin-left: 220px
    }
    .clients .client-logo {
        margin: 0 0 0 220px
    }
    .clients .client-name {
        margin: 0 170px 0 10px;
        padding-left: 210px
    }
    .clients .client-position {
        margin-right: 170px;
        padding-left: 220px
    }
    .clients .client-photo {
        margin-bottom: -107px
    }
    .clients.textbox {
        margin: 0;
        padding-left: 0
    }
    .clients.textbox .client-name {
        margin-right: 0
    }
    .special .clients {
        margin-top: 105px
    }
    .special .clients .client-nav {
        position: static;
        float: left;
        margin: 0 125px 0 0
    }
    .special .clients .client-nav a {
        height: 130px
    }
    .special .clients .client {
        overflow: hidden;
        width: 100%;
        padding: 0 0 20px
    }
    .special .clients .client-logo {
        margin-bottom: 18px
    }
    .special .clients .client-photo {
        margin-bottom: -90px
    }
}

@media (min-width: 1170px) {
    .special .clients .client-name {
        margin: 0 330px 0 10px;
        padding-left: 115px
    }
    .special .clients .client-position {
        margin-right: 170px;
        padding-left: 125px
    }
    .special .clients .client-logo {
        margin-left: 125px
    }
    .special .clients .client-text {
        margin-left: 125px
    }
    .special .clients .client-text p {
        float: left;
        max-width: 530px
    }
    .special .clients .client-text .more {
        float: right;
        margin-top: 30px
    }
}

.twits {
    max-width: 950px;
    margin: 0 auto;
    padding: 50px 10px 60px;
    background: url("../img/twitter.svg") 50% 73px no-repeat;
    background-size: 26px 22px
}

.twits>a {
    display: block;
    overflow: hidden;
    width: 110px;
    height: 62px;
    border: 1px solid #e5e6e5;
    background: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap
}

.twits>a.prev {
    float: left;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.twits>a.prev:hover {
    background-position: 25% 50%
}

.twits>a.next {
    float: right;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.twits>a.next:hover {
    background-position: 75% 50%
}

.twitbox {
    clear: both;
    overflow: hidden;
    max-width: 540px;
    margin: 0 auto;
    padding-top: 30px;
    color: #3d3d3d;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
    white-space: nowrap
}

.twitbox a {
    color: #09b3ed
}

.twitbox a:hover {
    color: #212121
}

.twitbox .twit {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
    white-space: normal
}

.twitbox .twit-date {
    margin: 0 0 30px;
    color: #09b3ed;
    font: 400 22px/1em "GentonaBold", sans-serif
}

@media (min-width: 800px) {
    .twits {
        padding-top: 125px
    }
    .twits>a {
        margin-top: 25px
    }
    .twitbox {
        clear: none;
        padding-top: 0
    }
}

.quick-contacts {
    margin: 0.5em 0 0;
    color: #212121;
    font-size: 16px
}

.quick-contacts .contact-item {
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 45px 0 0;
    background-position: 10px 50%;
    background-size: auto 40px;
    background-repeat: no-repeat;
    line-height: 1.3em
}

.quick-contacts .contact-item.call {
    background-image: url("../img/phone.svg");
    padding-left: 70px
}

.quick-contacts .contact-item.email {
    background-image: url("../img/letter.svg");
    padding-left: 95px
}

.quick-contacts .contact-item strong,
.quick-contacts .contact-item a {
    display: block;
    color: #212121;
    font-weight: 700;
    font-size: 18px
}

.quick-contacts .contact-item a:hover {
    color: #fff
}

.contact-form-holder {
    background: #f96e11;
    /*position:absolute;*/
}

.contact-form {
    padding-bottom: 30px
}

.contact-form .contact-title {
    margin: 0 0 40px;
    color: #212121;
    font: 900 30px/1.1em "Gentona", sans-serif;
    text-align: center
}

.contact-form .form-content {
    max-width: 537px;
    margin: 0 auto
}

.contact-form .field {
    margin: 0 0 5px;
    font-size: 0
}

.contact-form .field input,
.contact-form .field textarea,
.contact-form .field .select {
    font-size: 15px
}

.contact-form .field textarea {
    max-width: 100%;
    min-height: 236px
}

.contact-form .field.double:first-child {
    margin-bottom: 5px
}

.contact-form .check {
    margin: -5px 0 0;
    padding: 25px 30px 25px 40px;
    background: #fff
}

.contact-form .check label {
    padding-left: 70px;
    color: #939393;
    font-size: 14px;
    line-height: 1.3em
}

.contact-form .check label:before {
    margin: 3px 40px 0 -70px
}

.contact-form .submit {
    margin: 0;
    padding: 0
}

.contact-form .submit button:after {
    display: inline-block;
    width: 24px;
    height: 16px;
    margin-left: 40px;
    margin-top: -2px;
    background: url("../img/mail.svg") 0 0 no-repeat;
    line-height: 16px;
    vertical-align: middle;
    content: ' '
}

.map {
    position: relative;
    height: 300px;
    background: #3a3a3a
}

.map .map-descr {
    display: none
}

.map .map-holder {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.map a[href^="http://maps.google.com/maps"] {
    display: none !important
}

.map .gm-style-cc,
.map .gmnoprint a,
.map .gmnoprint span {
    display: none
}

.map .gmnoprint div {
    background: none !important
}

@media (min-width: 500px) {
    .map .map-descr {
        display: block;
        position: absolute;
        left: 40px;
        top: 50%;
        z-index: 2;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 200px;
        padding: 10px
    }
    .map .section-title {
        margin: 0;
        color: #f96e11;
        font: 900 40px/1em "Gentona", sans-serif;
        text-transform: uppercase
    }
    .map address {
        margin-top: 60px;
        color: #fff;
        font-weight: 300;
        font-size: 14px;
        font-style: normal;
        line-height: 1.5em
    }
}

@media (min-width: 1000px) {
    .quick-contacts .contact-item {
        margin: 0
    }
    .contact-form {
        max-height: 483px;
        padding-bottom: 0;
        background: url("../img/contact-bg.svg") 100% 100% no-repeat;
        background-size: auto 470px
    }
    .contact-form .contact-title {
        text-align: left
    }
    .contact-form .form-content {
        margin: 0
    }
    .contact-form .field.double input,
    .contact-form .field.double .select {
        width: 266px;
        margin-left: 5px
    }
    .contact-form .field.double:first-child {
        margin: 0
    }
    .contact-section {
        overflow: hidden;
        max-width: 1170px;
        margin: 93px auto;
        padding: 130px 0 95px
    }
    .contact-section .inside {
        float: right;
        max-width: 375px;
        padding: 0 10px 0 0
    }
}

@media (min-width: 1090px) {
    .contact-section .inside {
        max-width: 475px;
        padding-right: 30px;
        color: #6c6c6c
    }
}

@media (min-width: 1170px) {
    .map {
        height: 650px
    }
    .map .map-descr {
        left: 50%;
        max-width: 410px;
        margin-left: -585px;
        padding: 0
    }
    .map address {
        font-size: 20px
    }
}

.cat-menu {
    position: relative;
    top: -10px;
    width: 180px;
    margin: 0 auto;
    width: 310px
}

.cat-menu a {
    display: block;
    padding-right: 64px;
    color: #fff;
    font: 700 15px/22px "Gentona", sans-serif;
    text-transform: uppercase
}

.cat-menu a:hover {
    color: rgba(255, 255, 255, 0.5)
}

.cat-menu ul {
    margin: 0
}

.cat-menu .cat-menu-link {
    padding: 10px 80px 10px 15px;
    background: transparent url("../img/dots.png") 145px 50% no-repeat;
    transition: all 0.3s
}

.cat-menu.expanded {
    background: #212121
}

.cat-menu.expanded .cat-menu-link {
    color: #fff
}

.cat-menu.wide .cat-menu-link {
    background: transparent url("../img/dots.png") 285px 50% no-repeat
}

.cat-menu-dropdown {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    z-index: 10;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: #212121;
    list-style: none;
    text-align: left
}

.cat-menu-dropdown a {
    display: block;
    padding: 10px 20px;
    white-space: nowrap
}

.cat-menu-dropdown a:hover {
    background: #fff;
    color: #f96e11
}

.cat-menu-dropdown li.active>a {
    color: #fff
}

.cat-menu-dropdown li.active>a:hover {
    background: #212121
}

@media (min-width: 1000px) {
    .cat-menu {
        float: right;
        top: 0;
        margin: -55px 0 0
    }
}

.tile {
    position: relative;
    overflow: hidden;
    height: 400px;
    margin: 0;
    color: #fff;
    opacity: 0;
    transition: all 0.3s;
    text-align: center;
    cursor: pointer
}

.tile.lower2 {
    top: 370px;
    margin-left: -694px
}

.tile.lower1 {
    top: 370px;
    margin-left: -347px
}

.tile .item-image {
    min-width: 100%;
    min-height: 100%
}

.tile .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.37);
    transition: all 0.3s
}

.tile .overlay:hover {
    background: transparent
}

.tile .item-content {
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    text-align: left
}

.tile.h2 .item-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}

.tile .item-title {
    position: relative;
    margin: 0 0 30px;
    font: 700 30px/1.1em "Gentona", sans-serif;
    text-transform: uppercase
}

.tile .item-title a {
    color: #fff
}

.tile .item-title a:hover {
    color: rgba(255, 255, 255, 0.5)
}

.tile .item-info {
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5em
}

.tile.no-image {
    background: #fff
}

.tile.no-image .item-info {
    color: #212121
}

.tile.no-image .item-title a {
    color: #212121
}

.tile.no-image .item-date {
    background-image: url("../img/clock-gray.png");
    color: #bbb
}

.tile.no-image .overlay {
    background: none
}

.tile.no-image img {
    display: none
}

.tile.no-image.alt {
    background: #f96e11
}

.tile.no-image.alt .item-title a {
    color: #fff
}

.tile.no-image.alt .item-title a:hover {
    color: rgba(255, 255, 255, 0.5)
}

.tile.no-image.alt .item-date {
    background-image: url("../img/clock.png");
    color: #fff
}

.tile.no-image.alt .item-info {
    color: #fff
}

.tile.no-image.alt-alt {
    background: #212121;
    color: #fff
}

.tile.no-image.alt-alt .item-title a {
    color: #fff
}

.tile.no-image.alt-alt .item-title a:hover {
    color: rgba(255, 255, 255, 0.5)
}

.tile.no-image.alt-alt .item-date {
    background-image: url("../img/clock.png");
    color: #fff
}

.tile.no-image.alt-alt .item-info {
    color: #fff
}

.tile.no-title .item-title {
    margin: 30px 0 0;
    font-size: 0
}

.tile.no-title .item-title .bubble {
    font-size: 19px
}

.tile.no-title .item-info {
    margin-top: 30px;
    font: 300 18px/1.5em "Gentona", sans-serif
}

.tile.no-title .item-content {
    padding-top: 120px
}

.tile.latest .item-content {
    padding-top: 60px
}

.tile.latest .item-title {
    margin-top: 60px
}

.tile.latest .item-info {
    display: none
}

.tile.has-bubble .item-content {
    padding-top: 150px
}

.tile.has-bubble.no-image .item-content {
    padding-top: 120px
}

.tile.has-bubble.latest .item-content {
    padding-top: 60px
}

.tile .item-date {
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding-left: 40px;
    background: url("../img/clock.png") 0 50% no-repeat;
    color: #fff;
    font-size: 13px;
    line-height: 25px
}

.tile .video-link {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    overflow: hidden;
    width: 121px;
    height: 121px;
    margin: -60px 0 0 -60px;
    border-radius: 60px;
    background: transparent url("../img/video-play.png") 50% 50% no-repeat;
    text-indent: 100%;
    white-space: nowrap
}

.tile .video-link:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

.loading {
    clear: both;
    width: 100%;
    height: 100px;
    background: url("../img/loader.gif") 50% 50% no-repeat;
    line-height: 100px;
    transition: all 0.3s
}

@media (min-width: 550px) {
    .tile {
        float: left;
        width: 50%;
        max-width: 400px
    }
}

@media (min-width: 800px) {
    .tile {
        width: 50%;
        max-width: 500px
    }
    .tile.learn {
        width: 50%;
        max-width: 800px
    }
    .tile .item-content {
        padding: 60px
    }
    .tile .item-date {
        left: 60px
    }
    .tile.no-title {
        margin-top: 0
    }
    .tile.no-title .item-info {
        font-size: 24px
    }
    .tile.no-title .item-date {
        background-image: url("../img/clock-gray.png");
        color: #bbb
    }
}

@media (min-width: 1000px) {
    .tile {
        width: 25%
    }
    .tile.w2 {
        width: 50%;
        max-width: 800px
    }
    .tile.h2 {
        height: 800px
    }
    .tile.h2 .item-title {
        position: relative;
        font-size: 55px
    }
}

@media (min-width: 1600px) {
    .tile.latest .item-content {
        padding-left: 26.875%
    }
    .tile.learn:nth-of-type(2n-1) .item-content {
        padding-left: 26.875%
    }
    .tile.learn:nth-of-type(2n-1) .item-content .item-date {
        left: 26.875%
    }
    .tile.learn:nth-of-type(2n) .item-content {
        padding-right: 26.875%
    }
}

.tile.learn .item-content {
    height: 100%
}

.tile.learn .latest .item-content {
    height: 100%;
    padding-top: 150px
}

.tile.learn.intro {
    background: #f96e11
}

.tile.learn.intro .item-title {
    color: #212121;
    text-transform: none
}

.tile.learn.intro .item-content {
    height: 320px;
    padding: 0 30px;
    background: #f96e11 url("../img/bulb.png") 30px 100% no-repeat
}

.tile.learn.intro .item-title {
    font-size: 24px
}

@media (min-width: 800px) {
    .tile.learn.intro .item-content {
        padding: 0 60px;
        background-position: 60px 100%
    }
    .tile.learn.intro .item-title {
        font-size: 30px
    }
    .tile.learn.latest .item-title {
        margin-top: 90px;
        font-size: 40px
    }
}

@media (min-width: 1600px) {
    .tile.learn.intro .item-content {
        padding-left: 215px;
        background-position: 215px 100%
    }
    .tile.learn.latest .item-content {
        padding-left: 60px
    }
    .tile.learn.latest .item-content .item-title {
        font-size: 40px
    }
}

.cols .reading {
    font-size: 18px;
    line-height: 1.75em
}

.cols .reading .intro {
    min-height: 100px;
    margin: 0;
    padding: 50px 0;
    background: #f96e11
}

.cols .reading .intro-title {
    margin: 0;
    padding: 0 10px;
    color: #212121;
    font: 900 30px/1.3em "Gentona", sans-serif;
    text-align: center
}

.cols .reading .inside {
    margin: 0
}

.cols .reading .inside h1 {
    margin: 0 0 1em;
    font: 900 55px/1.2em "Gentona", sans-serif;
    text-transform: uppercase
}

.cols .reading .inside h2 {
    margin: 1.5em 0;
    font-size: 26px
}

.cols .reading .inside h3 {
    margin: 1.5em 0;
    color: #f96e11;
    font-size: 20px
}

.cols .reading .inside h6 {
    margin: 1.5em 0 1em;
    font-size: 14px
}

.cols .reading .inside .lead {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-family: "Gentona", sans-serif;
    text-align: left
}

.cols .reading .inside ul {
    margin-top: -1em;
    padding-left: 0;
    list-style: none
}

.cols .reading .inside ul li {
    padding-left: 40px;
    background: url("../img/bullet.png") no-repeat 20px 10px
}

.cols .reading .inside .alignleft {
    float: left;
    margin: 0 1.5em 1em 0
}

.cols .reading .inside .alignright {
    float: right;
    margin: 0 0 1em 1.5em
}

.cols .reading .inside .aligncenter {
    margin: 1.5em auto;
    text-align: center
}

.cols .reading .inside img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.cols .reading .inside img .leftAlone {
    margin-right: 100%
}

.cols .reading .inside img .rightAlone {
    float: right;
    margin-left: 100%
}

.cols .reading input,
.cols .reading textarea,
.cols .reading select,
.cols .reading .select {
    border-color: #f0f0f0;
    background: #f0f0f0;
    color: #212121
}

.cols .reading input::-webkit-input-placeholder,
.cols .reading textarea::-webkit-input-placeholder,
.cols .reading select::-webkit-input-placeholder,
.cols .reading .select::-webkit-input-placeholder {
    color: #212121
}

.cols .reading input::-moz-placeholder,
.cols .reading textarea::-moz-placeholder,
.cols .reading select::-moz-placeholder,
.cols .reading .select::-moz-placeholder {
    color: #212121
}

.cols .reading input:-ms-input-placeholder,
.cols .reading textarea:-ms-input-placeholder,
.cols .reading select:-ms-input-placeholder,
.cols .reading .select:-ms-input-placeholder {
    color: #212121
}

.cols .reading input:-moz-placeholder,
.cols .reading textarea:-moz-placeholder,
.cols .reading select:-moz-placeholder,
.cols .reading .select:-moz-placeholder {
    color: #212121
}

.cols .reading input:placeholder,
.cols .reading textarea:placeholder,
.cols .reading select:placeholder,
.cols .reading .select:placeholder {
    color: #212121
}

.reading.inside {
    padding-top: 20px;
    padding-bottom: 80px;
    font-size: 18px;
    line-height: 1.5em
}

.reading.inside h2,
.reading.inside h3 {
    margin: 1.5em 0
}

.reading.inside img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width: 900px) {
    .cols .main.reading {
        width: 67%;
        margin-right: 0;
        padding-right: 0
    }
    .cols .main.reading .intro {
        margin-right: 0
    }
    .cols .main.reading .intro-title {
        max-width: 825px;
        text-align: left
    }
    .cols .main.reading .inside {
        max-width: 825px;
        margin-top: 0;
        padding: 60px 30px 60px 10px
    }
    .reading.inside {
        padding-top: 90px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 90px;
        -webkit-column-gap: 90px;
        column-gap: 90px
    }
    .reading.inside:first-child {
        margin-top: 0
    }
}

@media (min-width: 1240px) {
    .cols .reading {
        padding-right: 0
    }
    .cols .reading .intro {
        margin-right: 0;
        padding: 50px 0
    }
    .cols .reading .intro-title {
        float: right;
        min-width: 825px;
        max-width: 855px;
        padding: 0
    }
    .cols .main.reading {
        width: 67%
    }
    .cols .main.reading .inside {
        padding-left: 0
    }
    .cols .main.reading .intro-title {
        min-width: 825px
    }
    .cols.landing {
        margin-top: -60px
    }
    .content p.article-meta {
        float: left;
        width: 55px;
        margin: 0;
        padding-right: 70px
    }
    .content p.article-meta .category-button {
        margin: 0 0 15px -15px;
        width: 205px;
        margin: 90px 0 95px -75px;
        padding: 0;
        text-align: center;
        transform: rotate(90deg);
        text-align: center;
        white-space: nowrap
    }
    .content p.article-meta a {
        float: none;
        clear: left;
        display: block;
        margin: 0 0 15px
    }
}

@media (min-width: 1600px) {
    .cols .main.reading .inside {
        width: 855px;
        max-width: 855px;
        padding-right: 50px;
        box-sizing: border-box
    }
    .cols .main.reading .intro-title {
        width: 855px;
        max-width: 855px
    }
}

.sidebar.widgets {
    padding-left: 0
}

.sidebar.widgets .learn {
    background: #e6e6e6
}

.sidebar.widgets .learn .widget-title {
    color: #f96e11
}

.sidebar.widgets .learn .more a {
    display: block;
    border: none;
    background: #f96e11;
    color: #fff
}

.sidebar.widgets .learn .more a:hover {
    background: #212121
}

.widget {
    padding: 40px 10px
}

.widget p {
    font-size: 18px;
    line-height: 1.5em
}

.widget fieldset {
    padding: 0;
    border: none
}

.widget input,
.widget textarea {
    margin-bottom: 5px;
    border-color: #fff;
    background: #fff;
    color: #adadad
}

.widget input {
    text-transform: uppercase
}

.widget input::-webkit-input-placeholder {
    color: #adadad
}

.widget input::-moz-placeholder {
    color: #adadad
}

.widget input:-ms-input-placeholder {
    color: #adadad
}

.widget input:-moz-placeholder {
    color: #adadad
}

.widget input:placeholder {
    color: #adadad
}

.widget .select {
    margin-bottom: 5px;
    border-color: #fff;
    background: #fff;
    color: #adadad
}

.widget button[type="submit"] {
    margin-top: 20px;
    padding: 0 35px;
    background: #f96e11 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') no-repeat 85% 50%;
    text-align: left
}

.widget button[type="submit"]:hover {
    background-color: #212121
}

.widget button[type="submit"].alt {
    margin-top: 0;
    border: 1px solid #d8d8d8;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>');
    background-color: transparent;
    color: #212121
}

.widget button[type="submit"].alt:hover {
    background-color: #212121;
    color: #fff
}

.widget.special {
    background: #f96e11;
    padding-bottom: 40px
}

.widget.special .widget-title {
    color: #fff
}

.widget.special .widget-title strong {
    color: #212121
}

.widget.special input,
.widget.special textarea {
    border-color: #E0620F;
    background: #E0620F;
    color: #fff
}

.widget.special input {
    text-transform: uppercase
}

.widget.special input::-webkit-input-placeholder {
    color: #fff
}

.widget.special input::-moz-placeholder {
    color: #fff
}

.widget.special input:-ms-input-placeholder {
    color: #fff
}

.widget.special input:-moz-placeholder {
    color: #fff
}

.widget.special input:placeholder {
    color: #fff
}

.widget.special input:focus {
    background: transparent
}

.widget.special button {
    margin-top: 0;
    background: #fff;
    color: #212121;
    text-align: center
}

.widget.special button:hover {
    background-color: #212121;
    color: #fff
}

.widget.special button:after {
    display: inline-block;
    width: 17px;
    height: 11px;
    margin: -3px 5px 0 40px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>');
    vertical-align: middle;
    content: " ";
    transition: all 0.3s
}

.widget.special button:hover:after {
    margin: -3px 0 0 45px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.widget-title {
    margin: 0 0 1em;
    color: #212121;
    font: 900 30px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.widget-title strong {
    color: #f96e11
}

.content ul.widget-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.content ul.widget-menu a {
    display: block;
    padding: 8px 0;
    color: #8e8e8e
}

.content ul.widget-menu a:hover {
    color: #f96e11
}

@media (min-width: 900px) {
    .cols .sidebar.widgets {
        width: 33%
    }
    .cols .sidebar.widgets .learn {
        margin: 60px 0 -5000px;
        padding-bottom: 5000px;
        background: #e6e6e6 url("../img/learn-bg.png") 0 0 no-repeat
    }
    .widget {
        box-sizing: border-box;
        max-width: 345px;
        padding: 40px 20px
    }
}

@media (min-width: 1170px) {
    .widget {
        padding: 60px 30px 15px 60px
    }
    .landing .widget {
        padding: 60px 30px 15px
    }
}

.feed-header {
    position: relative;
    text-align: center;
    overflow: hidden
}

.feed-header .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.feed-header .inside {
    position: relative;
    z-index: 3;
    padding: 1px 10px;
    color: #fff
}

.feed-header .page-title {
    margin: 40px 0;
    font: 900 55px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.feed-header .article-title {
    margin: 55px 0;
    font: 900 30px/1.3em "Gentona", sans-serif
}

.feed-header .feed-meta {
    margin: 0;
    padding: 40px 0 65px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 18px;
    line-height: 1.5em;
    text-align: center
}

.feed-header .feed-meta img {
    float: left;
    vertical-align: middle;
    margin: 0 auto 15px;
    border-radius: 38px;
    border: 2px solid #fff
}

.feed-header .feed-meta a {
    color: #fff
}

.feed-header .feed-meta a:hover {
    color: #f96e11
}

.feed-header .feed-meta p {
    margin: 0;
    padding: 1em 0
}

.feed-header .feed-meta .share a {
    display: inline-block;
    overflow: hidden;
    width: 55px;
    height: 55px;
    margin: 0 5px;
    padding: 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAE2CAYAAAB7plIKAAAEPklEQVR42u3c/2tVZQDH8XO3tXWzOacM2ioVoxqGWqtAKQWCwFFarYBYxTDIBJjgf1BEVQAhSBRQCCCVVCGZPzVKJQqqtrXBrGGpAyxc6967e7tua7u39wmBh4e7c56dL2Ts84GXXNl2397j2c64V5epVqtemlNAAQUUUEABBf5/gXr04SlswRr7vsCsEXBRjxMImleDc6APQSvBq6XBc9vjsFfCF5hFGSz6IfoO9p6GF6bOc1sT7OUQttBDtBf+VsPeTtwIf2UciXKaVuGyr3Ef7HGIktmPYOkFRqJ+Jr8Gf8+iDeY+wi/w9w7OxjlNR2DvIbfTNN0poIAC+r5IAQUUUEABBRRQQAEFFFBAAQUUWE4B+2nNRniO1uF9FLGAEfQZb9+BzTAD1RPYBC/ErZhErR3HKH5F1gw0ooJJbAkJnETQijiA/WagzXq55Bl4NWyAywrotA9RAeYGsM0KdCNsOXTBswNvotZG8Qp2Yy/C9i08O7ACm3EWcTdQ68nxLIaQRdxN1HrW8Q+MoQNxN7jYJ9oTSGIbg14JPIB5RN0ovKDA/Xgbc4iy58MCG2M8gnNoDA4A+xBlO5fyauwOHMMUXPY6vKUEGrAH0wjbYWQWC/z7BnYb6nETtqMXtyBoFbyIl1ANu+B04Uu47hTugRfGvmRuQi+2o9N43X4KP+MUPsSQvqtQQAEFFFBAAQUUUEABBRRQQAEFFPgvA63oxzasQssVWfhrxAqY+wtz8DeDPArI4xscQs4P+Hc0iA1Icudxp0egH2mt338En1LahTR2vI5fOpDWOvxHcI4b6xG0wyhiHxrhugue45Ovr8LDWryLv+GyP/0PuuwaMNyOo1hA0Ga8KnMNWBrwFgIX9RE8hjMI24x/FpXhuq34Cp+gE2Eru55FH+Aa9CAD113wA99z426ksR/8Q3QRae2iH/gcaW0g9a+m5vVgP7Yucj24FlmYu4yZsOuBrskKKKCAAgoooIACCiiggAIKKKDAsv3vAXfhJ/g7ifYk7tcMnIG5I0kH7A0lHTgNc28kHejAUQzjIK6LFbD/xWwmk0n85LFP0wew1nifYaLDV96513pa/z204jl0IYMJfMzHnDYD5iE6BnMvGH+aPMw9jBxq7ZBxv5EDUwja7rg//Wc1grYH/iIHStiFJtyBcZi7N27gIH+Zn2EOY/z+ZZhrjxsYhLkxmKuLG8jB3Lx+OI8C+q5CAQUUUEABBRRQQAEFFFBAAQWuxkA9KnD/IAKuHkEek3gQnoMlPYIJ3GzcXpfkIboeRZhrRimpQAvyMLcKhas60GrcXonzMLce0+YTha5nUQ8uYam7hJ6ws6gJk2hGlBXRhtnFDlE9ptCCKCtgDRaCDlE3xlGB6yoYRzc8Q+pn0TIKNGMa5laiGCdg7zfcAH+/oz3pL9dPYhYlPJrkl2v7sMyjrGuyAgoooIACyyvwDwkwz6obd3nxAAAAAElFTkSuQmCC") no-repeat;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    vertical-align: middle
}

.feed-header .feed-meta .share a:hover {
    opacity: 0.5
}

.feed-header .feed-meta .share a.facebook {
    background-color: #3d5a9f;
    background-position: 50% -4px
}

.feed-header .feed-meta .share a.twitter {
    background-color: #09b3ed;
    background-position: 50% -68px
}

.feed-header .feed-meta .share a.google-plus {
    background-color: #dd4b39;
    background-position: 50% -254px
}

.feed-header .big-img {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
    transform: translateX(-50%);
    max-height: 100%
}

.latest-article {
    font-size: 18px;
    line-height: 1.4em
}

.latest-article .latest-author img {
    border-radius: 26px;
    border: 2px solid #fff
}

.latest-article .latest-title {
    margin: 0;
    font: 400 30px/1.3em "GentonaBold", sans-serif
}

.latest-article .latest-title a {
    color: #fff
}

.latest-article .latest-title a:hover {
    color: #f96e11
}

.latest-article .latest-meta {
    padding-left: 40px;
    background: url("../img/clock.png") 0 50% no-repeat;
    font-size: 13px;
    line-height: 25px;
    text-align: left
}

.post-list .post {
    padding: 0 0 45px
}

.post-list .post .post-title {
    margin: 0;
    padding-top: 10px;
    font: 400 26px/1.3em "GentonaBold", sans-serif
}

.post-list .post .post-title a {
    color: #212121
}

.post-list .post .post-title a:hover {
    color: #f96e11
}

.post-list .post p {
    font-size: 18px;
    line-height: 1.5em
}

.post-list .post p.post-meta {
    margin-bottom: 0;
    padding-left: 40px;
    background: url("../img/clock-gray.png") 0 50% no-repeat;
    color: #8e8e8e;
    font-size: 13px;
    line-height: 25px;
    text-align: left
}

.post-list .post .post-author {
    margin: 1em 0 0
}

.post-list .post .post-author img {
    border: 2px solid #f0f0f0;
    border-radius: 30px;
    transition: all 0.3s
}

.post-list .post .post-author.sweet img {
    border-color: #f96e11
}

.feed-nav {
    overflow: hidden;
    padding: 45px 0
}

.feed-nav a {
    float: left;
    height: 64px;
    margin-right: -1px;
    border: 1px solid #e5e6e5
}

.feed-nav a.next {
    padding: 0 25px;
    color: #212121;
    font: 900 17px/61px "Gentona", sans-serif;
    text-transform: uppercase
}

.feed-nav a.next:after {
    display: inline-block;
    width: 17px;
    height: 11px;
    margin: -3px 5px 0 25px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23f96e11;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>');
    transition: margin 0.3s;
    content: " "
}

.feed-nav a.next:hover {
    background: #e5e6e5
}

.feed-nav a.next:hover:after {
    margin-left: 30px;
    margin-right: 0
}

.feed-nav a.prev {
    overflow: hidden;
    width: 110px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23b7b7b7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23b7b7b7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 33px 50% no-repeat;
    white-space: nowrap;
    text-indent: 100%
}

.feed-nav a.prev:hover {
    background-color: #e5e6e5;
    background-position: 25px 50%
}

@media (min-width: 600px) {
    .feed-header {
        text-align: left
    }
    .feed-header .article-title {
        font-size: 45px
    }
    .feed-header .feed-meta {
        text-align: left
    }
    .feed-header .feed-meta img {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 0
    }
    .feed-nav a.next:after {
        margin-left: 100px
    }
    .feed-nav a.next:hover:after {
        margin-left: 105px
    }
}

@media (min-width: 900px) {
    .cols .main.post-list {
        width: 67%;
        margin-right: 0;
        padding-right: 0
    }
    .cols .main.post-list .inside {
        max-width: 855px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 60px 30px 60px 10px
    }
    .feed-header .feed-meta {
        overflow: hidden
    }
    .feed-header .feed-meta p {
        padding: 0
    }
    .feed-header .feed-meta .meta {
        float: left
    }
    .feed-header .feed-meta .share {
        float: right
    }
}

@media (min-width: 1080px) {
    .feed-header .big-img {
        position: relative;
        z-index: 1;
        display: block;
        max-width: 100%
    }
    .feed-header .inside {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 1170px;
        margin: 0 10px;
        box-sizing: border-box
    }
    .feed-header .inside .post-data {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
}

@media (min-width: 1170px) {
    .feed-header .big-img {
        position: relative;
        z-index: 1;
        display: block;
        max-width: 100%
    }
    .feed-header .inside {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 1170px;
        margin: 0 0 0 -585px;
        box-sizing: border-box
    }
    .feed-header .latest-article {
        padding-bottom: 80px;
        font-size: 24px
    }
    .feed-header .latest-title {
        font-size: 50px
    }
    .feed-header .latest-title,
    .feed-header .latest-article p {
        margin-left: 125px
    }
    .feed-header p.latest-author {
        float: left;
        width: 125px;
        margin: 0.5em 0 0
    }
    .cols .main.post-list .inside {
        padding-left: 0
    }
    .post-list .post {
        position: relative;
        padding-left: 125px
    }
    .post-list .post .post-author {
        position: absolute;
        left: 32px;
        top: 0;
        height: 100%;
        margin: 0;
        border-left: 2px solid #f0f0f0
    }
    .post-list .post .post-author img {
        position: relative;
        z-index: 2;
        margin-left: -30px
    }
    .post-list .post .post-author .eye-candy {
        display: block;
        position: absolute;
        left: -2px;
        top: 2px;
        width: 2px;
        height: 0;
        max-height: 100%;
        background: #f96e11
    }
    .post-list .post.last .post-author {
        border-color: transparent
    }
    .post-list .post.last .post-author .eye-candy {
        display: none
    }
    .feed-nav {
        margin-left: 125px
    }
}

@media (min-width: 1400px) {
    .feed-header .page-title {
        margin: 80px 0
    }
    .feed-header .article-title {
        font-size: 65px
    }
    .cols .main.post-list .inside {
        padding-right: 100px
    }
}

.comments {
    padding-top: 40px;
    border-top: 1px solid #bbb
}

.comments .comments-toggle {
    display: block;
    position: relative;
    margin-bottom: 40px;
    background: #bbb;
    color: #fff;
    font-size: 18px;
    line-height: 54px;
    text-align: center;
    text-transform: uppercase
}

.comments .comments-toggle:before,
.comments .comments-toggle:after {
    display: block;
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    transition: all 0.3s
}

.comments .comments-toggle:before {
    margin-left: -8px;
    border-color: transparent #bbb #bbb transparent
}

.comments .comments-toggle:after {
    border-color: transparent transparent #bbb #bbb
}

.comments .comments-toggle:hover {
    background: #212121
}

.comments .comments-toggle:hover:before {
    border-color: transparent #212121 #212121 transparent
}

.comments .comments-toggle:hover:after {
    border-color: transparent transparent #212121 #212121
}

.project-details {
    max-width: 1170px;
    margin: 0 auto;
    padding: 30px 10px 0
}

.project-details .project-description .descr-title {
    margin-top: 0;
    font: 900 29px/1.2em "Gentona", sans-serif;
    color: #f96e11
}

.project-details .slider {
    position: relative;
    overflow: hidden;
    margin-top: 100px
}

.project-details .slider .slider-controls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    max-width: 1170px;
    margin: 0 auto
}

.project-details .slider .slider-controls a {
    float: left;
    overflow: hidden;
    width: 50px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap
}

.project-details .slider .slider-controls a.forward {
    border-left: 1px solid #dde0e9;
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat
}

.project-details .slider .slider-controls a.forward:hover {
    background-position: 75% 50%
}

.project-details .slider .slider-controls a.back {
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23212121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat
}

.project-details .slider .slider-controls a.back:hover {
    background-position: 25% 50%
}

.project-details .slider .slider-content {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.project-details .slider .slider-item {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.project-details .showcase-img {
    display: block;
    max-width: 100%
}

.project-details .text-img-block.color {
    color: #fff
}

.project-details .text-img-block.align-top {
    padding-bottom: 100px
}

.project-details .text-img-block .text {
    font-size: 16px
}

.project-details .text-img-block .block-title {
    margin-bottom: 1em;
    font: 400 30px/1em "GentonaBold", sans-serif
}

.project-details .text-img-block h4 {
    font-size: 20px
}

.project-details .textbox {
    padding: 30px 0
}

.project-details .textbox .section-title {
    margin-top: 0;
    font: 900 29px/1.2em "Gentona", sans-serif;
    color: #f96e11
}

.project-details .textbox .more {
    margin-top: 100px
}

.project-details .textbox .more a {
    width: auto;
    padding: 0 30px
}

.project-details .textbox .more a:after {
    margin: -3px 5px 0px 30px;
    transition: margin 0.3s
}

.project-details .textbox .more a:hover:after {
    margin: -3px 0 0 35px
}

.project-details .textbox.contact-us {
    padding: 30px;
    background: #f3f3f3 url("../img/service-contact-bg.svg") 100% 100% no-repeat;
    background-size: 300px 300px
}

@media (min-width: 800px) {
    .project-details {
        padding-top: 100px
    }
    .project-details .project-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
    .project-details .project-description .col {
        flex-grow: 1;
        max-width: 380px;
        padding-left: 65px;
        box-sizing: border-box
    }
    .project-details .project-description .col:first-child {
        padding-left: 0
    }
    .project-details .project-description .col p {
        margin-top: 0
    }
    .project-details .double {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: stretch;
        border-bottom: 1px solid #e5e5e5
    }
    .project-details .double .textbox {
        width: 50%;
        box-sizing: border-box;
        padding: 200px 60px 100px;
        flex-grow: 1
    }
    .project-details .double .textbox:first-child {
        margin-top: 0
    }
    .project-details .double .textbox.clients {
        padding-left: 0
    }
    .project-details .slider .slider-controls a {
        width: 110px;
        height: 64px
    }
}

@media (min-width: 1170px) {
    .project-details {
        padding: 100px 0 0
    }
}

.content .team {
    margin: 0 auto 60px
}

.team {
    list-style: none;
    width: 100%;
    max-width: 292px;
    margin: 0 auto 60px;
    padding: 0
}

.team .team-member {
    max-height: 292px;
    position: relative;
    width: auto;
    overflow: hidden;
    max-width: 292px;
    margin: 0 auto;
    background: #000
}

.team .team-member .member-img {
    display: block;
    width: 292px;
    transition: all 0.3s
}

.team .team-member .member-details {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    transition: all 0.3s
}

.team .team-member .member-details>span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 30px
}

.team .team-member .member-details .name {
    display: block;
    font: 400 22px/1.5em "GentonaBold", sans-serif
}

.team .team-member .member-details .role {
    display: block;
    font-size: 16px;
    font-family: "Georgia", serif
}

.team .team-member .member-info {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    transition: all 0.3s
}

.team .team-member .member-info a:hover {
    color: #fff
}

.team .team-member .member-info .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background: #212121 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.8735 14.8735" height="14.8735" width="14.8735"><g transform="matrix(1.25,0,0,-1.25,0,14.8735)"><g style="stroke:%23ffffff"><g style="stroke:%23ffffff"><g style="stroke:%23ffffff" transform="translate(0.5,11.3988)"><path style="fill:none;stroke:%23ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 10.899,-10.899" /></g><g style="stroke:%23ffffff" transform="translate(0.5,0.5)"><path style="fill:none;stroke:%23ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 10.899,10.899" /></g></g></g></g></svg>') 50% 50% no-repeat;
    text-indent: 100%;
    white-space: nowrap
}

.team .team-member .member-info .close:hover {
    background-color: #f96e11
}

.team .team-member:hover .member-img {
    transform: scale(1.05)
}

.team .team-member:hover .member-details {
    background: transparent
}

.team .team-member.info-on .member-details {
    bottom: 100%
}

.team .team-member.info-on .member-info {
    top: 0
}

@media (min-width: 500px) {
    .team {
        max-width: 588px
    }
    .team .team-member {
        float: left;
        width: 50%
    }
}

@media (min-width: 900px) {
    .team {
        max-width: 876px
    }
    .team .team-member {
        width: 33.33%
    }
    .team .team-member .member-info {
        font-size: 16px
    }
}

@media (min-width: 1100px) {
    .team {
        max-width: 1168px
    }
    .team .team-member {
        width: 25%
    }
}

.how-we-work {
    padding: 90px 0 80px;
    background: #f96e11
}

.how-we-work .section-title {
    margin-top: 0;
    color: #fff;
    font: 900 40px/1em "Gentona", sans-serif;
    text-transform: uppercase
}

.how-we-work .work-stage {
    color: #212121;
    font-size: 16px;
    line-height: 1.5em
}

.how-we-work .work-stage .illustration .number {
    margin: 0.5em 0 -0.75em;
    color: #bf5525;
    font: 100 80px/1em "Gentona", sans-serif;
    opacity: 0.15
}

.how-we-work .stage-title {
    margin-top: 0;
    color: #fff;
    font: 400 26px/1em "GentonaBold", sans-serif
}

@media (min-width: 800px) {
    .how-we-work .section-header {
        padding-bottom: 50px;
        border-bottom: 1px solid #e76617
    }
    .how-we-work .work-stage {
        position: relative;
        padding: 110px 30px 40px 450px
    }
    .how-we-work .work-stage .illustration {
        position: absolute;
        left: 232px;
        top: 0;
        width: 150px;
        height: 100%;
        border-left: 2px solid #e76617
    }
    .how-we-work .work-stage .illustration .image {
        position: relative;
        top: 120px;
        left: -122px;
        width: 240px;
        height: 240px;
        margin: 0;
        border: 2px solid #e76617;
        border-radius: 50%;
        line-height: 240px;
        text-align: center;
        transition: all 0.3s
    }
    .how-we-work .work-stage .illustration .image.sweet {
        border-color: #fff
    }
    .how-we-work .work-stage .illustration .number {
        position: absolute;
        top: 40px;
        left: -180px;
        z-index: 2;
        width: 360px;
        margin: 0;
        color: #bf5525;
        font: 100 160px/1em "Gentona", sans-serif;
        opacity: 0.15
    }
    .how-we-work .work-stage.last .illustration {
        height: auto
    }
    .how-we-work .work-stage:nth-of-type(2n) .illustration .number {
        text-align: right
    }
    .how-we-work .work-stage.ws01 .image {
        background: #f96e11 url("../img/how-work01.svg") 50% 50% no-repeat
    }
    .how-we-work .work-stage.ws02 .image {
        background: #f96e11 url("../img/how-work02.svg") 50% 50% no-repeat
    }
    .how-we-work .work-stage.ws03 .image {
        background: #f96e11 url("../img/how-work03.svg") 50% 50% no-repeat
    }
    .how-we-work .work-stage.ws04 .image {
        background: #f96e11 url("../img/how-work04.svg") 50% 50% no-repeat
    }
    .how-we-work .work-stage.ws05 .image {
        background: #f96e11 url("../img/how-work05.svg") 50% 50% no-repeat
    }
    .how-we-work .work-stage.ws06 .image {
        background: #f96e11 url("../img/how-work06.svg") 50% 50% no-repeat
    }
    .how-we-work .work-stage .eye-candy {
        display: block;
        position: absolute;
        left: -2px;
        top: 0;
        width: 2px;
        height: 0;
        max-height: 100%;
        background: #fff
    }
}

@media (min-width: 1000px) {
    .how-we-work .work-stage {
        position: relative;
        padding: 110px 30px 40px 525px;
        font-size: 18px
    }
}

.tabbed .tabs {
    display: block;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #d8d8d8;
    background: #f2f2f2;
    font-size: 0;
    text-align: center;
    text-transform: uppercase
}

.tabbed .tab {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border: none
}

.tabbed .tab a {
    display: block;
    height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    border-bottom: 1px solid transparent;
    color: #212121;
    font: 300 17px/40px "Gentona", sans-serif
}

.tabbed .tab a:hover {
    border-top: none;
    background: #f96e11;
    color: #fff
}

.tabbed .tab.active a {
    border-bottom: 2px solid #f96e11;
    color: #f96e11;
    font-weight: 700
}

.tabbed .tab.active a:hover {
    background: transparent
}

@media (min-width: 600px) {
    .tabbed .tabs {
        white-space: nowrap
    }
    .tabbed .tab {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 0 0 -1px;
        padding: 0;
        height: 80px;
        border-right: 1px solid #d8d8d8
    }
    .tabbed .tab:first-child {
        border-left: 1px solid #d8d8d8
    }
    .tabbed .tab a {
        display: block;
        height: 80px;
        box-sizing: border-box;
        padding: 0 15px;
        border-top: 3px solid #f2f2f2;
        border-bottom: 1px solid transparent;
        color: #212121;
        font: 300 17px/80px "Gentona", sans-serif
    }
    .tabbed .tab a:hover {
        border-top: 3px solid #f96e11;
        background: #f96e11;
        color: #fff
    }
    .tabbed .tab.active a {
        border-top-color: #f96e11;
        border-bottom-color: #f2f2f2;
        color: #f96e11;
        font-weight: 700
    }
    .tabbed .tab.active a:hover {
        background: transparent
    }
}

@media (min-width: 800px) {
    .tabbed .tabs {
        overflow: visible
    }
    .tabbed .tab {
        width: 20%;
        max-width: 234px
    }
}

@media (min-width: 1200px) {
    .tabbed .tabs {
        margin-bottom: 80px
    }
}

.history {
    padding-top: 1px;
    background: #212121;
    color: #fff
}

.history .section-title {
    margin-top: 90px;
    margin-bottom: 50px;
    font: 900 40px/1.2em "Gentona", sans-serif;
    text-transform: uppercase
}

.history .slider {
    position: relative;
    overflow: hidden;
    height: 600px;
    margin: 0
}

.history .section-content {
    position: relative;
    left: 0;
    margin: 0 auto
}

.history .slider-controls {
    position: relative;
    z-index: 2;
    max-width: 1170px;
    margin: 0 auto
}

.history .slider-controls a {
    float: left;
    overflow: hidden;
    width: 70px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap
}

.history .slider-controls a.forward {
    border-left: 1px solid #4c4d4f;
    background: #212121 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat
}

.history .slider-controls a.forward:hover {
    background-position: 75% 50%
}

.history .slider-controls a.back {
    background: #212121 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>') 50% 50% no-repeat
}

.history .slider-controls a.back:hover {
    background-position: 25% 50%
}

.history .timeline {
    height: 96px;
    background: #fff
}

.history .timeline .box {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 140px;
    box-sizing: border-box
}

.history .timeline .box:before {
    display: block;
    position: absolute;
    left: 220px;
    top: 0;
    z-index: 2;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #212121 transparent transparent transparent;
    content: " "
}

.history .timeline .months {
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    white-space: nowrap
}

.history .timeline .months .month {
    display: inline-block;
    width: 80px;
    height: 15px;
    border-right: 2px dotted #bababa;
    line-height: 1em;
    text-align: center;
    vertical-align: top
}

.history .timeline .months .month .label {
    position: relative;
    top: 25px;
    left: 40px;
    color: #bcbcbc;
    font: 400 14px/1.2em "GentonaBold", sans-serif;
    text-transform: uppercase;
    text-align: center
}

.history .timeline .months .month .label .year {
    color: #212121
}

.history .slider-content {
    position: relative;
    left: 0;
    top: 0;
    overflow: visible;
    width: 100%;
    font-size: 0;
    white-space: nowrap
}

.history .slider-content .slider-item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    height: 504px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    vertical-align: top
}

.history .slider-content .slider-item img {
    min-height: 100%
}

.history .slider-content .slider-item .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.58);
    white-space: normal
}

.history .slider-content .slider-item .overlay:hover {
    background: transparent
}

.history .slider-content .slider-item .item-content {
    margin: 0;
    padding: 30px;
    box-sizing: border-box;
    text-align: left
}

.history .slider-content .slider-item .item-date {
    margin: 0;
    font-weight: 600;
    font-family: "Gentona", sans-serif;
    text-transform: uppercase
}

.history .slider-content .slider-item .item-title {
    margin: 2em 0 0;
    color: #fff;
    font: 400 30px/1.3em "GentonaBold", sans-serif
}

.history .slider-content .slider-item .item-title a {
    color: #fff
}

.history .slider-content .slider-item .item-title a:hover {
    color: #f96e11
}

@media (min-width: 600px) {
    .history .slider-controls a {
        width: 110px
    }
    .history .timeline .box {
        padding-left: 240px
    }
    .history .timeline .box:before {
        left: 320px
    }
}

@media (min-width: 900px) {
    .history .slider-content .slider-item .item-content {
        padding: 80px
    }
    .history .timeline .box {
        padding-left: 400px
    }
    .history .timeline .box:before {
        left: 480px
    }
}

.bx-wrapper {
    margin: 45px 0 0;
    clear: both
}

.logo-slider {
    list-style: none;
    height: 120px;
    margin: 0;
    padding: 0
}

.logo-slider li {
    display: inline-block;
    height: 120px;
    margin: 0;
    padding: 0;
    line-height: 120px;
    vertical-align: middle;
    text-align: center
}

.logo-slider li img {
    display: inline-block;
    vertical-align: middle
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 30px;
    padding: 0;
    *zoom: 1
}

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

.bx-wrapper .bx-viewport {
    border: none;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    display: none;
    min-height: 50px;
    background: url(../img/loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #e6edf3;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #212121
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.banner-wrapper {
    width: 100%;
    order: 5;
    display: block
}

.banner-wrapper .banner {
    width: 90%;
    margin-bottom: 20px;
    background: #f96e11;
    font-size: 1.7em;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    padding: 30px 20px;
    transition: all 0.3s;
    margin: 0 auto
}

.banner-wrapper .banner:before {
    content: '';
    position: absolute;
    right: 43px;
    background: url("../img/icon-download.png") no-repeat;
    height: 41px;
    width: 32px;
    z-index: 999;
    right: 35px;
    top: 36px;
    transition: all 0.3s
}

.banner-wrapper .banner:after {
    content: '';
    position: absolute;
    width: 100px;
    right: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #E86812
}

.banner-wrapper .banner .banner a {
    border-bottom: 5px solid #fff;
    color: #fff
}

.banner-wrapper .banner:hover {
    background: #E86812
}

.banner-wrapper .banner:hover:before {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8)
}

.banner-wrapper .banner:hover:after {
    background: #f96e11
}

.banner-wrapper .banner h3 {
    font-family: "Gentona";
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px)
}

.ebook-header {
    height: 65px
}

.ebook-header img {
    max-height: 50px;
    display: block
}

.ebook-page {
    background: #f96e11
}

.ebook-page .text-section {
    background: #f96e11
}

.ebook-page .ebook-form {
    margin-top: -40px;
    padding: 40px;
    background: #fff;
    margin-right: -9999px;
    padding-right: 9999px
}

.ebook-page .ebook-form h2 {
    color: #f96e11;
    text-transform: uppercase
}

.ebook-page .ebook-form button {
    border: 1px solid #212121
}

.ebook-page .ebook-form input {
    background-color: #F96E11
}

.ebook-page .text-section .p1,
.ebook-page .text-section p {
    margin: 20px 0
}

.ebook-page ul li {
    color: #fff
}

.ebook-page .img {
    margin: 0;
    position: relative;
    cursor: pointer;
    left: 40px;
    float: right
}

.ebook-page .img img {
    display: inherit;
    margin: 0 auto;
    opacity: 0.9;
    transition: all 0.3s
}

.ebook-page .img img:hover {
    opacity: 1
}

.ebook-descr h1 {
    color: #fff;
    text-transform: uppercase;
    text-align: left !important;
    padding-right: 10px
}

.ebook-descr .inside {
    color: #000
}

.ebook-descr .p1 strong {
    color: #fff;
    text-transform: uppercase;
    font: 900 30px/1em "Gentona", sans-serif
}

.ebook-descr ul {
    margin: 0;
    padding-left: 20px;
    list-style-type: disc;
    font: 400 16px/1.5em "Lato", sans-serif
}

.ebook-content h1 {
    color: #fff
}

@media (min-width: 1170px) {
    .ebook-page .ebook-header {
        height: 90px
    }
    .ebook-page .text-section {
        padding: 0 0 40px
    }
}

@media (min-width: 1290px) {
    .ebook-page .cols .inside {
        margin: 70px 0 0
    }
}

@media (max-width: 800px) {
    .ebook-page .cols .inside {
        margin: 0
    }
    .ebook-page .text-section .col2.form {
        margin-bottom: 0
    }
    .ebook-page .ebook-descr {
        margin-bottom: 70px
    }
    .ebook-page .ebook-form {
        padding-right: 40px;
        margin-right: initial
    }
    .ebook-page .img {
        left: 10px
    }
}

@media (max-width: 570px) {
    .ebook-page .ebook-descr h1 {
        font: 900 27px/1em "Gentona", sans-serif
    }
    .ebook-page .img {
        left: 0;
        float: none
    }
}

.project-details.theme-turquoise .project-description .descr-title {
    color: #138d92
}

.project-details.theme-turquoise .project-description a {
    color: #138d92
}

.project-details.theme-turquoise .project-description a:hover {
    color: #212121
}

.project-details.theme-turquoise .project-description .more a {
    color: #212121
}

.project-details.theme-turquoise .project-description .more a:hover {
    color: #fff
}

.project-details.theme-turquoise .project-description .more a:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.25 66.25" width="24px" height="23px"><g transform="matrix(1.25,0,0,-1.25,0,66.25)"><g><g><g transform="translate(26.5,51.5)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 13.807,0 25,-11.193 25,-25 0,-13.807 -11.193,-25 -25,-25 -13.807,0 -25,11.193 -25,25 0,13.807 11.193,25 25,25 z" /></g><g transform="translate(9.6248,9.041)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 4.447,4.071 10.371,6.555 16.875,6.555 6.761,0 12.894,-2.684 17.394,-7.044" /></g><g transform="translate(9.6248,43.5304)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 4.447,-4.071 10.371,-6.555 16.875,-6.555 6.761,0 12.894,2.684 17.394,7.044" /></g><g transform="translate(24.2932,51.2716)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c -5.885,-6.429 -9.476,-14.994 -9.476,-24.397 0,-9.773 3.88,-18.641 10.183,-25.146" /></g><g transform="translate(28.6197,51.2716)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 5.885,-6.429 9.476,-14.994 9.476,-24.397 0,-9.773 -3.88,-18.641 -10.183,-25.146" /></g><g transform="translate(1.5,26.5)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 50,0" /></g><g transform="translate(26.5,1.5)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 0,50" /></g></g></g></g></svg>')
}

.project-details.theme-turquoise .text-img-block.color {
    background: #138d92
}

.project-details.theme-turquoise .text-img-block.color a {
    color: white
}

.project-details.theme-turquoise .text-img-block.bright h4 {
    color: #138d92
}

.project-details.theme-turquoise .textbox .section-title {
    color: #138d92
}

.project-details.theme-turquoise .textbox.contact-us {
    background-image: url("../img/contact-bg-turquoise.svg")
}

.project-details.theme-turquoise .textbox.contact-us .more a:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.page-nav.theme-turquoise a.icon.arrow-right-orange:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="translate(24,24.1176)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="translate(1.5,12.8088)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

.page-nav.theme-turquoise a.icon.arrow-left-orange:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="11px" viewBox="0 0 46.011002 32.021999"><g transform="matrix(1.25,0,0,-1.25,0,32.022)"><g><g><g transform="matrix(-1,0,0,1,12.787574,24.1176)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 11.309,-11.309 0,-22.618" /></g><g transform="matrix(-1,0,0,1,35.287574,12.8088)"><path style="fill:none;stroke:%23138d92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 32.333,0" /></g></g></g></g></svg>')
}

@media (min-width: 1020px) {
    .page-nav.theme-turquoise a .what {
        color: #138d92
    }
}

.ie .project-details.theme-turquoise .project-description .more a:after {
    background-image: url("../img/ie/world-turquoise.png")
}

.ie .project-details.theme-turquoise .textbox.contact-us .more a:after {
    background-image: url("../img/ie/arrow-right-turquoise.png")
}

.ie .page-nav.theme-turquoise a.icon.arrow-right-orange:after {
    background-image: url("../img/ie/arrow-right-turquoise.png")
}

.ie .page-nav.theme-turquoise a.icon.arrow-left-orange:before {
    background-image: url("../img/ie/arrow-left-turquoise.png")
}

.ie .icon.plus-orange:before,
.ie .icon.plus-orange:after {
    background: url("../img/ie/plus.png") 50% 50%
}

.ie .icon.arrow-right-white:before,
.ie .icon.arrow-right-white:after {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .icon.arrow-right-orange:before,
.ie .icon.arrow-right-orange:after {
    background-image: url("../img/ie/arrow-right-orange.png")
}

.ie .icon.arrow-left-white:before,
.ie .icon.arrow-left-white:after {
    background-image: url("../img/ie/arrow-left-white.png")
}

.ie .icon.arrow-left-orange:before,
.ie .icon.arrow-left-orange:after {
    background-image: url("../img/ie/arrow-left-orange.png")
}

.ie .icon.download:before,
.ie .icon.download:after {
    background: url("../img/ie/download.png") 50% 50% no-repeat
}

.ie .icon.eye-orange:before,
.ie .icon.eye-orange:after {
    background-image: url("../img/ie/eye-orange.png")
}

.ie .icon.eye-gray:before,
.ie .icon.eye-gray:after {
    background-image: url("../img/ie/eye-black.png")
}

.ie .icon.world-orange:before,
.ie .icon.world-orange:after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.25 66.25" width="24px" height="23px"><g transform="matrix(1.25,0,0,-1.25,0,66.25)"><g><g><g transform="translate(26.5,51.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 13.807,0 25,-11.193 25,-25 0,-13.807 -11.193,-25 -25,-25 -13.807,0 -25,11.193 -25,25 0,13.807 11.193,25 25,25 z" /></g><g transform="translate(9.6248,9.041)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 4.447,4.071 10.371,6.555 16.875,6.555 6.761,0 12.894,-2.684 17.394,-7.044" /></g><g transform="translate(9.6248,43.5304)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 4.447,-4.071 10.371,-6.555 16.875,-6.555 6.761,0 12.894,2.684 17.394,7.044" /></g><g transform="translate(24.2932,51.2716)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c -5.885,-6.429 -9.476,-14.994 -9.476,-24.397 0,-9.773 3.88,-18.641 10.183,-25.146" /></g><g transform="translate(28.6197,51.2716)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="m 0,0 c 5.885,-6.429 9.476,-14.994 9.476,-24.397 0,-9.773 -3.88,-18.641 -10.183,-25.146" /></g><g transform="translate(1.5,26.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 50,0" /></g><g transform="translate(26.5,1.5)"><path style="fill:none;stroke:%23ff7800;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 0,0 0,50" /></g></g></g></g></svg>')
}

.ie input[type="checkbox"]:checked+label:before {
    background-image: url("../img/ie/tick.svg")
}

.ie input[type="radio"]:checked+label:before {
    background-image: url("../img/ie/tick.svg")
}

.ie .searchform button {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .searchform .show-form {
    background-image: url("../img/ie/search.svg");
    background-size: 18px 18px
}

.ie .searchform .show-form:hover,
.ie .searchform .show-form:focus {
    background-size: 24px 24px
}

.ie .searchform .close-form {
    background-image: url("../img/ie/x.svg");
    background-size: 15px 15px
}

.ie .searchform .close-form:hover,
.ie .searchform .close-form:focus {
    background-size: 24px 24px
}

.ie .mainmenu>ul li.parent>a:after {
    background-image: url("../img/ie/plus.png")
}

.ie .mobile-toggle.menu {
    background-image: url("../img/ie/menu.svg")
}

.ie .mobile-toggle.search {
    background-image: url("../img/ie/search.svg")
}

.ie .slider-section .slider-controls a.forward {
    background-image: url("../img/ie/arrow-right-black.png")
}

.ie .slider-section .slider-controls a.back {
    background-image: url("../img/ie/arrow-left-black.png")
}

.ie .slider-section.alt .slider-controls a.forward {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .slider-section.alt .slider-controls a.back {
    background-image: url("../img/ie/arrow-left-white.png")
}

.ie .clients .client-nav a.prev {
    background-image: url("../img/ie/arrow-up-black.png")
}

.ie .clients .client-nav a.next {
    background-image: url("../img/ie/arrow-down-black.png")
}

.ie .twits>a.prev {
    background-image: url("../img/ie/arrow-left-black.png")
}

.ie .twits>a.next {
    background-image: url("../img/ie/arrow-right-black.png")
}

.ie .audit-form button:after {
    background-image: url("../img/ie/arrow-right-black.png")
}

.ie .audit-form button:hover:after {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .page-footer .mailing button:after {
    background-image: url("../img/ie/arrow-right-orange.png")
}

.ie .page-footer .mailing button:hover:after {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .page-footer .nav .find-on-map a:after {
    background-image: url("../img/ie/marker.svg")
}

.ie .history .slider-controls a.forward {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .history .slider-controls a.back {
    background-image: url("../img/ie/arrow-left-white.png")
}

.ie .widget button[type="submit"] {
    background-image: url("../img/ie/arrow-right-white.png");
    background-repeat: no-repeat
}

.ie .widget button[type="submit"].alt {
    background-image: url("../img/ie/arrow-right-orange.png")
}

.ie .widget.special button {
    background-image: none
}

.ie .widget.special button:after {
    background-image: url("../img/ie/arrow-right-black.png")
}

.ie .widget.special button:hover:after {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .feed-nav a.next:after {
    background-image: url("../img/ie/arrow-right-orange.png")
}

.ie .feed-nav a.prev {
    background-image: url("../img/ie/arrow-left-black.png")
}

.ie .service-contact-section .demo-form p.check input:checked+label:before {
    background-image: url("../img/ie/tick-white.svg")
}

.ie .service-contact-section .demo-form .submit button:after {
    background-image: url("../img/ie/arrow-right-white.png")
}

.ie .project-details .slider .slider-controls a.forward {
    background-image: url("../img/ie/arrow-right-black.png")
}

.ie .project-details .slider .slider-controls a.back {
    background-image: url("../img/ie/arrow-left-black.png")
}

@media (min-width: 600px) {
    .ie .showcase .cta a:after {
        background-image: url("../img/ie/arrow-right-white.png")
    }
}

@media (min-width: 800px) {
    .ie .twitbox {
        clear: both;
        position: relative;
        top: -90px;
        margin-bottom: -90px
    }
}