@charset "UTF-8";
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/poppins/poppins-v1-latin-300.eot);
    src: local("Poppins Light"), local("Poppins-Light"), url(../fonts/poppins/poppins-v1-latin-300.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v1-latin-300.woff2) format("woff2"), url(../fonts/poppins/poppins-v1-latin-300.woff) format("woff"), url(../fonts/poppins/poppins-v1-latin-300.ttf) format("truetype"), url(../fonts/poppins/poppins-v1-latin-300.svg#Poppins) format("svg")
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/poppins/poppins-v1-latin-regular.eot);
    src: url(../fonts/poppins/poppins-v1-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v1-latin-regular.woff2) format("woff2"), url(../fonts/poppins/poppins-v1-latin-regular.woff) format("woff"), url(../fonts/poppins/poppins-v1-latin-regular.ttf) format("truetype"), url(../fonts/poppins/poppins-v1-latin-regular.svg#Poppins) format("svg")
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/poppins/poppins-v1-latin-500.eot);
    src: local("Poppins Medium"), local("Poppins-Medium"), url(../fonts/poppins/poppins-v1-latin-500.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v1-latin-500.woff2) format("woff2"), url(../fonts/poppins/poppins-v1-latin-500.woff) format("woff"), url(../fonts/poppins/poppins-v1-latin-500.ttf) format("truetype"), url(../fonts/poppins/poppins-v1-latin-500.svg#Poppins) format("svg")
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/poppins/poppins-v1-latin-600.eot);
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(../fonts/poppins/poppins-v1-latin-600.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v1-latin-600.woff2) format("woff2"), url(../fonts/poppins/poppins-v1-latin-600.woff) format("woff"), url(../fonts/poppins/poppins-v1-latin-600.ttf) format("truetype"), url(../fonts/poppins/poppins-v1-latin-600.svg#Poppins) format("svg")
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/poppins/poppins-v1-latin-700.eot);
    src: local("Poppins Bold"), local("Poppins-Bold"), url(../fonts/poppins/poppins-v1-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v1-latin-700.woff2) format("woff2"), url(../fonts/poppins/poppins-v1-latin-700.woff) format("woff"), url(../fonts/poppins/poppins-v1-latin-700.ttf) format("truetype"), url(../fonts/poppins/poppins-v1-latin-700.svg#Poppins) format("svg")
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
.grid {
    text-align: center
}
.grid .grid-item {
    max-width: 220px;
    margin: 0 20px
}
.grid .grid-item, .judge-col {
    display: inline-block;
    width: 100%
}
.judge-col {
    margin: 0 10px;
    max-width: 300px
}
.home-box {
	display: inline-block;
	max-width: 300px;
	padding: 0px 35px 0px 35px;
	text-align: center;
	width: 100%;
}
.col-right-border {
	border-right: solid 2px #ffffff;
	max-width: 420px;
	padding: 0px 30px 0px 30px;
	width: 100%;
}
@media screen and (max-width:479px) {
    .judge-col {
        float: none;
        margin: 0 auto
    }
	.home-box {
		display: block;
		max-width: 100%;
		padding: 0px 50px 0px 50px;
	}
	.col-right-border {
		border-right: none;
		padding: 0px 30px 0px 30px;
	}
}
.full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}
.full:last-child {
    margin-right: 0
}
.half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}
.half:last-child {
    margin-right: 0
}
@media screen and (max-width:479px) {
    .half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .half:last-child {
        margin-right: 0
    }
}
.one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}
.one-third:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .one-third:last-child {
        margin-right: 0
    }
}
.two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}
.two-thirds:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .two-thirds:last-child {
        margin-right: 0
    }
}
.one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}
.one-quarter:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .one-quarter:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:639px) {
    .one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .one-quarter:last-child {
        margin-right: 0
    }
}
.one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}
.one-sixth:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .one-sixth:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:767px) {
    .one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .one-sixth:last-child {
        margin-right: 0
    }
}
.three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
}
.three-quarters:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .three-quarters:last-child {
        margin-right: 0
    }
}
.one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%
}
.one-fifth:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .one-fifth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .one-fifth:last-child {
        margin-right: 0
    }
}
.four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%
}
.four-fifths:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .four-fifths {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .four-fifths:last-child {
        margin-right: 0
    }
}
.two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%
}
.two-fifths:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .two-fifths {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .two-fifths:last-child {
        margin-right: 0
    }
}
.three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%
}
.three-fifths:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .three-fifths {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .three-fifths:last-child {
        margin-right: 0
    }
}
.col-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0 10px
}
.col-full:last-child {
    margin-right: 0
}
.col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    padding: 0 10px
}
.col-half:last-child {
    margin-right: 0
}
@media screen and (max-width:767px) {
    .col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-half:last-child {
        margin-right: 0
    }
}
.col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    padding: 0 10px
}
.col-one-third:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding-bottom: 25px
    }
    .col-one-third:last-child {
        margin-right: 0
    }
}
.col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    padding: 0 10px
}
.col-two-thirds:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-two-thirds:last-child {
        margin-right: 0
    }
}
.col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    padding: 0 10px
}
.col-one-quarter:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .col-one-quarter:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:639px) {
    .col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-one-quarter:last-child {
        margin-right: 0
    }
}
.col-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    padding: 0 10px
}
.col-one-sixth:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .col-one-sixth:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:767px) {
    .col-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-one-sixth:last-child {
        margin-right: 0
    }
}
.col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    padding: 0 10px
}
.col-three-quarters:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-three-quarters:last-child {
        margin-right: 0
    }
}
.col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
    padding: 0 10px
}
.col-one-fifth:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-one-fifth:last-child {
        margin-right: 0
    }
}
.col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
    padding: 0 10px
}
.col-two-fifths:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-two-fifths:last-child {
        margin-right: 0
    }
}
.col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
    padding: 0 10px
}
.col-three-fifths:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-three-fifths:last-child {
        margin-right: 0
    }
}
.col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
    padding: 0 10px
}
.col-four-fifths:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-four-fifths:last-child {
        margin-right: 0
    }
}
.container, .container-fluid {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}
.container-fluid:after, .container:after {
    clear: both;
    content: "";
    display: table
}
.container-fluid .full-width, .container .full-width {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0 15px
}
.container-fluid .full-width:last-child, .container .full-width:last-child {
    margin-right: 0
}
.container-fluid .four-fifths, .container-fluid .half, .container-fluid .one-fifth, .container-fluid .one-quarter, .container-fluid .one-third, .container-fluid .three-fifths, .container-fluid .three-quarters, .container-fluid .two-fifths, .container-fluid .two-thirds, .container .four-fifths, .container .half, .container .one-fifth, .container .one-quarter, .container .one-third, .container .three-fifths, .container .three-quarters, .container .two-fifths, .container .two-thirds {
    padding: 0 15px
}
@media screen and (max-width:1229px) {
    .container {
        max-width: 1020px
    }
}
@media screen and (max-width:1077px) {
    .container {
        max-width: 710px
    }
}
.container-fluid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
.container-fluid:after {
    clear: both;
    content: "";
    display: table
}
.row {
    display: block;
    margin-left: -15px;
    margin-right: -15px
}
.row:after {
    clear: both;
    content: "";
    display: table
}
.col-row {
    display: block;
    margin-left: -10px;
    margin-right: -10px
}
.col-row:after {
    clear: both;
    content: "";
    display: table
}
.section {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 15px
}
.section:after {
    clear: both;
    content: "";
    display: table
}
.section.section--small {
    padding-top: 40px;
    padding-bottom: 40px
}
.section {
    max-width: 1020px;
    width: 100%;
}
.section.section-wide {
    max-width: 1200px;
    width: 100%;
}
@media screen and (max-width:1077px) {
    .section {
        max-width: 710px
    }
}
.section.post-section {
    padding-top: 40px
}
.section .content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    padding: 0 15px
}
.section .content:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .section .content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .section .content:last-child {
        margin-right: 0
    }
}
.section .content-sm {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 50.13221%;
    padding: 0 15px
}
.section .content-sm:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .section .content-sm {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .section .content-sm:last-child {
        margin-right: 0
    }
}
.section .side-bar {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    padding: 0 15px
}
.section .side-bar:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .section .side-bar {
        display: none
    }
}
.section .side-bar-md {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 24.76286%;
    padding: 0 15px
}
.section .side-bar-md:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .section .side-bar-md {
        display: none
    }
}
.section .side-bar-sm {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 20.38963%;
    padding: 0 15px
}
.section .side-bar-sm:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .section .side-bar-sm {
        display: none
    }
}
.sk-circle {
    margin: 15px auto;
    width: 40px;
    height: 40px;
    position: relative
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.sk-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s ease-in-out infinite both;
    animation: sk-circleBounceDelay 1.2s ease-in-out infinite both
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}
@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes sk-circleBounceDelay {
    0%, 80%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
    z-index: 99999
}
.sk-folding-cube {
    margin: 20px auto;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 45%;
    left: 47.5%
}
.sk-bg {
    position: absolute;
    height: 55px;
    top: 6px;
    left: 17px;
    display: block;
    z-index: 1
}
.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #31467a;
    -webkit-animation: sk-foldCubeAngle 2.4s linear infinite both;
    animation: sk-foldCubeAngle 2.4s linear infinite both;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}
.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotate(90deg)
}
.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotate(180deg);
    transform: scale(1.1) rotate(180deg)
}
.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotate(270deg);
    transform: scale(1.1) rotate(270deg)
}
.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}
@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }
    90%, to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}
@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }
    90%, to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}
.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-perspective: 1200;
    perspective: 1200
}
.flipper {
    position: relative;
    display: block;
    height: inherit;
    width: inherit;
    -webkit-animation: flip 1.2s ease-in-out infinite;
    animation: flip 1.2s ease-in-out infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.back, .front {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    font: 900 17px/40px bebas-neue-by-fontfabric;
    background-color: #000;
    height: 100%;
    width: 100%;
    text-align: center
}
.back {
    background-color: #00abaa;
    z-index: 800;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.caps {
    text-transform: uppercase
}
.bg-accent-color {
    background-color: #00abaa
}
.bg-white {
    background-color: #fff
}
.float-left {
    float: left
}
.float-right {
    float: right
}
.black {
    color: #000
}
.white {
    color: #fff
}
.dark {
    color: #31467a
}
.gold {
    color: #fc0 !important
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}
.full-width {
    width: 100%
}
.bg-color-1 {
    background-color: #00abaa
}
.bg-color-2 {
    background-color: #31467a
}
.bg-color-white {
    background-color: #fff
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}
.hide {
    display: none
}
.inline-block {
    display: inline-block
}
.block {
    display: block !important
}
.relative {
    position: relative
}
.absolute {
    position: absolute
}
.italics {
    font-style: italic
}
.accordion .accordion-item a:after, .bbp-forum:after, .breadcrumbs:after, .clearfix:after, .cms-list-application .app-content .app-row:after, .filters-blc-1:after, .filters-blc-2:after, .filters-list-3:after, .forum-titles:after, .ft-list-1 li:after, .ft-list-2 li:after, .ft-menu-list:after, .ft-social-list:after, .gallery .inner:after, .half-gallery:after, .inst-list:after, .js-sidebar:after, .large-gallery:after, .main-nav-list:after, .main-nav:after, .medium-gallery:after, .member-filter:after, .members-items:after, .page-nav:after, .page-title:after, .post-next-prev:after, .post-sharing-tp-1:after, .post-sharing-tp-2:after, .post-tags-list:after, .post:after, .pst-block-head:after, .pst-block-main:after, .pst-box-head:after, .pst-box-main .pst-box-inner:after, .rate-tp-2 ul:after, .rating-title:after, .rw-summary:after, .sf-menu:after, .shop-product-item:after, .shop-products-items:after, .small-gallery:after, .sp-popup .btns:after, .sp-popup .social .pp-social-list:after, .tags-list:after, .trpst-block-head:after, .vpst-block-head:after, .vpst-block-main:after, .weather-days-list:after {
    content: "";
    display: table;
    clear: both
}
.padding-t-0 {
    padding-top: 0
}
.padding-b-0 {
    padding-bottom: 0
}
.padding-r-0 {
    padding-right: 0
}
.padding-l-0 {
    padding-left: 0
}
.padding-t-10 {
    padding-top: 10px
}
.padding-b-10 {
    padding-bottom: 10px
}
.padding-r-10 {
    padding-right: 10px
}
.padding-l-10 {
    padding-left: 10px
}
.padding-t-50 {
    padding-top: 50px
}
.padding-b-50 {
    padding-bottom: 50px
}
.padding-r-50 {
    padding-right: 50px
}
.padding-l-50 {
    padding-left: 50px
}
.padding-t-30 {
    padding-top: 30px
}
.padding-b-30 {
    padding-bottom: 30px
}
.padding-r-30 {
    padding-right: 30px
}
.padding-l-30 {
    padding-left: 30px
}
.padding-t-20 {
    padding-top: 20px
}
.padding-b-20 {
    padding-bottom: 20px
}
.padding-r-20 {
    padding-right: 20px
}
.padding-l-20 {
    padding-left: 20px
}
.margin-r-none {
    margin-right: 0 !important
}
.margin-l-none {
    margin-left: 0 !important
}
.margin-t-none {
    margin-top: 0 !important
}
.margin-b-none {
    margin-bottom: 0 !important
}
.margin-t-neg-80 {
    margin-top: -80px
}
.margin-t-neg-70 {
    margin-top: -70px
}
.margin-t-neg-60 {
    margin-top: -60px
}
.margin-t-neg-50 {
    margin-top: -50px
}
.margin-t-neg-40 {
    margin-top: -40px
}
.margin-t-neg-30 {
    margin-top: -30px
}
.margin-t-neg-20 {
    margin-top: -20px
}
.margin-t-neg-15 {
    margin-top: -15px
}
.margin-t-neg-10 {
    margin-top: -10px
}
.margin-t-neg-5 {
    margin-top: -5px
}
.margin-b-neg-80 {
    margin-bottom: -80px
}
.margin-b-neg-70 {
    margin-bottom: -70px
}
.margin-b-neg-60 {
    margin-bottom: -60px
}
.margin-b-neg-50 {
    margin-bottom: -50px
}
.margin-b-neg-40 {
    margin-bottom: -40px
}
.margin-b-neg-30 {
    margin-bottom: -30px
}
.margin-b-neg-20 {
    margin-bottom: -20px
}
.margin-b-neg-15 {
    margin-bottom: -15px
}
.margin-b-neg-10 {
    margin-bottom: -10px
}
.margin-b-neg-5 {
    margin-bottom: -5px
}
.padding-b-none {
    padding-bottom: 0 !important
}
.padding-t-none {
    padding-top: 0 !important
}
.margin-b-80 {
    margin-bottom: 80px
}
.margin-t-80 {
    margin-top: 80px
}
.margin-l-80 {
    margin-left: 80px
}
.margin-r-80 {
    margin-right: 80px
}
.margin-b-70 {
    margin-bottom: 70px
}
.margin-t-70 {
    margin-top: 70px
}
.margin-l-70 {
    margin-left: 70px
}
.margin-r-70 {
    margin-right: 70px
}
.margin-b-60 {
    margin-bottom: 60px
}
.margin-t-60 {
    margin-top: 60px
}
.margin-l-60 {
    margin-left: 60px
}
.margin-r-60 {
    margin-right: 60px
}
.margin-b-50 {
    margin-bottom: 50px
}
.margin-t-50 {
    margin-top: 50px
}
.margin-l-50 {
    margin-left: 50px
}
.margin-r-50 {
    margin-right: 50px
}
.margin-b-40 {
    margin-bottom: 40px
}
.margin-t-40 {
    margin-top: 40px
}
.margin-l-40 {
    margin-left: 40px
}
.margin-r-40 {
    margin-right: 40px
}
.margin-b-30 {
    margin-bottom: 30px
}
.margin-t-30 {
    margin-top: 30px
}
.margin-l-30 {
    margin-left: 30px
}
.margin-r-30 {
    margin-right: 30px
}
.margin-b-20 {
    margin-bottom: 20px
}
.margin-t-20 {
    margin-top: 20px
}
.margin-l-20 {
    margin-left: 20px
}
.margin-r-20 {
    margin-right: 20px
}
.margin-b-15 {
    margin-bottom: 15px
}
.margin-t-15 {
    margin-top: 15px
}
.margin-l-15 {
    margin-left: 15px
}
.margin-r-15 {
    margin-right: 15px
}
.margin-b-10 {
    margin-bottom: 10px
}
.margin-t-10 {
    margin-top: 10px
}
.margin-l-10 {
    margin-left: 10px
}
.margin-r-10 {
    margin-right: 10px
}
.margin-b-5 {
    margin-bottom: 5px
}
.margin-t-5 {
    margin-top: 5px
}
.margin-l-5 {
    margin-left: 5px
}
.margin-r-5 {
    margin-right: 5px
}
.margin-10 {
    margin: 10px
}
.bm-pink {
    color: #d2226b
}
.swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.adaptive {
    display: block;
    max-width: 100%;
    height: auto
}
.table {
    display: table;
    width: 100%;
    height: 100%
}
.cell {
    display: table-cell;
    vertical-align: middle
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.text-center {
    text-align: center !important
}
.text-left {
    text-align: left !important
}
.text-right {
    text-align: right !important
}
.aside-menu-close-ic, .author-social a, .btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-6, .btn-7, .btn-8, .comment-list .reply, .filters-list-1 a, .filters-list-2 a, .filters-list-3 a, .filters-list a, .ft-social-list a, .gallery-item .img:after, .gallery-item .img:before, .gallery-item .img a:before, .htp-2-social-list a, .htp-3-social-list a, .info-tp-1 a, .left-sticky-bar, .lsb-list a, .mb-menu-close-ic, .members-item:before, .members-photo:after, .members-photo:before, .mh-search .st-btn-1, .nav-arrow, .owl-page span, .page-nav .pn-item, .popup-close-ic, .post-next-prev a, .post-sharing-tp-1 a, .post-sharing-tp-2 a, .post-tp-1 figure, .post-tp-2 figure, .post-tp-12 figure, .post-tp-14 figure, .post-tp-26 figure:before, .post-tpv-1 figure, .post-tpv-2 figure, .pp-social-list a, .ptp-4-overlay, .ptp-5-overlay, .ptp-8-overlay, .ptp-13-overlay, .ptp-23-overlay, .ptp-24-overlay, .ptp-25-overlay, .ptp-27-overlay, .ptp-30-overlay, .ptp-31-overlay, .sbr-dots span, .sbsb-btn button, .shop-products-item-overlay, .slide-count, .social-tp-2 a, .sp-popup .btns a, .src-btn button, .sticky-header, .tb-social-list a, .thumbs-img figure:before, .weather-days-list a {
    -webkit-transition: all .5s;
    transition: all .5s
}
.accordion dt .fa, .all-sb a, .filters-drop a, .pst-block-foot a, .title-3, .title-5, .title-6, .title-10, .top-rate:before, .trpst-block-foot a {
    -webkit-transition: all .3s;
    transition: all .3s
}
.left-sticky-bar {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.arr-down-dark-ic, .arr-down-light-ic, .arr-ic-1, .arr-left-dark-ic, .arr-left-light-ic, .arr-right-dark-ic, .arr-right-light-ic, .arr-up-dark-ic, .arr-up-light-ic {
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    line-height: 23px;
    text-decoration: none;
    vertical-align: middle
}
.arr-down-dark-ic i, .arr-down-light-ic i, .arr-ic-1 i, .arr-left-dark-ic i, .arr-left-light-ic i, .arr-right-dark-ic i, .arr-right-light-ic i, .arr-up-dark-ic i, .arr-up-light-ic i {
    display: inline-block;
    vertical-align: middle
}
.arr-ic-2, .arr-left-light-lg-ic, .arr-left-light-sm-ic {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 27px;
    height: 27px;
    overflow: hidden;
    text-align: center;
    line-height: 23px;
    text-decoration: none;
    vertical-align: middle
}
.arr-ic-2 i, .arr-left-light-lg-ic i, .arr-left-light-sm-ic i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2px
}
.arr-ic-3 {
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-align: center;
    line-height: 22px;
    text-decoration: none
}
.arr-ic-3, .arr-ic-3 i {
    display: inline-block;
    vertical-align: middle
}
.arr-ic-3 i {
    color: #474747
}
.arr-left-light-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -34px 0;
    width: 9px;
    height: 5px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-left-light-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-right-light-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -52px 0;
    width: 9px;
    height: 5px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-right-light-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-up-light-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -10px 0;
    width: 5px;
    height: 9px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-up-light-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-down-light-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -20px 0;
    width: 5px;
    height: 9px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-down-light-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-left-dark-ic {
    border-color: #d1d1d1
}
.arr-left-dark-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -25px 0;
    width: 9px;
    height: 5px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-left-dark-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-right-dark-ic {
    border-color: #d1d1d1
}
.arr-right-dark-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -43px 0;
    width: 9px;
    height: 5px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-right-dark-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-up-dark-ic {
    border-color: #d1d1d1
}
.arr-up-dark-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -5px 0;
    width: 5px;
    height: 9px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-up-dark-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-down-dark-ic {
    border-color: #d1d1d1
}
.arr-down-dark-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: 0 0;
    width: 5px;
    height: 9px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-down-dark-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-left-light-lg-ic {
    width: 35px;
    height: 35px;
    line-height: 31px
}
.arr-left-light-lg-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -80px 0;
    width: 11px;
    height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-left-light-lg-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.arr-left-light-sm-ic i {
    background-image: url(../img/sprite-retina.png);
    background-position: -15px 0;
    width: 5px;
    height: 7px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .arr-left-light-sm-ic i {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.list-ic-1 {
    background-image: url(../img/sprite-retina.png);
    background-position: -171px 0;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .list-ic-1 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.list-ic-2 {
    background-image: url(../img/sprite-retina.png);
    background-position: -91px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .list-ic-2 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.list-ic-3 {
    background-image: url(../img/sprite-retina.png);
    background-position: -139px 0;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .list-ic-3 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.list-ic-4 {
    background-image: url(../img/sprite-retina.png);
    background-position: -107px 0;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .list-ic-4 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.cart-ic-light {
    background-image: url(../img/sprite-retina.png);
    background-position: -155px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .cart-ic-light {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.cart-ic-dark {
    background-image: url(../img/sprite-retina.png);
    background-position: -123px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .cart-ic-dark {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.remove-ic-1 {
    background-position: -36px 0
}
.remove-ic-1, .remove-ic-2 {
    background-image: url(../img/sprite.png);
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle
}
.remove-ic-2 {
    background-position: -45px 0
}
.check-ic-1 {
    background-position: -54px 0;
    width: 14px;
    height: 14px
}
.check-ic-1, .paypal-ic {
    background-image: url(../img/sprite.png);
    display: inline-block;
    vertical-align: middle
}
.paypal-ic {
    background-position: -155px 0;
    width: 39px;
    height: 25px
}
.popup-close-ic {
    background-image: url(../img/sprite.png);
    background-position: -126px 0;
    width: 29px;
    height: 29px
}
.aside-menu-close-ic, .popup-close-ic {
    display: inline-block;
    vertical-align: middle
}
.aside-menu-close-ic {
    background-image: url(/img/sprite.png);
    background-position: -106px 0;
    width: 20px;
    height: 20px
}
.popup-arr-left-ic {
    background-image: url(../img/sprite-retina.png);
    background-position: -61px 0;
    width: 9px;
    height: 8px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .popup-arr-left-ic {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.mb-menu-close-ic {
    background-image: url(../img/sprite-retina.png);
    background-position: -187px 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .mb-menu-close-ic {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.lg-offset {
    margin-bottom: 45px
}
.pull-left {
    float: left
}
.pull-right {
    float: right
}
.pull-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}
.align-left {
    float: left;
    margin: 6px 20px 15px 0
}
.align-right {
    float: right;
    margin: 6px 0 15px 20px
}
.align-center {
    margin: 0 0 15px
}
.align-center img {
    margin: 0 auto
}
.block-center {
    margin-right: auto;
    margin-left: auto
}
.fixed {
    position: fixed
}
video {
    width: 100% !important;
    height: auto !important
}
.video-wrap {
    position: relative;
    padding-bottom: 54%;
    padding-top: 25px;
    height: 0
}
.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.soundcloud iframe {
    display: block;
    max-height: 180px
}
.awesome-font, .mark-list li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.box-header {
    background-color: #00abaa;
    color: #fff;
    padding: 5px 8px 3px;
    margin: 0 10px 0 0
}
.img-text-title {
    text-align: left
}
.img-text-title img {
    display: inline-block;
    max-width: 297px
}
.img-text-title .spacer {
    padding-right: 10px
}
.img-text-title h1 {
    display: inline-block;
    font-size: 82px;
    line-height: 85px;
    vertical-align: top;
    padding: 0
}
.din-2014 {
    font-family:  din-2014;
}
/*
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase
}
*/
h1 {
    font-size: 26px
}
h1, h2 {
    font-weight: 900;
    padding: 13px 0;
    line-height: 1
}
h2 {
    font-size: 23px
}
h3 {
    font-size: 20px
}
h3, h4 {
    font-weight: 900;
    padding: 13px 0;
    line-height: 1.4em;
}
h4 {
    font-size: 17px
}
h5 {
    font-size: 16px;
    line-height: 1.2
}
h5, h6 {
    font-weight: 900;
    padding: 13px 0
}
h6 {
    font-size: 17px;
    line-height: 1
}
strong {
    font-weight: 900
}
.circle-list {
    margin: 0 0 23px 30px;
    list-style: circle
}
.circle-list, p {
    font: 17px/25px din-2014
}
p {
    margin-bottom: 23px
}
p a {
    color: #00abaa;
    text-decoration: none
}
p.p {
    font: 13px/23px din-2014;
    margin: 0
}
p .orange {
    background-color: #00abaa
}
p .dark, p .orange {
    color: #fff;
    line-height: 16px;
    display: inline-block;
    padding: 0 4px 2px
}
p .dark {
    background-color: #16171a
}
p .light {
    background-color: #efefef
}
p .light, p .underline {
    line-height: 16px;
    display: inline-block;
    padding: 0 4px 2px
}
p .underline {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAFklEQVQIW2Ncv379fwY0EBgYyAgSAgBXKgQCHSg8kwAAAABJRU5ErkJggg==) repeat-x bottom
}
.orange {
    color: #00abaa;
}
hr {
    border: none;
    border-top: 1px solid #f2f2f2;
    margin: 15px 0
}
blockquote {
    color: #00abaa;
    font: 17px/25px din-2014;
    position: relative;
    padding: 3px 0 4px;
    margin-bottom: 23px
}
blockquote p {
    color: #313131;
    font: 18px/26px Georgia;
    margin: 0;
    position: relative
}
blockquote .author {
    color: #626465;
    display: inline-block;
    font: 12px/22px bebas-neue-by-fontfabric;
    font-weight: 900
}
.bq-tp-1 {
    border-left: 1px solid #00abaa
}
.bq-tp-2 {
    padding: 3px 0 4px 27px
}
.bq-tp-2:before {
    content: "”";
    color: #e9e9e9;
    font-size: 100px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -6px
}
.bq-tp-3 {
    background-color: #fcfcfc;
    padding: 33px 20px 34px 50px
}
.bq-tp-3:before {
    content: "“";
    color: #00abaa;
    font-size: 40px;
    line-height: 1;
    position: absolute;
    left: 20px;
    top: 35px
}
.bq-tp-3 p {
    color: #6f6f6f;
    font: 16px/24px Georgia;
    margin-bottom: 4px
}
.list {
    color: #414141;
    font-size: 14px;
    margin-bottom: 25px
}
.list li {
    padding: 6px 0
}
.list i {
    margin-right: 10px
}
.mark-list li {
    padding-left: 20px;
    position: relative
}
.mark-list li:before {
    color: #16171a;
    content: "\f00c";
    font-size: 11px;
    line-height: 35px;
    position: absolute;
    left: 0;
    top: 0
}
.mark-list.mark-circle li {
    padding-left: 14px
}
.mark-list.mark-circle li:before {
    content: "\f111";
    font-size: 7px
}
.num-list {
    list-style: decimal inside
}
.title-blc-1 {
    padding: 0 20px;
    position: relative;
    margin: 20px -20px
}
.title-blc-1:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 4px
}
.title-blc-1 h4 {
    padding: 0
}
.title-blc-1 span {
    font-weight: 400
}
.title-blc-2 {
    padding: 0 20px;
    position: relative;
    margin: 20px -20px
}
.title-blc-2:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    top: 7px
}
.title-blc-2 .title-blc-inner {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 16px
}
.title-blc-2 .title-blc-inner p {
    color: #949494;
    font-size: 12px;
    line-height: 17px;
    margin: 7px 0 0
}
.title-blc-2 h4 {
    padding: 0
}
.title-blc-2 span {
    font-weight: 400
}
.title-blc-3 {
    border-radius: 2px;
    border: 1px solid #ebebeb;
    padding: 7px 15px;
    text-align: center
}
.title-blc-4 {
    background-color: #fafafa;
    border-radius: 2px;
    padding: 15px 25px;
    margin-bottom: 27px
}
.title-blc-5 {
    overflow: hidden;
    margin-bottom: 19px
}
.title-blc-5 .title-27 {
    display: inline-block;
    position: relative
}
.title-blc-5 .title-27:before {
    background-color: #ebebeb;
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 10000%;
    height: 1px;
    margin-left: 8px
}
.title-blc-5 .title-27 .check-ic-1 {
    margin: -2px 0 0 2px
}
.title-0 {
    color: #fff;
    font: 900 6.5em/1.1 bebas-neue-by-fontfabric;
    padding: 0
}
.title-0 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:639px) {
    .title-0 {
        font-size: 30px;
        line-height: 33px
    }
}
.title-1 {
    font: 900 5em/1.1 bebas-neue-by-fontfabric;
    padding: 0
}
.title-1 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:639px) {
    .title-1 {
        font-size: 30px;
        line-height: 33px
    }
}
.title-2 {
    font: 900 34px/34px bebas-neue-by-fontfabric;
    padding: 0
}
.title-2 a {
    color: inherit;
    text-decoration: none
}
.title-3 {
    font: 900 17px/21px bebas-neue-by-fontfabric;
    padding: 0
}
.title-3 a {
    color: inherit;
    text-decoration: none
}
.title-4 {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    float: left;
    padding: 0
}
.title-4 a {
    color: inherit;
    text-decoration: none
}
.title-5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    padding: 0
}
.title-5 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:1229px) {
    .title-5 {
        font-size: 14.4px;
        line-height: 20.7px
    }
}
.title-6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 0
}
.title-6 a {
    color: inherit;
    text-decoration: none
}
.title-7 {
    font: 900 21px/27px bebas-neue-by-fontfabric;
    padding: 0
}
.title-7 a {
    color: inherit;
    text-decoration: none
}
.title-8 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 14px;
    padding: 0
}
.title-8 strong {
    color: #1b1b1b
}
.title-8 a {
    color: inherit;
    text-decoration: none
}
.title-9 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 0
}
.title-9 a {
    color: inherit;
    text-decoration: none
}
.title-10 {
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
    padding: 0
}
.title-10 a {
    color: inherit;
    text-decoration: none
}
.title-11 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0 0 14px;
    padding: 0
}
.title-11 a {
    color: inherit;
    text-decoration: none
}
.title-12 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 0
}
.title-12 a {
    color: inherit;
    text-decoration: none
}
.title-13 {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    padding: 0
}
.title-13 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:1077px) {
    .title-13 {
        font-size: 22px;
        line-height: 26px
    }
}
@media screen and (max-width:767px) {
    .title-13 {
        font-size: 20px;
        line-height: 25px
    }
}
.title-14 {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    padding: 0
}
.title-14 a {
    color: inherit;
    text-decoration: none
}
.title-15 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    padding: 0
}
.title-15 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:1077px) {
    .title-15 {
        font-size: 17px
    }
}
.title-16 {
    font-size: 26px;
    font-weight: 400;
    float: left;
    line-height: 25px;
    padding: 0
}
.title-16 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:479px) {
    .title-16 {
        font-size: 20px
    }
}
.title-17 {
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
    padding: 0
}
.title-17 a {
    color: inherit;
    text-decoration: none
}
.title-18 {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
    padding: 0
}
.title-18 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:767px) {
    .title-18 {
        font-size: 22px;
        line-height: 28px
    }
}
.title-19 {
    margin-bottom: 13px;
    padding: 3px 0
}
.title-19 a {
    color: inherit;
    text-decoration: none
}
.title-20 {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    padding: 0
}
.title-20 a {
    color: inherit;
    text-decoration: none
}
.title-21 {
    font-size: 32px;
    font-weight: 400;
    line-height: 39px;
    padding: 6px 0 11px
}
.title-21 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:479px) {
    .title-21 {
        font-size: 20px;
        line-height: 28px
    }
}
.title-22 {
    font-size: 40px;
    font-weight: 400;
    line-height: 42px;
    padding: 0
}
.title-22 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:639px) {
    .title-22 {
        font-size: 24px;
        line-height: 32px
    }
}
.title-23 {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    padding: 0
}
.title-23 a {
    color: inherit;
    text-decoration: none
}
.title-23 span {
    color: #8a8a8a
}
.title-24 {
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    padding: 0;
    text-transform: uppercase
}
.title-24 a {
    color: inherit;
    text-decoration: none
}
.title-25 {
    font-size: 17px;
    font-weight: 500;
    line-height: 29px;
    padding: 0
}
.title-25 a {
    color: inherit;
    text-decoration: none
}
.title-26 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    padding: 0;
    text-transform: uppercase
}
.title-26 a {
    color: inherit;
    text-decoration: none
}
.title-27 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    padding: 0
}
.title-27 a {
    color: inherit;
    text-decoration: none
}
@media screen and (max-width:767px) {
    .title-27 {
        font-size: 16px
    }
}
.title-28 {
    font: 900 13px/25px bebas-neue-by-fontfabric;
    padding: 0
}
.title-28 a {
    color: inherit;
    text-decoration: none
}
.title-29 {
    font: 900 17px/25px bebas-neue-by-fontfabric;
    padding: 0
}
.title-29 a {
    color: inherit;
    text-decoration: none
}
.title-num {
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    color: #00abaa;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 31px;
    width: 33px;
    height: 33px;
    text-align: center;
    margin: -3px 11px -3px 0
}
.dropcap, .dropcap-tp-1, .dropcap-tp-2, .dropcap-tp-3 {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    float: left;
    padding: 7px;
    margin: 6px 12px 0 0;
    text-align: center;
    text-transform: uppercase
}
.dropcap-tp-1 {
    border: 1px solid #ececec;
    color: #000
}
.dropcap-tp-2 {
    background-color: #00abaa;
    color: #fff
}
.dropcap-tp-3 {
    background-color: #16171a;
    color: #fff
}
.radio[type=radio]:checked, .radio[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}
.radio[type=radio]:checked + label, .radio[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 23px;
    cursor: pointer
}
label.rd-label {
    color: #626465;
    font-family: din-2014
}
.radio[type=radio]:checked + label:before, .radio[type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}
.radio[type=radio]:checked + label:after, .radio[type=radio]:not(:checked) + label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}
.radio[type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
.radio[type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.radio[type=radio]:disabled:checked + label:before, .radio[type=radio]:disabled:not(:checked) + label:before {
    border-color: #bbb;
    background-color: #ddd
}
.radio[type=radio]:disabled:checked + label:after {
    background: #999
}
.radio[type=radio]:disabled + label {
    background: #aaa
}
.radio[type=radio]:checked:focus + label:before, .radio[type=radio]:not(:checked):focus + label:before {
    border-color: #919191
}
label.rd-label:hover:before {
    border-color: #919191 !important
}
.checkbox[type=checkbox]:checked, .checkbox[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}
.checkbox[type=checkbox]:checked + label, .checkbox[type=checkbox]:not(:checked) + label {
    position: relative;
    padding-left: 23px;
    cursor: pointer
}
label.cb-label {
    color: #626465;
    font-family: din-2014
}
.checkbox[type=checkbox]:checked + label:before, .checkbox[type=checkbox]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    -webkit-transition: all .5s;
    transition: all .5s
}
.checkbox[type=checkbox]:checked + label:after, .checkbox[type=checkbox]:not(:checked) + label:after {
    content: "✔";
    color: #00abaa;
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    font-size: 17px;
    line-height: 12px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}
.checkbox[type=checkbox]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
.checkbox[type=checkbox]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.checkbox[type=checkbox]:disabled:checked + label:before, .checkbox[type=checkbox]:disabled:not(:checked) + label:before {
    border-color: #bbb;
    background-color: #ddd
}
.checkbox[type=checkbox]:disabled:checked + label:after {
    background: #999
}
.checkbox[type=checkbox]:disabled + label {
    background: #aaa
}
.checkbox[type=checkbox]:checked:focus + label:before, .checkbox[type=checkbox]:not(:checked):focus + label:before {
    border-color: #919191
}
label.cb-label:hover:before {
    border-color: #919191 !important
}
.radio-tp-2[type=radio]:checked, .radio-tp-2[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}
.radio-tp-2[type=radio]:checked + label, .radio-tp-2[type=radio]:not(:checked) + label {
    display: block;
    position: relative;
    padding-left: 23px;
    cursor: pointer
}
label.rd-label-tp-2 {
    color: #626465;
    font-family: din-2014
}
.radio-tp-2[type=radio]:checked + label:before, .radio-tp-2[type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}
.radio-tp-2[type=radio]:checked + label:after, .radio-tp-2[type=radio]:not(:checked) + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}
.radio-tp-2[type=radio]:checked + label:before {
    background: #a5a5ab
}
.radio-tp-2[type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
.radio-tp-2[type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.radio-tp-2[type=radio]:disabled:checked + label:before, .radio-tp-2[type=radio]:disabled:not(:checked) + label:before {
    border-color: #bbb;
    background-color: #ddd
}
.radio-tp-2[type=radio]:disabled:checked + label:after {
    background: #999
}
.radio-tp-2[type=radio]:disabled + label {
    background: #aaa
}
.radio-tp-2[type=radio]:checked:focus + label:before, .radio-tp-2[type=radio]:not(:checked):focus + label:before {
    border-color: #919191
}
label.rd-label-tp-2:hover:before {
    border-color: #919191 !important
}
.accordion {
    position: relative;
    margin-bottom: 30px
}
.accordion dt.open .fa {
    color: #00abaa;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.accordion dt a {
    cursor: pointer;
    display: block;
    position: relative
}
.accordion dt .fa {
    font-size: 17px
}
.accordion dd {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 24px
}
.gallery {
    margin-bottom: 30px
}
.gallery .inner {
    margin: -3px
}
.gallery .gallery-item {
    display: block;
    padding: 3px
}
.gallery .gallery-item .img {
    cursor: pointer;
    position: relative
}
.gallery .gallery-item .img:after, .gallery .gallery-item .img:before {
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 1px;
    width: 23px;
    opacity: 0;
    margin: 0 0 0 -11px;
    z-index: 2
}
.gallery .gallery-item .img:before {
    width: 1px;
    height: 23px;
    margin: -11px 0 0
}
.gallery .gallery-item .img:hover:after, .gallery .gallery-item .img:hover:before, .gallery .gallery-item .img:hover a:before {
    opacity: 1
}
.gallery .gallery-item .img img {
    width: 100%
}
.gallery .gallery-item a {
    display: block;
    position: relative
}
.gallery .gallery-item a:before {
    background-color: rgba(22, 23, 26, .15);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1
}
.tabs .tabs-list {
    margin-bottom: 17px
}
.tabs .tabs-list .tab {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    float: left;
    margin-right: 3px;
    padding: 9px;
    min-width: 100px;
    text-align: center
}
.tabs .tabs-list .tab.active {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #00abaa
}
.tabs .tab-content p {
    font-size: 14px;
    line-height: 24px
}
.tables {
    color: #6f6f6f;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}
.tables th {
    background-color: #f5f5f5;
    color: #000;
    font-size: 13px;
    font-weight: 500
}
.tables td, .tables th {
    border: 1px solid #f5f5f5;
    padding: 10px
}
.tables td {
    background-color: #fff;
    font: 16px/24px din-2014
}
.list-table td {
    font-size: 18px;
}
.list-table [type='checkbox'] {
    display: none;
}
.input-tp-1 {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #818181;
    font: 12px/26px din-2014;
    padding: 6px 12px;
    width: 100%
}
.label-tp-1 {
    display: inline-block;
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 6px;
    text-transform: uppercase
}
.textarea-tp-1 {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #818181;
    font: 12px/26px din-2014;
    padding: 6px 12px;
    width: 100%;
    height: 74px;
    resize: none
}
.anton {
    font-family: bebas-neue-by-fontfabric
}
.din2014 {
    font-family: din-2014
}
.ncase {
    text-transform: none
}
.text-light-font {
    font-weight: 200
}
.text-book, .text-light-font {
    font-family: bebas-neue-by-fontfabric
}
.text-book {
    font-weight: 400
}
.js-asd-menu {
    margin: 0 15px 15px;
    position: absolute;
    top: 20px;
    right: 20px
}
.c-hamburger {
    display: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 19px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s
}
@media screen and (max-width:1077px) {
    .c-hamburger {
        display: block
    }
}
.c-hamburger:focus {
    outline: none
}
.c-hamburger span {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 1px;
    background: #263752
}
.c-hamburger span:after, .c-hamburger span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #263752;
    content: ""
}
.c-hamburger span:before {
    top: -4px
}
.c-hamburger span:after {
    bottom: -4px
}
.htx {
    background-color: transparent
}
.htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s
}
.htx span:after, .htx span:before {
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}
.htx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform
}
.htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}
.htx.is-active span {
    background: none
}
.htx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.htx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.htx.is-active span:after, .htx.is-active span:before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}
.st-btn-1 {
    color: #1c1c1c;
    border: none;
    padding: 0
}
.btn-lrg, .st-btn-1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    display: inline-block;
    text-decoration: none
}
.btn-lrg {
    color: #fff;
    padding: 10px 15px;
    margin: 5px auto;
    min-width: 100px;
    text-align: center;
    text-transform: uppercase
}
.btn-lrg:active, .btn-lrg:focus, .btn-lrg:hover {
    background-color: #ee7658;
    border: 2px solid #ee7658;
    color: #ffffff;
    text-decoration: none
}
.btn-1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: #00abaa;
    border: 2px solid #00abaa;
    cursor: pointer;
    font-family: bebas-neue-by-fontfabric;
    font-size: 20px;
    line-height: 1em;
    font-weight: 900;
    display: inline-block;
    padding: 10px 15px;
    margin: 5px auto;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-1:active, .btn-1:focus, .btn-1:hover {
    background-color: #ee7658;
    border: 2px solid #ee7658;
    color: #ffffff;
    text-decoration: none
}
.btn-gold {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: #ee7658;
    border: 2px solid #ee7658;
    cursor: pointer;
    font-family: bebas-neue-by-fontfabric;
    font-size: 20px;
    line-height: 1em;
    font-weight: 900;
    display: inline-block;
    padding: 10px 15px;
    margin: 5px auto;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-gold:active, .btn-gold:focus, .btn-gold:hover {
    background-color: #ee7658;
    color: #fff;
    text-decoration: none
}
.btn-lrg {
    font-family: bebas-neue-by-fontfabric;
    font-size: 28px;
    line-height: 1em;
    font-weight: 900;
    border-radius: 0
}
.btn-2 {
    background-color: #000;
    padding: 5px 10px;
    min-width: 98px
}
.btn-2, .btn-3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    font-family: bebas-neue-by-fontfabric;
    font-size: 16px;
    line-height: 1em;
    font-weight: 900;
    border: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-3 {
    background-color: #00abaa;
    padding: 7px 10px;
    min-width: 132px
}
.btn-3:active, .btn-3:focus, .btn-3:hover {
    background-color: #e73d24
}
.btn-4 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 2px solid #00abaa;
    color: #606060;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font: 900 12px/22px bebas-neue-by-fontfabric;
    border: none;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none
}
.btn-4:active, .btn-4:focus, .btn-4:hover {
    color: #000
}
.btn-5 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: #16171a;
    border-radius: 2px;
    cursor: pointer;
    font: 900 11px/22px bebas-neue-by-fontfabric;
    border: none;
    display: inline-block;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-5:active, .btn-5:focus, .btn-5:hover {
    background-color: #2a2d31
}
.btn-5 i {
    margin: -3px 6px 0 0
}
.btn-6 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .04);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .04);
    cursor: pointer;
    font: 900 11px/22px bebas-neue-by-fontfabric;
    border: 1px solid #e8e8e8;
    display: inline-block;
    padding: 6px 22px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-6:active, .btn-6:focus, .btn-6:hover {
    background-color: #34373d;
    border-color: #34373d;
    color: #fff
}
.btn-7 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    cursor: pointer;
    font: 900 17px/24px bebas-neue-by-fontfabric;
    display: inline-block;
    padding: 10px 15px;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-7:active, .btn-7:focus, .btn-7:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #00abaa;
    text-decoration: none
}
.btn-border {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #00abaa;
    background-color: transparent;
    border: 2px solid #00abaa;
    cursor: pointer;
    font-family: bebas-neue-by-fontfabric;
    font-size: 30px;
    line-height: 1em;
    font-weight: 900;
    display: inline-block;
    padding: 10px 15px;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-border:active, .btn-border:focus, .btn-border:hover {
    background-color: #ec6552;
    border: 2px solid #00abaa;
    color: #31467a;
    text-decoration: none
}
.btn-8 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: #00abaa;
    cursor: pointer;
    font: 900 17px/24px bebas-neue-by-fontfabric;
    border: none;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-8:active, .btn-8:focus, .btn-8:hover {
    background-color: #e73d24
}
.btn-9 {
    background-color: #00abaa;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    cursor: pointer;
    font: 900 17px/24px bebas-neue-by-fontfabric;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 15px;
    margin: 0 auto;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.btn-9:active, .btn-9:focus, .btn-9:hover {
    background-color: #ec6552;
    color: #fff;
    text-decoration: none
}
.btn-alt-color {
    background-color: #fff;
    color: #00abaa
}
.btn-alt-color:active, .btn-alt-color:focus, .btn-alt-color:hover {
    background-color: #ec6552
}
@-webkit-keyframes PulseBg {
    0% {
        background-color: none;
        -webkit-box-shadow: 0 0 0 #00abaa
    }
    50% {
        background-color: none;
        -webkit-box-shadow: 0 0 16px #ec6552
    }
    to {
        background-color: none;
        -webkit-box-shadow: 0 0 0 #00abaa
    }
}
@-webkit-keyframes PulseBg--Hover {
    0% {
        background-color: #ec6552;
        -webkit-box-shadow: 0 0 0 #ec6552
    }
    50% {
        background-color: #ef7e6d;
        -webkit-box-shadow: 0 0 16px #ef7e6d
    }
    to {
        background-color: #ec6552;
        -webkit-box-shadow: 0 0 0 #ec6552
    }
}
.btn-glow {
    -webkit-animation-name: PulseBg;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite
}
.btn-glow:active, .btn-glow:focus, .btn-glow:hover {
    -webkit-animation-name: PulseBg--Hover
}
@-webkit-keyframes PulseBgAlt {
    0% {
        background-color: #ee7658;
        -webkit-box-shadow: 0 0 0 #ee7658
    }
    50% {
        background-color: #ee7658;
        -webkit-box-shadow: 0 0 16px #ee7658
    }
    to {
        background-color: #ee7658;
        -webkit-box-shadow: 0 0 0 #ee7658
    }
}
@-webkit-keyframes PulseBgAlt--Hover {
    0% {
        background-color: #ee7658;
        -webkit-box-shadow: 0 0 0 #ee7658
    }
    50% {
        background-color: #ee7658;
        -webkit-box-shadow: 0 0 16px #ee7658
    }
    to {
        background-color: #ee7658;
        -webkit-box-shadow: 0 0 0 #ee7658
    }
}
.btn-glow-alt {
    color: #fff;
    -webkit-animation-name: PulseBgAlt;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite
}
.btn-glow-alt:active, .btn-glow-alt:focus, .btn-glow-alt:hover {
    color: #fff;
    -webkit-animation-name: PulseBgAlt--Hover
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    font: 13px/23px bebas-neue-by-fontfabric;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #31467a
}
.parallax-window {
    background-image: url("/img/bg-home.png?v=2");
    background-repeat: repeat-x;
    background-position: top left;
}
.parallax-mirror {
    background-color: #31467a
}
a, button, input:not([type]), input[type=button], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
a {
    color: #00abaa
}
a:hover {
    color: #ee7658
}
.landing-bg {
/*    background: transparent;*/
}
.landing .main-logo {
    max-width: 455px;
    width: 100%;
    margin: 0 auto
}
.landing .copy {
    color: #fff;
    max-width: 680px;
    margin: 0 auto
}
.neon-border {
    border: 2px solid #31467a;
    border-radius: 3px;
    -webkit-transition: all .5s;
    transition: all .5s
}
.neon-border, .no-border {
/*
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
*/
    padding: 30px 30px 10px
}
.no-border {
    width: 100%
}
.neon-box {
    position: relative
}
.neon-box img {
    display: block;
    max-width: 220px;
    width: 100%
}
.neon-button {
    border: 1px solid #00abaa;
    border-radius: 3px;
    -webkit-transition: all .5s;
    transition: all .5s
}
.info-box {
    border: 1px solid #00abaa;
    text-align: center;
    margin: 0 auto;
    max-width: 230px;
    text-transform: uppercase;
    color: #fff
}
.info-box .top {
    font: 900 19px/33px bebas-neue-by-fontfabric;
    padding: 0 20px
}
.info-box .bottom {
    background-color: #00abaa;
    font: 900 33px/50px bebas-neue-by-fontfabric;
    padding: 0 20px
}
.info-box.alt {
    border-color: #31467a
}
.info-box.alt .bottom {
    background-color: #31467a
}
.grecaptcha-badge {
    display: none
}
.inner-wrapper {
    background: #16171a;
    position: relative;
    padding: 0 0 0 58px;
    z-index: 1
}
@media screen and (max-width:767px) {
    .inner-wrapper {
        padding-left: 0
    }
}
.left-sticky-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 100%;
    overflow-y: auto
}
@media screen and (max-width:767px) {
    .left-sticky-bar {
        display: none
    }
}
/*.main-content,*/
.video-content {
    overflow: hidden
}
.video-content {
    background: #232529;
    margin: 0 0 -28px;
    padding: 0 0 28px
}
.smp-page {
    padding: 50px 0 0
}
.main-footer {
    background: #31467a;
}
.main-footer .bottom-part .ft-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 16.91971%;
    padding: 0 15px
}
.main-footer .bottom-part .ft-logo:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-logo {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .main-footer .bottom-part .ft-logo:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-logo {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        text-align: center
    }
    .main-footer .bottom-part .ft-logo:last-child {
        margin-right: 0
    }
    .main-footer .bottom-part .ft-logo a {
        display: inline-block;
        margin-bottom: 15px
    }
}
.main-footer .bottom-part .ft-about {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 54.45085%;
    padding: 0 15px
}
.main-footer .bottom-part .ft-about:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-about {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .main-footer .bottom-part .ft-about:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-about {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        text-align: center
    }
    .main-footer .bottom-part .ft-about:last-child {
        margin-right: 0
    }
}
.main-footer .bottom-part .ft-social {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.91415%;
    padding: 0 15px
}
.main-footer .bottom-part .ft-social:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-social {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%;
        float: right;
        margin-top: 25px
    }
    .main-footer .bottom-part .ft-social:last-child {
        margin-right: 0
    }
    .main-footer .bottom-part .ft-social .ft-social-list {
        float: none
    }
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-social {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        text-align: center
    }
    .main-footer .bottom-part .ft-social:last-child {
        margin-right: 0
    }
    .main-footer .bottom-part .ft-social .ft-social-list {
        float: none;
        display: block;
        width: 130px;
        margin: 0 auto
    }
}
.main-footer .bottom-part .fr-logo {
    float: none;
    margin: 0 auto
}
.posts .post:last-child {
    border: none
}
.posts .post.post-tp-21:last-child, .posts .post:last-child.post-tp-17 {
    padding-bottom: 15px;
    margin-bottom: 0
}
.posts .post.post-tp-24:first-child, .posts .post.post-tp-25:first-child, .posts .post.post-tp-26:first-child {
    margin-top: 8px
}
.post {
    position: relative
}
.post:hover .title-3, .post:hover .title-5, .post:hover .title-6, .post:hover .title-10 {
    color: #00abaa
}
.post figure img {
    width: 100%
}
.post .ptp-1-overlay, .post .ptp-27-overlay, .post .ptp-28-overlay, .post .ptp-31-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.post .category-tp-1, .post .category-tp-3, .post .date-tp-1, .post .meta-tp-1 div, .post a {
    pointer-events: auto
}
.post-tp-1, .post-tp-2, .post-tp-12, .post-tp-14, .post-tpv-1, .post-tpv-2 {
    color: #fff;
    overflow: hidden
}
.post-tp-1:hover figure a:before, .post-tp-2:hover figure a:before, .post-tp-12:hover figure a:before, .post-tp-14:hover figure a:before, .post-tpv-1:hover figure a:before, .post-tpv-2:hover figure a:before {
    background: rgba(28, 3, 3, .27)
}
.post-tp-1 figure, .post-tp-2 figure, .post-tp-12 figure, .post-tp-14 figure, .post-tpv-1 figure, .post-tpv-2 figure {
    position: relative;
    overflow: hidden;
    max-height: 100%
}
.post-tp-1 figure img, .post-tp-2 figure img, .post-tp-12 figure img, .post-tp-14 figure img, .post-tpv-1 figure img, .post-tpv-2 figure img {
    width: 100%
}
.post-tp-1 figure:before, .post-tp-2 figure:before, .post-tp-12 figure:before, .post-tp-14 figure:before, .post-tpv-1 figure:before, .post-tpv-2 figure:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .36))) top repeat;
    background: linear-gradient(transparent, rgba(0, 0, 0, .36)) top repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 40%;
    pointer-events: none
}
.post-tp-1 figure a, .post-tp-2 figure a, .post-tp-12 figure a, .post-tp-14 figure a, .post-tpv-1 figure a, .post-tpv-2 figure a {
    display: block;
    position: relative
}
.post-tp-1 figure a:before, .post-tp-2 figure a:before, .post-tp-12 figure a:before, .post-tp-14 figure a:before, .post-tpv-1 figure a:before, .post-tpv-2 figure a:before {
    background: rgba(0, 0, 0, .2);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}
.post-tp-1 .ptp-1-data, .post-tp-2 .ptp-1-data, .post-tp-12 .ptp-1-data, .post-tp-14 .ptp-1-data, .post-tpv-1 .ptp-1-data, .post-tpv-2 .ptp-1-data {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 0 30px 27px
}
.post-tp-1 .title-1, .post-tp-2 .title-1, .post-tp-12 .title-1, .post-tp-14 .title-1, .post-tpv-1 .title-1, .post-tpv-2 .title-1 {
    margin: 0 0 6px
}
.post-tp-1 .meta-tp-1, .post-tp-2 .meta-tp-1, .post-tp-12 .meta-tp-1, .post-tp-14 .meta-tp-1, .post-tpv-1 .meta-tp-1, .post-tpv-2 .meta-tp-1 {
    margin: 0 0 20px
}
.post-tpv-1:hover figure a:before, .post-tpv-2:hover figure a:before {
    background: rgba(0, 0, 0, .36)
}
.post-tpv-1 figure, .post-tpv-2 figure {
    position: relative
}
.post-tpv-1 figure:before, .post-tpv-2 figure:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .36))) top repeat;
    background: linear-gradient(transparent, rgba(0, 0, 0, .36)) top repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 45%
}
.post-tpv-1 figure a:before, .post-tpv-2 figure a:before {
    background: rgba(0, 0, 0, .26)
}
.post-tpv-1 figure img, .post-tpv-2 figure img {
    width: 100%
}
.post-tpv-1 .ptp-1-data, .post-tpv-2 .ptp-1-data {
    padding: 0 23px
}
.post-tpv-1 .video-lg-ic, .post-tpv-2 .video-lg-ic {
    position: absolute;
    left: 24px;
    top: 24px
}
.post-tpv-1 .video-sm-ic, .post-tpv-2 .video-sm-ic {
    margin: 0 0 14px
}
.post-tpv-1 .title-7, .post-tpv-2 .title-7 {
    margin-bottom: 7px
}
.post-tpv-1 .category-tp-1, .post-tpv-1 .category-tp-3, .post-tpv-2 .category-tp-1, .post-tpv-2 .category-tp-3 {
    margin-bottom: 18px
}
.post-tpv-2:hover figure a:before {
    background: rgba(0, 0, 0, .45)
}
.post-tpv-2:hover .title-5 {
    color: inherit
}
.post-tpv-2 figure a:before {
    background: rgba(0, 0, 0, .35)
}
.post-tpv-2 .title-5 {
    color: #fff
}
.post-tpv-2 .ptp-1-data {
    padding: 10px 16px
}
.post-tpv-2 .date-tp-2 {
    color: #fff
}
.post-tp-2:hover figure a:before, .post-tp-12:hover figure a:before, .post-tp-14:hover figure a:before {
    background: rgba(0, 0, 0, .5)
}
.post-tp-2 figure a:before, .post-tp-12 figure a:before, .post-tp-14 figure a:before {
    background: rgba(0, 0, 0, .4)
}
.post-tp-2 .title-2, .post-tp-12 .title-2, .post-tp-14 .title-2 {
    margin-bottom: 6px
}
.post-tp-2 .ptp-1-data, .post-tp-12 .ptp-1-data, .post-tp-14 .ptp-1-data {
    padding: 0 20px 20px
}
.post-tp-2 .meta-tp-1, .post-tp-12 .meta-tp-1, .post-tp-14 .meta-tp-1 {
    margin: 0
}
.post-tp-2 .category-tp-1, .post-tp-2 .category-tp-3, .post-tp-12 .category-tp-1, .post-tp-12 .category-tp-3, .post-tp-14 .category-tp-1, .post-tp-14 .category-tp-3 {
    margin: 0 0 16px
}
.post-tp-2 .ptp-1-comments i, .post-tp-2 .ptp-1-views i, .post-tp-12 .ptp-1-comments i, .post-tp-12 .ptp-1-views i, .post-tp-14 .ptp-1-comments i, .post-tp-14 .ptp-1-views i {
    position: relative;
    top: 1px
}
.post-tp-3 {
    margin: 0 0 15px
}
.post-tp-3 figure {
    float: left;
    margin: 7px 20px 0 0
}
.post-tp-3 .category-tp-2 {
    margin-bottom: 5px
}
.post-tp-3 .title-3 {
    margin-bottom: 2px
}
.post-tp-4 {
    margin: 23px 0
}
.post-tp-4:hover .ptp-4-overlay {
    opacity: 1
}
.post-tp-4:hover .ptp-4-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-4 .ptp-4-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0
}
.post-tp-4 .ptp-4-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-4 .ptp-4-overlay a, .post-tp-4 .ptp-4-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-4 .ptp-4-overlay a i, .post-tp-4 .ptp-4-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-4 .ptp-4-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.post-tp-4 figure {
    margin: 0 0 20px;
    position: relative
}
.post-tp-4 .title-3 {
    margin-bottom: 3px
}
.post-tp-5, .post-tp-10, .post-tp-16 {
    padding: 11px 0
}
.post-tp-5:hover .ptp-5-overlay, .post-tp-10:hover .ptp-5-overlay, .post-tp-16:hover .ptp-5-overlay {
    opacity: 1
}
.post-tp-5:hover .ptp-5-data, .post-tp-10:hover .ptp-5-data, .post-tp-16:hover .ptp-5-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-5 .ptp-5-overlay, .post-tp-10 .ptp-5-overlay, .post-tp-16 .ptp-5-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0
}
.post-tp-5 .ptp-5-overlay:before, .post-tp-10 .ptp-5-overlay:before, .post-tp-16 .ptp-5-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-5 .ptp-5-overlay a, .post-tp-5 .ptp-5-overlay span, .post-tp-10 .ptp-5-overlay a, .post-tp-10 .ptp-5-overlay span, .post-tp-16 .ptp-5-overlay a, .post-tp-16 .ptp-5-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-5 .ptp-5-overlay a i, .post-tp-5 .ptp-5-overlay span i, .post-tp-10 .ptp-5-overlay a i, .post-tp-10 .ptp-5-overlay span i, .post-tp-16 .ptp-5-overlay a i, .post-tp-16 .ptp-5-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-5 .ptp-5-data, .post-tp-10 .ptp-5-data, .post-tp-16 .ptp-5-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.post-tp-5 figure, .post-tp-10 figure, .post-tp-16 figure {
    margin: 0 0 20px;
    position: relative
}
.post-tp-5 .meta-tp-2, .post-tp-10 .meta-tp-2, .post-tp-16 .meta-tp-2 {
    margin-bottom: 4px
}
.post-tp-5 .title-5, .post-tp-5 p, .post-tp-10 .title-5, .post-tp-10 p, .post-tp-16 .title-5, .post-tp-16 p {
    margin-bottom: 5px
}
.post-tp-6, .post-tp-9 {
    padding: 7px 0 11px
}
.post-tp-6 figure, .post-tp-9 figure {
    float: left;
    margin: 4px 18px 0 0
}
@media screen and (max-width:1229px) {
    .post-tp-6 figure, .post-tp-9 figure {
        max-width: 105px
    }
}
.post-tp-6 .title-6, .post-tp-9 .title-6 {
    margin-bottom: 5px
}
.post-tp-6 .rate-tp-1, .post-tp-9 .rate-tp-1 {
    margin: 4px 0
}
.post-tp-7 {
    padding: 8px 0 5px;
    text-align: center
}
.post-tp-7 .title-5 {
    margin-bottom: 10px
}
.post-tp-7 figure {
    border-radius: 50%;
    width: 67px;
    height: 67px;
    margin: 0 auto 12px;
    overflow: hidden
}
.post-tp-7 p {
    margin-bottom: 6px
}
.post-tp-8 {
    margin: 8px 0 18px
}
.post-tp-8:hover .ptp-8-overlay {
    opacity: 1
}
.post-tp-8:hover .ptp-8-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-8 .ptp-8-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 2
}
.post-tp-8 .ptp-8-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-8 .ptp-8-overlay a, .post-tp-8 .ptp-8-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-8 .ptp-8-overlay a i, .post-tp-8 .ptp-8-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-8 .ptp-8-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.post-tp-8 figure {
    margin: 0 0 20px;
    position: relative
}
.post-tp-8 .title-5 {
    margin-bottom: 4px
}
.post-tp-9 {
    border-bottom: 1px dashed #ebebeb;
    padding: 10px 0 15px
}
.post-tp-9:last-child {
    border: none
}
.post-tp-10 .ptp-10-data {
    padding: 3px 20px 29px
}
.post-tp-11 .meta-tp-2 {
    margin-bottom: 5px
}
.post-tp-12:hover figure a:before {
    background: rgba(28, 3, 3, .27)
}
.post-tp-12 figure:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .36))) top repeat;
    background: linear-gradient(transparent, rgba(0, 0, 0, .36)) top repeat
}
.post-tp-12 figure a:before {
    background: rgba(28, 3, 3, .2)
}
.post-tp-12 .category-tp-1, .post-tp-12 .category-tp-3 {
    margin: 0 0 15px
}
.post-tp-12 .title-15 {
    margin-bottom: 4px
}
.post-tp-12 .title-13 {
    margin-bottom: 7px
}
.post-tp-13, .post-tp-17, .post-tp-21 {
    margin-bottom: 14px
}
.post-tp-13:hover .ptp-13-overlay, .post-tp-17:hover .ptp-13-overlay, .post-tp-21:hover .ptp-13-overlay {
    opacity: 1
}
.post-tp-13:hover .ptp-13-data, .post-tp-17:hover .ptp-13-data, .post-tp-21:hover .ptp-13-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-13 figure, .post-tp-17 figure, .post-tp-21 figure {
    float: left;
    margin: 8px 20px 0 0;
    position: relative
}
.post-tp-13 .category-tp-4, .post-tp-17 .category-tp-4, .post-tp-21 .category-tp-4 {
    margin-bottom: 5px
}
.post-tp-13 .meta-tp-2, .post-tp-17 .meta-tp-2, .post-tp-21 .meta-tp-2 {
    margin: 4px 0
}
.post-tp-13 .ptp-13-overlay, .post-tp-17 .ptp-13-overlay, .post-tp-21 .ptp-13-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 2
}
.post-tp-13 .ptp-13-overlay:before, .post-tp-17 .ptp-13-overlay:before, .post-tp-21 .ptp-13-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-13 .ptp-13-overlay a, .post-tp-13 .ptp-13-overlay span, .post-tp-17 .ptp-13-overlay a, .post-tp-17 .ptp-13-overlay span, .post-tp-21 .ptp-13-overlay a, .post-tp-21 .ptp-13-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-13 .ptp-13-overlay a i, .post-tp-13 .ptp-13-overlay span i, .post-tp-17 .ptp-13-overlay a i, .post-tp-17 .ptp-13-overlay span i, .post-tp-21 .ptp-13-overlay a i, .post-tp-21 .ptp-13-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-13 .ptp-13-data, .post-tp-17 .ptp-13-data, .post-tp-21 .ptp-13-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.post-tp-14:hover figure a:before {
    background: rgba(28, 3, 3, .4)
}
.post-tp-14 figure:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6))) top repeat;
    background: linear-gradient(transparent, rgba(0, 0, 0, .6)) top repeat
}
.post-tp-14 figure a:before {
    background: rgba(28, 3, 3, .2)
}
.post-tp-15 figure, .post-tp-18 figure {
    position: relative;
    margin-bottom: 18px
}
.post-tp-15 .title-5, .post-tp-18 .title-5 {
    margin-bottom: 6px
}
.post-tp-15 p, .post-tp-18 p {
    margin-bottom: 4px
}
.post-tp-15 .category-tp-1, .post-tp-15 .category-tp-3, .post-tp-18 .category-tp-1, .post-tp-18 .category-tp-3 {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 14px
}
.post-tp-16 {
    padding: 8px 0
}
.post-tp-16 .title-14 {
    margin-bottom: 4px
}
.post-tp-16 p {
    line-height: 23px
}
.post-tp-17, .post-tp-21 {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 20px;
    margin-bottom: 13px
}
@media screen and (max-width:479px) {
    .post-tp-17, .post-tp-21 {
        padding-top: 7px
    }
}
.post-tp-17 figure, .post-tp-21 figure {
    margin: 7px 20px 0 0
}
@media screen and (max-width:639px) {
    .post-tp-17 figure img, .post-tp-21 figure img {
        width: 160px
    }
}
@media screen and (max-width:479px) {
    .post-tp-17 figure, .post-tp-21 figure {
        float: none;
        margin: 0 0 20px
    }
    .post-tp-17 figure img, .post-tp-21 figure img {
        width: 100%;
        max-width: none
    }
}
.post-tp-18 {
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 0 14px;
    margin-bottom: 12px
}
.post-tp-19 figure {
    position: relative;
    margin: 0 0 6px
}
.post-tp-19 figure:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2
}
.post-tp-19 figure:after {
    content: "";
    background: #f0f0f0;
    width: 1px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1
}
.post-tp-19 .data {
    padding: 13px 20px 20px
}
.post-tp-19 .meta-tp-2 {
    margin: 3px 0 1px
}
.post-tp-20 .ptp-20-overlay {
    background: #fff;
    color: #6d6d6d;
    height: 50%;
    position: relative
}
.post-tp-20 .ptp-20-overlay:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    z-index: 2
}
.post-tp-20 .ptp-20-overlay.up {
    margin-bottom: 1px
}
.post-tp-20 .ptp-20-overlay.up:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    top: 100%
}
.post-tp-20 .ptp-20-overlay.down {
    margin-top: 1px
}
.post-tp-20 .ptp-20-overlay.down:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    bottom: 100%
}
.post-tp-20 .ptp-20-data {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px 12px
}
.post-tp-20 .meta-tp-1 {
    color: #888;
    margin: 4px 0 7px
}
.post-tp-20 .meta-tp-1 > div:before {
    background: hsla(0, 0%, 68.2%, .24)
}
.post-tp-20 .date-tp-1 {
    margin: 20px
}
.post-tp-21 {
    margin: 16px 0 0
}
.post-tp-21 figure {
    margin: 4px 20px 0 0
}
@media screen and (max-width:639px) {
    .post-tp-21 figure img {
        width: 160px
    }
}
@media screen and (max-width:479px) {
    .post-tp-21 figure {
        float: none;
        margin: 4px 0 20px
    }
    .post-tp-21 figure img {
        width: 100%;
        max-width: none
    }
}
.post-tp-22 {
    background: #fff;
    margin: 0 0 20px
}
.post-tp-22:last-child {
    margin: 0
}
.post-tp-22 .title-3 {
    margin: 0 0 4px
}
.post-tp-22 .data {
    padding: 15px 18px 11px
}
.post-tp-23 {
    background: #fff;
    margin: 0 0 20px
}
.post-tp-23:hover .ptp-23-overlay {
    opacity: 1
}
.post-tp-23:hover .top-rate:before {
    border-bottom-color: #00abaa
}
.post-tp-23:hover .title-3 {
    color: #fff
}
.post-tp-23:last-child {
    margin: 0
}
.post-tp-23 .ptp-23-overlay {
    background: rgba(0, 0, 0, .56);
    padding: 16px 18px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0
}
.post-tp-24 {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 20px;
    margin: 0 0 22px
}
.post-tp-24:hover .ptp-24-overlay {
    opacity: 1
}
.post-tp-24:hover .ptp-24-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-24 .ptp-24-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 2
}
.post-tp-24 .ptp-24-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-24 .ptp-24-overlay a, .post-tp-24 .ptp-24-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-24 .ptp-24-overlay a i, .post-tp-24 .ptp-24-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-24 .ptp-24-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.post-tp-24 figure {
    float: left;
    margin: 0 20px 0 0;
    position: relative
}
@media screen and (max-width:639px) {
    .post-tp-24 figure img {
        width: 160px
    }
}
@media screen and (max-width:479px) {
    .post-tp-24 figure {
        float: none;
        margin: 0 0 20px
    }
    .post-tp-24 figure img {
        width: 100%;
        max-width: none
    }
}
.post-tp-24 .title-14 {
    margin-bottom: 4px
}
.post-tp-24 .meta-tp-2 {
    margin: 5px 0
}
.post-tp-25 {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 20px;
    margin: 0 0 30px
}
.post-tp-25:hover .ptp-25-overlay {
    opacity: 1
}
.post-tp-25:hover .ptp-25-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-25 .ptp-25-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 2
}
.post-tp-25 .ptp-25-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-25 .ptp-25-overlay a, .post-tp-25 .ptp-25-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-25 .ptp-25-overlay a i, .post-tp-25 .ptp-25-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-25 .ptp-25-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.post-tp-25 figure {
    margin: 0 0 23px;
    position: relative
}
.post-tp-25 .title-17 {
    margin-bottom: 6px
}
.post-tp-25 .meta-tp-2 {
    margin: 7px 0 2px
}
.post-tp-25 p {
    font-size: 14px;
    line-height: 23px
}
.post-tp-26 {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 20px 59px;
    margin: 0 0 20px
}
@media screen and (max-width:639px) {
    .post-tp-26 {
        padding: 0 0 20px
    }
    .post-tp-26 .date-tp-3 {
        z-index: 1
    }
}
.post-tp-26:hover figure:before {
    opacity: 1
}
.post-tp-26 figure {
    float: left;
    margin: 0 20px 0 0;
    position: relative
}
.post-tp-26 figure:before {
    content: "";
    background-color: rgba(0, 0, 0, .07);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none
}
@media screen and (max-width:639px) {
    .post-tp-26 figure img {
        width: 160px
    }
}
@media screen and (max-width:479px) {
    .post-tp-26 figure {
        float: none;
        margin: 0 0 20px
    }
    .post-tp-26 figure img {
        width: 100%;
        max-width: none
    }
}
.post-tp-26 .meta-tp-2 {
    margin: 5px 0
}
.post-tp-26 .date-tp-3 {
    position: absolute;
    left: 0;
    top: 0
}
.post-tp-27:hover .ptp-27-overlay {
    background-color: rgba(15, 2, 2, .54)
}
.post-tp-27 .ptp-27-overlay {
    background-color: rgba(22, 4, 4, .4);
    padding: 40px 20%;
    text-align: center
}
@media screen and (max-width:767px) {
    .post-tp-27 .ptp-27-overlay {
        padding: 40px 5%
    }
}
.post-tp-27 .category-tp-1, .post-tp-27 .category-tp-3 {
    margin-bottom: 22px
}
.post-tp-27 .meta-tp-4, .post-tp-27 .meta-tp-5 {
    margin: 9px 0 0
}
.post-tp-27.mb-height {
    overflow: hidden
}
@media screen and (max-width:639px) {
    .post-tp-27.mb-height {
        height: 350px
    }
    .post-tp-27.mb-height a, .post-tp-27.mb-height figure, .post-tp-27.mb-height img {
        height: 100%
    }
    .post-tp-27.mb-height figure img {
        max-width: none;
        width: auto
    }
}
.post-tp-28:hover .ptp-28-overlay {
    background-color: rgba(0, 0, 0, .5)
}
.post-tp-28 .ptp-28-overlay {
    background-color: rgba(0, 0, 0, .5);
    padding: 40px 8%;
    text-align: center
}
@media screen and (max-width:639px) {
    .post-tp-28 .ptp-28-overlay {
        padding: 40px 15px
    }
}
.post-tp-28 .category-tp-1, .post-tp-28 .category-tp-3 {
    margin-bottom: 22px
}
.post-tp-28 .date-tp-4 {
    margin: 9px 0
}
.post-tp-28 .icon {
    margin: 0 0 36px
}
.post-tp-28.mb-height {
    overflow: hidden
}
@media screen and (max-width:639px) {
    .post-tp-28.mb-height {
        height: 350px
    }
    .post-tp-28.mb-height a, .post-tp-28.mb-height figure, .post-tp-28.mb-height img {
        height: 100%
    }
    .post-tp-28.mb-height figure img {
        max-width: none;
        width: auto
    }
}
.post-tp-29 {
    margin: 0 0 24px
}
.post-tp-29 .date-tp-2 {
    margin: 13px 0 4px
}
.post-tp-30 figure {
    position: relative;
    margin-bottom: 15px
}
.post-tp-30:hover .ptp-30-overlay {
    opacity: 1
}
.post-tp-30:hover .ptp-30-data {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.post-tp-30 .ptp-30-overlay {
    background: rgba(31, 33, 36, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 2
}
.post-tp-30 .ptp-30-overlay:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid #00abaa;
    border-right: 7px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.post-tp-30 .ptp-30-overlay a, .post-tp-30 .ptp-30-overlay span {
    color: #fff;
    font: 700 12px/23px Inconsolata;
    margin: 0 4px 0 0;
    text-decoration: none;
    pointer-events: auto
}
.post-tp-30 .ptp-30-overlay a i, .post-tp-30 .ptp-30-overlay span i {
    font-size: 11px;
    margin: 0 6px 0 0
}
.post-tp-30 .ptp-30-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 16px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all .3s;
    transition: all .3s
}
@media screen and (max-width:639px) {
    .post-tp-31 {
        height: 350px
    }
    .post-tp-31 a, .post-tp-31 figure, .post-tp-31 img {
        height: 100%
    }
    .post-tp-31 figure img {
        max-width: none;
        width: auto
    }
}
.post-tp-31:hover .ptp-31-overlay {
    background-color: rgba(15, 2, 2, .54)
}
.post-tp-31 .ptp-31-overlay {
    background-color: rgba(22, 4, 4, .4);
    padding: 40px 20%;
    text-align: center
}
@media screen and (max-width:1077px) {
    .post-tp-31 .ptp-31-overlay {
        padding: 40px 10%
    }
}
@media screen and (max-width:639px) {
    .post-tp-31 .ptp-31-overlay {
        padding: 40px 15px
    }
}
.post-tp-31 .category-tp-1, .post-tp-31 .category-tp-3 {
    margin-bottom: 22px
}
.post-tp-31 .meta-tp-4, .post-tp-31 .meta-tp-5 {
    margin: 9px 0 0
}
.epa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 120px;
    padding: 10px 20px
}
.epa__logo {
    height: 150px
}
.epa__copy {
    margin-bottom: 0;
    margin-left: 15px;
    line-height: 1.3;
    color: #333 !important;
    max-width: 500px
}
.logo-list {
    list-style: none;
    text-align: center
}
.logo-list li {
    display: inline-block;
    padding: 10px
}
.logo-list li img {
    max-width: 80%
}
.bg-white-section {
    position: relative;
    z-index: 2;
    background-color: #31467a
}
.bullets {
    list-style-type: square;
    margin-left: 15px
}
.bullets li {
    margin: 4px 0 4px 10px
}
.main {
    min-height: calc(100vh - 227px)
}
.dash-side-menu {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}
@media screen and (max-width:479px) {
    .dash-side-menu {
        position: inherit;
        text-align: left;
        margin-bottom: 30px
    }
}
.dash-side-menu li {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px
}
sup {
    font-size: 50%;
    line-height: 100%;
    top: -.9em
}
img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.iziModal-overlay {
    background-color: rgba(0, 0, 0, .8) !important
}
.neon-arrow {
    display: block;
    position: fixed;
    top: 46%;
    width: 32px;
    height: 32px
}
.neon-arrow:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.neon-arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.neon-arrow:hover {
    text-decoration: none;
    color: #31467a;
    cursor: pointer
}
.neon-arrow:after, .neon-arrow:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    width: 32px;
    height: 0;
    border: 1px solid #00abaa;
    border-radius: 2px;
    -webkit-transform-origin: center;
    transform-origin: center
}
.neon-arrow.prev {
    left: -50px
}
.neon-arrow.prev:after {
    bottom: 26px
}
.neon-arrow.prev:before {
    top: 26px
}
.neon-arrow.next {
    right: -50px
}
.neon-arrow.next:after {
    bottom: 4px
}
.neon-arrow.next:before {
    top: 4px
}
.sub-text {
    color: #31467a;
    font-size: 11px;
    margin-bottom: 10px
}
.cate-info-window {
    color: #31467a;
    background-color: transparent;
    width: 95%
}
.cate-info-window.bg-white {
    background-color: #ffffff;
}
.cate-info-window .wrapper {
    padding: 15px
}
.cate-info-window .neon-close {
    display: block;
    position: fixed;
    right: 10px;
    top: 5px;
    width: 24px;
    height: 24px
}
.cate-info-window .neon-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.cate-info-window .neon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.cate-info-window .neon-close:hover {
    text-decoration: none;
    color: #31467a;
    cursor: pointer
}
.cate-info-window .neon-close:after, .cate-info-window .neon-close:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 0;
    border: 1px solid #00abaa;
    border-radius: 2px;
    -webkit-transform-origin: center;
    transform-origin: center
}
.cate-info-window .neon-download {
    display: block;
    position: fixed;
    font-size: 20px;
    right: 40px;
    top: 7px;
    width: 24px;
    height: 24px
}
.cate-info-window .neon-download:hover {
    text-decoration: none;
    color: #00abaa;
    cursor: pointer
}
.cate-info-window .title {
    color: #fff;
    font-size: 3rem;
    margin-bottom: 10px
}
.cate-info-window .logo {
    width: 210px;
    display: block;
    margin: 0 auto
}
.cate-info-window .half-frame {
    border-top: 1px solid #31467a;
    border-bottom: 1px solid #31467a;
    padding: 10px 0;
    margin-top: 20px
}
.cate-info-window .desc p {
    color: #fff;
    font-size: 16px
}
.cate-info-window .desc p:last-child {
    margin-bottom: 0
}
.cate-info-window .sponsor-details {
    text-align: center;
    margin: 20px 0 0
}
.cate-info-window .sponsor-details li {
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    border-right: 1px solid #fff
}
.cate-info-window .sponsor-details li:last-child {
    border-right: none
}
.cate-info-window .sponsor-details li a {
    color: #fff
}
@media screen and (max-width:1077px) {
    .cate-info-window .sponsor-details li {
        display: block;
        padding: 4px 10px;
        border-right: none
    }
}
.cate-info-window .sponsor-cate {
    font-size: 22px;
    color: #fff
}
.judge-panel {
    padding-bottom: 40px
}
.judge-panel img {
    width: 100%;
    display: block
}
.jp-name {
    margin: 10px 16px;
    font-size: 2rem;
    line-height: 2.2rem;
    text-align: left;
    color: #31467a;
}
.jp-title {
    display: block;
    color: #00abaa;
    font-size: 1.2rem;
    line-height: 1.4rem
}
h4 {
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    padding: 13px 0 0;
    color: #31467a
}
h4.jp-title {
    color: #00abaa
}
h4.jp-company {
    font-size: .8rem
}
.neon-frame {
    cursor: pointer;
    position: relative;
    border: 1px solid #383838;
    -webkit-transition: all .5s;
    transition: all .5s
}
.neon-frame:hover {
    border-color: #31467a
}
.neon-frame:hover img {
    opacity: .8
}
.neon-frame img {
    opacity: .5
}
.overlay-dark-gradient {
    background: #000;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #000), color-stop(60%, transparent), color-stop(100%, transparent));
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(60%, transparent), to(transparent));
    background: linear-gradient(180deg, #000 0, transparent 60%, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
    position: absolute;
    opacity: .4;
    width: 100%;
    height: 100%;
    z-index: 0
}
.overlay-dark {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 1
}
.minus {
    border-top: 1px solid #31467a;
    display: inline-block;
    height: 1px;
    width: 10px;
    margin: 0 auto 8px;
    padding: 0
}
.cate-list {
    padding-top: 26px;
    width: 100%;
    color: #31467a;
    font: 900 18px/18px bebas-neue-by-fontfabric;
    font-weight: 900;
    text-align: center
}
.cate-list li {
    text-align: center;
    position: relative;
    width: 160px;
    height: 160px;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin: 0 5px 14px;
    display: inline-block;
    border: 2px solid #31467a;
    padding: 10px;
    border-radius: 3px;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer
}
.cate-list li.cate_list__box {
    width: 217px;
    height: 217px;
    padding: 0 20px;
    color: #001d25;
    background-color: #0f99c4
}
.cate-list li.cate_list__coinflip_sm {
    width: 220px;
    height: 220px;
    padding: 0;
    border: 0
}
.cate-list li.cate_list__coinflip {
    background-color: transparent;
    width: 250px;
    height: 275px;
    padding: 0;
    border: 0
}
.cate-list li.cate_list__sponsor {
    width: 220px;
    height: 220px;
    padding: 0 20px
}
#winners-content h1 {
    font-size: 48px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.cate-list li.cate_list__resources {
    height: auto;
    max-width: 310px;
    width: 100%;
    padding: 0;
    border: none
}
.cate-list li.cate_list__resources .resource-margin {
    margin: 29px 0px 30px 0px;    
}
@media screen and (max-width:1077px) {
    .cate-list li.cate_list__resources {
        height: auto;
    }
    .cate-list li.cate_list__resources .resource-margin {
        margin: 0px 0px 0px 0px;    
    }
    
}
.cate-list li.cate_list__resources.sm {
    width: 225px
}
.cate-list li.cate_list__resources .resources-th {
    height: auto;
    border: 2px solid #31467a;
    text-align: center;
    padding: 20px;
    width: 100%
}
.cate-list li.cate_list__resources .resources-spacer {
    height: 10px
}
.cate-list li.cate_list__resources .name {
    font-size: 35px;
    padding: 20px 20px 0
}
.cate-list li.cate_list__resources .name h2 {
    font-size: 35px;
    padding: 0px;
    margin: 0px;
}
.cate-list li.cate_list__resources .name h3 {
    font-size: 20px;
    padding: 0px;
    margin: 0px;
    text-transform: none;
}
.cate-list li.cate_list__resources .link {
    color: #31467a;
    font-size: 16px;
    padding: 10px;
    text-transform: none;
}
.cate-list li.cate_list__finalists {
    border: 2px solid #31467a;
/*
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    align-items: center;
*/
    max-width: 310px;
    width: 100%;
    height: 580px;
    padding: 20px;
}
@media screen and (max-width:1077px) {
    .cate-list li.cate_list__finalists {
        height: 520px;
        margin: 0 0 14px
    }
}
.cate-list li.cate_list__finalists.sm {
    height: 500px
}
.cate-list li.cate_list__finalists .gold {
    display: inline;
    color: #0f99c4
}
.cate-list li.cate_list__finalists .name-alt {
    height: 100px !important;
    color: #31467a
}
.cate-list li.cate_list__finalists .shortlist {
    padding: 20px 20px 20px 20px;
    width: 100%
}
.cate-list li.cate_list__finalists .shortlist p.sub-text {
    line-height: 1.2em;
    margin: 15px 0 7px;
    padding: 0
}
.cate-list li.cate_list__finalists .shortlist p {
    line-height: 1.1em;
    font: 400 26px/26px din-2014 !important;
    margin: 0;
    padding: 0
}
.cate-list li.cate_list__finalists .shortlist-alt {
    color: #31467a
}
.cate-list li.cate_list__finalists .shortlist:last-child {
    border-bottom: none
}
.cate-list li.cate_list__finalists .blue {
    color: #00abaa;
    font-size: 80%
}
.cate-list li.cate_list__finalists .shortlist-sponsor img {
    max-width: 180px;
    margin: 0 auto
}
.cate-list li.cate_list__finalists .shortlist-winner {
    font-size: 80px;
    line-height: 1.0em;
    padding: 0px 0px 20px 0px;
    width: 100%;
}
.cate-list li.cate_list__finalists .shortlist-category {
    font-size: 46px;
    line-height: 1.0em;
    padding: 40px 0px 20px 0px;
    width: 100%;
}
.cate-list li.cate_list__coinflip:hover {
    color: #31467a;
    background-color: transparent
}
.cate-list li.photo-info-box {
    border: none;
    padding: 0;
    background-color: #31467a;
    text-align: left
}
.cate-list li.photo-info-box:hover {
    -webkit-animation: none;
    animation: none;
    border-color: none
}
.cate-list li .cate-info-prompt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    color: #31467a;
    padding-top: 95px;
    font-size: 16px
}
.cate-list li .cate-info-prompt:hover {
    opacity: 1
}
.cate-list li.align-middle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.cate-list li:hover {
    border-color: #31467a
}
.cate-list li .logo-sponsor {
    width: 100%;
    display: block;
    margin: 0 auto
}
.cate-list li > .name {
    height: 135px;
    font-size: 30px;
    line-height: 1em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.cate-list li .sub-text {
    line-height: 11px;
    margin: 0 0 10px
}
.cate-list li .sponsor {
    padding: 0 0 20px
}
.cate-list li .sponsor img {
    width: 100%
}
.book-table-box {
    border: none !important;
    padding: 15px;
    text-align: left
}
.book-table-box.book-table-box--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.book-table-box.book-table-box--block {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.book-table-box.book-table-box--block .book-table-box__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.book-table-box.book-table-box--block .book-table-box__info h2 {
    padding: 0 15px 0 0;
    margin-right: 15px;
    border-right: 1px solid #fff;
    font-size: 2.9em
}
.book-table-box.book-table-box--block .book-table-box__info p {
    margin-bottom: 0;
    margin-right: 15px;
    line-height: 1.3
}
@media screen and (max-width:767px) {
    .book-table-box.book-table-box--block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .book-table-box.book-table-box--block, .book-table-box.book-table-box--block .book-table-box__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .book-table-box.book-table-box--block .book-table-box__info h2 {
        padding: 0 0 15px;
        margin-right: 0;
        border-right: none
    }
    .book-table-box.book-table-box--block .book-table-box__info p {
        margin-bottom: 15px
    }
}
.book-table-box h2 {
    font-size: 1.6em
}
.book-table-box p {
    text-transform: none
}
.book-table-box:hover {
    -webkit-animation: none !important;
    animation: none !important;
    border-color: none !important
}
@-webkit-keyframes neon2 {
    0% {
        -webkit-box-shadow: 0 0 1px #31467a, 0 0 2px #31467a, 0 0 3px #31467a, 0 0 5px #00abaa, 0 0 8px #00abaa, 0 0 10px #00abaa, 0 0 12px #00abaa, 0 0 18px #00abaa, inset 0 0 1px #31467a, inset 0 0 2px #31467a, inset 0 0 3px #31467a, inset 0 0 5px #00abaa, inset 0 0 8px #00abaa, inset 0 0 10px #00abaa, inset 0 0 12px #00abaa, inset 0 0 18px #00abaa;
        box-shadow: 0 0 1px #31467a, 0 0 2px #31467a, 0 0 3px #31467a, 0 0 5px #00abaa, 0 0 8px #00abaa, 0 0 10px #00abaa, 0 0 12px #00abaa, 0 0 18px #00abaa, inset 0 0 1px #31467a, inset 0 0 2px #31467a, inset 0 0 3px #31467a, inset 0 0 5px #00abaa, inset 0 0 8px #00abaa, inset 0 0 10px #00abaa, inset 0 0 12px #00abaa, inset 0 0 18px #00abaa
    }
    to {
        -webkit-box-shadow: 0 0 .5px #31467a, 0 0 1px #31467a, 0 0 1.5px #31467a, 0 0 2px #00abaa, 0 0 4px #00abaa, 0 0 5px #00abaa, 0 0 6px #00abaa, 0 0 8px #00abaa, inset 0 0 .5px #31467a, inset 0 0 1px #31467a, inset 0 0 1.5px #31467a, inset 0 0 2px #00abaa, inset 0 0 4px #00abaa, inset 0 0 5px #00abaa, inset 0 0 6px #00abaa, inset 0 0 8px #00abaa;
        box-shadow: 0 0 .5px #31467a, 0 0 1px #31467a, 0 0 1.5px #31467a, 0 0 2px #00abaa, 0 0 4px #00abaa, 0 0 5px #00abaa, 0 0 6px #00abaa, 0 0 8px #00abaa, inset 0 0 .5px #31467a, inset 0 0 1px #31467a, inset 0 0 1.5px #31467a, inset 0 0 2px #00abaa, inset 0 0 4px #00abaa, inset 0 0 5px #00abaa, inset 0 0 6px #00abaa, inset 0 0 8px #00abaa
    }
}
@-webkit-keyframes neontext {
    0% {
        text-shadow: 0 0 10px #31467a, 0 0 20px #31467a, 0 0 30px #31467a, 0 0 40px #228dff, 0 0 70px #228dff, 0 0 80px #228dff, 0 0 100px #228dff, 0 0 150px #228dff
    }
    to {
        text-shadow: 0 0 5px #31467a, 0 0 10px #31467a, 0 0 15px #31467a, 0 0 20px #228dff, 0 0 35px #228dff, 0 0 40px #228dff, 0 0 50px #228dff, 0 0 75px #228dff
    }
}
.accent {
    color: #00abaa
}
.accent-2, .accent-3 {
    color: #31467a
}
.content-sm .pst-block, .content .pst-block {
    margin-bottom: 30px
}
.content-sm .js-sidebar-zone > div:last-child > .pst-block, .content-sm > div:last-child > .pst-block, .content .js-sidebar-zone > div:last-child > .pst-block, .content > div:last-child > .pst-block {
    margin: 0
}
.page-content {
    background-color: #31467a;
    padding: 15px 20px
}
.page-content.trsp {
    background: none;
    padding: 0
}
.side-bar-sm .pst-block, .side-bar .pst-block {
    margin-bottom: 30px
}
.side-bar-sm > div > div:last-child .pst-block, .side-bar > div > div:last-child .pst-block {
    margin: 0
}
.side-bar-sm .sbsb-block-1 {
    margin-bottom: 0
}
.full-section {
    margin-bottom: 45px
}
.category-tp-1, .category-tp-3 {
    background: #00abaa;
    color: #31467a;
    display: inline-block;
    font-family: Inconsolata;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    height: 20px;
    padding: 3px 7px 2px 9px;
    position: relative;
    margin: 0 0 15px;
    text-transform: uppercase;
    text-decoration: none
}
.category-tp-1:after, .category-tp-3:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 4px solid #00abaa;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -4px
}
.category-tp-2 {
    color: #888;
    display: inline-block;
    font: 400 12px/23px Inconsolata;
    text-decoration: none;
    text-transform: uppercase
}
.category-tp-3 {
    background: #000
}
.category-tp-3:after {
    border-left: 4px solid #000
}
.category-tp-4 {
    color: #888;
    display: inline-block;
    font: 700 12px/23px Inconsolata;
    text-decoration: none;
    text-transform: uppercase
}
.category-tp-5 {
    background: #00abaa
}
.category-tp-5, .reviews-tp-1 {
    color: #31467a;
    display: inline-block;
    font-family: Inconsolata;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    height: 20px;
    padding: 3px 7px 2px 9px;
    position: relative;
    margin: 0 0 15px;
    text-transform: uppercase;
    text-decoration: none
}
.reviews-tp-1 {
    background: #000
}
.reviews-tp-1:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 4px solid #000;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -4px
}
.date-tp-1 {
    display: inline-block;
    font-size: 34px;
    font-weight: 300;
    line-height: 38px;
    margin: 26px 30px
}
.date-tp-1 sub {
    line-height: 18px;
    vertical-align: top
}
.date-tp-1 .month, .date-tp-1 sub {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}
.date-tp-1 .month {
    display: block;
    line-height: 10px
}
.date-tp-2 {
    color: #888;
    font: 400 12px/23px Inconsolata
}
.date-tp-2, .date-tp-3 {
    text-transform: uppercase
}
.date-tp-3 {
    background-color: #f2f2f2;
    color: #000;
    font-size: 20px;
    line-height: 19px;
    width: 39px;
    padding: 9px 6px;
    text-align: center;
    position: relative
}
.date-tp-3:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.date-tp-3 span {
    display: block;
    font: 400 10px/10px Inconsolata
}
.date-tp-4 {
    color: #31467a;
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.date-tp-4 i {
    font-size: 10px;
    margin: 0 6px
}
.author-tp-1 {
    color: #888;
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.author-tp-1 i {
    font-size: 10px;
    margin: 0 7px 0 0
}
.author-tp-2 {
    color: #31467a;
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.author-tp-2 i {
    font-size: 10px;
    margin: 0 7px 0 0
}
.author-tp-2 .photo {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    vertical-align: middle
}
@media screen and (max-width:479px) {
    .author-tp-2 .photo {
        display: none
    }
}
.meta-tp-1 {
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.meta-tp-1 > div {
    display: inline-block;
    padding: 0 4px 0 0;
    white-space: nowrap;
    position: relative
}
.meta-tp-1 > div:first-child {
    margin: 0 9px 0 0
}
.meta-tp-1 a {
    color: inherit;
    text-decoration: none
}
.meta-tp-1 i {
    font-size: 11px;
    margin: 0 7px 0 0
}
.meta-tp-2 {
    color: #888;
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.meta-tp-2 > div {
    display: inline-block;
    padding: 0 13px 0 0;
    margin: 0 7px 0 0;
    white-space: nowrap;
    position: relative
}
.meta-tp-2 > div:before {
    background: hsla(0, 0%, 68.2%, .24);
    content: "";
    width: 1px;
    position: absolute;
    right: 0;
    top: 6px;
    bottom: 4px
}
.meta-tp-2 > div:last-child:before {
    display: none
}
.meta-tp-2 a {
    color: inherit;
    text-decoration: none
}
.meta-tp-2 i {
    font-size: 10px;
    margin: 0 7px 0 0
}
.meta-tp-3 {
    color: #888;
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.meta-tp-3 > div {
    display: inline-block;
    margin: 0 7px 0 0;
    white-space: nowrap;
    position: relative
}
.meta-tp-3 a {
    color: inherit;
    text-decoration: none
}
.meta-tp-3 i {
    font-size: 11px;
    margin: 0 7px 0 0
}
.meta-tp-4, .meta-tp-5 {
    color: #31467a;
    font: 400 12px/23px Inconsolata;
    text-transform: uppercase
}
.meta-tp-4 > div, .meta-tp-5 > div {
    display: inline-block;
    margin: 0 9px;
    white-space: nowrap;
    position: relative
}
.meta-tp-4 a, .meta-tp-5 a {
    color: inherit;
    text-decoration: none
}
.meta-tp-4 i, .meta-tp-5 i {
    font-size: 10px;
    margin: 0 7px 0 0
}
.meta-tp-4 .ptp-1-comments, .meta-tp-5 .ptp-1-comments {
    margin-left: 0
}
.meta-tp-5, .meta-tp-5 .author-tp-2, .meta-tp-5 .date-tp-4 {
    color: #888
}
.meta-tp-5 .author-tp-2 {
    margin-left: 0
}
.rate-tp-1 ul {
    font-size: 0
}
.rate-tp-1 li {
    display: inline-block;
    margin-right: 3px
}
.rate-tp-1 li:last-child {
    margin: 0
}
.rate-tp-1 li i {
    color: #00abaa;
    font-size: 12px;
    margin: 0
}
.rate-tp-1 a {
    text-decoration: none
}
.rate-tp-2 li {
    color: #c2c2c2;
    float: left;
    margin-right: 4px
}
.rate-tp-2 li:last-child {
    margin: 0
}
.rate-tp-2 li.active {
    color: #00abaa
}
.rate-tp-2 li i {
    display: block;
    font-size: 15px;
    margin: 0
}
.rate-tp-2 a {
    color: inherit;
    line-height: 26px;
    display: block;
    text-decoration: none
}
.read-tp-1, .save-tp-1 {
    color: #31467a;
    font: 700 12px/25px Inconsolata;
    text-decoration: none;
    text-transform: uppercase
}
.read-tp-1 span, .save-tp-1 span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0
}
.trend-pst-slider {
    height: 100%
}
.trend-pst-slider .pst-block-main {
    margin: -5px 0 0
}
.trend-pst-slider .trpst-block {
    height: 100%;
    padding: 5px 0 51px;
    position: relative
}
.trend-pst-slider .trpst-block-foot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}
.trend-pst-slider .trpst-block-foot .more-txt {
    position: relative;
    top: 1px
}
.trend-pst-slider .sbr-dots {
    float: right;
    padding: 0
}
@media screen and (max-width:1229px) {
    .trend-pst-slider .post-tp-3 {
        margin: 0 0 7px
    }
    .trend-pst-slider .post-tp-3 .adaptive {
        max-width: 103px
    }
}
.pst-block-head {
    background: #31467a;
    padding: 14px 20px 13px;
    position: relative;
    margin-bottom: 7px
}
.pst-block-head:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.pst-block-head .title-4 {
    position: relative;
    top: 1px
}
.pst-block-main {
    background: #31467a;
    padding: 15px 20px
}
.pst-block-main.trsp {
    background: none;
    padding: 0;
    margin-bottom: 0
}
.pst-block-main:last-child {
    margin-bottom: 0
}
.pst-block-foot {
    background: #fcfcfc;
    color: #1f1f1f;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 7px;
    text-transform: uppercase
}
.pst-block-foot a {
    color: inherit;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 13px 20px
}
.pst-block-foot a:hover {
    color: #00abaa
}
.pst-block-foot .arr-right-dark-ic {
    float: right
}
.pst-box {
    margin-bottom: 50px
}
.pst-box-head .title-blc-1 {
    float: left;
    padding: 0 24px;
    margin: 22px -24px
}
.pst-box-head .navs {
    color: #9b9b9b;
    font-size: 17px;
    float: right;
    margin: 19px -7px
}
.pst-box-head .navs span {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 0 7px
}
.pst-box-main {
    border-bottom: 1px solid #f7f7f7
}
.pst-box-main .pst-box-inner {
    margin-left: -9px;
    margin-right: -9px
}
.pst-box-main .pst-box-inner img {
    width: 100%
}
.pst-box-main .one-third {
    padding: 0 9px
}
.pst-box-main .title-6 {
    margin-bottom: 19px
}
.pst-block-hr {
    border: none;
    border-top: 1px solid #f2f2f2;
    margin: 12px -20px
}
.xs-hr {
    width: 24px;
    border: none;
    border-top: 1px solid #d8d8d8;
    margin: 15px 0
}
.vpst-block {
    padding: 18px 0 0
}
.vpst-block-head {
    margin: 22px 0;
    padding: 0 0 0 18px;
    position: relative
}
.vpst-block-head:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.vpst-block-head i:before {
    vertical-align: middle
}
.vpst-block-head .title-4 {
    color: #31467a
}
.vpst-block-head .filters {
    color: #cdcdcd
}
.vpst-block-head .filters .filters-list-1, .vpst-block-head .filters .filters-list-2 {
    border-color: #383b3f
}
.vpst-block-head .filters .filters-list-1 a.active, .vpst-block-head .filters .filters-list-1 a:hover, .vpst-block-head .filters .filters-list-2 a.active, .vpst-block-head .filters .filters-list-2 a:hover {
    color: #31467a
}
.vpst-block-head .filters-drop {
    top: 130%
}
.vpst-block-head .filters-drop .arr {
    right: 4px
}
.vpst-block-main {
    margin: 0 0 30px
}
.vpst-block-foot {
    color: #31467a;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase
}
.vpst-block-foot a {
    border-top: 1px solid #2e3136;
    color: inherit;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 14px 20px 13px
}
.trpst-block-head {
    padding: 13px 20px 8px
}
.trpst-block-main {
    padding: 0 20px
}
.trpst-block-foot {
    background: #fcfcfc;
    color: #1f1f1f;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase
}
.trpst-block-foot a {
    color: inherit;
    display: block;
    text-decoration: none;
    padding: 13px 20px
}
.trpst-block-foot a:hover {
    color: #00abaa
}
.filters, .trpst-block-foot .arr-right-dark-ic {
    float: right
}
.filters {
    color: #929292
}
.filters-list-1, .filters-list-2 {
    font: 400 13px/25px Inconsolata;
    float: left;
    padding: 0 10px;
    text-transform: uppercase
}
@media screen and (max-width:767px) {
    .filters-list-1, .filters-list-2 {
        display: none
    }
}
.filters-list-1 li, .filters-list-2 li {
    float: left
}
.filters-list-1 a, .filters-list-2 a {
    color: inherit;
    display: block;
    padding: 0 10px;
    text-decoration: none
}
.filters-list-1 a.active, .filters-list-1 a:hover, .filters-list-2 a.active, .filters-list-2 a:hover {
    color: #474747
}
.filters-more {
    border-left: 1px solid #ebebeb;
    font-size: 18px;
    float: left;
    padding: 1px 0 1px 18px
}
.filters-more i:before {
    vertical-align: middle
}
.filters-btn {
    cursor: pointer
}
.filters-drop {
    background: #31467a;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    border-radius: 2px;
    display: none;
    width: 130px;
    padding: 9px 0;
    position: absolute;
    top: 99%;
    right: -5px;
    z-index: 1
}
.filters-drop .arr {
    display: block;
    width: 20px;
    height: 10px;
    position: absolute;
    right: 24px;
    top: -10px;
    overflow: hidden
}
.filters-drop .arr:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #31467a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    left: 5px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15)
}
.filters-drop a {
    color: #929292;
    display: block;
    font: 700 13px/28px Inconsolata;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase
}
.filters-drop a.active, .filters-drop a:hover {
    color: #00abaa
}
.filters-list-2 {
    border: none;
    margin: 0;
    padding: 0
}
.filters-list-2 a {
    padding: 0 0 0 6px
}
.filters-list-3 {
    font: 900 12px/21px bebas-neue-by-fontfabric;
    text-transform: uppercase
}
.filters-list-3 li {
    float: left;
    margin-right: 12px
}
.filters-list-3 a {
    color: inherit;
    display: block;
    padding: 2px 0 17px;
    position: relative;
    text-decoration: none
}
.filters-list-3 a:before {
    background: #00abaa;
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    opacity: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}
.filters-list-3 a.active, .filters-list-3 a:hover {
    color: #000
}
.filters-list-3 a.active:before, .filters-list-3 a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.filters-blc-1 {
    background-color: #f8f8f8;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    padding: 22px 24px
}
.filters-blc-1 .members-items {
    background-color: #31467a;
    border-radius: 2px;
    display: inline-block;
    font-size: 9px;
    line-height: 22px;
    text-align: center;
    min-width: 23px;
    padding: 0 3px;
    margin-left: 6px;
    vertical-align: middle
}
.filters-blc-1 .filters-list {
    text-align: right
}
@media screen and (max-width:479px) {
    .filters-blc-1 .filters-list {
        text-align: left;
        margin-top: 10px
    }
}
.filters-blc-2 {
    background-color: #31467a;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    padding: 32px 24px 7px
}
.filters-blc-2 .members-items {
    background-color: #31467a;
    border-radius: 2px;
    display: inline-block;
    font-size: 9px;
    line-height: 22px;
    text-align: center;
    min-width: 23px;
    padding: 0 3px;
    margin-left: 6px;
    vertical-align: middle
}
.all-sb {
    float: right
}
.all-sb a {
    color: #474747;
    display: inline-block;
    font-family: Inconsolata;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase
}
.all-sb a:hover {
    color: #00abaa
}
.inner-filters {
    color: #838181
}
.inner-filters + .pst-block-hr {
    margin-top: 0
}
.post-navs {
    float: left;
    padding: 0 18px
}
.post-navs a, .reviews-rate {
    text-decoration: none
}
.reviews-rate {
    color: #31467a;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 39px;
    height: 39px;
    font-size: 10px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    padding: 15px 0 0 15px
}
.reviews-rate:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-bottom: 39px solid #181818;
    border-left: 39px solid transparent
}
.reviews-rate span {
    position: relative;
    z-index: 2
}
.top-rate {
    color: #31467a;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 39px;
    height: 39px;
    font-size: 10px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    padding: 15px 15px 0 0
}
.top-rate:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-bottom: 39px solid #181818;
    border-right: 39px solid transparent
}
.top-rate span {
    position: relative;
    z-index: 2
}
.js-pst-block [class*=" col-"], .js-pst-block [class^=col-] {
    width: 100%
}
.latest-blg .owl-item {
    padding: 0 10px
}
.latest-blg .owl-item.active + .active {
    border-left: 1px solid #f2f2f2
}
.owl-pagination .owl-page, .owl-pagination li, .sbr-dots .owl-page, .sbr-dots li {
    display: inline-block;
    margin: 2px
}
.owl-pagination .owl-page.active span, .owl-pagination .owl-page.slick-active span, .owl-pagination li.active span, .owl-pagination li.slick-active span, .sbr-dots .owl-page.active span, .sbr-dots .owl-page.slick-active span, .sbr-dots li.active span, .sbr-dots li.slick-active span {
    background: #00abaa;
    border-color: #00abaa
}
.owl-pagination span, .sbr-dots span {
    cursor: pointer;
    display: block;
    border: 1px solid #a9a9a9;
    border-radius: 50%;
    width: 7px;
    height: 7px
}
.sbr-dots {
    text-align: center;
    padding: 15px 20px 11px
}
.social-tp-1 {
    padding: 8px 0
}
.social-list li {
    color: #31467a;
    font-size: 12px;
    line-height: 19px;
    margin: 0 0 9px
}
.social-list li:last-child {
    margin: 0
}
.social-list li.fb {
    background: #516fc2
}
.social-list li.fb .soc-ic {
    background: #4c68b3
}
.social-list li.tw {
    background: #09b2f4
}
.social-list li.tw .soc-ic {
    background: #00abed
}
.social-list li.gp {
    background: #f73232
}
.social-list li.gp .soc-ic {
    background: #eb1212
}
.social-list a {
    color: inherit;
    display: block;
    height: 33px;
    padding: 8px 14px 8px 46px;
    position: relative;
    text-decoration: none
}
.social-list .soc-btn {
    border-left: 1px solid hsla(0, 0%, 100%, .3);
    display: inline-block;
    float: right;
    padding: 0 0 0 16px
}
.social-list .soc-ic {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 33px;
    font-size: 14px;
    line-height: 35px;
    text-align: center
}
.social-tp-2 {
    color: #1f2124
}
.social-tp-2 ul {
    overflow: hidden
}
.social-tp-2 ul li {
    float: left;
    margin-right: 18px
}
.social-tp-2 ul a {
    color: inherit;
    display: inline-block;
    font-size: 12px;
    padding: 0 5px
}
.social-tp-2 ul i {
    margin: 0
}
.social-tp-2 ul .tw a:hover {
    color: #00abed
}
.social-tp-2 ul .fb a:hover {
    color: #4c68b3
}
.social-tp-2 ul .gp a:hover {
    color: #e51616
}
.social-tp-2 ul .in a:hover {
    color: #1d5e9f
}
.social-tp-2 ul .dr a:hover {
    color: #f51f9d
}
.post-sharing-tp-1, .post-sharing-tp-2 {
    margin: 20px 0 33px
}
.post-sharing-tp-1 ul, .post-sharing-tp-2 ul {
    float: left
}
.post-sharing-tp-1 li, .post-sharing-tp-2 li {
    float: left;
    margin: 0 5px 5px 0
}
.post-sharing-tp-1 li:last-child, .post-sharing-tp-2 li:last-child {
    margin: 0
}
.post-sharing-tp-1 .fb a, .post-sharing-tp-2 .fb a {
    background-color: #526eac
}
.post-sharing-tp-1 .fb a:hover, .post-sharing-tp-2 .fb a:hover {
    background-color: #4360a0
}
.post-sharing-tp-1 .tw a, .post-sharing-tp-2 .tw a {
    background-color: #00abed
}
.post-sharing-tp-1 .tw a:hover, .post-sharing-tp-2 .tw a:hover {
    background-color: #0d9fd8
}
.post-sharing-tp-1 .vk a, .post-sharing-tp-2 .vk a {
    background-color: #426b9a
}
.post-sharing-tp-1 .vk a:hover, .post-sharing-tp-2 .vk a:hover {
    background-color: #355e8d
}
.post-sharing-tp-1 .gp a, .post-sharing-tp-2 .gp a {
    background-color: #eb4026
}
.post-sharing-tp-1 .gp a:hover, .post-sharing-tp-2 .gp a:hover {
    background-color: #e23319
}
.post-sharing-tp-1 a, .post-sharing-tp-2 a {
    border-radius: 2px;
    color: #31467a;
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    min-width: 125px;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none
}
@media screen and (max-width:479px) {
    .post-sharing-tp-1 a, .post-sharing-tp-2 a {
        min-width: 56px
    }
}
.post-sharing-tp-1 a .fa, .post-sharing-tp-2 a .fa {
    margin-right: 9px
}
@media screen and (max-width:479px) {
    .post-sharing-tp-1 a .fa, .post-sharing-tp-2 a .fa {
        margin: 0
    }
}
.sharing-block {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 20px 21px 25px
}
.sharing-block .sharing-title {
    color: #000;
    font-weight: 600;
    margin-bottom: 12px
}
.sharing-block .comments {
    color: #1f2124;
    float: right;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0;
    text-transform: uppercase
}
@media screen and (max-width:479px) {
    .sharing-block .comments {
        margin-top: 10px
    }
}
.sharing-block .comments i {
    color: #8a8a8a;
    line-height: 10px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}
.post-sharing-tp-2 {
    margin: 0
}
.post-sharing-tp-2 a {
    min-width: 83px
}
@media screen and (max-width:479px) {
    .post-sharing-tp-2 a {
        min-width: 45px
    }
}
.sb-banner {
    background: #31467a;
    padding: 20px;
    margin-bottom: 30px
}
.sb-banner .banner-inner {
    position: relative
}
.sb-banner .banner-inner:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.sb-banner .banner-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 22px 20px
}
.sbsb-block-1 {
    background: #f7f7f7;
    padding: 36px 20px 40px;
    margin-bottom: 30px
}
.sbsb-form-1 {
    background: #31467a;
    border-radius: 2px
}
.sbsb-form-1 .sbsb-form {
    display: table;
    width: 100%;
    padding: 4px
}
.sbsb-form-1 .sbsb-form > div {
    display: table-cell;
    vertical-align: middle
}
.sbsb-form-1 .sbsb-input {
    position: relative
}
.sbsb-form-1 .sbsb-input input {
    border: none;
    color: #626465;
    font: 12px/20px din-2014;
    height: 30px;
    width: 100%;
    padding: 5px 10px 5px 37px
}
.sbsb-form-1 .sbsb-icon {
    color: #8d8d8d;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
    line-height: 30px;
    padding: 0 0 0 11px
}
.sbsb-form-1 .sbsb-icon i:before {
    vertical-align: middle
}
.sbsb-form-1 .sbsb-btn {
    width: 88px
}
.sbsb-form-1 .sbsb-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #31467a;
    background-color: #00abaa;
    border-radius: 2px;
    cursor: pointer;
    font: 900 11px/20px bebas-neue-by-fontfabric;
    border: none;
    display: block;
    padding: 6px 10px 4px;
    min-width: 88px;
    text-align: center;
    text-transform: uppercase
}
.sbsb-form-1 .sbsb-btn button:active, .sbsb-form-1 .sbsb-btn button:focus, .sbsb-form-1 .sbsb-btn button:hover {
    background-color: #ec6552
}
.search-form-1 {
    background: #31467a;
    border-radius: 2px;
    overflow: hidden
}
.search-form-1 .src-form {
    display: table;
    width: 100%;
    padding: 4px
}
.search-form-1 .src-form > div {
    display: table-cell;
    vertical-align: middle
}
.search-form-1 .src-input {
    position: relative
}
.search-form-1 .src-input input {
    border: none;
    color: #626465;
    font: 12px/20px din-2014;
    height: 30px;
    width: 100%;
    padding: 5px 10px 5px 37px
}
.search-form-1 .src-icon {
    color: #8d8d8d;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
    line-height: 30px;
    padding: 0 0 0 11px
}
.search-form-1 .src-icon i:before {
    vertical-align: middle
}
.search-form-1 .src-btn {
    width: 88px
}
.search-form-1 .src-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #31467a;
    background-color: #00abaa;
    border-radius: 2px;
    cursor: pointer;
    font: 900 11px/20px bebas-neue-by-fontfabric;
    border: none;
    display: block;
    padding: 6px 10px 4px;
    min-width: 88px;
    text-align: center;
    text-transform: uppercase
}
.search-form-1 .src-btn button:active, .search-form-1 .src-btn button:focus, .search-form-1 .src-btn button:hover {
    background-color: #f15232
}
.search-form-2 {
    background: #31467a;
    border-radius: 2px;
    overflow: hidden
}
.search-form-2 .src-form {
    display: table;
    width: 100%
}
.search-form-2 .src-form > div {
    display: table-cell;
    vertical-align: middle
}
.search-form-2 .src-input {
    position: relative
}
.search-form-2 .src-input input {
    border: none;
    color: #626465;
    font: 12px/20px din-2014;
    height: 38px;
    width: 100%;
    padding: 5px 15px
}
.search-form-2 .src-btn {
    width: 38px
}
.search-form-2 .src-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #31467a;
    background-color: #00abaa;
    border-radius: 2px;
    cursor: pointer;
    font: 900 13px/28px bebas-neue-by-fontfabric;
    border: none;
    display: block;
    padding: 6px 10px 4px;
    width: 38px;
    text-align: center;
    text-transform: uppercase
}
.search-form-2 .src-btn button:active, .search-form-2 .src-btn button:focus, .search-form-2 .src-btn button:hover {
    background-color: #f15232
}
.search-form-3 {
    padding: 8px 0
}
.search-form-3 .src-input {
    position: relative
}
.search-form-3 .src-input input {
    border: 1px solid #ededed;
    border-radius: 2px;
    color: #626465;
    font: 12px/20px din-2014;
    height: 38px;
    width: 100%;
    padding: 5px 15px
}
.search-form-3 .src-icon {
    color: #a9a9a9;
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    padding: 0 12px 0 0;
    position: absolute;
    right: 0;
    top: 0
}
.search-form-3 .src-icon i {
    display: block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.sbsb-form-2 .sbsb-input {
    background: #31467a;
    border-radius: 2px;
    position: relative;
    margin: 0 0 6px
}
.sbsb-form-2 .sbsb-input input {
    border: none;
    color: #626465;
    font: 12px/20px din-2014;
    height: 38px;
    width: 100%;
    padding: 9px 10px 9px 37px
}
.sbsb-form-2 .sbsb-icon {
    color: #8d8d8d;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
    line-height: 38px;
    padding: 0 0 0 11px
}
.sbsb-form-2 .sbsb-icon i:before {
    vertical-align: middle
}
.sbsb-form-2 .sbsb-btn {
    width: 100%
}
.sbsb-form-2 .sbsb-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #31467a;
    background-color: #00abaa;
    border-radius: 2px;
    cursor: pointer;
    font: 900 11px/28px bebas-neue-by-fontfabric;
    border: none;
    display: block;
    padding: 6px 10px 4px;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}
.sbsb-form-2 .sbsb-btn button:active, .sbsb-form-2 .sbsb-btn button:focus, .sbsb-form-2 .sbsb-btn button:hover {
    background-color: #f15232
}
.sbr-slider .post-tp-10, .sbr-slider .pst-block-main {
    padding: 0
}
.sidebar-slider, .sidebar-slider figure {
    position: relative
}
.sidebar-slider .category-tp-1, .sidebar-slider .category-tp-3 {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 18px 20px
}
.sidebar-slider .sbr-navs {
    background: #181818;
    position: absolute;
    right: 0;
    bottom: 0
}
.sidebar-slider .slick-arrow {
    cursor: pointer;
    width: 39px;
    height: 39px;
    padding: 17px 15px;
    float: left;
    position: relative
}
.sidebar-slider .slick-arrow i {
    vertical-align: top
}
.sidebar-slider .slick-arrow.prev {
    margin-right: 1px
}
.sidebar-slider .slick-arrow.prev:after {
    background: #3e3e3e;
    content: "";
    position: absolute;
    right: -1px;
    top: 12px;
    bottom: 12px;
    width: 1px
}
.tags-block {
    padding: 8px 0 5px
}
.tags-list {
    font-size: 0
}
.tags-list li {
    float: left;
    margin: 0 5px 5px 0
}
.tags-list a {
    background: #ededed;
    color: #1f1f1f;
    display: block;
    font: 700 10px/15px din-2014;
    padding: 5px 8px;
    min-width: 52px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.post-tags {
    padding: 10px 0;
    margin-bottom: 25px
}
.post-tags-list {
    font-size: 0
}
.post-tags-list li {
    float: left;
    margin: 0 5px 5px 0
}
.post-tags-list a {
    background: #31467a;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .03);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .03);
    color: #1f1f1f;
    display: block;
    font: 900 10px/15px bebas-neue-by-fontfabric;
    padding: 5px 8px;
    min-width: 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.ftrd-author .pst-block-main, .ltst-reviews .pst-block-main {
    padding: 0
}
.ftrd-author .full-img, .ltst-reviews .full-img {
    margin-bottom: 18px;
    position: relative
}
.ftrd-author .post-wrap, .ltst-reviews .post-wrap {
    padding: 0 20px 5px
}
.ftrd-author .post-tp-11, .ltst-reviews .post-tp-11 {
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 14px;
    margin-bottom: 9px
}
.ftrd-author .post-tp-6, .ftrd-author .post-tp-9, .ltst-reviews .post-tp-6, .ltst-reviews .post-tp-9 {
    border-bottom: 1px dashed #ebebeb
}
.ftrd-author .post-tp-6:last-child, .ftrd-author .post-tp-9:last-child, .ltst-reviews .post-tp-6:last-child, .ltst-reviews .post-tp-9:last-child {
    border: none
}
.ftrd-author .category-tp-1, .ftrd-author .category-tp-3, .ltst-reviews .category-tp-1, .ltst-reviews .category-tp-3 {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 18px 20px
}
.poling-block {
    padding: 10px 0
}
.poling-list {
    margin-bottom: 14px
}
.poling-list li {
    padding: 3px 0
}
.info-tp-1 a {
    border-left: 1px solid #f6f6f6;
    color: #c5c5c5;
    display: inline-block;
    font-family: Inconsolata;
    font-weight: 700;
    line-height: 25px;
    padding-left: 18px;
    margin-left: 16px;
    vertical-align: top;
    text-transform: uppercase;
    text-decoration: none
}
@media screen and (max-width:1229px) {
    .info-tp-1 a {
        padding-left: 10px;
        margin-left: 8px
    }
}
.info-tp-1 a:first-child {
    border: none;
    margin: 0;
    padding-left: 0
}
.info-tp-1 a:hover {
    color: #00abaa
}
.twitter-widget .info-tp-1 {
    float: right
}
.twitter-widget .post-list li {
    border-bottom: 1px dashed #ebebeb;
    padding: 14px 0 9px 26px;
    position: relative
}
.twitter-widget .post-list li:last-child {
    border: none
}
.twitter-widget .post-list p {
    color: #6f6f6f;
    font: 14px/23px Georgia
}
.twitter-widget .post-list a {
    color: #00abaa;
    text-decoration: none
}
.twitter-widget .post-list .date {
    color: #c7c7c7;
    font-family: Inconsolata;
    font-size: 12px;
    font-weight: 700;
    margin: 3px 0;
    text-transform: uppercase
}
.twitter-widget .post-list .fa {
    color: #e7e7e7;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 17px
}
.map-widget .map {
    height: 298px;
    margin: -15px -20px
}
.weather-widget .pst-block-head .arr-ic-3 {
    float: right
}
.weather-widget .pst-block-main {
    padding: 15px 20px 0;
    margin-bottom: 0
}
.weather-widget .title-4 i {
    color: #00abaa;
    font-size: 14px;
    line-height: 14px
}
.weather-block {
    color: #676666;
    font-size: 12px;
    min-height: 60px;
    padding: 5px 0 5px 112px;
    position: relative
}
.weather-block .temperature {
    position: absolute;
    left: 0
}
.weather-block i {
    display: inline-block;
    color: #00abaa;
    font-size: 26px;
    margin-top: 5px;
    vertical-align: top
}
.day {
    color: #8e8e8e;
    font-size: 9px;
    line-height: 8px;
    text-align: right;
    text-transform: uppercase
}
.degrees-1 {
    font-size: 34px;
    line-height: 40px
}
.degrees-1, .degrees-2 {
    color: #000;
    display: inline-block;
    font-weight: 500
}
.degrees-2 {
    font-size: 23px;
    line-height: 26px
}
.degrees-2 i {
    display: inline-block;
    vertical-align: top;
    margin: 2px 4px
}
.degrees-ic-1 {
    display: inline-block;
    border: 2px solid #000;
    border-radius: 50%;
    width: 8px;
    height: 8px
}
.degrees-ic-2 {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    width: 5px;
    height: 5px
}
.weather-days {
    margin: -12px 0 0
}
.weather-days-list li {
    float: left;
    width: 20%;
    text-align: center
}
.weather-days-list li.active a, .weather-days-list li:hover a {
    background: hsla(0, 0%, 92.2%, .11)
}
.weather-days-list li a {
    display: block;
    padding: 22px 0 25px;
    text-decoration: none
}
.weather-days-list li .degrees-2 {
    margin-right: -13px
}
.weather-days-list li .day {
    text-align: center
}
.page-nav {
    color: #c3c3c3;
    font-size: 12px;
    font-weight: 500;
    margin: 14px 0 15px
}
.page-nav .pn-item {
    color: #646464;
    border: 1px solid #ececec;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    float: left;
    width: 33px;
    height: 33px;
    padding: 4px;
    margin: 0 5px 10px 0;
    text-align: center;
    text-decoration: none
}
.page-nav .pn-item.current {
    background: #00abaa;
    border-color: #00abaa;
    color: #31467a
}
.page-nav .extend {
    display: block;
    font-family: Montserrat;
    font-size: 12px;
    float: left;
    width: 33px;
    height: 33px;
    padding: 4px;
    margin: 0 5px 0 0;
    text-align: center;
    text-decoration: none
}
.page-nav .page-count {
    display: block;
    float: right;
    line-height: 33px
}
.page-nav-prev-ic {
    background-position: -18px 0
}
.page-nav-next-ic, .page-nav-prev-ic {
    background-image: url(../img/sprite.png);
    width: 9px;
    height: 7px;
    display: inline-block
}
.page-nav-next-ic {
    background-position: -9px 0
}
.go-top {
    border: 2px solid #b1b5bc;
    border-radius: 50%;
    color: #8e9399;
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 39px;
    height: 39px;
    position: fixed;
    top: 50%;
    right: 37px;
    margin-top: -20px;
    text-align: center
}
@media screen and (max-width:767px) {
    .go-top {
        display: none
    }
}
.banner {
    background: #31467a;
    padding: 11px;
    margin: 45px 0
}
.lifestyle-pst .post-tp-17:last-child, .lifestyle-pst .post-tp-21:last-child {
    border: none;
    padding-bottom: 15px
}
.latest-pst .post-tp-15, .latest-pst .post-tp-18 {
    margin: 8px 0 18px
}
.latest-pst .post-tp-17:last-child, .latest-pst .post-tp-21:last-child {
    border: none;
    padding: 0 0 15px
}
.latest-pst .meta-tp-2 {
    margin: 4px 0 3px
}
.latest-nws .posts {
    margin-bottom: 25px
}
.trend-pst-tp-2 .pst-block-main {
    padding: 0
}
.trend-pst-tp-2 .pst-block-main > div > div:first-child figure:after {
    display: none
}
.twitter-block {
    background: #121314;
    color: #31467a;
    padding: 20px 20px 74px;
    position: relative
}
.twitter-block a {
    color: inherit;
    text-decoration: none
}
.twitter-block p {
    color: #31467a;
    max-height: 92px;
    overflow: hidden
}
.twitter-block .tb-icon {
    font-size: 20px;
    padding: 5px 0
}
.twitter-block .tb-user {
    overflow: hidden;
    margin: 14px 0 18px
}
.twitter-block .tb-user .photo {
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 55px;
    height: 55px;
    margin: 0 12px 0 0
}
.twitter-block .tb-user .tb-name {
    font-weight: 500;
    margin: 8px 0 0
}
.twitter-block .tb-user .tb-login {
    color: #727272;
    font-size: 10px;
    line-height: 16px
}
.twitter-block .time-date {
    display: block;
    color: #727272;
    font-size: 10px;
    margin: 7px 0
}
.twitter-block .tb-twitts .twitt {
    padding: 8px 0
}
.twitter-block .tb-twitts li {
    border-bottom: 1px solid #26282c;
    margin: 0 0 8px
}
.twitter-block .tb-bottom {
    height: 74px;
    line-height: 24px;
    padding: 25px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}
.twitter-block .td-action {
    float: left
}
.twitter-block .td-action a {
    margin-right: 40px
}
.twitter-block .td-action a:last-child {
    margin: 0
}
.twitter-block .tb-nav {
    float: right;
    font-size: 7px
}
.animated {
    visibility: hidden
}
.fadeIn, .fadeInUp, .fadeOutUp {
    visibility: visible
}
.page-head-tile {
    margin: 29px 0 26px
}
.breadcrumbs-block, .page-title {
    padding: 8px 0
}
.page-title {
    position: relative
}
.page-title .filters-more {
    border-color: #ddd
}
.page-title .filters-drop .arr {
    right: 4px
}
.breadcrumbs {
    color: #6f6f6f;
    font-family: din-2014
}
.breadcrumbs .bc-item {
    float: left
}
.breadcrumbs .fa {
    font-size: 10px;
    line-height: 23px;
    vertical-align: top;
    margin: 0 7px 0 5px
}
.breadcrumbs a {
    color: inherit;
    text-decoration: none
}
.video-content .page-title .filters-more {
    border-color: #383a3e
}
.video-content .filters-list-1 a.active, .video-content .filters-list-1 a:hover, .video-content .filters-list-2 a.active, .video-content .filters-list-2 a:hover {
    color: #31467a
}
.video-content .title-16 {
    color: #31467a
}
.thumbs-slider {
    margin: -15px -20px 0
}
.thumbs-img {
    cursor: pointer
}
.thumbs-img:hover figure:before {
    background-color: rgba(0, 0, 0, .5)
}
.thumbs-img figure {
    position: relative
}
.thumbs-img figure:before {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.thumbs-img figure img {
    width: 100%
}
.post-tile {
    background-color: #f8f8f8;
    margin: 0 -20px 32px;
    padding: 40px 20px 10px
}
@media screen and (max-width:1077px) {
    .post-tile .col-eq > div .title-3 {
        height: 42px;
        overflow: hidden
    }
}
.scd-block, .tpg-block {
    padding: 14px 0 0
}
.scd-block .bq-tp-3, .tpg-block .bq-tp-3 {
    margin-right: -20px;
    margin-left: -20px
}
.scd-block:first-child {
    padding-top: 0
}
.post-content {
    padding: 10px 4px
}
.post-content .title-blc-1, .post-content .title-blc-2 {
    padding: 0 24px;
    margin-right: -24px;
    margin-left: -24px
}
.post-content .bq-tp-3 {
    margin-right: -24px;
    margin-left: -24px
}
.post-content figure img {
    width: 100%
}
@media screen and (max-width:639px) {
    .post-content .align-left {
        float: none;
        margin: 6px 0 15px
    }
}
.post-main-img {
    margin: -25px -24px 35px
}
.post-main-img, .post-main-img figure {
    position: relative
}
.post-main-img figure:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .36))) top repeat;
    background: linear-gradient(transparent, rgba(0, 0, 0, .36)) top repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%
}
.post-main-img .post-main-overlay {
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.post-main-img .post-main-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 24px
}
.post-main-img .author-tp-2, .post-main-img .date-tp-4, .post-main-img .meta-tp-5, .post-main-img .title-21 {
    color: #31467a
}
.post-main-tile {
    background-color: #f8f8f8;
    margin: -25px -24px 35px;
    padding: 45px 24px 15px
}
.post-main-tile p {
    color: #aaa
}
.post-main-tile .meta-tp-5 {
    margin-bottom: 12px
}
.post-video {
    margin: -25px -24px 35px
}
.small-gallery {
    margin: 0 -3px;
    padding: 10px 0 33px
}
.small-gallery .item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    padding: 0 3px
}
.small-gallery .item:last-child {
    margin-right: 0
}
@media screen and (max-width:639px) {
    .small-gallery .item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: 3px
    }
    .small-gallery .item:last-child {
        margin-right: 0
    }
}
.small-gallery figure {
    position: relative
}
.small-gallery figure:before {
    content: "";
    background-color: rgba(22, 23, 26, .15);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0
}
.small-gallery figure img {
    width: 100%
}
.half-gallery {
    margin: -3px -3px -2px -2px;
    padding: 10px 0 33px
}
.half-gallery .item {
    padding: 3px 3px 2px 2px
}
.medium-gallery {
    margin: -3px -3px -2px -2px;
    padding: 10px 0 33px
}
.medium-gallery .item {
    padding: 3px 3px 2px 2px
}
.medium-gallery .left {
    float: left;
    width: 55.6%
}
@media screen and (max-width:639px) {
    .medium-gallery .left {
        width: 100%
    }
}
.medium-gallery .right {
    float: right;
    width: 44.4%
}
@media screen and (max-width:639px) {
    .medium-gallery .right {
        width: 100%
    }
}
.large-gallery {
    margin: -3px -27px -2px -26px;
    padding: 10px 0 33px
}
.large-gallery .item {
    padding: 3px 3px 2px 2px
}
.large-gallery .left {
    float: left;
    width: 64.104%
}
@media screen and (max-width:639px) {
    .large-gallery .left {
        width: 100%
    }
}
.large-gallery .right {
    float: right;
    width: 35.896%
}
@media screen and (max-width:639px) {
    .large-gallery .right {
        width: 100%
    }
}
.post-img-1 {
    margin-bottom: 17px
}
.post-img-1 figcaption {
    color: #626465;
    font: italic 400 12px/24px din-2014;
    padding: 8px 0
}
.post-img-2 {
    margin-bottom: 23px
}
.post-img-2 figcaption {
    color: #626465;
    font: italic 400 12px/24px din-2014;
    padding: 8px 0
}
.post-img-3 {
    margin: 0 -24px 23px
}
.post-img-3 figcaption {
    color: #626465;
    font: italic 400 12px/24px din-2014;
    padding: 8px 0
}
.post-next-prev {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 40px 0
}
.post-next-prev a {
    color: inherit;
    display: block;
    padding: 25px;
    position: relative;
    text-decoration: none
}
.post-next-prev a:hover {
    color: #000
}
.post-next-prev a:hover .fa {
    color: #00abaa
}
.post-next-prev a .fa {
    color: #bbb;
    font-size: 17px;
    position: absolute;
    top: 50%;
    margin-top: -8px
}
.post-next-prev .post-next, .post-next-prev .post-prev {
    width: 50%;
    float: left
}
.post-next-prev .post-prev {
    text-align: right
}
.post-next-prev .post-prev a {
    border-right: 1px solid #f1f1f1;
    margin-right: -1px
}
.post-next-prev .post-prev .fa {
    left: 0
}
.post-next-prev .post-next a {
    border-left: 1px solid #f1f1f1
}
.post-next-prev .post-next .fa {
    right: 0
}
.author-box-1 {
    background-color: #f8f8f8;
    padding: 28px 20px 27px 132px;
    position: relative;
    margin-bottom: 27px
}
@media screen and (max-width:479px) {
    .author-box-1 {
        padding: 28px 20px 27px
    }
}
.author-box-1 .author-photo {
    background-color: #31467a;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 22px
}
@media screen and (max-width:479px) {
    .author-box-1 .author-photo {
        display: none
    }
}
.author-box-1 .author-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 1px
}
.author-box-1 .author-profession {
    color: #8e8e8e;
    font: italic 12px/22px Georgia;
    margin-bottom: 6px
}
.author-box-1 .author-description {
    color: #6f6f6f;
    font: 13px/21px Georgia;
    margin-bottom: 8px
}
.author-box-1 .author-social {
    color: #000
}
.author-box-1 .author-social ul {
    overflow: hidden
}
.author-box-1 .author-social ul li {
    float: left;
    margin-right: 8px
}
.author-box-1 .author-social ul a {
    color: inherit;
    display: inline-block;
    padding: 0 5px
}
.author-box-1 .author-social ul i {
    margin: 0
}
.author-box-1 .author-social ul .tw a:hover {
    color: #00abed
}
.author-box-1 .author-social ul .fb a:hover {
    color: #4c68b3
}
.author-box-1 .author-social ul .gp a:hover {
    color: #e51616
}
.author-box-1 .author-social ul .in a:hover {
    color: #1d5e9f
}
.author-box-1 .author-social ul .dr a:hover {
    color: #f51f9d
}
.author-box-2, .author-box-3 {
    background-color: #f8f8f8;
    padding: 36px 20px 25px;
    position: relative;
    margin-bottom: 30px;
    text-align: center
}
.author-box-2 .author-photo, .author-box-3 .author-photo {
    background-color: #31467a;
    border-radius: 50%;
    width: 134px;
    height: 134px;
    margin: 0 auto 16px;
    overflow: hidden
}
.author-box-2 .author-name, .author-box-3 .author-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}
.author-box-2 .author-profession, .author-box-3 .author-profession {
    color: #8e8e8e;
    font: italic 12px/22px Georgia;
    margin-bottom: 6px
}
.author-box-2 .author-description, .author-box-3 .author-description {
    color: #6f6f6f;
    font: 13px/21px Georgia;
    margin-bottom: 12px
}
.author-box-2 .author-social, .author-box-3 .author-social {
    color: #000;
    display: inline-block
}
.author-box-2 .author-social ul, .author-box-3 .author-social ul {
    overflow: hidden
}
.author-box-2 .author-social ul li, .author-box-3 .author-social ul li {
    float: left;
    margin-right: 8px
}
.author-box-2 .author-social ul a, .author-box-3 .author-social ul a {
    color: inherit;
    display: inline-block;
    padding: 0 5px
}
.author-box-2 .author-social ul i, .author-box-3 .author-social ul i {
    margin: 0
}
.author-box-2 .author-social ul .tw a:hover, .author-box-3 .author-social ul .tw a:hover {
    color: #00abed
}
.author-box-2 .author-social ul .fb a:hover, .author-box-3 .author-social ul .fb a:hover {
    color: #4c68b3
}
.author-box-2 .author-social ul .gp a:hover, .author-box-3 .author-social ul .gp a:hover {
    color: #e51616
}
.author-box-2 .author-social ul .in a:hover, .author-box-3 .author-social ul .in a:hover {
    color: #1d5e9f
}
.author-box-2 .author-social ul .dr a:hover, .author-box-3 .author-social ul .dr a:hover {
    color: #f51f9d
}
.author-box-3 .author-description {
    padding: 0 10px
}
.comments-block {
    margin-bottom: 49px
}
.comment-list .comment {
    padding: 0 0 0 61px;
    position: relative
}
.comment-list .comment .comment-photo {
    background-color: #e8e6df;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 4px;
    overflow: hidden
}
.comment-list .comment .title-20 {
    margin-bottom: 4px
}
.comment-list .comment article {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 13px;
    margin-bottom: 18px
}
.comment-list .comment article:hover .reply {
    opacity: 1
}
.comment-list .comment p {
    color: #6f6f6f;
    font: 400 15px/25px Georgia;
    margin-bottom: 5px
}
.comment-list .comment .comment-date {
    color: #afafaf
}
.comment-list .comment .comment-date, .comment-list .comment .reply {
    display: inline-block;
    font-size: 11px;
    line-height: 23px;
    margin-right: 10px
}
.comment-list .comment .reply {
    cursor: pointer;
    color: #00abaa;
    font-weight: 600;
    opacity: 0
}
@media screen and (max-width:479px) {
    .comment-list .comment .reply {
        opacity: 1
    }
}
.comments-form {
    padding: 12px 0 7px;
    margin-top: -20px
}
.comments-form .btn-3 {
    margin: 8px 0
}
.comments-form .full, .comments-form .half {
    padding: 0 15px
}
.comments-form .full .form-control input, .comments-form .half .form-control input {
    width: 100%
}
.form-control label {
    color: #000;
    font: 900 11px/21px bebas-neue-by-fontfabric;
    text-transform: uppercase
}
.form-control input {
    width: 480px;
    max-width: 100%
}
.form-control input, .form-control textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f5f5f5;
    border: none;
    border-radius: 2px;
    font: 900 13px/25px bebas-neue-by-fontfabric;
    display: block;
    padding: 10px;
    margin: 7px 0 12px
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #31467a;
  background-color: #f5f5f5;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control textarea {
    resize: none;
    width: 100%;
    height: 164px
}
.form-control .rate-tp-2 {
    margin: 4px 0
}
.img-slider {
    margin-bottom: 34px
}
.img-slider.tp-2 .slider {
    margin-left: -24px;
    margin-right: -24px
}
.img-slider .navs {
    color: #6f6f6f;
    font: 400 11px/24px Georgia
}
.img-slider .navs > div {
    display: inline-block
}
.img-slider .navs .fa {
    color: #626465;
    font-size: 15px;
    line-height: 26px
}
.img-slider .navs .slide-count {
    margin: 0 4px
}
.img-slider .navs .next, .img-slider .navs .prev {
    border: 2px solid #dedede;
    border-radius: 50%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center
}
.page-content {
    padding: 20px
}
.page-content .posts {
    padding: 8px 0
}
.team-person-blocks .half, .team-person-blocks .one-third {
    padding-left: 15px;
    padding-right: 15px
}
.magazine-details {
    padding: 1px 0 5px
}
.details-info {
    color: #626465;
    font: 400 14px/25px din-2014
}
.details-info > div {
    margin-bottom: 10px
}
.details-info .address i, .details-info .email i, .details-info .phone i {
    font-size: 15px;
    line-height: 24px;
    vertical-align: middle;
    margin-right: 6px
}
.details-info .email a {
    color: #00abaa;
    text-decoration: none
}
.details-info .social-tp-2 {
    padding: 8px 0 10px
}
.contactf-form-block {
    padding: 1px 0 0
}
.search-pane {
    background-color: #f8f8f8;
    margin: -15px -20px 30px;
    padding: 30px 20px
}
.page-404 {
    padding: 170px 0 57px
}
.page-404 .search-form-2 {
    max-width: 486px;
    margin-top: 43px;
    margin-bottom: 50px
}
.page-404 h2 {
    padding: 13px 0 5px
}
.large-404 {
    color: #dedede;
    font: 900 200px/188px bebas-neue-by-fontfabric
}
@media screen and (max-width:767px) {
    .large-404 {
        font-size: 150px;
        line-height: 148px
    }
}
.tags {
    padding-top: 17px
}
.review-rating-tp-1, .review-rating-tp-3 {
    margin: -2px -3px -3px -2px;
    padding: 10px 0 30px
}
.review-rating-tp-1 .percent, .review-rating-tp-3 .percent {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px
}
.rw-item {
    padding: 2px 3px 3px 2px
}
.rw-item.lg {
    float: left;
    width: 80%
}
@media screen and (max-width:639px) {
    .rw-item.lg {
        width: 100%
    }
}
.rw-item.sm {
    float: left;
    width: 20%
}
@media screen and (max-width:639px) {
    .rw-item.sm {
        width: 100%
    }
}
.rw-item.sm .rw-rating {
    padding: 24px 12px 18px
}
@media screen and (max-width:767px) {
    .rw-item.sm .rw-rating {
        padding: 24px 8px 18px
    }
}
.rw-rating {
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 24px 24px 18px
}
.rating-line-tp-1 {
    margin-bottom: 18px
}
.rating-line-tp-2 {
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 10px;
    margin-bottom: 13px
}
.rating-line-tp-2:last-child {
    border: none;
    padding: 0;
    margin-bottom: 2px
}
.rating-line-tp-2 .rate-tp-2 {
    float: right
}
@media screen and (max-width:479px) {
    .rating-line-tp-2 .rate-tp-2.mb-left {
        float: left
    }
}
.rating-title .title-23 {
    float: left
}
.rating-title .percent {
    float: right
}
.rating-meter {
    background-color: #e3e3e3;
    border-radius: 2px;
    height: 4px;
    position: relative;
    margin-top: 6px
}
.rating-meter > span {
    background-color: #00abaa;
    border-radius: 2px;
    display: block;
    height: 100%
}
.rw-summary .title-6 {
    line-height: 24px;
    margin-bottom: 2px
}
.rw-summary p {
    color: #626465;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 12px
}
.result-tp-1, .result-tp-2 {
    color: #000;
    font-weight: 600;
    line-height: 14px;
    padding: 23px 0;
    text-align: center
}
.result-tp-1 span, .result-tp-2 span {
    display: block
}
.result-tp-1 .num, .result-tp-2 .num {
    display: block;
    font-size: 19px
}
.result-tp-1 .num strong, .result-tp-2 .num strong {
    display: inline-block;
    font-size: 40px;
    line-height: 38px
}
.result-tp-2 {
    padding: 5px 0 4px
}
.result-tp-2 .rate-tp-2 {
    float: none;
    display: inline-block;
    margin-top: 8px
}
.result-tp-2 .rate-tp-2 li.active {
    color: #000
}
.review-rating-tp-2 {
    margin: -2px -3px -3px -2px;
    padding: 10px 0 30px
}
.drop-box-1 {
    color: #616161;
    cursor: pointer;
    font-weight: 400;
    display: inline-block
}
.drop-box-1, .drop-box-1 .fa {
    margin-left: 4px
}
.members {
    padding: 15px 0 31px
}
.members-items {
    margin: -12px
}
.members-items .one-third {
    padding: 12px
}
.members-item {
    background-color: #fafafa;
    display: block;
    padding: 42px 10px 36px;
    position: relative;
    text-align: center;
    text-decoration: none
}
.members-item:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0
}
.members-item:hover:before {
    opacity: 1
}
.members-item:hover .members-photo:before {
    background-color: rgba(0, 0, 0, .11)
}
.members-item:hover .members-photo:after {
    opacity: 1
}
.members-item .members-photo {
    background-color: #31467a;
    border-radius: 50%;
    width: 134px;
    height: 134px;
    margin: 0 auto 16px;
    position: relative;
    overflow: hidden
}
.members-item .members-photo:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.members-item .members-photo:after {
    display: inline-block;
    font: normal normal normal 6px/134px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111 \f111 \f111";
    color: #31467a;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    letter-spacing: 2px;
    z-index: 2
}
.members-item .members-name {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px
}
.mmbs-pagination {
    color: #656565;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px
}
.forums .title-blc-2, .friends .title-blc-2, .groups .title-blc-2, .profile .title-blc-2 {
    margin-top: 7px
}
.mess {
    border: 1px solid #656565;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    padding: 12px 17px
}
.mess.info {
    color: #656565;
    border-color: #f6d0c9
}
.profile-fields .name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}
.search-forums, .search-members {
    background-color: #f8f8f8;
    padding: 30px 24px
}
.mmb-form {
    background: #31467a;
    border-radius: 2px
}
.mmb-form .mmb-form {
    width: 100%;
    padding: 4px
}
.mmb-form .mmb-input {
    position: relative
}
.mmb-form .mmb-input input {
    border: none;
    color: #626465;
    font: 12px/20px din-2014;
    height: 30px;
    width: 100%;
    padding: 5px 10px 5px 37px
}
.mmb-form .mmb-icon {
    color: #8d8d8d;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
    line-height: 30px;
    padding: 0 0 0 11px
}
.mmb-form .mmb-icon i:before {
    vertical-align: middle
}
.srcf-form {
    background: #31467a;
    border-radius: 2px
}
.srcf-form .srcf-form {
    width: 100%;
    padding: 4px
}
.srcf-form .srcf-input {
    position: relative
}
.srcf-form .srcf-input input {
    border: none;
    color: #626465;
    font: 12px/20px din-2014;
    height: 30px;
    width: 100%;
    padding: 5px 37px 5px 12px
}
.srcf-form .srcf-icon {
    color: #8d8d8d;
    display: block;
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 13px;
    line-height: 30px
}
.srcf-form .srcf-icon i {
    display: block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.srcf-form .srcf-icon i:before {
    vertical-align: middle
}
.members-list .mls-item {
    border-bottom: 1px solid #f7f7f7;
    position: relative;
    padding: 23px 0 24px 62px;
    min-height: 80px
}
.members-list .mls-item:last-child {
    border: none
}
.members-list .mls-photo {
    background-color: #f8f8f8;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 15px;
    overflow: hidden
}
.members-list .mls-photo img {
    display: block
}
.members-list .mls-name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}
.members-list .mls-date {
    color: #939393;
    font-size: 11px;
    line-height: 13px
}
.member-main {
    background-color: #31467a;
    overflow: hidden
}
.mmb-blc {
    background-color: #f8f8f8;
    margin-bottom: 3px;
    padding: 13px 24px;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px
}
.member-info {
    padding: 40px 24px 33px;
    text-align: center
}
.mmbi-photo {
    background-color: #31467a;
    border-radius: 50%;
    width: 163px;
    height: 163px;
    margin: 0 auto 28px;
    overflow: hidden
}
.mmbi-name {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px
}
.mmbi-nick {
    color: #ababab;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px
}
.mmbi-active {
    margin-bottom: 17px
}
.mmbi-active, .mmbi-description {
    color: #898989;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
}
.mmbi-description a {
    color: #000;
    text-decoration: none
}
.member-filter .mf-item {
    margin-right: 25px;
    float: left
}
.member-filter .mf-item.active a {
    color: #000
}
.member-filter .mf-item a {
    display: block;
    color: #828282;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: none
}
@media screen and (max-width:479px) {
    .member-filter .mf-item a {
        padding: 5px 0
    }
}
.member-filter .mf-item a span {
    background-color: #31467a;
    color: #000;
    display: inline-block;
    font-size: 9px;
    line-height: 21px;
    margin: 0 0 0 6px;
    padding: 0 4px;
    min-width: 23px;
    vertical-align: middle;
    text-align: center
}
.mmbs-item {
    background-color: #f8f8f8;
    min-height: 124px;
    padding: 30px 10px 28px 123px;
    position: relative;
    margin-bottom: 20px
}
@media screen and (max-width:479px) {
    .mmbs-item {
        padding: 30px 10px 28px 83px
    }
}
.mmbs-item .mmbs-item-photo {
    background-color: #31467a;
    border-radius: 50%;
    width: 82px;
    height: 82px;
    position: absolute;
    left: 21px;
    top: 21px;
    overflow: hidden
}
@media screen and (max-width:479px) {
    .mmbs-item .mmbs-item-photo {
        width: 62px;
        height: 62px;
        left: 11px
    }
}
.mmbs-item .mmbs-item-title {
    color: #8f8f8f;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 7px
}
.mmbs-item .mmbs-item-title b {
    color: #000
}
.mmbs-item .mmbs-item-title .mmbs-icon-photo {
    background-color: #31467a;
    border-radius: 50%;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: -2px 5px 0;
    vertical-align: middle;
    overflow: hidden
}
.mmbs-item .mmbs-item-date {
    color: #ababab;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
    text-decoration: none
}
.mmbs-item .mmbs-item-date i {
    font-size: 13px
}
.mmbs-item .mmbs-item-date-active {
    color: #898989;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin: 8px 0;
    text-decoration: none
}
.mmbs-item .mmbs-item-date-active i {
    font-size: 13px
}
.mmbs-item .mmbs-item-description {
    color: #626465;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px
}
.mmbs-item .mmbs-item-description a {
    color: #000;
    text-decoration: none
}
.mmbs-item .mmbs-item-text {
    color: #898989;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
}
.mmbs-item .mmbs-item-text a {
    color: #000;
    text-decoration: none
}
.mmbs-item .btn-4 {
    min-width: 142px;
    margin: 15px 0 6px
}
.member-sub-stream {
    margin: 23px 0 0
}
@media screen and (max-width:479px) {
    .member-sub-stream {
        margin: 23px 0 0 -40px
    }
}
.member-sub-stream .mmbs-item {
    min-height: 0;
    padding: 0 0 21px 62px;
    margin: 0
}
.member-sub-stream .mmbs-item:last-child {
    padding-bottom: 0
}
.member-sub-stream .mmbs-item .mmbs-item-photo {
    left: 0;
    top: -2px;
    width: 49px;
    height: 49px
}
.fs-list-block .fs-item {
    color: #414141;
    border-bottom: 1px solid #f7f7f7;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    padding: 10px 0 10px 12px;
    position: relative
}
.fs-list-block .fs-item:last-child {
    border: none
}
.fs-list-block .fs-item:after {
    display: inline-block;
    font: normal normal normal 12px/38px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    color: #000;
    position: absolute;
    left: 0;
    top: 0
}
.fs-list-block .fs-item .count {
    float: right;
    font-weight: 400
}
.fs-list-block .fs-item a {
    color: inherit;
    display: block;
    text-decoration: none
}
.forum-block .breadcrumbs-block {
    padding: 0 0 23px
}
.forum-list-block {
    border-bottom: 7px solid #f8f8f8
}
.forum-list-block, .forums-comment-block {
    margin-bottom: 30px
}
.forums-comment-block .bbp-footer .bbp-reply-author, .forums-comment-block .forum-titles .bbp-reply-author {
    width: 15%
}
@media screen and (max-width:479px) {
    .forums-comment-block .bbp-footer .bbp-reply-author, .forums-comment-block .forum-titles .bbp-reply-author {
        width: 83px
    }
}
.forums-comment-block .bbp-footer .bbp-reply-content, .forums-comment-block .forum-titles .bbp-reply-content {
    width: 85%
}
@media screen and (max-width:479px) {
    .forums-comment-block .bbp-footer .bbp-reply-content, .forums-comment-block .forum-titles .bbp-reply-content {
        width: auto
    }
}
.forums-list .bbp-forum-topic {
    width: 51%
}
@media screen and (max-width:479px) {
    .forums-list .bbp-forum-topic {
        width: 100%;
        margin-bottom: 20px
    }
}
.forums-list .bbp-forum-voices-count {
    width: 12%;
    font-size: 12px;
    text-align: center
}
@media screen and (max-width:479px) {
    .forums-list .bbp-forum-voices-count {
        width: 28%;
        text-align: left
    }
}
.forums-list .bbp-forum-posts-count {
    width: 12%;
    font-size: 12px;
    text-align: center
}
@media screen and (max-width:479px) {
    .forums-list .bbp-forum-posts-count {
        width: 26%;
        text-align: left
    }
}
.forums-list .bbp-forum-freshness {
    width: 25%;
    text-align: center
}
@media screen and (max-width:479px) {
    .forums-list .bbp-forum-freshness {
        width: 46%;
        text-align: left
    }
}
.forums-list .bbp-forum-freshness > a {
    color: #656565;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none
}
.bbp-header {
    background-color: #1f2124;
    border-radius: 3px;
    padding: 10px 17px
}
.bbp-body li, .bbp-header li {
    float: left
}
.bbp-footer {
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 10px 17px
}
.bbp-footer li {
    float: left
}
.bbp-footer .forum-titles {
    color: #000
}
.forum-titles {
    color: #31467a;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase
}
.bbp-forum {
    padding: 25px 17px
}
.bbp-forum:nth-child(2n) {
    background-color: #fcfcfc
}
.bbp-forum-title {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
    text-decoration: none
}
.bbp-forum-content, .bbp-topic-started-by {
    color: #656565;
    font-size: 11px;
    font-weight: 500
}
.bbp-topic-started-by a {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none
}
.bbp-meta {
    margin: 0
}
.bbp-author {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none
}
.bbp-author-avatar {
    background-color: #f8f8f8;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -2px 5px 0;
    vertical-align: middle;
    overflow: hidden
}
.bbp-pagination {
    padding: 0 0 22px;
    margin: -6px 0 0
}
.bbp-pagination .bbp-pagination-count {
    color: #656565;
    font-size: 12px;
    font-weight: 400
}
.bbp-reply-post {
    min-height: 195px;
    margin: 4px 0
}
.bbp-reply-post .bbp-reply-header {
    background-color: #f8f8f8;
    color: #646464;
    padding: 5px 18px;
    font-size: 11px;
    font-weight: 500;
    line-height: 24px;
    text-align: right
}
.bbp-reply-post .bbp-reply-header .bbp-reply-post-date {
    float: left
}
.bbp-reply-post .bbp-reply-header a {
    color: inherit;
    text-decoration: none
}
.bbp-reply-post .bbp-reply-header .bbp-reply-permalink {
    margin-left: 10px
}
.bbp-reply-post .bbp-reply-topic {
    position: relative;
    padding: 30px 0 30px 100px
}
.bbp-reply-post .bbp-reply-topic .bbp-reply-author {
    position: absolute;
    left: 7px;
    top: 25px;
    max-width: 90px
}
.bbp-reply-post .bbp-reply-topic .bbp-reply-avatar {
    background-color: #f8f8f8;
    border-radius: 50%;
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 10px;
    overflow: hidden
}
.bbp-reply-post .bbp-reply-topic .bbp-author-name {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none
}
.bbp-reply-post .bbp-reply-topic .bbp-author-role {
    color: #8c8c8c;
    display: block;
    font: italic 400 11px/12px Georgia;
    text-align: center
}
.shop-products-items {
    margin: -9px -9px 3px
}
.shop-products-items .one-third {
    padding: 9px
}
.shop-products-item {
    text-align: center
}
.shop-products-item .shop-products-item-img {
    background-color: #fafafa;
    position: relative
}
.shop-products-item .shop-products-item-img:hover .shop-products-item-overlay {
    opacity: 1;
    visibility: visible
}
.shop-products-item .shop-products-item-img a {
    display: block
}
.shop-products-item .shop-products-item-img img {
    display: block;
    max-width: 100%;
    width: 100%
}
.shop-products-item .shop-products-item-overlay {
    background-color: rgba(22, 23, 26, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    pointer-events: none
}
.shop-products-item .shop-products-item-overlay:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #00abaa;
    border-right: 6px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0
}
.shop-products-item .btn-5 {
    pointer-events: auto;
    min-width: 125px
}
.shop-products-item .shop-products-item-name {
    color: #202020;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 15px
}
.shop-products-item .shop-products-item-name a {
    color: inherit;
    text-decoration: none
}
.shop-products-item .shop-products-item-price {
    color: #00abaa;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 7px
}
.cart-widget .cart-products {
    color: #626465;
    font: 13px/22px din-2014;
    padding: 5px 0
}
.cart-widget .cart-products i {
    margin: -3px 6px 0 0
}
.lpw-list {
    margin-top: 11px
}
.lpw-list .fs-item {
    border-bottom: 1px solid #f0f0f0;
    min-height: 72px;
    position: relative;
    padding: 3px 0 13px 88px;
    margin: 0 0 13px
}
.lpw-list .fs-item:last-child {
    border: none;
    margin-bottom: 0
}
.lpw-list .product-img {
    position: absolute;
    left: 0;
    top: 0
}
.lpw-list .product-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}
.lpw-list .product-title a {
    color: inherit;
    text-decoration: none
}
.lpw-list .product-price {
    color: #696868;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px
}
.lpw-list .product-price strike {
    text-decoration: none;
    position: relative;
    margin-right: 7px
}
.lpw-list .product-price strike:before {
    background-color: #696868;
    content: "";
    position: absolute;
    top: 45%;
    left: -2px;
    right: -2px;
    height: 1px
}
.range-wrap {
    padding: 3px 0 8px
}
.range-slider {
    background-color: #e0e0e0;
    height: 2px;
    margin: 8px 0 16px
}
.range-slider .ui-slider-range {
    background-color: #000
}
.range-slider .ui-slider-handle {
    background-color: #00abaa;
    cursor: pointer;
    width: 8px;
    height: 8px
}
.range-slider .ui-slider-handle:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #00abaa
}
.range-amount-block {
    color: #6d6d6d;
    font: 12px/25px din-2014;
    padding: 6px 0 0
}
.range-amount-block .range-amount {
    display: block;
    line-height: 36px;
    float: right;
    white-space: nowrap
}
.shop-product-block .title-blc-3 {
    margin-bottom: 23px
}
.shop-product-block .product-description p {
    font-size: 14px;
    line-height: 24px
}
.shop-product-block .product-addinfo .pai-list {
    color: #6f6f6f;
    font: 14px/24px din-2014;
    margin: -8px 0 23px
}
.shop-product-block .product-addinfo .pai-list .pai-item {
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 0
}
.shop-product-block .product-addinfo .pai-list .pai-item:last-child {
    border: none
}
.shop-product-item {
    margin: 30px -12px 34px
}
.shop-product-item .half {
    padding-left: 12px;
    padding-right: 12px
}
.shop-product-item .shop-product-img {
    padding: 6px 0
}
@media screen and (max-width:479px) {
    .shop-product-item .shop-product-img {
        margin-bottom: 20px
    }
}
.shop-product-item .shop-product-title {
    color: #202020;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    padding: 0;
    margin-bottom: 10px
}
.shop-product-item .shop-product-rate {
    color: #8f8f8f;
    font: 400 12px Georgia;
    margin-bottom: 12px
}
.shop-product-item .shop-product-rate .rate-tp-1 {
    display: inline-block
}
.shop-product-item .shop-product-rate span {
    margin-left: 8px;
    letter-spacing: .03em
}
.shop-product-item .shop-product-price {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 14px
}
.shop-product-item .shop-product-description {
    font-size: 13px;
    line-height: 23px
}
.shop-product-item .shop-product-controls .quantity {
    display: inline-block;
    cursor: default;
    margin-right: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.shop-product-item .shop-product-controls .quantity .minus, .shop-product-item .shop-product-controls .quantity .plus {
    background-color: #efefef;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    position: relative;
    vertical-align: middle
}
.shop-product-item .shop-product-controls .quantity .minus:before, .shop-product-item .shop-product-controls .quantity .plus:before {
    background-color: #000;
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    width: 7px;
    height: 1px
}
.shop-product-item .shop-product-controls .quantity .plus:after {
    background-color: #000;
    content: "";
    position: absolute;
    top: 5px;
    left: 8px;
    width: 1px;
    height: 7px
}
.shop-product-item .shop-product-controls .quantity .num {
    display: inline-block;
    color: #626465;
    font: 13px/17px din-2014;
    padding: 0 5px;
    vertical-align: middle
}
.shop-product-item .shop-product-controls .btn-5 {
    min-width: 125px
}
.product-reviews .pr-comments {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 40px
}
.product-reviews .pr-comments .title-25 {
    margin-bottom: 16px
}
.product-reviews .pr-comments-list-item {
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 112px 8px 84px;
    position: relative;
    margin-bottom: 20px
}
@media screen and (max-width:479px) {
    .product-reviews .pr-comments-list-item {
        padding: 8px 0 8px 84px
    }
}
.product-reviews .pr-comments-list-item:last-child {
    border: none;
    margin: 0
}
.product-reviews .pr-comments-list-item .prc-avatar {
    background-color: #efefef;
    border-radius: 50%;
    display: block;
    width: 67px;
    height: 67px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}
.product-reviews .pr-comments-list-item p {
    font-size: 14px;
    line-height: 24px
}
.product-reviews .pr-comments-list-item .prc-rating {
    border-left: 1px solid #ebebeb;
    position: absolute;
    right: 0;
    top: 0;
    height: 66px;
    line-height: 66px;
    width: 102px;
    text-align: right
}
@media screen and (max-width:479px) {
    .product-reviews .pr-comments-list-item .prc-rating {
        position: relative
    }
}
.product-reviews .pr-comments-list-item .prc-rating .rate-tp-1 li {
    margin-right: 4px
}
.product-reviews .pr-comments-list-item .prc-rating .rate-tp-1 li:last-child {
    margin: 0
}
.product-reviews .pr-comments-list-item .prc-rating .rate-tp-1 li i {
    font-size: 13px
}
.mini-cart {
    padding: 0 0 0 23px
}
.mini-cart .total {
    color: #686666;
    font-size: 13px;
    font-weight: 500;
    margin: 3px 0 17px
}
.mini-cart .total .amount {
    color: #000
}
.mini-cart .buttons {
    margin-bottom: 5px
}
.mini-cart .buttons .btn-5 {
    min-width: 110px;
    margin-right: 1px
}
.product-list-widget .mini-cart-item {
    border-bottom: 1px solid #f0f0f0;
    min-height: 72px;
    position: relative;
    padding: 3px 0 13px 88px;
    margin: 0 0 13px
}
.product-list-widget .mini-cart-item:last-child {
    border: none;
    margin-bottom: 0
}
.product-list-widget .product-img {
    position: absolute;
    left: 0;
    top: 0
}
.product-list-widget .product-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}
.product-list-widget .product-title a {
    color: inherit;
    text-decoration: none
}
.product-list-widget .product-price {
    display: inline-block;
    color: #696868;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px
}
.product-list-widget .product-price strike {
    text-decoration: none;
    position: relative;
    margin-right: 7px
}
.product-list-widget .product-price strike:before {
    background-color: #696868;
    content: "";
    position: absolute;
    top: 45%;
    left: -2px;
    right: -2px;
    height: 1px
}
.product-list-widget .remove {
    position: absolute;
    top: 18px;
    left: -23px
}
.shop-table-wrap {
    margin: 15px -20px 30px
}
.shop-table-cart {
    border-radius: 2px;
    width: 100%
}
.shop-table-cart th {
    background-color: #fcfcfc;
    border: 1px solid #ebebeb;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 10px;
    text-align: center;
    text-transform: uppercase
}
@media screen and (max-width:479px) {
    .shop-table-cart th {
        padding: 12px 5px
    }
}
.shop-table-cart td {
    background-color: #31467a;
    border: 1px solid #ebebeb;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    padding: 19px 10px;
    vertical-align: middle
}
.shop-table-cart td.product-remove {
    padding: 19px 0
}
.shop-table-cart td.product-remove a {
    display: block;
    line-height: 40px;
    padding: 0 12px
}
.shop-table-cart td.product-thumbnail {
    padding: 19px 18px
}
@media screen and (max-width:479px) {
    .shop-table-cart td.product-thumbnail {
        padding: 19px 5px
    }
}
.shop-table-cart td.product-thumbnail figure {
    display: inline-block;
    width: 58px;
    margin-right: 16px;
    vertical-align: middle
}
@media screen and (max-width:479px) {
    .shop-table-cart td.product-thumbnail figure {
        display: none
    }
}
.shop-table-cart td.product-thumbnail a {
    color: inherit;
    text-decoration: none
}
.shop-table-cart td.product-price, .shop-table-cart td.product-subtotal {
    color: #00abaa
}
.shop-table-cart .product-remove {
    width: 38px;
    text-align: center
}
.shop-table-cart .product-thumbnail {
    width: 535px
}
.shop-table-cart .product-price {
    width: 180px;
    text-align: center
}
.shop-table-cart .product-quantity {
    width: 210px;
    text-align: center
}
.shop-table-cart .product-quantity .quantity {
    display: inline-block;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.shop-table-cart .product-quantity .quantity .minus, .shop-table-cart .product-quantity .quantity .plus {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    position: relative;
    vertical-align: middle
}
@media screen and (max-width:479px) {
    .shop-table-cart .product-quantity .quantity .minus, .shop-table-cart .product-quantity .quantity .plus {
        display: block;
        margin: 8px auto
    }
}
.shop-table-cart .product-quantity .quantity .minus:before, .shop-table-cart .product-quantity .quantity .plus:before {
    background-color: #000;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 10px;
    height: 2px
}
.shop-table-cart .product-quantity .quantity .plus:after {
    background-color: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 2px;
    height: 10px
}
.shop-table-cart .product-quantity .quantity .num {
    color: #222;
    display: inline-block;
    padding: 0 5px;
    min-width: 35px;
    text-align: center;
    vertical-align: middle
}
.shop-table-cart .product-subtotal {
    width: 130px;
    text-align: center
}
.actions {
    margin-bottom: 35px
}
.actions .input-tp-1 {
    width: 40%
}
@media screen and (max-width:767px) {
    .actions .input-tp-1 {
        width: 100%;
        margin-bottom: 10px
    }
}
@media screen and (max-width:767px) {
    .actions .btn-7 {
        width: 100%;
        margin-bottom: 20px
    }
}
@media screen and (max-width:1077px) {
    .actions .right-side {
        text-align: right
    }
}
.cart-collaterals {
    margin-bottom: 25px
}
.cart-collaterals .title-14 {
    margin-bottom: 23px
}
.cart-collaterals .mb-offset {
    margin-bottom: 55px
}
.cart .right-side {
    width: 366px;
    float: right
}
@media screen and (max-width:1077px) {
    .cart .right-side {
        width: auto;
        float: none
    }
}
.cart .cart-line {
    margin-bottom: 20px
}
@media screen and (max-width:767px) {
    .cart .cart-line .mb-offset {
        margin-bottom: 20px
    }
}
.cart .form-block {
    margin-bottom: 35px
}
.checkout .checkout-line {
    margin-bottom: 20px
}
.checkout p {
    font-size: 14px;
    line-height: 24px
}
.select-pt-1 {
    width: 100%
}
.ui-selectmenu-button {
    background-color: #31467a;
    display: block;
    width: 100%
}
.ui-selectmenu-button span.ui-icon {
    color: #777;
    font-size: 14px;
    right: 16px;
    text-indent: 0
}
.ui-selectmenu-button span.ui-selectmenu-text {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #818181;
    font: 12px/26px din-2014;
    padding: 6px 40px 6px 12px
}
.ui-selectmenu-menu .ui-menu {
    background-color: #31467a;
    border: 1px solid #ebebeb;
    border-radius: 0 0 2px 2px;
    padding-top: 2px;
    margin-top: -2px
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
    color: #777;
    font: 12px/26px din-2014;
    padding: 6px 40px 6px 12px
}
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus {
    background-color: #fafafa;
    margin: 0
}
.cart_totals {
    color: #797979;
    font: 13px/20px din-2014;
    width: 100%;
    margin: -6px 0 42px
}
.cart_totals td {
    padding: 0 0 18px
}
.cart_totals span {
    color: #00abaa
}
.remember {
    color: #797979;
    font: 12px/40px din-2014
}
.remember a {
    color: #00abaa;
    text-decoration: none;
    margin-left: 15px
}
.remember .btn-7 {
    margin-right: 25px
}
.login-customer-block {
    margin: 15px 0 50px
}
.enter-coupon-block {
    margin-bottom: 44px
}
.checkout-address-block .checkout-line {
    margin-bottom: 11px
}
.checkout-address-block .offbt {
    margin-bottom: 20px
}
@media screen and (max-width:767px) {
    .checkout-address-block .col-half {
        margin-bottom: 11px
    }
    .checkout-address-block .col-half:last-child {
        margin-bottom: 0
    }
}
.create-account {
    color: #797979;
    font: 12px/40px din-2014
}
.create-account a {
    color: #00abaa;
    text-decoration: none;
    margin-left: 15px
}
.your-order-block {
    margin-bottom: 25px
}
.order-table {
    border: 1px solid #ebebeb;
    width: 100%
}
.order-table .list-first td {
    padding-top: 25px
}
.order-table .list-last td {
    padding-bottom: 25px
}
.order-table th {
    background-color: #fcfcfc;
    border: 1px solid #ebebeb;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    width: 50%;
    padding: 11px 24px;
    text-align: left;
    text-transform: uppercase
}
@media screen and (max-width:479px) {
    .order-table th {
        padding: 11px 10px
    }
}
.order-table td {
    color: #797979;
    width: 50%;
    padding: 11px 24px
}
@media screen and (max-width:479px) {
    .order-table td {
        padding: 11px 10px
    }
}
.order-table td.bd {
    border: 1px solid #ebebeb
}
.order-table td.bdr {
    border-right: 1px solid #ebebeb
}
.order-table .ot-list {
    margin: 3px 0
}
.order-table .ot-list-item {
    color: #797979;
    font: 13px/16px din-2014
}
.order-table .black {
    color: #222
}
.order-table .orange {
    color: #00abaa
}
.order-table .payment {
    padding: 12px 0
}
.order-table .payment .title-28 {
    margin-bottom: 7px
}
.order-table .payment .title-28 i {
    margin: 0 8px
}
.order-table .payment p {
    color: #888;
    font: 14px/25px Georgia;
    margin: 0
}
.order-table .submit {
    padding: 19px 0
}
.accordion {
    margin-bottom: 0
}
.accordion:after, .accordion:before {
    content: " ";
    display: table
}
.accordion:after {
    clear: both
}
.accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #e8e8e8
}
.accordion .accordion-navigation > a, .accordion dd > a {
    background: #efefef;
    color: #222;
    display: block;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #e3e3e3
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
    display: none
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    display: block;
    background: #fff
}
.cms-list-application .app-cell {
    padding: 16px;
    color: #31467a;
    display: inline-block;
    vertical-align: top;
    font-family: din-2014;
    font-size: 16px
}
.cms-list-application .app-cell.icon {
    border-right: 1px solid #31467a
}
.cms-list-application .app-header {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #31467a;
    margin-top: 2px
}
.cms-list-application .app-header.completed, .cms-list-application .app-header[data-first-place=true][data-second-place=true][data-third-place=true] {
    color: #00abaa;
    border-color: #00abaa
}
.cms-list-application .app-header.completed .app-cell, .cms-list-application .app-header[data-first-place=true][data-second-place=true][data-third-place=true] .app-cell {
    color: #00abaa
}
.cms-list-application .app-header.completed .app-cell h3, .cms-list-application .app-header[data-first-place=true][data-second-place=true][data-third-place=true] .app-cell h3 {
    color: #00abaa
}
.cms-list-application .app-header.completed .app-cell.icon, .cms-list-application .app-header[data-first-place=true][data-second-place=true][data-third-place=true] .app-cell.icon {
    background-color: #00abaa;
    border-color: #00abaa;
    color: #000
}
.cms-list-application .app-header.completed .app-cell.right-info, .cms-list-application .app-header[data-first-place=true][data-second-place=true][data-third-place=true] .app-cell.right-info {
    border-color: #00abaa
}
.cms-list-application .app-header[data-first-place=true] .counter-first {
    color: #00abaa
}
.cms-list-application .app-header[data-second-place=true] .counter-second {
    color: #00abaa
}
.cms-list-application .app-header[data-third-place=true] .counter-third {
    color: #00abaa
}
.cms-list-application .app-header h3 {
    padding: 0
}
.cms-list-application .cms-list-application .app-header .app-cell.icon {
    background-color: #31467a;
    color: #31467a
}
.cms-list-application .app-header .app-cell.right-info {
    border-left: 1px solid #31467a
}
.cms-list-application .app-cell.right-info {
    float: right
}
.cms-list-application .count {
    min-width: 174px
}
.cms-list-application i {
    line-height: 0
}
.cms-list-application .app-content {
    display: none
}
.cms-list-application .app-content.active {
    display: block
}
.cms-list-application .app-content .app-row.selected, .cms-list-application .app-content .app-row.selected .app-cell {
    color: #00abaa
}
.cms-list-application .app-content .app-cell {
    padding: 10px 16px;
    font-size: 1rem;
    max-width: 55%
}
.cms-list-application .app-cell.app-cell-icon {
    padding-right: 0
}
.cms-list-application .app-content .app-sub-row:first-child {
    border-top: 1px dotted #31467a
}
.cms-list-application .app-content .app-sub-row:last-child {
    border-bottom: 1px dotted #31467a
}
.cms-list-application .app-content .app-cell.view-btn {
    color: #31467a
}
.cms-list-application .app-content .vote-button-1, .cms-list-application .app-content .vote-button-3 {
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    padding: 0;
    z-index: 10;
    cursor: pointer;
    text-align: center
}
.cms-list-application .app-content .vote-button-1 {
    right: 190px
}
.cms-list-application .app-content .vote-button-3 {
    right: 174px
}
.cms-list-application .app-content .app-cell.vote-count {
    min-width: 51px;
    text-align: center
}
.cms-list-application .app-content .app-cell i.fa-check-square {
    color: #fecc0f
}
.cms-list-application .app-content .selected .app-cell i.fa-check-square {
    color: #00abaa
}
.app-row.first {
    background-color: #e2c902
}
.app-row.second {
    background-color: #b0b0b0
}
.app-row.third {
    background-color: #8f5601
}
@media only screen and (max-width:700px) {
    .cms-list-application .app-header {
        background-color: #31467a
    }
    .cms-list-application .app-header.completed {
        background-color: #00abaa
    }
    .cms-list-application .app-header .app-cell, .cms-list-application .app-header .app-cell h3, .cms-list-application .app-header.completed .app-cell, .cms-list-application .app-header.completed .app-cell h3 {
        color: #000
    }
    .cms-list-application .app-cell.title {
        padding-bottom: 0
    }
    .cms-list-application .app-content .app-cell.view-btn {
        border-left: none
    }
}
.print-btn {
    background-color: #fff;
    font-size: 3rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    display: block;
    border: none;
    padding: 10px
}
.bg-black {
    background-color: #31467a !important;
}
.close-date, .neon-green {
    color: #00abaa
}
.close-date {
    border: 2px solid #00abaa;
    padding: 16px;
    display: inline-block;
    float: right;
    width: 100%;
    max-width: 350px
}
.close-date h4 {
    color: #00abaa
}
.close-date h1 {
    font-size: 1.9rem;
    font-weight: 900;
    text-align: center
}
.welcome {
    line-height: 3rem
}
#app-container .application-page {
    padding: 40px;
    font-size: 1.2em;
    font-family: din-2014
}
.application-page {
    background-color: #fff;
    color: #31467a;
    padding: 30px;
    font-size: 9px
}
#app-container .application-page th {
    padding-top: 30px;
    font-size: .9rem
}
.application-page th {
    padding-top: 10px;
    color: #31467a;
    font-size: 11px;
    font-weight: 700
}
.application-page a {
    color: #00abaa
}
#app-container .application-page .divider {
    margin: 30px 0 0
}
.application-page .divider {
    border-bottom: 2px solid #31467a;
    margin: 10px 0 0
}
@media only screen and (max-width:700px) {
    #app-container .application-page {
        padding: 16px
    }
}
.border-black {
    border: 2px solid #000
}
.countdown-clock {
    text-align: center;
    width: 100%;
    font-size: 2.4rem;
    margin-top: 15px
}
.countdown-clock span {
    display: inline-block;
    padding: 10px
}
.smalltext {
    font-size: 14px;
    background-color: #31467a;
    color: #951b81;
    font-family: gotham_boldregular, Arial, sans-serif
}
.nav-logo {
    position: absolute;
    padding: 6px 20px 6px 20px;
    top: 0px;
    z-index: 5
}
.nav-logo.left {
    border-right: solid 2px #263752;
    height: 63px;
    left: 0px;
}
.nav-logo.right {
    border-left: solid 2px #263752;
    background-color: #ffffff;
    height: 61px;
    padding: 0px 0px 0px 0px;
    right: 0px;
}
.nav-logo-hash {
    color: #263752;
    font-family: "VT323", monospace;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 20px 3px 20px;
    text-align: center;
    width: 100%;
}
.nav-logo-message {
    border-top: solid 2px #263752;
    color: #263752;
    font-family: "VT323", monospace;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 20px 3px 20px;
    text-align: center;
    width: 100%;
}
@media screen and (max-width:1077px) {
    .nav-logo.right {
        display: none
    }
}
.nav-logo img {
    margin: 0 auto;
    display: block
}
.nav-btn {
    position: absolute;
    top: 0px;
    right: 120px;
}
@media screen and (max-width:1077px) {
    .nav-btn {
        display: none
    }
}
.nav-pad {
    padding-top: 65px
}
.header-tp-1, .header-tp-2, .header-tp-3, .header-tp-4 {
    position: relative;
    z-index: 2
}
.header-tp-4 {
    position: absolute;
    width: 100%;
    z-index: 100
}
.top-bar .tb-nav {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    padding: 0 15px
}
.top-bar .tb-nav:last-child {
    margin-right: 0
}
@media screen and (max-width:1229px) {
    .top-bar .tb-nav {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .top-bar .tb-nav:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:1077px) {
    .top-bar .tb-nav {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .top-bar .tb-nav:last-child {
        margin-right: 0
    }
}
.top-bar .tb-date {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 24.76713%;
    padding: 0 15px
}
.top-bar .tb-date:last-child {
    margin-right: 0
}
@media screen and (max-width:1229px) {
    .top-bar .tb-date {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 29.03203%
    }
    .top-bar .tb-date:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:1077px) {
    .top-bar .tb-date {
        display: none
    }
}
.top-bar .tb-saved-art {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 15.55494%;
    padding: 0 15px
}
.top-bar .tb-saved-art:last-child {
    margin-right: 0
}
@media screen and (max-width:1229px) {
    .top-bar .tb-saved-art {
        display: none
    }
}
.top-bar .tb-social {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.27547%;
    padding: 0 15px
}
.top-bar .tb-social:last-child {
    margin-right: 0
}
@media screen and (max-width:1229px) {
    .top-bar .tb-social {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 22.80527%
    }
    .top-bar .tb-social:last-child {
        margin-right: 0
    }
    .top-bar .tb-social .tb-social-list {
        float: right
    }
}
@media screen and (max-width:1077px) {
    .top-bar .tb-social {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .top-bar .tb-social:last-child {
        margin-right: 0
    }
}
.top-bar .tb-sing-login {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    padding: 0 15px
}
.top-bar .tb-sing-login:last-child {
    margin-right: 0
}
@media screen and (max-width:1229px) {
    .top-bar .tb-sing-login {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .top-bar .tb-sing-login:last-child {
        margin-right: 0
    }
}
@media screen and (max-width:1077px) {
    .top-bar .tb-sing-login {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .top-bar .tb-sing-login:last-child {
        margin-right: 0
    }
}
.main-header, .sticky-header {
    height: 65px
}
@media screen and (max-width:639px) {
    .main-header, .sticky-header {
        padding-left: 0
    }
}
.main-header .mh-logo, .sticky-header .mh-logo {
    display: block;
    margin: 0 auto
}
.main-header .mh-banner, .sticky-header .mh-banner {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 63.95731%;
    padding: 0 15px
}
.main-header .mh-banner:last-child, .sticky-header .mh-banner:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .main-header .mh-banner, .sticky-header .mh-banner {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        text-align: center
    }
    .main-header .mh-banner:last-child, .sticky-header .mh-banner:last-child {
        margin-right: 0
    }
}
.main-header .main-nav, .main-header .mh-banner img, .sticky-header .main-nav, .sticky-header .mh-banner img {
    width: 100%
}
@media screen and (max-width:1077px) {
    .main-header .main-nav, .sticky-header .main-nav {
        display: none
    }
}
.main-header .hd-search, .sticky-header .hd-search {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 4.46619%;
    padding: 0 15px
}
.main-header .hd-search:last-child, .sticky-header .hd-search:last-child {
    margin-right: 0
}
.header-tp-1 .top-bar {
    color: #666
}
.header-tp-1 .top-bar .top-bar-inner {
    padding: 10px 0 9px;
    border-bottom: 1px solid #ebebeb
}
.header-tp-1 .top-bar .tb-nav-list a {
    color: #666
}
.header-tp-1 .top-bar .tb-date i, .header-tp-1 .top-bar .tb-saved-art i, .header-tp-1 .top-bar .tb-social-list a {
    color: #1c1c1c
}
.header-tp-1 .top-bar .tb-sing-login a {
    color: #666
}
.header-tp-4 .top-bar {
    background: #000;
    color: #e3e3e3
}
.header-tp-4 .top-bar .top-bar-inner {
    padding: 10px 0
}
.header-tp-4 .top-bar .tb-nav-list a {
    color: #e3e3e3
}
.header-tp-4 .top-bar .tb-sing-login a, .header-tp-4 .top-bar .tb-social-list a {
    color: #fff
}
.sticky-header {
    border: 2px solid #263752;
    background-color: #e7e7eb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 105;
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
    visibility: hidden;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0, 0%, 100%, .08);
    box-shadow: 3px 3px 5px 3px hsla(0, 0%, 100%, .08)
}
.home-header {
    border: 2px solid #263752;
    background-color: #e7e7eb;
    height: 65px; 
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0, 0%, 100%, .08);
    box-shadow: 3px 3px 5px 3px hsla(0, 0%, 100%, .08)
}
.white-header {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    height: 65px; 
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0, 0%, 100%, .08);
    box-shadow: 3px 3px 5px 3px hsla(0, 0%, 100%, .08)
}
.white-header .container {
    visibility: hidden;
}
.sticky-header.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}
.sticky-header .logo {
    float: left;
    padding: 10px 20px
}
.sticky-header .logo img {
    display: block
}
.header-tp-1 .hd-search .st-btn-1, .header-tp-4 .hd-search .st-btn-1, .sticky-header .hd-search .st-btn-1 {
    margin: 13px 0 17px
}
.header-tp-2 {
    padding-left: 58px
}
.header-tp-2 .main-nav {
    float: left
}
.header-tp-2 .main-nav .htx {
    display: none
}
.header-tp-2 .hd-search {
    padding: 0 23px
}
.header-tp-2 .hd-search .hd-search-block {
    right: 0;
    top: 42px
}
.header-tp-2 .hd-search .hd-search-block:before {
    right: 25px
}
.full-width-header {
    padding: 10px 23px 0;
    vertical-align: top
}
@media screen and (max-width:1077px) {
    .full-width-header {
        padding: 10px 0
    }
}
.full-width-header .left-side {
    position: relative
}
.full-width-header .right-side {
    font-size: 11px;
    font-weight: 500;
    float: right;
    line-height: 20px;
    padding: 12px 0 22px;
    vertical-align: top;
    text-transform: uppercase
}
.full-width-header .right-side > div {
    float: left
}
.full-width-header .menu-btn {
    display: none;
    border-right: 1px solid #e0e0e0;
    float: left;
    padding-right: 23px;
    margin: 10px 20px 0 0
}
@media screen and (max-width:1520px) {
    .full-width-header .menu-btn {
        display: block
    }
}
.full-width-header .c-hamburger {
    width: 25px;
    height: 20px
}
.full-width-header .c-hamburger span {
    height: 2px
}
.full-width-header .c-hamburger span:after, .full-width-header .c-hamburger span:before {
    height: 2px
}
.full-width-header .c-hamburger span:before {
    top: -6px
}
.full-width-header .c-hamburger span:after {
    bottom: -6px
}
.htp-2-logo {
    float: left;
    margin: 4px 25px 0 0
}
.htp-2-logo a {
    float: left
}
.htp-2-social {
    margin: 0 6px
}
.htp-2-social-list a {
    color: #1c1c1c
}
.htp-2-saved-art {
    border-left: 1px solid #e0e0e0;
    font-size: 15px;
    padding: 0 15px
}
.htp-2-saved-art a {
    color: inherit;
    text-decoration: none
}
.htp-2-sing-login {
    border-left: 1px solid #e0e0e0;
    padding-left: 6px
}
.htp-2-sing-login i {
    display: inline-block;
    font-size: 15px;
    line-height: 14px;
    margin: 0 14px;
    vertical-align: middle
}
.htp-2-sing-login a {
    color: #1c1c1c;
    text-decoration: none
}
.htp-3-logo {
    text-align: center
}
.htp-3-logo a {
    display: inline-block;
    vertical-align: top
}
.htp-3-social-list a {
    color: #1c1c1c
}
.htp-3-saved-art {
    display: inline-block;
    vertical-align: top
}
.htp-3-saved-art i {
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    vertical-align: middle;
    margin-right: 5px
}
.htp-3-sing-login {
    display: inline-block;
    vertical-align: top;
    margin-left: 32px
}
.htp-3-sing-login a {
    color: #1c1c1c;
    text-decoration: none
}
.htp-3-row {
    display: block;
    margin-left: -10px;
    margin-right: -10px
}
.htp-3-row:after {
    clear: both;
    content: "";
    display: table
}
.htp-3-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%;
    padding: 32px 10px 15px
}
.htp-3-button:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .htp-3-button {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 3.61321%;
        padding: 32px 0 15px 10px
    }
    .htp-3-button:last-child {
        margin-right: 0
    }
}
.htp-3-menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    padding: 19px 0 0
}
.htp-3-menu:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .htp-3-menu {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 88.05827%
    }
    .htp-3-menu:last-child {
        margin-right: 0
    }
}
.htp-3-search {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%;
    padding: 32px 10px 15px
}
.htp-3-search:last-child {
    margin-right: 0
}
@media screen and (max-width:1077px) {
    .htp-3-search {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 3.61321%;
        padding: 32px 10px 15px 0
    }
    .htp-3-search:last-child {
        margin-right: 0
    }
}
.header-tp-3 {
    padding-left: 58px
}
.header-tp-3 .top-side {
    border-bottom: 1px solid #ebebeb;
    font-size: 11px;
    font-weight: 500;
    padding: 36px 0;
    text-transform: uppercase
}
.header-tp-3 .left-side {
    padding: 7px 0;
    text-align: left
}
.header-tp-3 .right-side {
    padding: 7px 0;
    text-align: right
}
.header-tp-3 .bottom-side {
    position: relative
}
.header-tp-3 .htp-3-menu, .header-tp-3 .main-nav-wrap {
    text-align: center
}
.header-tp-3 .main-nav {
    display: inline-block;
    vertical-align: top;
    text-align: left
}
.header-tp-3 .hd-search .hd-search-block {
    top: 40px
}
.header-tp-3 .hd-search .hd-search-block:before {
    right: 25px
}
.header-mb {
    background-color: #000;
    display: none;
    color: #fff;
    padding: 15px 0 9px;
    position: relative;
    z-index: 2
}
@media screen and (max-width:767px) {
    .header-mb {
        display: block
    }
}
.hdm-menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 18.96686%;
    padding: 7px 0
}
.hdm-menu:last-child {
    margin-right: 0
}
.hdm-menu .c-hamburger span {
    background: #263752
}
.hdm-menu .c-hamburger span:after, .hdm-menu .c-hamburger span:before {
    background-color: #263752
}
.hdm-menu .htx.is-active span {
    background: none
}
.hdm-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    text-align: center
}
.hdm-logo:last-child {
    margin-right: 0
}
.hdm-logo h1 {
    padding: 0;
    margin: 0
}
.hdm-logo a {
    display: inline-block;
    vertical-align: top
}
.hdm-search-user {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 18.96686%;
    padding: 7px 0;
    text-align: right
}
.hdm-search-user:last-child {
    margin-right: 0
}
.hdm-search-user .hd-search {
    display: inline-block;
    vertical-align: top
}
.hdm-search-user .hd-search .st-btn-1 {
    color: #fff
}
.hdm-search-user .hd-search .st-btn-1:hover {
    color: #fff
}
.hdm-search-user .hd-search .hd-search-block {
    right: -50px;
    top: 40px
}
.hdm-search-user .hd-search .hd-search-block:before {
    right: 50px
}
.hdm-search-user .user {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 15px;
    margin-left: 16px
}
.hdm-search-user .user a {
    color: inherit;
    text-decoration: none
}
.top-bar {
    font-size: 11px;
    font-weight: 500;
    line-height: 26px;
    padding: 0 0 0 58px;
    text-transform: uppercase;
    vertical-align: middle
}
@media screen and (max-width:639px) {
    .top-bar {
        padding-left: 0
    }
}
.top-bar i {
    font-size: 13px;
    margin: 0 7px 0 0
}
.top-bar i.fa {
    font-size: 12px
}
.tb-nav-list {
    overflow: hidden
}
@media screen and (max-width:479px) {
    .tb-nav-list {
        display: inline-block
    }
}
.tb-nav-list li {
    float: left;
    margin: 0 15px 0 0
}
@media screen and (max-width:639px) {
    .tb-nav-list li {
        margin: 0 12px 0 0
    }
}
.tb-nav-list li:last-child {
    margin: 0
}
.tb-nav-list a {
    color: #e3e3e3;
    text-decoration: none
}
.htp-2-social-list, .htp-3-social-list, .tb-social-list {
    overflow: hidden
}
@media screen and (max-width:479px) {
    .htp-2-social-list, .htp-3-social-list, .tb-social-list {
        display: inline-block
    }
}
.htp-2-social-list li, .htp-3-social-list li, .tb-social-list li {
    float: left;
    margin: 0 6px
}
.htp-2-social-list a, .htp-3-social-list a, .tb-social-list a {
    display: inline-block;
    font-size: 12px;
    padding: 0 5px
}
.htp-2-social-list i, .htp-3-social-list i, .tb-social-list i {
    margin: 0
}
.htp-2-social-list .tw a:hover, .htp-3-social-list .tw a:hover, .tb-social-list .tw a:hover {
    color: #00abed
}
.htp-2-social-list .fb a:hover, .htp-3-social-list .fb a:hover, .tb-social-list .fb a:hover {
    color: #4c68b3
}
.htp-2-social-list .gp a:hover, .htp-3-social-list .gp a:hover, .tb-social-list .gp a:hover {
    color: #e51616
}
.htp-2-social-list .in a:hover, .htp-3-social-list .in a:hover, .tb-social-list .in a:hover {
    color: #1d5e9f
}
.htp-2-social-list .dr a:hover, .htp-3-social-list .dr a:hover, .tb-social-list .dr a:hover {
    color: #f51f9d
}
.tb-sing-login {
    text-align: right
}
.tb-sing-login a {
    color: #fff;
    text-decoration: none
}
.mh-top {
    margin: 30px 0 10px
}
@media screen and (max-width:1077px) {
    .mh-top .flex {
        display: block
    }
    .mh-top a {
        display: inline-block;
        margin-bottom: 25px
    }
}
.mh-bottom {
    color: #1c1c1c
}
.main-nav-wrap {
    position: relative
}
@media screen and (max-width:1077px) {
    .main-nav-wrap {
        text-align: center
    }
}
.main-nav .htx {
    float: left;
    margin: 12px 0 20px
}
.main-nav-list, .sf-menu {
    text-align: center
}
.main-nav-list ul.sub, .sf-menu ul.sub {
    background-color: #000;
    display: none;
    padding: 11px 0;
    min-width: 220px;
    position: absolute;
    left: 0;
    z-index: 2;
    text-align: left
}
.main-nav-list ul.sub ul.sub, .sf-menu ul.sub ul.sub {
    top: -11px;
    left: 100%
}
.main-nav-list ul.sub li > a, .sf-menu ul.sub li > a {
    color: #fff;
    display: block;
    font-weight: 700;
    font-family: din-2014;
    padding: 8px 16px;
    position: relative;
    text-decoration: none
}
.main-nav-list ul.sub li > a.sf-with-ul:after, .main-nav-list ul.sub li > a.sf-with-ul:before, .sf-menu ul.sub li > a.sf-with-ul:after, .sf-menu ul.sub li > a.sf-with-ul:before {
    background-color: #fff;
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    top: 17px;
    right: 13px
}
.main-nav-list ul.sub li > a.sf-with-ul:before, .sf-menu ul.sub li > a.sf-with-ul:before {
    width: 2px;
    height: 8px;
    top: 14px;
    right: 16px
}
.main-nav-list li, .sf-menu li {
    position: relative
}
.main-nav-list li.mf, .sf-menu li.mf {
    position: static
}
.main-nav-list li.mf > ul.sub, .sf-menu li.mf > ul.sub {
    background: #1f2124;
    width: 100%;
    padding: 0
}
.main-nav-list > li, .sf-menu > li {
    display: inline-block
}
.main-nav-list > li.active > a:after, .main-nav-list > li:hover > a:after, .sf-menu > li.active > a:after, .sf-menu > li:hover > a:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
/*
.main-nav-list > li > a, .sf-menu > li > a {
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 1.2em;
    padding: 20px 12px 10px;
    font-family: din-2014;
    position: relative;
    text-decoration: none
}
*/
@media screen and (max-width:1229px) {
    .main-nav-list > li > a, .sf-menu > li > a {
        padding: 20px 8px
    }
}
/*
.main-nav-list > li > a:after, .sf-menu > li > a:after {
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}
*/
.main-nav-list > li > a .fa, .sf-menu > li > a .fa {
    color: #263752;
    margin: 0 2px
}
.main-nav-list > li > a.green, .sf-menu > li > a.green {
    color: #00abaa;
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    padding: 20px 12px 10px;
    font-family: din-2014;
    position: relative;
    text-decoration: none
}
@media screen and (max-width:1229px) {
    .main-nav-list > li > a.green, .sf-menu > li > a.green {
        padding: 20px 8px
    }
}
.main-nav-list > li > a.green:after, .sf-menu > li > a.green:after {
    background: #00abaa;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}
.main-nav-list > li > a.green .fa, .sf-menu > li > a.green .fa {
    color: #959595;
    margin: 0 2px
}
.main-nav-list > li > a.highlight, .sf-menu > li > a.highlight {
    color: #00abaa;
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    padding: 20px 12px 10px;
    font-family: din-2014;
    position: relative;
    text-decoration: none
}
@media screen and (max-width:1229px) {
    .main-nav-list > li > a.highlight, .sf-menu > li > a.highlight {
        padding: 20px 8px
    }
}
.main-nav-list > li > a.highlight:after, .sf-menu > li > a.highlight:after {
    background: #00abaa;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}
.main-nav-list > li > a.highlight .fa, .sf-menu > li > a.highlight .fa {
    color: #959595;
    margin: 0 2px
}
.mega-menu .post {
    margin-bottom: 20px
}
.hd-search {
    text-align: right;
    position: relative
}
.hd-search .st-btn-1 {
    font-size: 15px;
    vertical-align: top
}
.hd-search .st-btn-1:hover {
    color: #515151
}
.hd-search .hd-search-block {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    display: none;
    padding: 11px 7px;
    position: absolute;
    right: -20px;
    top: 100%;
    width: 370px;
    z-index: 1
}
@media screen and (max-width:1229px) {
    .hd-search .hd-search-block {
        right: 0
    }
}
@media screen and (max-width:767px) {
    .hd-search .hd-search-block {
        max-width: 320px
    }
}
.hd-search .hd-search-block:before {
    content: "▲";
    color: #fff;
    position: absolute;
    right: 38px;
    top: -14px;
    width: 13px;
    height: 14px;
    overflow: hidden;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1)
}
@media screen and (max-width:1229px) {
    .hd-search .hd-search-block:before {
        right: 15px
    }
}
.hd-search .hd-search-block .search {
    background: #f6f6f6;
    border-radius: 2px;
    display: table;
    padding: 7px 0;
    width: 100%;
    height: 38px
}
.hd-search .hd-search-block .search .search-btn, .hd-search .hd-search-block .search .search-input {
    display: table-cell
}
.hd-search .hd-search-block .search .search-btn {
    width: 22%;
    position: relative
}
.hd-search .hd-search-block .search .search-btn:before {
    content: "";
    background: #ebebeb;
    width: 1px;
    position: absolute;
    top: 2px;
    bottom: 2px
}
.hd-search .hd-search-block .search input {
    background-color: transparent;
    border: none;
    color: #000;
    font: 11px din-2014;
    width: 100%;
    height: 24px;
    padding: 0 12px
}
.hd-search .hd-search-block .search button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #000;
    font: 900 11px bebas-neue-by-fontfabric;
    width: 100%;
    height: 24px;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase
}
.pp-search-block {
    max-width: 720px;
    margin: 0 auto;
    position: relative
}
.pp-search-block .search {
    border-bottom: 2px solid #fff;
    display: table;
    width: 100%;
    padding: 0 0 13px
}
.pp-search-block .search-btn {
    display: table-cell;
    width: 20px
}
.pp-search-block .search-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    height: 25px
}
.pp-search-block .search-input {
    display: table-cell
}
.pp-search-block .search-input input {
    background-color: transparent;
    border: none;
    color: #fff;
    font: 900 18px/25px bebas-neue-by-fontfabric;
    width: 100%;
    padding: 0 7px
}
.pp-search-block .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}
.pp-search-block .search-input input:-moz-placeholder, .pp-search-block .search-input input::-moz-placeholder {
    color: #fff;
    opacity: 1
}
.pp-search-block .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}
.pp-search-block .mfp-close {
    background-image: url(../img/sprite-retina.png);
    background-position: -187px 0;
    width: 20px;
    height: 20px;
    opacity: 1;
    top: -70px;
    right: -43px;
    text-indent: -9999px;
    overflow: hidden
}
.mm-life-st-pst {
    background: #16171a;
    padding: 11px 22px 3px
}
.mm-life-st-pst figure {
    margin: 0 0 15px
}
.mm-life-st-title {
    color: #fff;
    padding: 16px 0
}
.mm-life-st-title span {
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}
.mm-life-st-title .all {
    color: inherit;
    float: right;
    font-size: 12px;
    line-height: 21px;
    text-decoration: none;
    text-transform: uppercase
}
.cats ul {
    padding: 15px 0
}
.cats a {
    line-height: 28px;
    padding: 8px 20px !important
}
.main-footer p {
    color: #ffffff;
}
.ft-widget {
    margin: 0 0 22px
}
@media screen and (max-width:1229px) {
    .ft-widget {
        margin: 0 0 37px
    }
}
.top-part {
    border-bottom: 1px solid #31467a;
    padding: 40px 0 10px
}
.top-part .ft-title-1 {
    margin: 0 0 12px
}
.ft-list-1 li, .ft-list-2 li {
    border-bottom: 1px dashed #31467a;
    padding: 10px 0 12px
}
.ft-list-1 .date, .ft-list-2 .date {
    color: #fff;
    font-family: Inconsolata;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}
.ft-list-1 figure, .ft-list-2 figure {
    float: left;
    margin: 4px 18px 2px 0
}
.ft-list-1 figure img, .ft-list-2 figure img {
    display: block
}
.ft-list-2 li:last-child {
    border: none
}
.bottom-part {
    color: #fff;
    padding: 40px 0
}
.ft-social-list {
    padding-left: 10px
}
.ft-social-list li {
    margin: 0 2px 5px 1px
}
@media screen and (max-width:1229px) {
    .ft-social-list li {
        float: left
    }
}
.ft-social-list a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 12px;
    line-height: 34px;
    display: block;
    width: 34px;
    height: 34px;
    text-align: center
}
.ft-social-list .tw a:hover {
    color: #00abed
}
.ft-social-list .fb a:hover {
    color: #4c68b3
}
.ft-social-list .gp a:hover {
    color: #e51616
}
.ft-social-list .in a:hover {
    color: #1d5e9f
}
.ft-social-list .dr a:hover {
    color: #f51f9d
}
.bottom-bar {
    background: #fff;
    color: #31467a;
    font-size: 11px;
    font-weight: 500;
    padding: 18px 0 17px;
    text-transform: uppercase
}
.ft-menu-list {
    margin-top: 15px;
    text-align: left;
    font: 13px/23px din-2014
}
@media screen and (max-width:1077px) {
    .ft-menu-list {
        display: inline-block;
        text-align: center
    }
}
@media screen and (max-width:767px) {
    .ft-menu-list {
        margin: 15px 0
    }
}
.ft-menu-list li {
    display: inline-block;
    margin: 0 15px 0 0
}
.ft-menu-list a {
    color: #ffffff;
    text-decoration: none
}
.copyright {
    text-align: right
}
@media screen and (max-width:1077px) {
    .copyright {
        text-align: center;
        margin-top: 15px
    }
}
.ft-title-1 {
    color: #31467a;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 0
}
.ft-title-2 {
    color: #31467a;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 0 4px;
    padding: 0
}
.ft-title-2 a {
    color: #31467a;
    text-decoration: none
}
.ft-search {
    padding: 15px 0
}
.ft-search .search {
    background: #fff;
    border-radius: 2px;
    display: table;
    padding: 7px 0;
    width: 100%;
    height: 38px
}
.ft-search .search .search-btn, .ft-search .search .search-input {
    display: table-cell
}
.ft-search .search .search-btn {
    width: 22%;
    position: relative
}
.ft-search .search .search-btn:before {
    content: "";
    background: #fff;
    width: 1px;
    position: absolute;
    top: 5px;
    bottom: 5px
}
.ft-search .search input {
    font: 11px din-2014;
    padding: 0 12px
}
.ft-search .search button, .ft-search .search input {
    background-color: transparent;
    border: none;
    color: #31467a;
    width: 100%;
    height: 24px
}
.ft-search .search button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font: 900 11px bebas-neue-by-fontfabric;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase
}
.inst-list {
    margin: 0 -1px 0 -5px;
    padding: 12px 0
}
.inst-list li {
    width: 20%;
    float: left;
    padding: 0 0 0 5px
}
.inst-list img {
    display: block;
    width: 100%
}
.left-sticky-bar.sticky {
    position: fixed;
    top: 65px
}
@media screen and (max-width:1077px) {
    .left-sticky-bar.sticky {
        top: 0
    }
}
.lsb-list a {
    color: #c1c1c1;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    padding: 12px 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.lsb-list a.active, .lsb-list a:hover {
    background: #1f2124
}
.lsb-icon-1, .lsb-icon-2, .lsb-icon-3, .lsb-icon-4, .lsb-icon-5, .lsb-icon-6 {
    display: inline-block
}
.lsb-icon-1 {
    background-image: url(../img/sprite-retina.png);
    background-position: -303px 0;
    width: 24px;
    height: 24px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .lsb-icon-1 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.lsb-icon-2 {
    background-image: url(../img/sprite-retina.png);
    background-position: -279px 0;
    width: 24px;
    height: 24px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .lsb-icon-2 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.lsb-icon-3 {
    background-image: url(../img/sprite-retina.png);
    background-position: -255px 0;
    width: 24px;
    height: 16px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .lsb-icon-3 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.lsb-icon-4 {
    background-image: url(../img/sprite-retina.png);
    background-position: -207px 0;
    width: 24px;
    height: 22px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .lsb-icon-4 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.lsb-icon-5 {
    background-image: url(../img/sprite-retina.png);
    background-position: -327px 0;
    width: 24px;
    height: 24px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .lsb-icon-5 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.lsb-icon-6 {
    background-image: url(../img/sprite-retina.png);
    background-position: -231px 0;
    width: 24px;
    height: 24px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .lsb-icon-6 {
        background-image: url(../img/sprite-retina@2x.png);
        background-size: 351px 24px
    }
}
.sp-popup {
    background-color: #fff;
    border: 1px solid #f9f9f9;
    color: #656565;
    max-width: 350px;
    padding: 22px 26px 32px;
    position: relative;
    margin: 0 auto;
    text-align: center
}
.sp-popup.signin .form.not-valid .btn-8 {
    background-color: #74777a
}
.sp-popup.signin .form.not-valid .btn-8:active, .sp-popup.signin .form.not-valid .btn-8:focus, .sp-popup.signin .form.not-valid .btn-8:hover {
    background-color: #74777a
}
.sp-popup.recentpass .btns {
    margin-bottom: 20px
}
.sp-popup .btns {
    margin-bottom: 30px
}
.sp-popup .btns a {
    border-bottom: 1px solid #dadada;
    color: #9f9f9f;
    display: block;
    width: 50%;
    float: left;
    font: 900 14px/21px bebas-neue-by-fontfabric;
    padding: 12px;
    text-decoration: none;
    text-align: center
}
.sp-popup .btns a.active, .sp-popup .btns a:hover {
    border-color: #000;
    color: #000
}
.sp-popup .social .pp-social-list {
    display: inline-block;
    margin: 8px 0 13px
}
.sp-popup .social .pp-social-list li {
    float: left
}
.sp-popup .social .pp-social-list a {
    border-radius: 50%;
    border: 1px solid #f7f7f7;
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 37px;
    width: 37px;
    height: 37px;
    margin: 4px;
    text-decoration: none;
    text-align: center
}
.sp-popup .social .pp-social-list .tw a:hover {
    color: #00abed
}
.sp-popup .social .pp-social-list .fb a:hover {
    color: #4c68b3
}
.sp-popup .social .pp-social-list .gp a:hover {
    color: #e51616
}
.sp-popup .social .pp-social-list .vk a:hover {
    color: #5e79bf
}
.sp-popup .pp-title {
    color: #656565;
    font: 900 13px/21px bebas-neue-by-fontfabric;
    overflow: hidden;
    margin-bottom: 10px
}
.sp-popup .pp-title span {
    display: inline-block;
    padding: 0 8px;
    position: relative
}
.sp-popup .pp-title span:after, .sp-popup .pp-title span:before {
    content: "";
    background-color: #e5e5e5;
    height: 1px;
    width: 200px;
    position: absolute;
    top: 50%
}
.sp-popup .pp-title span:before {
    right: 100%
}
.sp-popup .pp-title span:after {
    left: 100%
}
.sp-popup .form input {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #656565;
    font: 900 13px/21px bebas-neue-by-fontfabric;
    width: 100%;
    padding: 11px 0;
    margin-bottom: 7px
}
.sp-popup .form .btn-8 {
    margin: 16px 0
}
.sp-popup .form a, .sp-popup .form span {
    color: #656565;
    font: 900 12px/21px bebas-neue-by-fontfabric;
    text-decoration: none
}
.sp-popup .popup-close-ic {
    right: -65px;
    top: -52px;
    cursor: pointer;
    padding: 0
}
@media screen and (max-width:767px) {
    .sp-popup .popup-close-ic {
        display: none
    }
}
.mb-menu {
    pointer-events: none;
    text-align: center
}
.mb-menu .mfp-close {
    cursor: pointer;
    padding: 0;
    pointer-events: auto;
    right: 15%;
    top: -10%
}
.mobile-nav-list {
    display: inline-block;
    vertical-align: top;
    pointer-events: auto
}
.mobile-nav-list .mn-item {
    color: #fff;
    font: 900 14px/44px bebas-neue-by-fontfabric;
    text-transform: uppercase
}
.mobile-nav-list .mn-item a {
    color: inherit;
    text-decoration: none
}
.aside-menu {
    padding: 45px 0 0;
    width: 230px
}
.aside-menu .mfp-close {
    cursor: pointer;
    top: 25px;
    right: 25px
}
.am-container {
    padding: 22px 22px 25px
}
.am-container:first-child {
    border-bottom: 1px solid #ebebeb
}
.am-list .am-item a {
    display: block;
    color: #000;
    font: 900 22px/22px bebas-neue-by-fontfabric;
    padding: 8px 0;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: margin .5s;
    transition: margin .5s
}
.am-list .am-item a i {
    padding-right: 5px
}
.am-list .am-item a:hover {
    margin-left: 10px
}
.twitter-posts {
    padding: 10px 0
}
.tp-list .tp-list-item {
    color: #595959;
    font: 900 12px/21px bebas-neue-by-fontfabric;
    word-wrap: break-word;
    margin-bottom: 18px
}
.tp-list .tp-list-item .icon {
    color: #16171a;
    margin: 4px 0
}
.tp-list .tp-list-item a {
    color: #00abaa;
    text-decoration: none
}
.tp-all {
    color: #6f7173;
    font: 900 12px/21px bebas-neue-by-fontfabric;
    text-decoration: none
}
.teal {
    color: rgba(0, 171, 170, 1.0);
}
.teal-bg {
    background-color: rgba(0, 171, 170, 1.0);
}
.light-teal {
    color: rgba(0, 171, 170, 0.5);
}
.light-teal-bg {
    background-color: rgba(0, 171, 170, 0.5);
}
.orange {
    color: rgba(238, 118, 88, 1.0);
}
.orange-bg {
    background-color: rgba(238, 118, 88, 1.0);
}
.light-orange{
    color: rgba(238, 118, 88, 0.5);
}
.light-orange-bg {
    background-color: rgba(238, 118, 88, 0.5);
}
.mfp-bg {
    background-color: #1f2124
}
.mfp-bg.mfp-mb-menu {
    background-color: #000
}
.mfp-fade-top.mfp-bg {
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.mfp-fade-top.mfp-bg.mfp-ready {
    opacity: .86
}
.mfp-fade-top.mfp-bg.mfp-removing {
    opacity: 0
}
.mfp-fade-top.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.mfp-fade-top.mfp-wrap.mfp-ready .mfp-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.mfp-fade-top.mfp-wrap.mfp-removing .mfp-content {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .88
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}
.mfp-bg.mfp-asd-menu {
    background-color: rgba(0, 0, 0, .6)
}
.mfp-asd-menu .mfp-container {
    padding: 0;
    text-align: left
}
.mfp-asd-menu .mfp-content {
    background-color: #fff;
    width: auto;
    min-height: 100%;
    vertical-align: top
}
.mfp-slide-left.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.mfp-slide-left.mfp-bg.mfp-ready {
    opacity: 1
}
.mfp-slide-left.mfp-bg.mfp-removing {
    opacity: 0
}
.mfp-slide-left.mfp-wrap .mfp-content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}
.mfp-slide-left.mfp-wrap.mfp-ready .mfp-content {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.mfp-slide-left.mfp-wrap.mfp-removing .mfp-content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.trending-posts-line {
    overflow: hidden
}
.trending-line {
    line-height: 26px;
    margin: 28px 0;
    padding: 0 70px 0 120px;
    position: relative
}
@media screen and (max-width:639px) {
    .trending-line {
        padding: 0 0 0 120px
    }
}
.trending-line .trending-now {
    background-color: #000;
    color: #fff;
    position: absolute;
    left: 0;
    font-size: 10px;
    padding: 0 12px 0 11px;
    text-transform: uppercase
}
.trending-line .trending-now:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-left: 5px solid #000;
    border-bottom: 13px solid transparent;
    position: absolute;
    right: -5px
}
.trending-line .tl-slider-control {
    position: absolute;
    top: 0;
    right: 0
}
@media screen and (max-width:639px) {
    .trending-line .tl-slider-control {
        display: none
    }
}
.trending-line .tl-slider {
    height: 26px;
    overflow: hidden
}
.trending-line .tl-slider a {
    color: #272727;
    text-decoration: none
}
.trending-line .tls-next, .trending-line .tls-prev {
    cursor: pointer;
    margin-left: 4px
}
.main-posts-1 {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    margin-bottom: 17px
}
.main-posts-1:after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width:1229px) {
    .main-posts-1 {
        max-width: 900px
    }
    .main-posts-1 .main-slider-2 .post-tp-1 img, .main-posts-1 .main-slider-2 .post-tp-2 img, .main-posts-1 .main-slider-2 .post-tp-12 img, .main-posts-1 .main-slider-2 .post-tp-14 img, .main-posts-1 .main-slider-2 .post-tpv-1 img, .main-posts-1 .main-slider-2 .post-tpv-2 img {
        height: 414px;
        width: auto;
        max-width: none
    }
}
@media screen and (max-width:1077px) {
    .main-posts-1 {
        max-width: 710px
    }
    .main-posts-1 .main-slider-2 .post-tp-1 img, .main-posts-1 .main-slider-2 .post-tp-2 img, .main-posts-1 .main-slider-2 .post-tp-12 img, .main-posts-1 .main-slider-2 .post-tp-14 img, .main-posts-1 .main-slider-2 .post-tpv-1 img, .main-posts-1 .main-slider-2 .post-tpv-2 img {
        height: auto;
        width: 100%;
        max-width: 100%
    }
}
.main-posts-1 .mp-section {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 28px
}
.main-posts-1 .mp-section:first-child {
    background: #fff;
    height: 471px
}
.main-posts-1 .mp-section:first-child > div {
    height: 100%
}
@media screen and (max-width:1229px) {
    .main-posts-1 .mp-section:first-child {
        height: 414px;
        overflow: hidden
    }
}
@media screen and (max-width:1077px) {
    .main-posts-1 .mp-section:first-child {
        height: auto;
        overflow: hidden
    }
}
.main-posts-2 {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    margin-bottom: 17px
}
.main-posts-2:after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width:1229px) {
    .main-posts-2 {
        max-width: 900px
    }
}
@media screen and (max-width:1077px) {
    .main-posts-2 {
        max-width: 710px
    }
}
.main-posts-2 .mp-section {
    content: "";
    display: table;
    clear: both;
    margin: 0 -3px 28px
}
.main-posts-2 .mp-section > div {
    padding: 0 3px
}
@media screen and (max-width:639px) {
    .main-posts-2 .mp-section > div {
        margin-top: 6px
    }
    .main-posts-2 .mp-section > div:first-child {
        margin-top: 0
    }
}
.main-posts-3 {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px
}
.main-posts-3:after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width:1229px) {
    .main-posts-3 {
        max-width: 900px
    }
}
@media screen and (max-width:1077px) {
    .main-posts-3 {
        max-width: 710px
    }
}
.main-posts-3 .mp-section {
    content: "";
    display: table;
    clear: both;
    margin-top: 20px;
    margin-left: -2px;
    margin-right: -2px
}
.main-posts-3 .post {
    padding: 2px
}
.main-posts-3 .title-13 {
    margin: 2px 0 7px
}
@media screen and (max-width:1077px) {
    .main-posts-3 .sm-post {
        height: 197px
    }
}
@media screen and (max-width:767px) {
    .main-posts-3 .sm-post {
        height: 145px
    }
}
@media screen and (max-width:1077px) {
    .main-posts-3 .md-post {
        height: 375px
    }
}
@media screen and (max-width:767px) {
    .main-posts-3 .md-post {
        height: 330px
    }
}
@media screen and (max-width:479px) {
    .main-posts-3 .md-post {
        height: 255px
    }
}
.main-posts-4 {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    margin-bottom: 45px
}
.main-posts-4:after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width:1229px) {
    .main-posts-4 {
        max-width: 900px
    }
    .main-posts-4 .post-tp-12 a, .main-posts-4 .post-tp-12 figure, .main-posts-4 .post-tp-12 img {
        height: 100%
    }
    .main-posts-4 .post-tp-12 img {
        max-width: none;
        width: auto
    }
    .main-posts-4 .post-tp-20 figure {
        height: 50%
    }
    .main-posts-4 .post-tp-20 a, .main-posts-4 .post-tp-20 img {
        height: 100%
    }
    .main-posts-4 .post-tp-20 img {
        max-width: none;
        width: auto
    }
}
@media screen and (max-width:1077px) {
    .main-posts-4 {
        max-width: 710px
    }
    .main-posts-4 .one-quarter.sm-full {
        height: auto
    }
    .main-posts-4 .twitter-block .tb-twitts ul {
        content: "";
        display: table;
        clear: both
    }
    .main-posts-4 .twitter-block .tb-twitts li {
        width: 50%;
        float: left
    }
}
@media screen and (max-width:767px) {
    .main-posts-4 .twitter-block .tb-twitts li {
        width: 100%;
        float: none
    }
    .main-posts-4 .post-tp-12 img, .main-posts-4 .post-tp-20 img {
        width: 100%;
        height: auto
    }
}
.main-posts-4 .mp-section {
    background: #fff;
    overflow: hidden
}
.main-posts-4 .half, .main-posts-4 .one-quarter {
    height: 511px
}
@media screen and (max-width:767px) {
    .main-posts-4 .half, .main-posts-4 .one-quarter {
        height: 330px
    }
}
@media screen and (max-width:479px) {
    .main-posts-4 .half, .main-posts-4 .one-quarter {
        height: 260px
    }
}
.main-posts-4 .post, .main-posts-4 .twitter-block {
    height: 100%
}
@media screen and (max-width:1077px) {
    .main-posts-4.tp-2 .post-tp-12 img, .main-posts-4.tp-2 .post-tp-20 img {
        width: 100%;
        height: auto
    }
}
@media screen and (max-width:767px) {
    .main-posts-4.tp-2 .half.sm-full:last-child {
        height: auto
    }
}
.main-posts-5 {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    margin-bottom: 17px
}
.main-posts-5:after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width:1229px) {
    .main-posts-5 {
        max-width: 900px
    }
}
@media screen and (max-width:1077px) {
    .main-posts-5 {
        max-width: 710px
    }
}
.main-posts-5 .mp-section {
    content: "";
    display: table;
    clear: both;
    margin: -2px -3px 26px
}
.main-posts-5 .post {
    padding: 2px 3px
}
.main-posts-5 .title-13 {
    margin: 2px 0 7px
}
.main-slider-1, .main-slider-2, .main-slider-3 {
    position: relative
}
.main-slider-1 .nav-arrow {
    background: #0c0b0a;
    cursor: pointer;
    display: block;
    width: 51px;
    height: 51px;
    padding: 23px 21px;
    line-height: 5px
}
@media screen and (max-width:767px) {
    .main-slider-1 .nav-arrow {
        display: none
    }
}
.main-slider-1 .nav-arrow:hover {
    background: #000
}
.main-slider-1 .nav-arrow i {
    vertical-align: top
}
.main-slider-1 .nav-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -26px
}
.main-slider-1 .nav-arrow:hover .slide-count {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.main-slider-1 .prev {
    left: 0
}
.main-slider-1 .prev .slide-count {
    left: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.main-slider-1 .next {
    right: 0
}
.main-slider-1 .next .slide-count {
    right: 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.main-slider-1 .slide-count {
    background: #1c1c1c;
    color: #fff;
    min-width: 70px;
    height: 51px;
    position: absolute;
    left: auto;
    top: 0;
    font: 400 11px/21px din-2014;
    padding: 15px 10px;
    text-align: center;
    opacity: 0
}
.main-slider-1 .slide-count span {
    margin: 0 2px
}
.main-slider-1 .save-tp-1 {
    margin-left: 40px
}
@media screen and (max-width:639px) {
    .main-slider-1 .save-tp-1 {
        display: none
    }
}
.main-slider-1 .post {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media screen and (max-width:479px) {
    .main-slider-1 .post-tp-1 figure a, .main-slider-1 .post-tp-2 figure a, .main-slider-1 .post-tp-12 figure a, .main-slider-1 .post-tp-14 figure a, .main-slider-1 .post-tpv-1 figure a, .main-slider-1 .post-tpv-2 figure a {
        content: "";
        display: table;
        clear: both
    }
    .main-slider-1 .post-tp-1 figure img, .main-slider-1 .post-tp-2 figure img, .main-slider-1 .post-tp-12 figure img, .main-slider-1 .post-tp-14 figure img, .main-slider-1 .post-tpv-1 figure img, .main-slider-1 .post-tpv-2 figure img {
        height: 250px;
        width: auto;
        max-width: none;
        float: right
    }
    .main-slider-1 .post-tp-1 .ptp-1-data, .main-slider-1 .post-tp-2 .ptp-1-data, .main-slider-1 .post-tp-12 .ptp-1-data, .main-slider-1 .post-tp-14 .ptp-1-data, .main-slider-1 .post-tpv-1 .ptp-1-data, .main-slider-1 .post-tpv-2 .ptp-1-data {
        padding: 0 15px 27px
    }
}
.main-slider-2 .slick-arrow, .main-slider-3 .slick-arrow {
    background: rgba(0, 0, 0, .9);
    cursor: pointer;
    display: block;
    width: 39px;
    height: 51px;
    padding: 23px 15px;
    line-height: 5px
}
.main-slider-2 .slick-arrow i, .main-slider-3 .slick-arrow i {
    vertical-align: top
}
.main-slider-2 .slick-arrow, .main-slider-2 .slide-count, .main-slider-3 .slick-arrow, .main-slider-3 .slide-count {
    float: left
}
.main-slider-2 .prev, .main-slider-3 .prev {
    left: 0;
    padding: 23px 5px 23px 25px
}
.main-slider-2 .next, .main-slider-3 .next {
    right: 0;
    padding: 23px 25px 23px 5px
}
.main-slider-2 .slide-count, .main-slider-3 .slide-count {
    background: rgba(0, 0, 0, .9);
    color: #fff;
    min-width: 50px;
    height: 51px;
    right: 51px;
    font: 900 11px/23px bebas-neue-by-fontfabric;
    padding: 15px 0;
    text-align: center
}
.main-slider-2 .slide-count span, .main-slider-3 .slide-count span {
    margin: 0 2px
}
.main-slider-2 .date-tp-1, .main-slider-3 .date-tp-1 {
    margin: 20px 23px
}
.main-slider-2 .ptp-1-data, .main-slider-3 .ptp-1-data {
    padding: 0 205px 17px 23px
}
@media screen and (max-width:639px) {
    .main-slider-2 .ptp-1-data, .main-slider-3 .ptp-1-data {
        padding: 0 23px 17px
    }
    .main-slider-2 .ptp-1-data .save-tp-1, .main-slider-3 .ptp-1-data .save-tp-1 {
        display: none
    }
}
@media screen and (max-width:639px) {
    .main-slider-2 .meta-tp-1, .main-slider-3 .meta-tp-1 {
        margin: 0 0 10px
    }
}
@media screen and (max-width:767px) {
    .main-slider-2 .post-tp-27, .main-slider-3 .post-tp-27 {
        height: 300px
    }
    .main-slider-2 .post-tp-27 a, .main-slider-2 .post-tp-27 figure, .main-slider-2 .post-tp-27 img, .main-slider-3 .post-tp-27 a, .main-slider-3 .post-tp-27 figure, .main-slider-3 .post-tp-27 img {
        height: 100%
    }
    .main-slider-2 .post-tp-27 img, .main-slider-3 .post-tp-27 img {
        width: auto;
        max-width: none
    }
}
.ms-navs {
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase
}
@media screen and (max-width:479px) {
    .ms-navs {
        display: none
    }
}
.ms-count {
    display: inline-block;
    width: 50px;
    text-align: center
}
.ms-next, .ms-prev, .sbr-next, .sbr-prev {
    display: inline-block;
    text-indent: -9999px
}
.ms-prev, .sbr-prev {
    background-position: -34px 0
}
.ms-next, .ms-prev, .sbr-next, .sbr-prev {
    background-image: url(../img/sprite-retina.png);
    width: 9px;
    height: 5px
}
.ms-next, .sbr-next {
    background-position: -52px 0
}
.main-video-posts {
    background: #1f2124;
    margin-bottom: 45px
}
.video-posts-pane {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}
.video-posts-pane:after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width:1229px) {
    .video-posts-pane {
        max-width: 1020px
    }
}
@media screen and (max-width:1077px) {
    .video-posts-pane {
        max-width: 710px
    }
}
.video-posts-pane .owl-controls {
    position: absolute;
    top: 50%;
    right: -30px;
    height: 100px;
    width: 11px;
    line-height: 100px;
    margin-top: -50px
}
.video-posts-pane .owl-pagination {
    display: inline-block;
    line-height: 7px;
    vertical-align: middle
}
.video-posts-pane .owl-pagination .owl-page {
    margin: 2px 2px 3px
}
.video-posts-pane .owl-pagination .owl-page span {
    background: #fff
}
.video-posts-pane .owl-pagination .owl-page.active span {
    background: #00abaa;
    border-color: #00abaa
}
@media screen and (max-width:1520px) {
    .lg-full {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .lg-full:last-child {
        margin-right: 0
    }
    .lg-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .lg-half:last-child {
        margin-right: 0
    }
    .lg-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .lg-one-third:last-child {
        margin-right: 0
    }
    .lg-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .lg-two-thirds:last-child {
        margin-right: 0
    }
    .lg-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .lg-one-quarter:last-child {
        margin-right: 0
    }
    .lg-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .lg-one-sixth:last-child {
        margin-right: 0
    }
    .lg-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .lg-three-quarters:last-child {
        margin-right: 0
    }
    .lg-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .lg-one-fifth:last-child {
        margin-right: 0
    }
    .lg-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .lg-four-fifths:last-child {
        margin-right: 0
    }
    .lg-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .lg-two-fifths:last-child {
        margin-right: 0
    }
    .lg-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .lg-three-fifths:last-child {
        margin-right: 0
    }
    .lg-col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .lg-col-half:last-child {
        margin-right: 0
    }
    .lg-col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .lg-col-one-third:last-child {
        margin-right: 0
    }
    .lg-col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .lg-col-two-thirds:last-child {
        margin-right: 0
    }
    .lg-col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .lg-col-one-quarter:last-child {
        margin-right: 0
    }
    .lg-col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .lg-col-three-quarters:last-child {
        margin-right: 0
    }
    .lg-col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .lg-col-one-fifth:last-child {
        margin-right: 0
    }
    .lg-col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .lg-col-two-fifths:last-child {
        margin-right: 0
    }
    .lg-col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .lg-col-three-fifths:last-child {
        margin-right: 0
    }
    .lg-col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .lg-col-four-fifths:last-child {
        margin-right: 0
    }
    .lg-hide {
        display: none !important
    }
}
@media screen and (max-width:1229px) {
    .md-full {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .md-full:last-child {
        margin-right: 0
    }
    .md-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .md-half:last-child {
        margin-right: 0
    }
    .md-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .md-one-third:last-child {
        margin-right: 0
    }
    .md-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .md-two-thirds:last-child {
        margin-right: 0
    }
    .md-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .md-one-quarter:last-child {
        margin-right: 0
    }
    .md-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .md-one-sixth:last-child {
        margin-right: 0
    }
    .md-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .md-three-quarters:last-child {
        margin-right: 0
    }
    .md-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .md-one-fifth:last-child {
        margin-right: 0
    }
    .md-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .md-four-fifths:last-child {
        margin-right: 0
    }
    .md-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .md-two-fifths:last-child {
        margin-right: 0
    }
    .md-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .md-three-fifths:last-child {
        margin-right: 0
    }
    .md-col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .md-col-half:last-child {
        margin-right: 0
    }
    .md-col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .md-col-one-third:last-child {
        margin-right: 0
    }
    .md-col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .md-col-two-thirds:last-child {
        margin-right: 0
    }
    .md-col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .md-col-one-quarter:last-child {
        margin-right: 0
    }
    .md-col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .md-col-three-quarters:last-child {
        margin-right: 0
    }
    .md-col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .md-col-one-fifth:last-child {
        margin-right: 0
    }
    .md-col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .md-col-two-fifths:last-child {
        margin-right: 0
    }
    .md-col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .md-col-three-fifths:last-child {
        margin-right: 0
    }
    .md-col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .md-col-four-fifths:last-child {
        margin-right: 0
    }
    .md-hide {
        display: none !important
    }
}
@media screen and (max-width:1077px) {
    .sm-full {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .sm-full:last-child {
        margin-right: 0
    }
    .sm-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .sm-half:last-child {
        margin-right: 0
    }
    .sm-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .sm-one-third:last-child {
        margin-right: 0
    }
    .sm-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .sm-two-thirds:last-child {
        margin-right: 0
    }
    .sm-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .sm-one-quarter:last-child {
        margin-right: 0
    }
    .sm-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .sm-one-sixth:last-child {
        margin-right: 0
    }
    .sm-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .sm-three-quarters:last-child {
        margin-right: 0
    }
    .sm-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .sm-one-fifth:last-child {
        margin-right: 0
    }
    .sm-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .sm-four-fifths:last-child {
        margin-right: 0
    }
    .sm-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .sm-two-fifths:last-child {
        margin-right: 0
    }
    .sm-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .sm-three-fifths:last-child {
        margin-right: 0
    }
    .sm-col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .sm-col-half:last-child {
        margin-right: 0
    }
    .sm-col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .sm-col-one-third:last-child {
        margin-right: 0
    }
    .sm-col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .sm-col-two-thirds:last-child {
        margin-right: 0
    }
    .sm-col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .sm-col-one-quarter:last-child {
        margin-right: 0
    }
    .sm-col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .sm-col-three-quarters:last-child {
        margin-right: 0
    }
    .sm-col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .sm-col-one-fifth:last-child {
        margin-right: 0
    }
    .sm-col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .sm-col-two-fifths:last-child {
        margin-right: 0
    }
    .sm-col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .sm-col-three-fifths:last-child {
        margin-right: 0
    }
    .sm-col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .sm-col-four-fifths:last-child {
        margin-right: 0
    }
    .sm-hide {
        display: none !important
    }
}
@media screen and (max-width:767px) {
    .xs-full {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .xs-full:last-child {
        margin-right: 0
    }
    .xs-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .xs-half:last-child {
        margin-right: 0
    }
    .xs-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .xs-one-third:last-child {
        margin-right: 0
    }
    .xs-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .xs-two-thirds:last-child {
        margin-right: 0
    }
    .xs-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .xs-one-quarter:last-child {
        margin-right: 0
    }
    .xs-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .xs-one-sixth:last-child {
        margin-right: 0
    }
    .xs-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .xs-three-quarters:last-child {
        margin-right: 0
    }
    .xs-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .xs-one-fifth:last-child {
        margin-right: 0
    }
    .xs-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .xs-four-fifths:last-child {
        margin-right: 0
    }
    .xs-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .xs-two-fifths:last-child {
        margin-right: 0
    }
    .xs-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .xs-three-fifths:last-child {
        margin-right: 0
    }
    .xs-col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .xs-col-half:last-child {
        margin-right: 0
    }
    .xs-col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .xs-col-one-third:last-child {
        margin-right: 0
    }
    .xs-col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .xs-col-two-thirds:last-child {
        margin-right: 0
    }
    .xs-col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .xs-col-one-quarter:last-child {
        margin-right: 0
    }
    .xs-col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .xs-col-three-quarters:last-child {
        margin-right: 0
    }
    .xs-col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .xs-col-one-fifth:last-child {
        margin-right: 0
    }
    .xs-col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .xs-col-two-fifths:last-child {
        margin-right: 0
    }
    .xs-col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .xs-col-three-fifths:last-child {
        margin-right: 0
    }
    .xs-col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .xs-col-four-fifths:last-child {
        margin-right: 0
    }
    .xs-hide {
        display: none !important
    }
}
@media screen and (max-width:639px) {
    .mb-ls-full {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .mb-ls-full:last-child {
        margin-right: 0
    }
    .mb-ls-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .mb-ls-half:last-child {
        margin-right: 0
    }
    .mb-ls-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .mb-ls-one-third:last-child {
        margin-right: 0
    }
    .mb-ls-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .mb-ls-two-thirds:last-child {
        margin-right: 0
    }
    .mb-ls-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .mb-ls-one-quarter:last-child {
        margin-right: 0
    }
    .mb-ls-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .mb-ls-one-sixth:last-child {
        margin-right: 0
    }
    .mb-ls-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .mb-ls-three-quarters:last-child {
        margin-right: 0
    }
    .mb-ls-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .mb-ls-one-fifth:last-child {
        margin-right: 0
    }
    .mb-ls-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .mb-ls-four-fifths:last-child {
        margin-right: 0
    }
    .mb-ls-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .mb-ls-two-fifths:last-child {
        margin-right: 0
    }
    .mb-ls-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .mb-ls-three-fifths:last-child {
        margin-right: 0
    }
    .mb-ls-col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .mb-ls-col-half:last-child {
        margin-right: 0
    }
    .mb-ls-col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .mb-ls-col-one-third:last-child {
        margin-right: 0
    }
    .mb-ls-col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .mb-ls-col-two-thirds:last-child {
        margin-right: 0
    }
    .mb-ls-col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .mb-ls-col-one-quarter:last-child {
        margin-right: 0
    }
    .mb-ls-col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .mb-ls-col-three-quarters:last-child {
        margin-right: 0
    }
    .mb-ls-col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .mb-ls-col-one-fifth:last-child {
        margin-right: 0
    }
    .mb-ls-col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .mb-ls-col-two-fifths:last-child {
        margin-right: 0
    }
    .mb-ls-col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .mb-ls-col-three-fifths:last-child {
        margin-right: 0
    }
    .mb-ls-col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .mb-ls-col-four-fifths:last-child {
        margin-right: 0
    }
    .mb-ls-hide {
        display: none !important
    }
}
@media screen and (max-width:479px) {
    .mb-pt-full {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .mb-pt-full:last-child {
        margin-right: 0
    }
    .mb-pt-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .mb-pt-half:last-child {
        margin-right: 0
    }
    .mb-pt-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .mb-pt-one-third:last-child {
        margin-right: 0
    }
    .mb-pt-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .mb-pt-two-thirds:last-child {
        margin-right: 0
    }
    .mb-pt-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .mb-pt-one-quarter:last-child {
        margin-right: 0
    }
    .mb-pt-one-sixth {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .mb-pt-one-sixth:last-child {
        margin-right: 0
    }
    .mb-pt-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .mb-pt-three-quarters:last-child {
        margin-right: 0
    }
    .mb-pt-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .mb-pt-one-fifth:last-child {
        margin-right: 0
    }
    .mb-pt-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .mb-pt-four-fifths:last-child {
        margin-right: 0
    }
    .mb-pt-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .mb-pt-two-fifths:last-child {
        margin-right: 0
    }
    .mb-pt-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .mb-pt-three-fifths:last-child {
        margin-right: 0
    }
    .mb-pt-col-half {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .mb-pt-col-half:last-child {
        margin-right: 0
    }
    .mb-pt-col-one-third {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .mb-pt-col-one-third:last-child {
        margin-right: 0
    }
    .mb-pt-col-two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .mb-pt-col-two-thirds:last-child {
        margin-right: 0
    }
    .mb-pt-col-one-quarter {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .mb-pt-col-one-quarter:last-child {
        margin-right: 0
    }
    .mb-pt-col-three-quarters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .mb-pt-col-three-quarters:last-child {
        margin-right: 0
    }
    .mb-pt-col-one-fifth {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 17.72593%
    }
    .mb-pt-col-one-fifth:last-child {
        margin-right: 0
    }
    .mb-pt-col-two-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 38.29445%
    }
    .mb-pt-col-two-fifths:last-child {
        margin-right: 0
    }
    .mb-pt-col-three-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 58.86297%
    }
    .mb-pt-col-three-fifths:last-child {
        margin-right: 0
    }
    .mb-pt-col-four-fifths {
        float: left;
        display: block;
        margin-right: 2.84259%;
        width: 79.43148%
    }
    .mb-pt-col-four-fifths:last-child {
        margin-right: 0
    }
    .mb-pt-hide {
        display: none !important
    }
}
@media screen and (max-width:1077px) {
    .main-footer .bottom-part .ft-social {
        margin-top: 25px
    }
}
@media screen and (max-width:1077px) {
    .ft-menu {
        text-align: center
    }
}
@media screen and (max-width:1077px) {
    .main-slider-1 .ptp-1-data {
        padding: 0 60px 27px
    }
}
@media screen and (max-width:767px) {
    .main-slider-1 .ptp-1-data {
        padding: 0 30px 27px
    }
}
.ad-margin div {
    margin-bottom: 20px
}
.banner-zone, .mpu-zone {
    margin: 0 auto;
    max-width: 300px
}
.billboard-zone {
    max-width: 980px;
    text-align: center
}
@media screen and (max-width:767px) {
    .billboard-zone {
        margin-left: -16px;
        margin-right: -16px
    }
}
.billboard-zone img {
    width: 100%
}
.bookend-zone {
    width: 1284px;
    position: absolute;
    top: 39px;
    left: calc(50% - 642px)
}
@media screen and (max-width:1229px) {
    .bookend-zone {
        width: 1140px;
        left: calc(50% - 570px)
    }
}
@media screen and (max-width:1077px) {
    .bookend-zone {
        display: none
    }
}
.bookend-zone .bookend {
    position: relative;
    z-index: 5
}
.bookend-zone.fixed {
    position: fixed;
    top: 0
}
.inline-mpu {
    display: inline-block;
    max-width: 300px;
    float: left;
    margin: 5px 25px 25px 0
}
@media screen and (max-width:1077px) {
    .inline-mpu {
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0
    }
}
.invalid {
    border-color: #00abaa !important
}
label .error {
    font: 17px/25px din-2014;
    color: #00abaa
}
.step-alert, .submit-alert {
    text-align: center;
    margin-top: 15px;
    padding: 10px;
    font-size: 20px;
    background-color: #00abaa;
    display: none
}
.step-alert.error, .submit-alert.error {
    background-color: orange
}
.step-alert.success, .step-error, .submit-alert.success {
    background-color: #00abaa
}
.step-error {
    text-align: center;
    margin-top: 15px;
    padding: 10px;
    display: none
}
.dropzone {
    border: 2px dashed #fff
}
.dropzone .dz-message {
    margin: 2.3em 0
}
sup.require {
    font-size: 100%;
    top: -.5em;
    color: #00abaa
}
.message {
    font-family: din-2014, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 15px;
    font-size: 17px;
    margin-bottom: 15px;
    text-align: center
}
.message.failure {
    background-color: #00abaa
}
.message p {
    color: #fff;
    margin-bottom: 4px
}
.message h3 {
    padding-top: 0
}
.checkbox-center {
    display: inline-block;
    margin: 0 auto
}
.checkbox-row {
    margin: 0 -5px
}
.wb-form label.checkbox-label {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    margin: 10px 20px 10px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top
}
.wb-form label.checkbox-label.thirds {
    width: 32%;
    margin: 8px 5px
}
@media screen and (max-width:479px) {
    .wb-form label.checkbox-label.thirds {
        width: 45%
    }
}
.wb-form label.checkbox-label.halves {
    width: 48%;
    margin: 8px 5px
}
@media screen and (max-width:479px) {
    .wb-form label.checkbox-label.halves {
        width: 98%
    }
}
.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}
.checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 1px solid #31467a
}
.checkbox-label:hover input ~ .checkbox {
    border: 1px solid #31467a
}
.checkbox-label input:checked ~ .checkbox {
    background-color: #00abaa;
    border: 1px solid #31467a
}
.checkbox:after {
    content: "";
    position: absolute;
    display: none
}
.checkbox-label input:checked ~ .checkbox:after {
    display: block
}
.checkbox-label .checkbox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
#contactus-response {
    text-align: center;
    color: #31467a
}
#contactus-response h4, #contactus-response p {
    color: #31467a
}
input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    padding: 10px 0;
    color: #fff;
    font: 21px/25px din-2014;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}
input:not([type]) option, input[type=color] option, input[type=date] option, input[type=datetime-local] option, input[type=datetime] option, input[type=email] option, input[type=month] option, input[type=number] option, input[type=password] option, input[type=search] option, input[type=tel] option, input[type=text] option, input[type=time] option, input[type=url] option, input[type=week] option, select option, textarea option {
    color: #fff
}
input:not([type]) option:disabled, input[type=color] option:disabled, input[type=date] option:disabled, input[type=datetime-local] option:disabled, input[type=datetime] option:disabled, input[type=email] option:disabled, input[type=month] option:disabled, input[type=number] option:disabled, input[type=password] option:disabled, input[type=search] option:disabled, input[type=tel] option:disabled, input[type=text] option:disabled, input[type=time] option:disabled, input[type=url] option:disabled, input[type=week] option:disabled, select option:disabled, textarea option:disabled {
    color: #00abaa
}
select option:last-child {
    border-bottom: 2px solid #fff;
    overflow: visible
}
select option:first-child {
    border-top: 2px solid #fff
}
select option {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}
::-webkit-input-placeholder {
    color: #00abaa
}
:-ms-input-placeholder {
    color: #00abaa
}
::-ms-input-placeholder {
    color: #00abaa
}
::placeholder {
    color: #00abaa
}
select.minimal {
    color: #fff !important;
    font-family: din-2014, Arial, Helvetica, sans-serif;
    background-color: #31467a;
    background-image: linear-gradient(45deg, transparent 50%, #fff 0), linear-gradient(135deg, #fff 50%, transparent 0), linear-gradient(90deg, #fff, #fff);
    background-position: calc(100% - 20px) calc(1em - 2px), calc(100% - 15px) calc(1em - 2px), calc(100% - 2em) .1em;
    background-size: 5px 5px, 5px 5px, 1px 3em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select.minimal:hover {
    cursor: pointer
}
select.minmal option {
    color: #fff !important;
    background-color: #31467a;
    font-family: din-2014, Arial, Helvetica, sans-serif
}
.center-input {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    padding: 7px;
    border: 1px solid #fff
}
.spacer input:not([type]), .spacer input[type=color], .spacer input[type=date], .spacer input[type=datetime-local], .spacer input[type=datetime], .spacer input[type=email], .spacer input[type=month], .spacer input[type=number], .spacer input[type=password], .spacer input[type=search], .spacer input[type=tel], .spacer input[type=text], .spacer input[type=time], .spacer input[type=url], .spacer input[type=week], .spacer select, .spacer textarea {
    margin-bottom: 30px
}
label {
    font-size: 21px;
    font-family: din-2014
}
label input[type=checkbox], label input[type=radio] {
    margin-right: 5px
}
textarea {
    height: 200px
}
.options-col {
    min-width: 105px;
    text-align: center
}
.warning {
    border: 1px solid #00abaa !important
}
.wb-form {
    color: #31467a !important
}
.wb-form fieldset {
    border-bottom: 1px solid #31467a;
    margin-bottom: 30px;
    padding-bottom: 30px
}
.wb-form fieldset.last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}
.wb-form fieldset h1 {
    margin-bottom: 20px
}
.wb-form h1, .wb-form h2, .wb-form h3, .wb-form h4, .wb-form h5, .wb-form h6, .wb-form p {
    color: #fff
}
.wb-form .divider {
    border-bottom: 1px solid #31467a;
    margin: 20px 0 30px
}
.wb-form label {
    display: block;
    font-size: 21px;
    margin: 0 0 5px
}
.wb-form input:not([type]), .wb-form input[type=color], .wb-form input[type=date], .wb-form input[type=datetime-local], .wb-form input[type=datetime], .wb-form input[type=email], .wb-form input[type=month], .wb-form input[type=number], .wb-form input[type=password], .wb-form input[type=search], .wb-form input[type=tel], .wb-form input[type=text], .wb-form input[type=time], .wb-form input[type=url], .wb-form input[type=week], .wb-form select, .wb-form textarea {
    margin-bottom: 15px;
    display: block;
    width: 100%;
    border: 1px solid #31467a;
    padding: 5px;
    color: #31467a;
    font: 16px/16px din-2014;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}
.wb-form input:not([type]) option, .wb-form input[type=color] option, .wb-form input[type=date] option, .wb-form input[type=datetime-local] option, .wb-form input[type=datetime] option, .wb-form input[type=email] option, .wb-form input[type=month] option, .wb-form input[type=number] option, .wb-form input[type=password] option, .wb-form input[type=search] option, .wb-form input[type=tel] option, .wb-form input[type=text] option, .wb-form input[type=time] option, .wb-form input[type=url] option, .wb-form input[type=week] option, .wb-form select option, .wb-form textarea option {
    color: #000
}
.wb-form input:not([type]) option:disabled, .wb-form input[type=color] option:disabled, .wb-form input[type=date] option:disabled, .wb-form input[type=datetime-local] option:disabled, .wb-form input[type=datetime] option:disabled, .wb-form input[type=email] option:disabled, .wb-form input[type=month] option:disabled, .wb-form input[type=number] option:disabled, .wb-form input[type=password] option:disabled, .wb-form input[type=search] option:disabled, .wb-form input[type=tel] option:disabled, .wb-form input[type=text] option:disabled, .wb-form input[type=time] option:disabled, .wb-form input[type=url] option:disabled, .wb-form input[type=week] option:disabled, .wb-form select option:disabled, .wb-form textarea option:disabled {
    color: #a0a0a0
}
.wb-form input:not([type])::-webkit-input-placeholder, .wb-form input[type=color]::-webkit-input-placeholder, .wb-form input[type=date]::-webkit-input-placeholder, .wb-form input[type=datetime-local]::-webkit-input-placeholder, .wb-form input[type=datetime]::-webkit-input-placeholder, .wb-form input[type=email]::-webkit-input-placeholder, .wb-form input[type=month]::-webkit-input-placeholder, .wb-form input[type=number]::-webkit-input-placeholder, .wb-form input[type=password]::-webkit-input-placeholder, .wb-form input[type=search]::-webkit-input-placeholder, .wb-form input[type=tel]::-webkit-input-placeholder, .wb-form input[type=text]::-webkit-input-placeholder, .wb-form input[type=time]::-webkit-input-placeholder, .wb-form input[type=url]::-webkit-input-placeholder, .wb-form input[type=week]::-webkit-input-placeholder, .wb-form select::-webkit-input-placeholder, .wb-form textarea::-webkit-input-placeholder {
    color: #c7ecfb
}
.wb-form input:not([type]):-ms-input-placeholder, .wb-form input[type=color]:-ms-input-placeholder, .wb-form input[type=date]:-ms-input-placeholder, .wb-form input[type=datetime-local]:-ms-input-placeholder, .wb-form input[type=datetime]:-ms-input-placeholder, .wb-form input[type=email]:-ms-input-placeholder, .wb-form input[type=month]:-ms-input-placeholder, .wb-form input[type=number]:-ms-input-placeholder, .wb-form input[type=password]:-ms-input-placeholder, .wb-form input[type=search]:-ms-input-placeholder, .wb-form input[type=tel]:-ms-input-placeholder, .wb-form input[type=text]:-ms-input-placeholder, .wb-form input[type=time]:-ms-input-placeholder, .wb-form input[type=url]:-ms-input-placeholder, .wb-form input[type=week]:-ms-input-placeholder, .wb-form select:-ms-input-placeholder, .wb-form textarea:-ms-input-placeholder {
    color: #c7ecfb
}
.wb-form input:not([type])::-ms-input-placeholder, .wb-form input[type=color]::-ms-input-placeholder, .wb-form input[type=date]::-ms-input-placeholder, .wb-form input[type=datetime-local]::-ms-input-placeholder, .wb-form input[type=datetime]::-ms-input-placeholder, .wb-form input[type=email]::-ms-input-placeholder, .wb-form input[type=month]::-ms-input-placeholder, .wb-form input[type=number]::-ms-input-placeholder, .wb-form input[type=password]::-ms-input-placeholder, .wb-form input[type=search]::-ms-input-placeholder, .wb-form input[type=tel]::-ms-input-placeholder, .wb-form input[type=text]::-ms-input-placeholder, .wb-form input[type=time]::-ms-input-placeholder, .wb-form input[type=url]::-ms-input-placeholder, .wb-form input[type=week]::-ms-input-placeholder, .wb-form select::-ms-input-placeholder, .wb-form textarea::-ms-input-placeholder {
    color: #c7ecfb
}
.wb-form input:not([type])::placeholder, .wb-form input[type=color]::placeholder, .wb-form input[type=date]::placeholder, .wb-form input[type=datetime-local]::placeholder, .wb-form input[type=datetime]::placeholder, .wb-form input[type=email]::placeholder, .wb-form input[type=month]::placeholder, .wb-form input[type=number]::placeholder, .wb-form input[type=password]::placeholder, .wb-form input[type=search]::placeholder, .wb-form input[type=tel]::placeholder, .wb-form input[type=text]::placeholder, .wb-form input[type=time]::placeholder, .wb-form input[type=url]::placeholder, .wb-form input[type=week]::placeholder, .wb-form select::placeholder, .wb-form textarea::placeholder {
    color: #c7ecfb
}
.wb-form input:not([type]):disabled, .wb-form input[type=color]:disabled, .wb-form input[type=date]:disabled, .wb-form input[type=datetime-local]:disabled, .wb-form input[type=datetime]:disabled, .wb-form input[type=email]:disabled, .wb-form input[type=month]:disabled, .wb-form input[type=number]:disabled, .wb-form input[type=password]:disabled, .wb-form input[type=search]:disabled, .wb-form input[type=tel]:disabled, .wb-form input[type=text]:disabled, .wb-form input[type=time]:disabled, .wb-form input[type=url]:disabled, .wb-form input[type=week]:disabled, .wb-form select:disabled, .wb-form textarea:disabled {
    opacity: .5
}
.wb-form textarea {
    min-height: 300px
}
.wb-form input[type=submit] {
    margin-top: 15px
}
.judge-comment {
    height: auto;
    border: 1px solid #31467a;
    display: inline-block;
    padding: 5px
}
.white-form h1, .white-form label, .white-form p {
    color: #31467a
}
.white-form input:not([type]), .white-form input[type=color], .white-form input[type=date], .white-form input[type=datetime-local], .white-form input[type=datetime], .white-form input[type=email], .white-form input[type=month], .white-form input[type=number], .white-form input[type=password], .white-form input[type=search], .white-form input[type=tel], .white-form input[type=text], .white-form input[type=time], .white-form input[type=url], .white-form input[type=week], .white-form textarea {
    color: #00abaa;
    font-weight: 700;
    border-bottom: 1px solid #31467a
}
.white-form .selectBox select, .white-form select {
    border: 1px solid #31467a
}
.white-form select {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    color: #31467a;
    font: 21px/25px din-2014;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}
.white-form select option {
    color: #31467a
}
.white-form select option:disabled {
    color: #00abaa
}
.white-form select option:last-child {
    border-bottom: 2px solid #31467a;
    overflow: visible
}
.white-form select option:first-child {
    border-top: 2px solid #31467a
}
.white-form select option {
    border-left: 2px solid #31467a;
    border-right: 2px solid #31467a
}
.white-form ::-webkit-input-placeholder {
    color: #31467a
}
.white-form :-ms-input-placeholder {
    color: #31467a
}
.white-form ::-ms-input-placeholder {
    color: #31467a
}
.white-form ::placeholder {
    color: #31467a
}
.white-form select.minimal {
    color: #31467a !important;
    font-family: din-2014, Arial, Helvetica, sans-serif;
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #31467a 0), linear-gradient(135deg, #31467a, 50%, transparent 50%), linear-gradient(90deg, #31467a, #31467a);
    background-position: calc(100% - 20px) calc(1em - 2px), calc(100% - 15px) calc(1em - 2px), calc(100% - 2em) .1em;
    background-size: 5px 5px, 5px 5px, 1px 3em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.white-form select.minimal:hover {
    cursor: pointer
}
.white-form select.minmal option {
    color: #31467a !important;
    background-color: #fff;
    font-family: din-2014, Arial, Helvetica, sans-serif
}
.white-form .q-container label p {
    font-size: 16px;
    line-height: 1.2em;
    margin: 0 0 16px
}
@media screen and (max-width:479px) {
    .table__mobile td {
        display: block;
        padding: 0
    }
    .table__mobile td:last-child {
        margin-bottom: 50px
    }
    .table__mobile th {
        display: none
    }
}
.table {
    color: #31467a
}
.cms-option-icon {
    color: #31467a;
    font-size: 20px;
    padding-left: 10px
}
.table th {
    border-bottom: 1px solid #31467a;
    border-top: none;
    outline: none !important;
    font-family: din-2014;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 900
}
.table thead th:focus {
    background: #f2f4f8
}
.table th {
    color: #00abaa
}
.table td {
    vertical-align: middle;
    font-family: din-2014;
    font-size: 15px;
    border: none
}
.table td, .table th {
    padding-left: 0;
    padding-right: 0
}
.table td strong {
    font-weight: 900
}
.cms-list-cell {
    float: right
}
.table td:focus {
    background-color: #eceff4
}
.table tbody tr:first-child td {
    border-top: none
}
.table tbody tr td .btn {
    margin: 3px
}
.table.table-hover tbody tr:hover {
    background: #f2f4f8
}
.table th.active, .table tr.active {
    background: #f2f4f8
}
.table .thead-inverse th {
    background: #38354a
}
.table .thead-default th {
    background: #eceff4
}
.table.table-striped tbody tr:nth-of-type(odd) {
    background: #f2f4f8
}
.table-inverse thead th {
    border-bottom-color: #514d6a
}
.table-inverse td, .table-inverse th {
    border-top-color: #514d6a
}
.table-inverse td, .table-inverse th, .table-inverse thead th {
    background: #38354a
}
.table-inverse td:focus, .table-inverse th:focus, .table-inverse thead th:focus {
    background: #2b2838
}
.table-inverse th.active, .table-inverse tr.active {
    background: #f2f4f8
}
.td-right, .th-right {
    text-align: right
}
.table a.event-title:hover {
    text-decoration: none;
    color: #000
}
.table .event-title {
    color: #000
}
.table--white tr td {
    background-color: #fff;
    color: #444;
    padding: 0 0 0 10px
}
.table--white tr td .cms-option-icon {
    color: #444;
    padding-right: 15px
}
.table--white tr td.table__border-bottom {
    border-bottom: 15px solid #000
}
.table--white tr.finished > td {
    background-color: #00abaa
}
.table--grid {
    border-collapse: collapse;
    width: 100%
}
.table--grid tr td {
    border: 1px solid #fff;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    background-color: #000
}
.timeline {
    white-space: nowrap;
    overflow-x: hidden
}
.timeline ol {
    font-size: 0;
    width: 100vw;
    padding: 150px 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative
}
.timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 106px;
    height: 3px
}
.bg-color-black .timeline ol li {
    background: #fff
}
.bg-white .timeline ol li {
    background: #31467a
}
.timeline ol li:not(:first-child) {
    margin-left: 14px
}
.timeline ol li:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.bg-black .timeline ol li:first-child:before {
    background: #fff
}
.bg-white .timeline ol li:first-child:before {
    background: #31467a
}
.timeline ol li:last-child:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.bg-color-black .timeline ol li:last-child:before {
    background: #fff
}
.bg-white .timeline ol li:last-child:before {
    background: #31467a
}
.bg-color-black .timeline ol li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ee7658
}
.bg-white .timeline ol li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00abaa
}
.timeline ol li div {
    position: absolute;
    left: calc(50% - 33px);
    width: 185px;
    padding: 15px;
    font-size: 1rem;
    white-space: normal
}
.timeline ol li div:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid
}
.timeline ol li:nth-child(odd) div {
    top: -16px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.timeline ol li:nth-child(odd) div:before {
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    height: 30px
}
.bg-color-black .timeline ol li:nth-child(odd) div:before {
    border-left: 2px solid #fff
}
.bg-white .timeline ol li:nth-child(odd) div:before {
    border-left: 2px solid #31467a
}
.timeline ol li:nth-child(2n) div {
    top: calc(100% + 16px)
}
.timeline ol li:nth-child(2n) div:before {
    top: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    height: 30px
}
.bg-color-black .timeline ol li:nth-child(2n) div:before {
    border-left: 2px solid #fff
}
.bg-white .timeline ol li:nth-child(2n) div:before {
    border-left: 2px solid #00abaa
}
.timeline h4 {
    font-size: 1.19rem;
    color: #00abaa;
}
.timeline h4, .timeline h5 {
    display: block;
    font-weight: 900
}
.timeline h5 {
    font-family: din-2014 !important;
    font-size: .85rem;
    font-weight: 700
}
.bg-color-black .timeline h5 {
    color: #fff
}
.bg-white .timeline h5 {
    color: #31467a
}
.timeline .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}
.timeline .arrows .arrow__prev {
    margin-right: 20px
}
.timeline .disabled {
    opacity: .5
}
.timeline .arrows img {
    width: 45px;
    height: 45px
}
@media screen and (max-width:599px) {
    .timeline ol, .timeline ol li {
        width: auto
    }
    .bg-black .timeline ol li {
        background: #00abaa
    }
    .bg-white .timeline ol li {
        background: #fff
    }
    .timeline ol {
        padding: 0;
        -webkit-transform: none !important;
        transform: none !important
    }
    .timeline ol li {
        display: block;
        height: auto;
        background: transparent
    }
    .timeline ol li:first-child {
        margin-top: 25px
    }
    .timeline ol li:not(:first-child) {
        margin-left: auto
    }
    .timeline ol li div {
        width: 94%;
        height: auto !important;
        margin: 0 auto 25px;
        position: static
    }
    .timeline ol li:nth-child(odd) div {
        -webkit-transform: none;
        transform: none
    }
    .timeline ol li:nth-child(2n) div:before, .timeline ol li:nth-child(odd) div:before {
        left: 50%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border: none;
        border-left: 1px solid #fff;
        height: 25px
    }
    .timeline .arrows, .timeline ol li:first-child:before, .timeline ol li:last-child, .timeline ol li:not(:last-child):after, .timeline ol li:nth-last-child(2) div:before {
        display: none
    }
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.category-new {
    border: solid 2px #00abaa;
    color: #00abaa;
    position: absolute;
    background-color: #ffffff;
    font-size: 35pt;
    padding: 10px 10px 3px 10px;
    right: -8px;
    bottom: -8px;
    z-index: 10;
}
.rotation-3 {
  transform-origin: center center;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
}
.rotation-minus-3 {
  transform-origin: center center;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
}
.rotation-7 {
  transform-origin: center center;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
}
.rotation-minus-7 {
  transform-origin: center center;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -o-transform: rotate(7deg);
}
.first {
    background-color: #e2c902;
}
.second {
    background-color: #b0b0b0;
}
.third {
    background-color: #8f5601;
}
.first td,
.second td,
.third td {
    color: #ffffff;
}