@charset "UTF-8";


@font-face {
    font-family: 'FuturaDemiCTT Normal';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/futurademic.otf) format('opentype');
}

@font-face {
    font-family: 'Futuramediumc';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/futuramediumc.otf) format('opentype');
}

@font-face {
    font-family: 'Futuralightc';
 
    src: url(../fonts/futuralightc.otf) format('opentype');
}

@font-face {
    font-family: 'Open Sans';
 
    src: url(../fonts/2208.ttf);
}

@font-face {
    font-family: 'Open Sans Normal';
 
    src: url(../fonts/opensans.ttf);
}

@font-face {
    font-family: 'FiraSans-UltraItalic';
   
    src: url(../fonts/FiraSans-UltraItalic.otf) format('opentype');
}



.sovet-txt {
	font-family: 'Open Sans Normal';
	font-size: 14px;
	margin-top: 40px;
}


.text-logo {
	font-family: 'Futuramediumc';
	color: #ED5B5E;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	top: 90px;
	left: 10px;
}


.component-tabs .component-tabs__list,
.list-unstyled,
.page-nav .page-nav__list,
.share,
.social {
    padding: 0;
    list-style: none
}

.controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.category--count .category__name,
.category--standart,
.category-section .category-section__name,
.content-list .content-list__link,
.link--large,
.link-list a,
.nav--secondary .nav__link,
.pagination .pagination__link--next,
.pagination .pagination__link--prev,
.rod-tabs .rod-tabs__link,
.tabs .tabs__link,
.tag,
.testimonial .testimonial__source {
    position: relative;
    overflow: hidden
}
.soc-line {text-align:right;}
.b-top a {
	 
	color: #fff;
	text-decoration: none;
	border: 0;
	font-size: 16px;
	font-family: 'Futuramediumc';
 
}

.b-top li {
    list-style-type: none;  
   }

.heading h2 {
	font-family: FuturaDemiCTT Normal;
	font-size: 35px;
	color: #000;
}

.category--count .category__name:before,
.category--standart:before,
.category-section .category-section__name:before,
.content-list .content-list__link:before,
.link--large:before,
.link-list a:before,
.nav--secondary .nav__link:before,
.pagination .pagination__link--next:before,
.pagination .pagination__link--prev:before,
.rod-tabs .rod-tabs__link:before,
.tabs .tabs__link:before,
.tag:before,
.testimonial .testimonial__source:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #6fb1f4;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955)
}

.content-list .content-list__link:hover:before,
.link--large:hover:before,
.link-list a:hover:before,
.nav--secondary .nav__link:hover:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.rod-tabs .rod-tabs__link:hover:before,
.tabs .tabs__link:hover:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.category--count .category__name:hover:before,
.category--standart:hover:before,
.category-section .category-section__name:hover:before,
.tag:hover:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.testimonial .testimonial__source:hover:before {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}
.component {
	padding-bottom: 9rem;
}



.sequence h3 {
	font-family: 'Futuramediumc';
	font-size: 22px;
	
	padding-top:5px;
}

.line {
	border-bottom: 1px solid #666;
	width: 20%;
	height: 2px;
}

.txt-se p {
	font-family: 'Open Sans';
	font-size: 18px;
	color: #666;
}

.pad-sovet h3 {
	 
	line-height: 2.0625rem;
}



.pagination .pagination__link--next:hover:before,
.pagination .pagination__link--prev:hover:before,
.testimonial .testimonial__source:hover:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.category--count .category__name:before,
.category--standart:before,
.category-section .category-section__name:before,
.content-list .content-list__link:before,
.link--large:before,
.link-list a:before,
.nav--secondary .nav__link:before,
.pagination .pagination__link--next:before,
.pagination .pagination__link--prev:before,
.tag:before {
    -webkit-transition-delay: 280ms;
    transition-delay: 280ms
}


.f-phone {
	color: #fff;
	font-family: 'Futuramediumc';
	font-size: 23px;
	font-weight: 600;
	margin-bottom:0px;
	text-align:right;
}
.f-phone a {font-size: 23px;}
.f-phone-txt  { 
	font-family: 'Futuramediumc';
	font-size: 13px;
	text-align:right;
	color:#fff;
}


.nav--primary .nav__link-m {
	padding: .875em 0;
	margin-right: 1rem;
	font-weight: 400;
	font-family: "FuturaDemiCTT Normal";
	line-height: 1.5rem;
	color: #666;
	font-size: 18px;
	-webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
	transition: color 400ms cubic-bezier(.25, .46, .45, .94);
	text-decoration: none;
 
}

.dop-b {margin-bottom:20px;}


.new-hr {width:100%; height:30px;}

.d12 {
	 
	width: 20px;
	height: 5px;
	transform: skew(-20deg);
	background-color: rgba(237, 91, 94, 0.4) !important;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
}

.heading .dop-r::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 10% !important;
	z-index: -1;
	width: 70px !important;
	height: 50px !important;
	margin-left: -20px;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	background-color: rgba(237, 91, 94, 0.2) !important;
}
.category--count .category__name:after,
.category--standart:after,
.category-section .category-section__name:after,
.content-list .content-list__link:after,
.link--large:after,
.link-list a:after,
.nav--secondary .nav__link:after,
.pagination .pagination__link--next:after,
.pagination .pagination__link--prev:after,
.tag:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 35%;
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    -webkit-transform: translate(-150px, 0);
    transform: translate(-150px, 0);
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.category--count .category__name:hover:before,
.category--standart:hover:before,
.category-section .category-section__name:hover:before,
.content-list .content-list__link:hover:before,
.link--large:hover:before,
.link-list a:hover:before,
.nav--secondary .nav__link:hover:before,
.pagination .pagination__link--next:hover:before,
.pagination .pagination__link--prev:hover:before,
.tag:hover:before {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.category--count .category__name:hover:after,
.category--standart:hover:after,
.category-section .category-section__name:hover:after,
.content-list .content-list__link:hover:after,
.link--large:hover:after,
.link-list a:hover:after,
.nav--secondary .nav__link:hover:after,
.pagination .pagination__link--next:hover:after,
.pagination .pagination__link--prev:hover:after,
.tag:hover:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 280ms;
    transition-delay: 280ms
}



.bg2 {
	background: url(../images/f2.png);
	/*background-position: 0 -300px;*/
	background-size: cover;
	background-attachment: fixed;
}

.bg2-1 {
	background: url(../images/2-1.jpg);
	/* background-position: 0 -300px; */
	background-size: cover;
}

.bg3 {
	background: url(../images/f4.png);
	 
	background-size: cover;
	
	background-attachment: fixed;
}


.bg3-1 {
	background: url(../images/sес3.png);
	 
	background-size: cover;
}

.f6 {
	background: url(../images/f6.png);
	 
	background-size: cover;
}


.category--count .category__name:after,
.link-list a:after,
.nav--secondary .nav__link:after,
.pagination .pagination__link--next:after,
.pagination .pagination__link--prev:after,
.tag:after {
    background: #f5f5f5
}

.card--person .card__name,
.card--post .card__name,
.card--post-tiny .card__name {
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94)
}

.card--person .card__name:hover,
.card--post .card__name:hover,
.card--post-tiny .card__name:hover {
    color: #6fb1f4
}

.card--product .card__name:before,
.card--product-sm .card__name:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    height: 0;
    margin-top: -.25rem;
    background: #98d5fc;
    -webkit-transform: rotate(30deg) translate(-50%, -50%);
    transform: rotate(30deg) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}


/*! sanitize.css v6.0.0 | CC0 License | github.com/csstools/sanitize.css */

*,
::after,
::before {
    background-repeat: no-repeat;
    box-sizing: border-box
}

::after,
::before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    line-height: 1.15;
    cursor: default;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: break-word
}

body,
button,
input,
optgroup,
select,
textarea {
    margin: 0
}

h1 {
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

details,
main {
    display: block
}

nav ol,
nav ul {
    list-style: none
}

code,
kbd,
pre,
samp {
    font: 1em monospace, monospace
}

a {
    background: 0 0
}

abbr[title] {
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

::-moz-selection {
    background: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    color: #000;
    text-shadow: none
}


.gorod {
    position: absolute;
    left: 210px;
    top: 30px;
    font-family: 'Open Sans Normal';
    color: #6b1112;
    font-weight: 300;
    font-size: 14px;
}
.gorod span {
font-weight: 600; 
}       

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
canvas {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    max-width: 100%
}

svg {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

button,
input,
select,
textarea {
    font: inherit/inherit inherit
}

button {
    overflow: visible;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

fieldset {
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

dialog {
    background: #fff;
    border: solid;
    color: #000;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden],
template {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled],
[disabled] {
    cursor: disabled
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute
}

body {
    font: 1.125rem/1.6875rem "Arapey", serif
}

.wrapper,
body {
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Josefin Sans", sans-serif
}

h1 {
    font-size: 2rem;
    line-height: 2.75rem
}

h2,
h3 {
    padding-bottom: .625rem
}

h2 {
    font-size: 1.5rem;
    line-height: 2.0625rem;
    padding-top: 1rem
}

.preview-text,
h3 {
    font-size: 1.25rem;
    line-height: 1.875rem
}

h3 {
    padding-top: 1.125rem
}


.hero__content h1 {
	color: #c04b00;
	font-weight: 400;
}

.hero__content span {
	 
	font-weight: 600;
}


p {
    margin: 0 0 1.125rem
}

.preview-text {
    margin-bottom: 1rem
}

@media (min-width:768px) {
    h1 {
        font-size: 2.25rem;
        line-height: 3rem
    }
    h2 {
        padding-top: 1.375rem;
        padding-bottom: .625rem;
        font-size: 2rem;
        line-height: 2.75rem
    }
    h3 {
        padding-top: 1.5rem;
        padding-bottom: .875rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .preview-text {
        margin-bottom: 1.625rem;
        font-size: 1.375rem;
        line-height: 2rem
    }
    p {
        margin-bottom: 1.6875rem
    }
}

	
@media (min-width:992px) {
    h1 {
        font-size: 2.8125rem;
        line-height: 3.75rem
    }
    .preview-text {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .preview-text--adjust {
        font-size: 1.375rem;
        line-height: 2rem
    }
	
	
}

@media (min-width:1200px) {
	
    h1 {
        font-size: 3.375rem;
        line-height: 4.5rem
    }
}

ol,
ul {
    margin: 0 0 1.625rem
}

ol li,
ul li {
    position: relative;
    margin-bottom: .625rem
}

.list li:last-child,
ol li:last-child,
ul li:last-child {
    margin-bottom: 0
}

ol {
    padding-left: 0;
    list-style: none;
    counter-reset: content-list
}

ol li {
    padding-left: 1.5rem
}

ol li:before {
    content: counter(content-list) ".";
    counter-increment: content-list;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

ul {
    list-style: square;
    padding-left: 1.125rem
}

ul li {
    padding-left: .375rem
}

.list,
.list li {
    margin-bottom: 1.125rem
}

.list {
    padding-left: 0;
    list-style: none
}

.list li {
    padding-left: 2.375rem
}

.list li:after,
.list li:before {
    content: "";
    display: block;
    position: absolute
}

.list li:before {
    top: 7px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #8b989b
}

.list li:after {
    top: 1px;
    left: 3px;
    width: 6px;
    height: 28px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.list--inside {
    padding-top: .375rem
}

.list--large,
.list--large li {
    margin-bottom: 1rem
}

.list--large li {
    padding-left: 2.625rem;
    font-size: 1.25rem;
    line-height: 1.875rem
}

.list--large li:before {
    top: 9px
}

.list--large li:after {
    top: 3px
}

@media (min-width:768px) {
    .list {
        margin-bottom: 2.25rem
    }
    .list li {
        margin-right: 2rem;
        margin-bottom: 1.625rem
    }
    .list--inside {
        padding-top: .625rem
    }
    .list--large {
        margin-bottom: 1.5rem
    }
    .list--large li {
        margin-right: 0
    }
	
/*	.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;*/
}
/*.sup-center, .copy, .f-phone, .f-phone-txt, .soc-line  {text-align:center !important;}
.sup-center ul {padding-left:0}
/*.pad-sovet {
    padding: 80px 50px 50px !important;
}*/
}

@media (min-width:992px) {
    .list--large {
        margin-bottom: 2.125rem
    }
    .list--large li {
        padding-left: 2.875rem;
        margin-bottom: 1.375rem;
        font-size: 1.375rem;
        line-height: 2rem
    }
    .list--large li:before {
        top: 11px
    }
    .list--large li:after {
        top: 5px
    }
}

.feature-list {
    padding-bottom: .375rem
}

.feature-list .feature-list__item {
    margin-bottom: 1.125rem
}

.feature-list .feature-list__marker {
    position: relative;
    display: block;
    width: 54px;
    height: 54px;
    margin-right: 1.75rem;
    background: #f5f5f5
}

.feature-list .feature-list__marker:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/assets/feature.svg) no-repeat 50% 50%;
    background-size: 33px 24px
}

.feature-list .feature-list__value {
    font: 1rem/1.5rem "Josefin Sans", sans-serif
}

.feature-list--single {
    padding-top: 0
}

@media (min-width:576px) {
    .feature-list {
        padding-top: .5rem
    }
    .feature-list .feature-list__marker {
        margin-right: 2.25rem
    }
    .feature-list .feature-list__item {
        margin-bottom: 1.6875rem
    }
    .feature-list--single {
        padding-top: 0;
        margin-bottom: -.5rem
    }
}

@media (min-width:768px) {
    .feature-list {
        padding-top: .625rem;
        padding-bottom: 1rem
    }
    .feature-list--single {
        margin-bottom: -1.125rem
    }
}

@media (min-width:992px) {
    .feature-list .feature-list__marker {
        width: 72px;
        height: 72px;
        margin-right: 2.25rem
    }
    .feature-list .feature-list__marker:before {
        background-size: 44px 32px
    }
    .feature-list .feature-list__value {
        font-size: 1.125rem;
        line-height: 1.6875rem
    }
}

.preview-list .preview-list__item {
    font: 1.375rem/2rem "Josefin Sans", sans-serif;
    display: none;
    margin-right: 1.875rem;
    margin-bottom: .875rem
}

.preview-list .preview-list__item:last-child {
    margin-right: 0
}

.preview-list .link {
    margin-bottom: .875rem
}

@media (min-width:576px) {
    .preview-list {
        padding-top: .625rem
    }
    .preview-list .preview-list__item {
        display: inline-block
    }
}

@media (min-width:768px) {
    .preview-list {
        padding-top: 1rem
    }
}

@media (min-width:992px) {
    .preview-list .preview-list__item {
        margin-bottom: 1.375rem;
        font-size: 1.5rem;
        line-height: 2.0625rem;
        margin-right: 2rem
    }
    .preview-list .link {
        margin-bottom: 1.375rem
    }
}

@media (min-width:1200px) {
    .preview-list {
        padding-top: 1.625rem
    }
    .preview-list .preview-list__item {
        margin-right: 2.5rem
    }
}

.quote {
    position: relative;
    max-width: 720px;
    margin: 0 auto 1.625rem;
    padding: .875rem 1.875rem .5rem 4.5rem
}

.quote p {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.875rem
}

.quote:before {
    content: "“";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 160px;
    line-height: 155px
}

.quote:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #0a0b13;
    opacity: .1
}

@media (max-width:420px) {
    .quote {
        padding-left: 0;
        padding-right: 0
    }
    .quote:before {
        opacity: .1
    }
    .quote:after {
        display: none
    }
}

@media (min-width:576px) {
    .quote {
        padding-left: 7.125rem;
        padding-right: 2.375rem
    }
    .quote:before {
        font-size: 210px;
        line-height: 195px
    }
}

@media (min-width:768px) {
    .quote {
        margin-bottom: 2.125rem
    }
    .quote p {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

@media (min-width:992px) {
    .quote p {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 0
}

.link--secordary,
ol a,
p a,
ul a {
    -webkit-transition: color 280ms cubic-bezier(.25, .46, .45, .94);
    transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}

ol a,
p a,
ul a {
    text-decoration: none;
    border-bottom: 2px solid #6fb1f4;
    color: #0a0b13
}

ol a:hover,
p a:hover,
ul a:hover {
    color: #8b989b
}

.link {
    font-family: "Josefin Sans", sans-serif;
    color: #1b1b18;
    text-decoration: none
}

.link--secordary {
    display: inline-block;
    font-weight: 600;
    color: #8b989b
}

.link--secordary:hover {
    color: #1b1b18
}

.link--cta {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 1.125rem 0
}

.link--cta:after,
.link--cta:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    z-index: -1;
    width: 4px;
    height: 15px;
    background: #6fb1f4;
    -webkit-transform: skew(-30deg) translate(-50%, 0%);
    transform: skew(-30deg) translate(-50%, 0%)
}

.link--cta:before {
    top: .125rem;
    margin-left: .9375rem;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}

.link--cta:after {
    bottom: .375rem;
    margin-left: -.75rem
}

.link--cta:hover:before {
    height: 40px
}

.link--cta-include {
    margin-top: -1.125rem;
    vertical-align: top
}

.link--large {
    display: inline-block;
    overflow: hidden;
    margin-top: -.25rem;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    line-height: 1.875rem
}

@media (min-width:768px) {
    .link--large {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .link--cta-include {
        margin-top: -1rem
    }
}

@media (min-width:992px) {
    .link--cta-include {
        margin-top: -.75rem
    }
}

.btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    font-family: "Josefin Sans", sans-serif;
    color: #1b1b18;
    text-align: center;
    text-decoration: none
}

.btn--primary {
    width: 280px;
    max-width: 100%;
    padding-top: .875rem;
    padding-bottom: .75rem;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.875rem
}

.btn--primary:after {
    margin-right: 10px
}

.btn--primary.btn--light {
    background: #fff
}



.card h3 {
font-family: 'Futuramediumc';
font-size:35px;
}

.card p {
 font-family: 'Open Sans Normal';
font-size:14px;
color:#666
}


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


.heading .heading__name0::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px !important;
	left: 35%;
	z-index: -1;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	background-color: rgba(237, 91, 94, 0.2);
}

.dop-txt { font-family: 'Open Sans'; font-size:12px;}
.dop-txt0 {
	font-family: 'Open Sans Normal';
	font-size: 14px;
	margin-top: 25px;
}

.col000 p {color:#000;}
.heading .heading__name0 {
	font-size: 35px;
	line-height: 25px;
	font-family: 'Futuramediumc';
}
.dip-w
{max-width: 750px !important;}

.btn--primary,
.btn--primary.btn--light:after,
.btn--primary.btn--light:before,
.btn--secondary.btn--light:after,
.btn--secondary.btn--light:before {
    background: #98d5fc
}

.btn--secondary {
    width: 200px;
    max-width: 100%;
    padding-top: .75rem;
    padding-bottom: .5rem;
    font-weight: 600;
    border: 2px solid #6fb1f4;
    background: 0 0
}

.btn--secondary:after {
    margin-right: 8px
}

.btn--secondary.btn--light {
    border-color: #fff
}

.btn--primary:after,
.btn--primary:before,
.btn--secondary:after,
.btn--secondary:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 20px;
    height: calc(50% + 2px);
    margin-left: -10px;
    background: #fff;
    -webkit-transform: skew(-30deg) translate(10px, 0);
    transform: skew(-30deg) translate(10px, 0);
    -webkit-transition: width 400ms cubic-bezier(.455, .03, .515, .955);
    transition: width 400ms cubic-bezier(.455, .03, .515, .955)
}

.btn--primary:before,
.btn--secondary:before {
    top: -2px;
    left: 50%
}

.btn--primary:after,
.btn--secondary:after {
    bottom: -2px;
    right: 50%
}

.btn--primary:hover:after,
.btn--primary:hover:before,
.btn--secondary:hover:after,
.btn--secondary:hover:before {
    width: 0
}

.btn--primary:after,
.btn--primary:hover:before,
.btn--secondary:after,
.btn--secondary:hover:before {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.btn--primary:hover:after,
.btn--secondary:hover:after {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

@media (min-width:768px) {
    .btn--primary {
        width: 300px;
        padding-top: 1.1875rem;
        padding-bottom: .8125rem;
        font-size: 1.375rem;
        line-height: 2rem
    }
    .btn--secondary {
        width: 240px;
        padding-top: .875rem;
        padding-bottom: .625rem
    }
}

button,
input,
textarea {
    border-radius: 0;
    box-shadow: none
}

button {
    border: 0
}

input,
textarea {
    width: 100%
}

textarea {
    resize: none
}

form fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

.form .form__heading {
    position: relative;
    display: block;
    max-width: 630px;
    margin: 0 auto 1.75rem;
    padding: 3.875rem 0 1.625rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600
}

.form .form__heading:before {
    height: 1px;
    background: #0a0b13;
    opacity: .1
}

.form .form__info {
    display: block;
    padding-top: .625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    color: #8b989b
}

.form .form__group {
    position: relative;
    margin-bottom: 1.75rem;
    overflow: hidden
}

.form .form__group:after,
.form .form__group:before,
.form .form__heading:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.form .form__group:after {
    background: #0a0b13;
    z-index: 1;
    height: 1px
}

.form .form__group:before {
    z-index: 2;
    height: 4px;
    background: #6fb1f4;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 640ms cubic-bezier(.455, .03, .515, .955);
    transition: all 640ms cubic-bezier(.455, .03, .515, .955)
}

.form .form__group.focus:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.form .form__input {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    display: block;
    padding: 1rem 0 .625rem;
    color: #8b989b;
    background: 0 0;
    border: 0
}

.form .form__input.placeholder {
    color: #8b989b;
    opacity: 1
}

.form .form__input:-moz-placeholder,
.form .form__input::-moz-placeholder {
    color: #8b989b;
    opacity: 1
}

.form .form__input:-ms-input-placeholder {
    color: #8b989b;
    opacity: 1
}

.form .form__input::-webkit-input-placeholder {
    color: #8b989b;
    opacity: 1
}

.form .form__area {
    height: 136px
}

.form .form__input-label {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    display: inline-block;
    cursor: pointer
}

.form .form__input-desctiption {
    display: inline-block;
    margin-bottom: .25rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.form .form__action {
    text-align: center;
    padding-top: .5rem
}

.form--comment .form__heading {
    padding-top: 4.625rem
}

@media (min-width:768px) {
    .form .form__heading {
        padding-top: 4.375rem;
        padding-bottom: 1.375rem;
        margin-bottom: 0;
        text-align: center
    }
    .form .form__heading:before {
        display: none
    }
    .form .form__info {
        padding-top: .875rem;
        font-size: 1.125rem;
        line-height: 1.6875rem
    }
    .form .form__group {
        margin-bottom: 1.25rem
    }
    .form .form__input {
        padding: 1.375rem 0
    }
    .form .form__area {
        height: 172px
    }
    .form .form__action {
        padding-top: 1rem
    }
    .form .form__input-label {
        padding-top: 1.6875rem
    }
    .form .form__input-desctiption {
        padding-top: 1.625rem
    }
    .form--comment .form__heading {
        padding-top: 4.875rem
    }
}

@media (min-width:992px) {
    .form .form__heading {
        max-width: 720px;
        padding-top: 5.4375rem
    }
    .form .form__heading,
    .form .form__input {
        font-size: 1.375rem;
        line-height: 2rem
    }
    .form .form__input-label {
        font-size: 1.125rem;
        line-height: 1.6875rem
    }
    .form .form__input-desctiption {
        margin-left: -2rem
    }
    .form .form__action {
        padding-top: 2.125rem
    }
    .form--comment .form__heading {
        padding-top: 6rem
    }
}

@media (min-width:1200px) {
    .form .form__heading {
        padding-top: 7.125rem;
        padding-bottom: 1.875rem
    }
    .form .form__input-desctiption {
        margin-left: -1rem
    }
    .form--comment .form__heading {
        padding-top: 7.75rem
    }
    .container {
        max-width: 1170px
    }
}

.row {
    margin-left: -18px;
    margin-right: -18px
}

.col,
[class*=col-] {
    padding-left: 18px;
    padding-right: 18px
}

@media (min-width:992px) {
    .row {
        margin-left: -36px;
        margin-right: -36px
    }
    .col,
    [class*=col-] {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media (max-width:465px) {
    .one-col-clear {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.grid-item,
.grid-item--sm,
.grid-sizer {
    padding-left: 0;
    padding-right: 0
}

.grid-item,
.grid-item--sm {
    width: 100%
}

.grid-sizer {
    width: 20%
}

.grid-item .media__area {
    padding-bottom: 71.3%!important;
    background: #f5f5f5
}

.grid-item .media__area img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.grid-item--lg .media__area {
    padding-bottom: 47.35%!important
}

.grid-item--sm .media__area {
    padding-bottom: 123.55%!important
}

.grid-item--sm .media__area img {
    max-width: none;
    max-height: 100%
}

@media (min-width:768px) {
    .grid-sizer {
        width: 20%
    }
    .grid-item {
        width: 60%;
        padding-right: 27px
    }
    .grid-item--sm {
        width: 40%;
        padding-right: 0;
        padding-left: 9px
    }
    .grid-item--lg {
        width: 100%;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .grid-item {
        padding-right: 53px
    }
    .grid-item--sm {
        padding-left: 19px
    }
    .grid-item--lg,
    .grid-item--sm {
        padding-right: 0
    }
}

.content-section.reveal .heading-section .heading-section__control .control-start,
.hidden {
    display: none
}

.block-relative {
    position: relative
}

.block-static {
    position: static
}

.content-plain .heading--start {
    padding-top: 0
}

.content-plain>:last-child {
    margin-bottom: 0
}

.content-section {
    margin-top: 1.75rem
}

.content-section .content-section__body {
    display: none;
    padding-top: .625rem
}

.content-section--start {
    padding-top: .875rem
}

.content-section--include .heading-section {
    margin-bottom: .25rem
}

.content-section--static .content-section__body,
.content-section.reveal .content-section__body,
.content-section.reveal .heading-section .heading-section__control .control-end {
    display: block
}

.content-section--static .heading-section .heading-section__control {
    display: none
}

.content-subsection {
    position: relative
}

.content--page>:last-child {
    margin-bottom: 0
}

.content--page-alt {
    margin-top: -1rem
}

@media (min-width:768px) {
    .content--page {
        margin-top: -2rem
    }
    .content--page-alt {
        margin-top: -1.375rem
    }
    .content-section {
        margin-top: 2.75rem
    }
    .content-section .content-section__body {
        display: block;
        padding-top: 0
    }
    .content-section .preview-text {
        margin-top: -.5rem
    }
    .content-section--include {
        padding-top: .625rem
    }
    .content-section--include .heading-section {
        margin-bottom: 0
    }
    .content-section--start {
        padding-top: 1.5rem
    }
    .content-subsection {
        padding-top: 1.25rem
    }
}

@media (min-width:1200px) {
    .content-section {
        margin-top: 3.875rem
    }
}

.section-control {
    position: relative;
    padding: 1.6875rem 0 2.25rem;
    text-align: center
}

.section-control:after,
.section-control:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0a0b13;
    opacity: .1
}

.section-control:before {
    top: 0
}

.section-control:after {
    bottom: 0
}

.section-control .section-control__label {
    display: block;
    margin-bottom: .875rem;
    font-family: "Josefin Sans", sans-serif;
    color: #8b989b
}

@media (min-width:768px) {
    .section-control {
        padding-bottom: 1.6875rem
    }
    .section-control .section-control__label {
        margin-bottom: 0
    }
}

.grid-image {
    margin-bottom: -3rem
}

@media (min-width:992px) {
    .component .grid-image {
        margin-bottom: -4.125rem
    }
}

.component {
    padding-top: 5.375rem
}

@media (min-width:768px) {
    .component {
        padding-top: 7.5rem
    }
}

@media (min-width:1200px) {
    .component {
        padding-top: 9rem
    }
}

img:not([src]) {
    visibility: hidden
}

video {
    display: block;
    width: 100%
}

iframe {
    border: 0
}

.media {
    position: relative
}

.media .media__area {
    display: block;
    overflow: hidden
}

.media .image-placeholder {
    width: 128px;
    height: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    opacity: .1
}

.media--left {
    float: left
}

.media--right {
    float: right
}

.media--space {
    padding-bottom: 3rem
}

@media (min-width:992px) {
    .media--space {
        padding-bottom: 4.125rem
    }
}

.media .media__caption {
    display: block;
    max-width: 360px;
    padding-top: .875rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    margin: 0 auto -.5rem
}

.media-info {
    padding: 0 1.5rem;
    min-height: 90px;
    text-align: center
}

.media-info .media-info__item {
    padding-top: 1.625rem;
    padding-bottom: 1.5rem
}

.media-info .media-info__value {
    display: block;
    margin-bottom: .25rem;
    font-family: "Josefin Sans", sans-serif;
    color: #8b989b;
    text-decoration: none;
    -webkit-transition: color 280ms cubic-bezier(.25, .46, .45, .94);
    transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}

.media-info .media-info__value:hover {
    color: #1b1b18
}

@media (min-width:576px) {
    .media-info {
        padding: 0 3.375rem;
        text-align: left
    }
    .media-info .media-info__value {
        display: inline-block;
        width: 72px;
        margin-bottom: 0
    }
    .media-info .media-info__description {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 9rem)
    }
}

@media (min-width:992px) {
    .media-info {
        padding: 0 3.875rem
    }
    .media-info .media-info__item {
        padding-top: 2.125rem;
        padding-bottom: 2rem
    }
}

@media (min-width:1200px) {
    .media-info {
        padding: 0 4.5rem
    }
}

.content .media {
    margin: 1.75rem 0 1.625rem
}

.content .media--left,
.content .media--right {
    float: none;
    padding: .625rem 0;
    margin: 0 auto .875rem
}

@media (min-width:768px) {
    .content .media {
        margin: 2.25rem 0 2.125rem
    }
    .content .media--left,
    .content .media--right {
        margin: 0 auto 1.5rem
    }
}

@media (min-width:992px) {
    .content .media {
        margin: 2.875rem 0 2.75rem
    }
    .content .media--left {
        padding: 0;
        width: auto;
        float: left;
        margin: .625rem 3.125rem 1rem 0
    }
    .content .media--right {
        padding: 0;
        width: auto;
        float: right;
        margin: .625rem 0 1rem 3.125rem
    }
}

.media-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.15%
}

.media-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.media-wrapper iframe,
.media-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

svg path {
    fill: inherit
}

.icon {
    font-style: normal
}

.icon--regular {
    width: 32px;
    height: 32px
}

.icon--regular use {
    fill: #0a0b13;
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955)
}

.icon--action:hover use,
.icon-state .icon use,
.search .search__action:hover svg use,
.search-toggle:hover use {
    fill: #6fb1f4
}

.icon-holder {
    position: relative
}

.icon-state {
    width: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}

.icon-state,
.icon-state .icon {
    position: absolute;
    bottom: 0;
    left: 0
}

@media (pointer:fine) {
    .icon-holder:hover .icon-state {
        width: 100%;
        height: 100%
    }
}

.heading {
    display: block;
    max-width: 585px;
    margin: 0 auto;
    padding-bottom: 2.75rem;
    text-align: center
}

.heading .heading__name {
    position: relative;
    z-index: 1;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.75rem;
    line-height: 2.375rem
}
.heading .heading__name::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 30%;
	z-index: -1;
	width: 80px;
	height: 80px;
	margin-left: -20px;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	background-color: rgba(255, 255, 255, 0.2);
}
.slider-blok {
	background: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
}


}
 
/*
.heading .heading__name:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 30%;
    z-index: -1;
    width: 40px;
    height: 32px;
    margin-left: -20px;
    background: #fff;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg)
}*/

.heading .heading__info {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    color: #4f4f4f
}

@media (min-width:768px) {
    .heading {
        padding-bottom: 3.375rem
    }
   .heading .heading__name {
	margin-bottom: .625rem;
	font-size: 35px;
	line-height: 25px;
	font-family: 'Futuramediumc';
}
    .heading .heading__name::before {
	top: -10px;
}
    .heading .heading__info {
        font-size: 1.125rem;
        line-height: 1.6875rem
    }
}

@media (min-width:1200px) {
    .heading {
        padding-bottom: 3.875rem
    }
}

.heading--include {
    padding: 0;
    text-align: left
}

.heading--include .heading__name {
    padding: 0;
    margin-bottom: .75rem
}

.heading--include .heading__name:before,
.hidden-heading {
    display: none
}

.heading-plain {
    padding-top: 3rem;
    margin-bottom: .125rem
}

.heading-plain--start {
    padding-top: 0!important
}

@media (min-width:768px) {
    .heading-plain {
        padding-top: 4rem
    }
    .heading--include .heading__name {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .heading-plain {
        padding-top: 5.125rem;
        margin-bottom: .625rem
    }
}

.heading-helper {
    text-align: center;
    padding: .625rem 0 1.25rem;
    font-size: 1.375rem;
    line-height: 1.875rem
}

@media (min-width:768px) {
    .heading-helper {
        padding: .375rem 0 1.5rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

.heading-widget {
    margin-bottom: 1.125rem;
    font-weight: 400
}

.heading-section {
    position: relative;
    z-index: 1;
    font-size: 1.375rem;
    line-height: 2rem;
    padding-right: 3rem
}

.heading-section .heading-section__info {
    display: block;
    padding-top: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #8b989b
}

.heading-section:before,
.page-title .page-title__name:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background: #98d5fc
}

.heading-section:before {
    left: 1.25rem;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    top: 17px;
    width: 38px;
    height: 32px
}

.heading-section .heading-section__control {
    position: absolute;
    top: 50%;
    right: 0;
    width: 32px;
    height: 32px;
    margin-top: -1rem;
    text-decoration: none;
    color: #1b1b18
}

.heading-section .heading-section__control .icon {
    position: absolute;
    top: 0;
    left: 0
}

.heading-section .heading-section__control .control-end {
    display: none
}

@media (min-width:768px) {
    .heading-section {
        padding: 2px 0 0;
        text-align: center
    }
    .heading-section:before {
        top: 0;
        left: 50%;
        margin-left: -19px
    }
    .heading-section .heading-section__info {
        padding-top: .75rem
    }
    .heading-section .heading-section__control {
        display: none
    }
}

@media (min-width:992px) {
    .heading-section {
        font-size: 1.75rem;
        line-height: 2.375rem
    }
    .heading-section:before {
        top: 5px
    }
}

.page-title {
    padding: 2.375rem 0 3.375rem
}

.page-title .page-title__name {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: .375rem
}

.page-title .page-title__name:before {
    top: 4px;
    left: 50%;
    width: 42px;
    height: 36px;
    -webkit-transform: skew(-30deg) translate(-50%, 0%);
    transform: skew(-30deg) translate(-50%, 0%)
}

.page-title .page-title__info,
.page-title .page-title__status {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    margin-bottom: 0;
    color: #8b989b
}

.page-title--line {
    padding-bottom: 2.75rem
}

.page-title--line .page-title__status {
    display: block
}

.page-title--search .page-title__name {
    margin-bottom: 0
}

@media (max-width:420px) {
    .page-title--search .page-title__name {
        display: block
    }
}

@media (min-width:768px) {
    .page-title {
        padding: 2.75rem 0 3.875rem
    }
    .page-title .page-title__name {
        margin-bottom: 0
    }
    .page-title .page-title__name:before {
        top: 8px
    }
    .page-title .page-title__info {
        margin-top: .375rem;
        font-size: 1.375rem;
        line-height: 2rem
    }
    .page-title .page-title__status {
        margin-top: .625rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .page-title--line .page-title__name {
        margin-right: 2rem
    }
    .page-title--line .page-title__status {
        display: inline-block
    }
}

@media (min-width:992px) {
    .page-title {
        padding: 2.625rem 0 4.875rem
    }
    .page-title .page-title__name:before {
        width: 64px;
        height: 54px;
        top: 5px
    }
    .page-title .page-title__info {
        margin-top: .625rem
    }
    .page-title .page-title__status {
        margin-top: 0;
        font-size: 1.75rem;
        line-height: 2.375rem
    }
}

@media (min-width:1200px) {
    .page-title {
        padding: 4.5rem 0 6.5rem
    }
    .page-title .page-title__name:before {
        top: 9px
    }
}

.nav .nav__link {
    display: inline-block;
    font-family: "Josefin Sans", sans-serif;
    color: #1b1b18;
    text-decoration: none
}

.nav--primary {
    margin: -1rem 0
}

.nav--primary .nav__link {
	padding: .875em 0;
	margin-right: 1rem;
	font-weight: 400;
	font-family: "FuturaDemiCTT Normal";
	line-height: 1.5rem;
	color: #ed5b5e;
	font-size: 22px;
	-webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
	transition: color 400ms cubic-bezier(.25, .46, .45, .94);
}

.fa-bars {
	color: #FEFEFE;
	font-size: 20px;
}

.nav__item a  {
	
	color: #fff;
	
}

.nav--primary .nav__link:hover,
.page-nav .page-nav__item a:hover,
.page-nav .page-nav__item.active a {
    color: #6fb1f4
}

.nav--primary .nav__sub {
    display: none;
    padding: .875rem 0 .75rem 1.5rem;
    margin-bottom: .625rem;
    border-left: 2px solid #6fb1f4
}

.nav--primary .nav__sub-link {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    display: block;
    color: #1b1b18;
    text-decoration: none;
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94)
}

.nav--primary .nav__sub-link+.nav__sub-link {
    margin-top: 1.25rem
}

.nav--primary .nav__sub-link:hover {
    color: #8b989b
}

.nav--primary .nav__control {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    text-decoration: none;
    color: #1b1b18
}

.nav--primary .nav__control .control-start {
    position: absolute;
    top: 0;
    left: 0
}

.nav--primary .nav__control .control-end {
    display: none
}

@media (min-width:992px) {
    .nav--primary {
        margin: 0;
        padding-right: 6.125rem;
        text-align: right
    }
    .nav--primary .nav__sub {
        position: absolute;
        left: 0;
        z-index: 50;
        text-align: left;
        min-width: 250px;
        padding: 2.375rem 2.5rem 2rem;
        margin-left: -2.5rem;
        margin-bottom: 0;
        background: #f5f5f5;
        border-top: 2px solid #c04b00;
        border-left: none;
        box-shadow: 0 3px 3px rgba(0, 0, 0, .1)
    }
    .nav--primary .nav__item {
        position: relative;
        display: inline-block
    }
    .nav--primary .nav__item+.nav__item {
        margin-left: 2.875rem
    }
    .nav--primary .nav__item:last-child .nav__sub {
        left: auto;
        right: 0;
        margin-right: -2.75rem
    }
    .nav--primary .nav__link {
        position: relative;
        overflow: hidden;
        margin-bottom: -.5rem;
        padding: 1.125em 0;
        margin-right: 0
    }
    .nav--primary .nav__link:hover {
        color: #1b1b18
    }
    /*.nav--primary .nav__link:after,
    .nav--primary .nav__link:before {
        content: "";
        display: block;
        position: absolute;
        background: #c04b00;
        -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
        transition: all 400ms cubic-bezier(.455, .03, .515, .955);
        -webkit-transform: translate(-150%, 0);
        transform: translate(-150%, 0)
    }
    .nav--primary .nav__link:before {
        bottom: 0;
        -webkit-transition-delay: 280ms;
        transition-delay: 280ms;
        width: 100%;
        height: 2px
    }*/
    .nav--primary .nav__link:after {
        top: 0;
        right: 0;
        width: 80%;
        height: 4px
    }
    .nav--primary .nav__link:hover:after,
    .nav--primary .nav__link:hover:before {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms
    }
    .nav--primary .nav__link:hover:after {
        -webkit-transition-delay: 280ms;
        transition-delay: 280ms
    }
    .nav--primary .nav__sub-link+.nav__sub-link {
        margin-top: 1.125rem
    }
    .nav--primary .nav__item:hover .nav__sub {
        display: block
    }
    .nav--primary .nav__control {
        display: none
    }
}

@media (min-width:1200px) {
    .nav--primary {
        padding-right: 7.25rem;
		margin-top: -35px;
    }
    .nav--primary .nav__item+.nav__item {
        margin-left: 3.625rem
    }
}

.nav--primary .uncover .nav__control .control-start {
    display: none
}

.nav--primary .uncover .nav__control .control-end,
.nav--primary .uncover .nav__sub {
    display: block
}

.nav--secondary {
    max-width: 450px
}

.link-list a,
.nav--secondary .nav__link {
    font-weight: 600;
    color: #8b989b;
    -webkit-transition: color 280ms cubic-bezier(.25, .46, .45, .94);
    transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}

.nav--secondary .nav__link {
    font-size: 1.125rem;
    margin-right: 2rem;
    margin-bottom: .625rem
}

.link-list a:hover,
.nav--secondary .nav__link:hover {
    color: #1b1b18
}

.link-list {
    margin-bottom: -1rem
}

.link-list a {
    display: inline-block;
    margin-right: 1.875rem;
    margin-bottom: .5rem;
    font-family: "Josefin Sans", sans-serif;
    text-decoration: none
}

@media (min-width:768px) {
    .nav--secondary .nav__link {
        margin-right: 2.5rem
    }
}

@media (min-width:992px) {
    .link-list a {
        margin-right: 2.5rem
    }
}

.content-list {
    margin-bottom: 0
}

.content-list .content-list__item {
    margin-bottom: .75rem;
    padding-left: 2.25rem;
    font-size: 1.375rem;
    line-height: 2rem
}

.content-list .content-list__item:before {
    margin-top: -2px
}

.content-list .content-list__item:last-child {
    margin-bottom: .25rem
}

.content-list .content-list__link {
    display: inline-block;
    margin-bottom: -.375rem;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
    color: #0a0b13;
    text-decoration: none;
    border-bottom: 0
}

.page-nav {
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 7
}

.page-nav .page-nav__controls {
    padding: .375rem .75rem;
    -webkit-transition: background 400ms cubic-bezier(.455, .03, .515, .955);
    transition: background 400ms cubic-bezier(.455, .03, .515, .955)
}

.footer:before,
.page-nav .page-nav__controls:hover {
    background: #f5f5f5
}

.page-nav .page-nav__control {
    display: block;
    text-decoration: none
}

.page-nav .page-nav__control.page-nav__next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-nav .page-nav__control.page-nav__toggle,
.page-nav .page-nav__list {
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}

.page-nav .page-nav__control.page-nav__toggle {
    z-index: 1;
    position: relative
}

.page-nav .page-nav__control.page-nav__toggle .icon-end {
    display: none
}

.page-nav li {
    padding: 0;
    margin: 0
}

.page-nav .page-nav__list {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    padding: 2.5rem 3rem 1.125rem 0;
    background: #f5f5f5;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.page-nav .page-nav__list a {
    border: 0
}

.page-nav .page-nav__item,
.page-nav .page-nav__item:before {
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955)
}

.page-nav .page-nav__item {
    padding-left: 2.75rem;
    margin-bottom: 1.125rem;
    font-family: "Josefin Sans", sans-serif;
    position: relative
}

.page-nav .page-nav__item:before {
    content: "";
    display: block;
    position: absolute;
    top: .75rem;
    left: 0;
    width: 20px;
    height: 2px;
    background: #0a0b13
}

.page-nav .page-nav__item a {
    color: #1b1b18
}

.page-nav .page-nav__item.active {
    padding-left: 4rem
}

.page-nav .page-nav__item.active:before {
    width: 40px;
    background: #6fb1f4
}

.page-nav .page-nav__item--product {
    padding-left: 3.375rem
}

.page-nav .page-nav__item--product:before {
    width: 30px;
    background: #8b989b
}

.page-nav .page-nav__item--product a {
    color: #8b989b
}

.page-nav .page-nav__group,
.page-nav.reveal .page-nav__toggle .icon-start {
    display: none
}

.page-nav.reveal .page-nav__toggle {
    -webkit-transform: translate(220px, 0);
    transform: translate(220px, 0)
}

.page-nav.reveal .page-nav__toggle .icon-end {
    display: block
}

.page-nav.reveal .page-nav__list {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width:992px) {
    .page-nav .page-nav__controls {
        padding: .625rem 1.25rem
    }
    .page-nav .page-nav__list {
        width: 300px;
        padding-top: 2.75rem;
        padding-bottom: 1.375rem
    }
    .page-nav .page-nav__item {
        margin-bottom: 1.375rem
    }
    .page-nav.reveal .page-nav__toggle {
        -webkit-transform: translate(236px, 0);
        transform: translate(236px, 0)
    }
}

.header {
    padding: 1.6875rem 0 1.25rem
}

.header .header__inner {
    position: relative;
    z-index: 10
}

.header--above {
    position: absolute;
    z-index: 10;
    width: 100%
}

.logo {
    display: block
}

.controls,
.logo--primary {
    display: inline-block
}

.logo--primary img {
    max-width: 80%
}

.controls {
    right: 0;
	display:none;
}

@media (min-width:576px) {
    .logo--primary img {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .header {
        margin-top: -4px;
        padding: 4rem 0
    }
    .logo--primary {
        position: absolute;
        top: 70%;
        left: 0;
        margin-top: -4px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.footer {
    background: #f5f5f5;
    position: relative;
    margin-top: 3.9375rem;
    padding: 3.875rem 0 1.125rem;
    border-bottom: 5px solid #6fb1f4
}

.footer:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 35%;
    width: 2.5rem;
    height: 5px
}

.copy {
    font: .75rem "Josefin Sans", sans-serif;
    text-align: left;
    margin-top: 2.625rem;
    margin-bottom: 0;
    padding: 1.5em 0
}

.widget+.widget {
    margin-top: 2.25rem
}

.scroll-top {
    font: 600 1.125rem "Josefin Sans", sans-serif;
    position: fixed;
    bottom: 2.5rem;
    right: 2%;
    z-index: 10;
    width: 70px;
    height: 64px;
    text-align: center;
    color: #1b1b18;
    text-decoration: none
}

.scroll-top,
.scroll-top .scroll-top__icon,
.scroll-top .scroll-top__text {
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955)
}

.scroll-top .scroll-top__text {
    display: inline-block;
    padding-top: 2rem;
    -webkit-transform: translate(1.25rem, 0);
    transform: translate(1.25rem, 0)
}

.scroll-top .scroll-top__icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: 7px;
    margin-left: 1px;
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%, 0) rotate(-45deg)
}

.scroll-top:hover {
    background: #f5f5f5
}

.scroll-top:hover .scroll-top__text {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.scroll-top:hover .scroll-top__icon {
    -webkit-transform: translate(-50%, 0) rotate(0);
    transform: translate(-50%, 0) rotate(0)
}

@media (max-width:575.98px) {
    .scroll-top {
        right: 0;
        bottom: .375rem;
        width: 40px;
        height: 45px;
        font-size: 0;
        background-color: #f5f5f5
    }
    .scroll-top .scroll-top__text {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .scroll-top .scroll-top__icon {
        -webkit-transform: translate(-50%, 0) rotate(0);
        transform: translate(-50%, 0) rotate(0)
    }
}

.f6 .logo {    margin-bottom: 20px;
}
.b-bottom {padding-bottom:0}
.b-top {padding: 5rem 0;}
@media (min-width:768px) {
    .footer {
        margin-top: 5.625rem;
        padding: 5rem 0
    }
   .copy {
	margin-top: 0;
	 
	font-family: 'FuturaDemiCTT Normal';
	font-size: 11px;
	padding: 3px 0px;
	color: #fff;
}
    .widget+.widget {
        margin-top: 3.375rem
    }
}

@media (min-width:992px) {
    .footer {
        margin-top: 6.75rem
    }
}

@media (min-width:1200px) {
    .footer {
        margin-top: 8.5rem
    }
}

.overlay,
.sidebar {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%
}

.overlay {
    background: #0a0b13;
    opacity: 0;
    z-index: 50;
    -webkit-transition: transform 640ms cubic-bezier(.455, .03, .515, .955), opacity 640ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 640ms cubic-bezier(.455, .03, .515, .955), opacity 640ms cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms
}

.overlay.reveal {
    opacity: .2;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.sidebar {
    background: #f5f5f5;
    z-index: 100;
    margin-left: 90px;
    padding-top: 5.5rem;
    box-shadow: -3px 0 3px rgba(0, 0, 0, .1);
    -webkit-transition: transform 640ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 640ms cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.sidebar .sidebar__wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 2.25rem 2rem 2.875rem 2.75rem
}

.sidebar .sidebar__inner {
    opacity: 0;
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
    -webkit-transition: transform 400ms cubic-bezier(.455, .03, .515, .955), opacity 400ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 400ms cubic-bezier(.455, .03, .515, .955), opacity 400ms cubic-bezier(.455, .03, .515, .955)
}

.sidebar.reveal {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.sidebar.reveal .sidebar__inner {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 640ms;
    transition-delay: 640ms
}

.sidebar .sidebar__section+.sidebar__section {
    margin-top: 3.875rem
}

.sidebar .sidebar__controls {
    position: absolute;
    top: 0;
    z-index: 5;
    width: calc(100% - 5.625rem);
    padding-top: 2.625rem;
    padding-bottom: 1rem;
    background: #f5f5f5
}

.sidebar .sidebar__controls .close {
    display: block;
    float: right;
    margin-top: -3px
}

@media (min-width:576px) {
    .sidebar {
        width: 480px
    }
    .sidebar .sidebar__controls {
        width: 362px
    }
    .sidebar .sidebar__wrapper {
        padding-left: 3.25rem;
        padding-right: 3.25rem
    }
}

@media (min-width:992px) {
    .sidebar {
        width: 600px;
        padding-top: 5.125rem
    }
    .sidebar .sidebar__controls {
        width: 482px;
        padding-top: 3.25rem
    }
    .sidebar .sidebar__section+.sidebar__section {
        margin-top: 5rem
    }
    .sidebar .sidebar__wrapper {
        padding-top: 0;
        padding-bottom: 2.75rem
    }
}

.search {
    background: #f5f5f5;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 101;
    width: 100%;
    height: 100%;
    padding: 1rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -webkit-transition: all 640ms cubic-bezier(.455, .03, .515, .955);
    transition: all 640ms cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.search .search__content {
    width: 100%;
    padding-bottom: .25rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
    -webkit-transition: transform 400ms cubic-bezier(.455, .03, .515, .955), opacity 400ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 400ms cubic-bezier(.455, .03, .515, .955), opacity 400ms cubic-bezier(.455, .03, .515, .955)
}

.search.reveal {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}

.search.reveal .search__content {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 740ms;
    transition-delay: 740ms
}

.search .search__form {
    position: relative;
    margin-bottom: 2.75rem
}

.search .search__input {
    font: 2.25rem/3rem "Josefin Sans", sans-serif;
    padding: .25rem 3.75rem 2rem 0;
    color: #8b989b;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #0a0b13
}

.search .search__input.placeholder {
    color: #8b989b;
    opacity: 1
}

.search .search__input:-moz-placeholder,
.search .search__input::-moz-placeholder {
    color: #8b989b;
    opacity: 1
}

.search .search__input:-ms-input-placeholder {
    color: #8b989b;
    opacity: 1
}

.search .search__input::-webkit-input-placeholder {
    color: #8b989b;
    opacity: 1
}


.heading .heading__info {
	font-family: 'Open Sans';
	font-size: 16px;
	color: #666;
}

.b-bottom .heading__info{
	font-family: 'Open Sans';
	font-size: 22px;
	color: #666;
}

.search .search__input::-webkit-search-cancel-button,
.search .search__input::-webkit-search-decoration,
.search .search__input::-webkit-search-results-button,
.search .search__input::-webkit-search-results-decoration {
    display: none
}

.search .search__input:focus+.search__input-desctiption:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.search .search__action {
    position: absolute;
    top: 50%;
    right: 0;
    width: 64px;
    height: 64px;
    margin-top: -.875rem;
    background: 0 0;
    box-shadow: none;
    border: 0;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.search .search__action svg {
    width: calc(100% - .5rem);
    height: calc(100% - .5rem)
}

.search .search__input-desctiption {
    position: absolute;
    bottom: .375rem;
    left: 0;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem
}

.search .search__input-desctiption:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -.5rem;
    left: 0;
    width: 100%;
    height: 4px;
    background: #6fb1f4;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 640ms cubic-bezier(.455, .03, .515, .955);
    transition: all 640ms cubic-bezier(.455, .03, .515, .955)
}

.search .close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

@media (min-width:576px) {
    .search {
        padding: 1.5rem 3rem
    }
    .search .search__input {
        padding: .75rem 3.75rem 2rem 0
    }
    .search .search__action {
        margin-top: -.5rem
    }
    .search .close {
        top: 1.5rem;
        right: 2rem
    }
}

@media (min-width:768px) {
    .search {
        padding: 2rem 6rem
    }
    .search .search__form {
        margin-bottom: 3.375rem
    }
    .search .search__input {
        padding: 1rem 6.75rem 1.875rem 0;
        font-size: 4rem;
        line-height: 4.5rem
    }
    .search .search__action {
        width: 96px;
        height: 96px;
        margin-top: 0
    }
    .search .search__action svg {
        width: calc(100% - 1rem);
        height: calc(100% - 1rem)
    }
    .search .close {
        top: 2rem;
        right: 3rem
    }
}

@media (min-width:992px) {
    .search {
        padding: 3rem 10rem
    }
    .search .search__form {
        margin-bottom: 6.125rem
    }
    .search .search__input {
        font-size: 5rem;
        line-height: 5.5rem
    }
    .search .close {
        top: 3rem;
        right: 5rem
    }
}

.search-toggle,
.search-toggle .icon {
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}

.search-toggle {
    display: block;
    padding-left: 3.125rem;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
    color: #8b989b;
    text-decoration: none;
    position: relative
}

.search-toggle .icon {
    position: absolute;
    top: -3px;
    left: 0
}

.search-toggle:hover {
    padding-left: 2.625rem
}

.search-toggle:hover .icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.search-toggle--nested {
    display: inline-block;
    width: calc(100% - 54px)
}

.search-request {
    display: block;
    font-weight: 400;
    margin-top: .25rem;
    line-height: 1.2em
}

.search-info {
    margin-top: -1rem;
    margin-bottom: 1.25rem
}

.search-info .search-info__text {
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.search-info .search-toggle {
    margin-bottom: .25rem
}

.search-info .search-info__action {
    margin-top: 1.25rem
}

.search-control {
    position: relative;
    margin-top: 3.375rem;
    padding-top: 1.625rem;
    margin-bottom: -.75rem
}

.search-control:before,
.tabs .tabs__item+.tabs__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background: #0a0b13;
    opacity: .1
}

.search-control:before {
    left: 0;
    width: 100%;
    height: 1px
}

.search-control .search-control__text {
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.search-control .search-control__action {
    margin-top: 1.375rem
}

@media (min-width:768px) {
    .search-info {
        margin-top: -1.25rem;
        margin-bottom: 1.75rem
    }
    .search-info .search-info__text {
        padding-right: 3rem
    }
    .search-info .search-info__action {
        margin-top: 0
    }
    .search-control {
        margin-top: 4.5rem;
        padding-top: 2.25rem
    }
    .search-control .search-control__content {
        padding-right: 3rem
    }
    .search-control .search-control__action {
        margin-top: 0
    }
    .search-control .btn {
        margin-bottom: 1.375rem
    }
    .search-control .search-toggle {
        margin-bottom: .25rem
    }
}

@media (min-width:992px) {
    .search-request {
        display: inline;
        margin-left: 1.5rem;
        margin-top: 0;
        line-height: inherit
    }
    .search-info {
        margin-top: -.75rem
    }
}

@media (min-width:1200px) {
    .search-control {
        margin-top: 5.625rem;
        padding-top: 3.375rem
    }
}

[aria-hidden=true].tabs__content {
    display: none
}

.tabs .tabs__list {
    margin-bottom: 1rem;
    padding: 0;
    list-style: none
}

.tabs .tabs__item {
    position: relative;
    display: inline-block;
    padding-left: 0
}

.tabs .tabs__item+.tabs__item {
    margin-left: 3rem
}

.tabs .tabs__item+.tabs__item:before {
    left: -1.5rem;
    width: 1px;
    height: 24px;
    margin-left: -2px
}

.tabs .tabs__link {
    position: relative;
    display: block;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
    color: #0a0b13;
    border: 0
}

.rod-tabs .rod-tabs__link[aria-selected=true]:before,
.tabs .tabs__link[aria-selected=true]:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width:576px) {
    .tabs+.tabs__item {
        margin-left: 4.5rem
    }
    .tabs+.tabs__item:before {
        left: -2.25rem
    }
}

[aria-hidden=true].rod-tabs__content {
    display: none
}

.rod-tabs {
    padding-top: .625rem;
    font-size: 0
}

.rod-tabs .rod-tabs__list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.25rem
}

.rod-tabs .rod-tabs__item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 1.125rem
}

.rod-tabs .rod-tabs__item+.rod-tabs__item {
    margin-left: 2.5rem
}

.rod-tabs .rod-tabs__link {
    display: block;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
    border-bottom: none;
    color: #0a0b13
}

.rod-tabs .rod-tabs__content {
    font-size: 1.125rem
}

.rod-tabs .rod-tabs__content .list {
    margin-bottom: 1.625rem
}

@media (min-width:768px) {
    .rod-tabs .rod-tabs__list {
        margin-bottom: 1rem
    }
    .rod-tabs .rod-tabs__item {
        width: 50%
    }
    .rod-tabs .rod-tabs__item+.rod-tabs__item {
        margin-left: 0
    }
    .rod-tabs .rod-tabs__link {
        cursor: default
    }
    .rod-tabs .rod-tabs__link:before {
        display: none
    }
    .rod-tabs .rod-tabs__content {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }
    [aria-hidden=true].rod-tabs__content {
        display: inline-block
    }
}

[aria-hidden=true].component-tabs__content {
    display: none
}

.component-tabs {
    margin-top: -.625rem
}

.component-tabs .tabs-heading {
    font: 700 2rem/2.75rem "Josefin Sans", sans-serif;
    padding-top: 0;
    margin-bottom: .125rem
}

.component-tabs .tabs-heading--static {
    margin-bottom: 0
}

.component-tabs .tabs-sidebar {
    padding-top: .625rem
}

.component-tabs .media {
    margin-bottom: 1.375rem
}

.component-tabs .component-tabs__list {
    position: relative;
    margin: .625rem 0 1.25rem;
    padding-top: 1.875rem
}

.component-tabs .component-tabs__list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0a0b13;
    opacity: .1
}

.component-tabs .component-tabs__item {
    padding-left: 0;
    margin-right: 1.875rem;
    margin-bottom: 1.25rem;
    display: inline-block
}

.component-tabs .component-tabs__item:last-child {
    margin-right: 0
}

.component-tabs .component-tabs__link {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    border: 0
}

.component-tabs .component-tabs__link[aria-selected=true] {
    color: #6fb1f4
}

@media (min-width:576px) {
    .component-tabs .tabs-heading {
        margin-bottom: .375rem;
        font-size: 2.25rem;
        line-height: 3rem
    }
    .component-tabs .component-tabs__item {
        margin-right: 3rem
    }
    .component-tabs .media {
        margin-bottom: 2rem
    }
}

@media (min-width:768px) {
    .component-tabs .tabs-heading {
        font-size: 2.5rem;
        line-height: 3.375rem
    }
}

@media (min-width:992px) {
    .component-tabs .component-tabs__list {
        padding-top: 2.125rem;
        margin-top: 1.25rem
    }
    .component-tabs .tabs-heading {
        margin-bottom: .625rem;
        font-size: 2.8125rem;
        line-height: 3.75rem
    }
    .component-tabs .component-tabs__item {
        margin-right: 4.125rem
    }
}

.tags {
    margin-bottom: -1.5rem
}

.tag {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: .5rem;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
    color: #8b989b;
    text-decoration: none;
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955)
}

.tag:hover {
    color: #1b1b18
}

.tags--follow {
    display: none;
    margin-bottom: 0
}

@media (min-width:576px) {
    .tag {
        margin-right: 2rem
    }
    .tags--follow {
        display: block;
        margin-top: -.25rem
    }
    .tags--follow .tag {
        margin-bottom: .25rem
    }
}

@media (min-width:768px) {
    .tags--follow {
        margin-top: -.625rem
    }
    .tags--follow .tag {
        margin-bottom: .5rem
    }
}

.categories--large {
    position: relative;
    padding: 2.75rem 0 2.25rem;
    background: #f5f5f5;
    text-align: center
}

.categories--large:after,
.categories--large:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 1000px;
    height: 100%;
    background: #f5f5f5
}

.categories--large:before {
    left: 100%
}

.categories--large:after {
    right: 100%
}

.categories--large .link {
    display: block
}

.categories--small {
    margin: -1.375rem 0 -2rem
}

.category-section {
    position: relative;
    z-index: 3;
    padding-top: 3.875rem;
    margin-bottom: -2.375rem;
    margin-right: 4.5rem
}

.category-section .category-section__name {
    font: 600 1.5rem/2.0625rem "Josefin Sans", sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2rem;
    color: #0a0b13;
    text-decoration: none
}

.category-section .category-section__number {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    position: relative;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    color: #8b989b;
    text-decoration: none;
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94)
}

.category {
    position: relative;
    text-decoration: none;
    color: #0a0b13;
    overflow: hidden
}

.category--standart {
    font: 600 1.375rem/2rem "Josefin Sans", sans-serif;
    display: inline-block;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 1rem
}

.category--count {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.75rem;
    margin-bottom: 1.375rem
}

.category--count:last-child {
    margin-right: 0
}

.category--count .category__name {
    font: 600 1.25rem/1.875rem "Josefin Sans", sans-serif;
    display: inline-block;
    vertical-align: top;
    margin-right: 1.125rem;
    background: #f5f5f5;
    color: #1b1b18;
    text-decoration: none
}

.category--count .category__number {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    color: #8b989b;
    background: #f5f5f5;
    -webkit-transition: color 280ms cubic-bezier(.25, .46, .45, .94);
    transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}

@media (max-width:575.98px) {
    .category-section .category-section__name {
        margin-right: 0
    }
    .category-section .category-section__number {
        margin-top: .125rem;
        display: block
    }
}

@media (max-width:767.98px) {
    .categories--full {
        padding-bottom: 1.25rem
    }
}

@media (min-width:576px) {
    .category--standart {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media (min-width:768px) {
    .category--standart {
        margin-right: 3.25rem;
        margin-left: 0;
        margin-bottom: 1.5rem
    }
    .categories--large {
        padding: 3.875rem 0 1.75rem;
        text-align: left
    }
    .categories--large .link {
        position: relative;
        top: 3px;
        display: inline-block;
        vertical-align: top
    }
    .category-section {
        padding-top: 4.875rem
    }
    .category-section .category-section__name {
        font-size: 2rem;
        line-height: 2.75rem
    }
    .category-section .category-section__number {
        top: 3px
    }
}

@media (min-width:992px) {
    .category--count .category__name,
    .category--count .category__number {
        font-size: 1.375rem;
        line-height: 2rem
    }
    .category--standart {
        font-size: 1.75rem;
        margin-right: 3.25rem;
        margin-bottom: 2.75rem
    }
    .categories--large {
        padding: 5rem 0 1.75rem
    }
    .categories--large .link {
        top: 5px
    }
    .categories--small {
        margin: -.75rem 0 -2.125rem
    }
    .category-section .category-section__number {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

@media (min-width:1200px) {
    .category-section {
        padding-top: 6rem
    }
    .category--standart {
        margin-right: 6rem
    }
}

.hero {
   /* background: #f5f5f5;*/
    position: relative;
    z-index: 1;
    height: 420px;
    left: 50%;
    margin-bottom: 5.375rem;
    text-align: center;
    overflow: hidden;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.hero .hero__media {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -2;
    min-width: 576px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   
}

.hero .hero__content {
    padding-top: 3.5rem
}

.hero .hero__decoration {
    display: none
}

.hero .hero__title {
    margin-bottom: 1.625rem;
    font-size: 2.25rem;
    line-height: 3rem
}

.hero .hero__title mark {
    color: #6fb1f4;
    background: 0 0
}

.hero .btn--hero {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    width: 100%;
    height: auto;
    padding-top: .875rem;
    padding-bottom: .625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.hero .btn--hero:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 24px;
    height: 24px;
    background: url(../images/icons/arrow-top.svg) 50% 50%;
    background-size: 24px 24px;
    -webkit-transform: translate(-50%, -9px) rotate(180deg);
    transform: translate(-50%, -9px) rotate(180deg)
}

.hero--focus .hero__decoration {
    display: block
}

.hero--focus .decor {
    position: absolute;
    z-index: -1;
    width: 40px;
    height: 32px;
    background: #fff;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    display: none
}

.hero--focus:after,
.hero--focus:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 1500px;
    height: 100%;
   /* background: #f5f5f5;
    -webkit-transform: skew(30deg);
    transform: skew(30deg)*/
}

.hero--focus:before {
    left: 100%;
    margin-left: -5%;
    z-index: -1
}

.hero--focus:after {
    right: 100%;
    margin-right: -5%;
    z-index: -2
}

@media (min-width:576px) {
    .hero {
        height: 576px
    }
    .hero .hero__content {
        padding-top: 4rem
    }
    .hero .hero__media {
        min-width: 992px
    }
    .hero .hero__title {
        margin-bottom: 1.5rem;
        font-size: 2.8125rem;
        line-height: 3.75rem
    }
    .hero .btn--hero {
        bottom: 3rem;
        font-size: 1.125rem;
        line-height: 1.6875rem
    }
    .hero--focus:before {
        margin-left: -10%
    }
    .hero--focus:after {
        margin-right: -10%
    }
    .hero--focus .decor.decor--small {
        display: block;
        top: 23%;
        right: 18%;
        -webkit-transform: scale(1.5) skew(-30deg);
        transform: scale(1.5) skew(-30deg)
    }
    .hero--focus .decor.decor--large {
        display: block;
        bottom: 28%;
        left: 12%;
        -webkit-transform: scale(6) skew(-30deg);
        transform: scale(6) skew(-30deg)
    }
}

@media (min-width:768px) {
    .hero {
        height: 640px;
        margin-bottom: 0;
    }
    .hero .hero__title {
        margin-bottom: 4rem;
        font-size: 3.375rem;
        line-height: 4.5rem
    }
    .hero--focus .decor.decor--small {
        top: 25%;
        right: 15%
    }
    .hero--focus .decor.decor--large {
        bottom: 32%;
        left: 15%
    }
}

@media (min-width:992px) {
    .hero {
        height: 100vh;
        min-height: 480px;
        width: auto;
        max-height: none;
		
    }
    .hero .hero__content {
        padding: 6.5rem 4rem 0
    }
    .hero .hero__media {
        min-width: 1200px
    }
    .hero--focus:before {
        margin-left: -20%
    }
    .hero--focus:after {
        margin-right: -20%
    }
    .hero--focus .decor.decor--tiny {
        display: block;
        top: 34%;
        right: 3%
    }
    .hero--focus .decor.decor--small {
        top: 22%;
        right: 11%
    }
    .hero--focus .decor.decor--medium {
        display: block;
        top: 45%;
        right: 24%;
        -webkit-transform: scale(3) skew(-30deg);
        transform: scale(3) skew(-30deg)
    }
    .hero--focus .decor.decor--large {
        bottom: 26%;
        left: 14%
    }
}

@media (min-width:1200px) {
    .hero {
        margin-bottom: 0;
    }
  
.hero .hero__title {
	font-size: 56px;
	line-height: 1.25;
	text-align: right;
	font-family: "Futuralightc";
	color: #ffffff;
	/*text-transform: uppercase;*/
	letter-spacing: 4px;
}

.hero .hero__title span {
	font-family: 'FiraSans-UltraItalic';
	text-shadow: 0 5px 5px rgba(17, 16, 16, 0.20);
}
    .hero--focus:before {
        margin-left: -20%
    }
    .hero--focus:after {
        margin-right: -20%
    }
    .hero--focus .decor.decor--small {
        -webkit-transform: scale(2) skew(-30deg);
        transform: scale(2) skew(-30deg)
    }
    .hero--focus .decor.decor--medium {
        right: 25%;
        -webkit-transform: scale(4) skew(-30deg);
        transform: scale(4) skew(-30deg)
    }
    .hero--focus .decor.decor--large {
        bottom: 22%;
        left: 10%;
        -webkit-transform: scale(8) skew(-30deg);
        transform: scale(8) skew(-30deg)
    }
}

.swiper-button-next,
.swiper-button-prev {
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: 0;
    text-align: center;
    background: #f5f5f5;
    -webkit-transition: background 400ms cubic-bezier(.455, .03, .515, .955);
    transition: background 400ms cubic-bezier(.455, .03, .515, .955)
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    margin-top: .5rem
}

.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.preview-slider .swiper-pagination .swiper-pagination-bullet:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: 0;
    box-shadow: none
}

.swiper-button-prev {
    left: 0;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg)
}

.swiper-button-next {
    right: 0;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg)
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .1
}

@media (min-width:992px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 64px;
        height: 64px;
        background: 0 0
    }
    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        background: #f5f5f5
    }
}

.presetation-slider {
    padding-top: 3.5rem
}

.presetation-slider .card--post {
    margin-bottom: 0
}

.presetation-slider .swiper-button-next,
.presetation-slider .swiper-button-prev {
    top: -2px;
    width: 32px;
    height: 32px;
    background: 0 0!important
}

.presetation-slider .swiper-button-next svg,
.presetation-slider .swiper-button-prev svg {
    margin-top: 0;
    width: 100%;
    height: 100%
}

.presetation-slider .swiper-button-prev {
    left: auto;
    right: 40px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.presetation-slider .swiper-button-next {
    right: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (min-width:576px) {
    .presetation-slider {
        padding-top: 3.625rem
    }
    .presetation-slider .swiper-button-next,
    .presetation-slider .swiper-button-prev {
        top: 5px
    }
}

@media (min-width:768px) {
    .presetation-slider {
        padding-top: 4rem
    }
    .presetation-slider .swiper-button-next,
    .presetation-slider .swiper-button-prev {
        top: 0
    }
}

.preview-slider .swiper-pagination {
    position: relative
}

.preview-slider .swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    margin-top: 2px;
    margin-bottom: 6px;
    background: #0a0b13;
    border-radius: 0;
    opacity: .1
}

.preview-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #6fb1f4;
    opacity: 1
}

@media (min-width:576px) {
    .preview-slider {
        text-align: left
    }
    .preview-slider .swiper-pagination {
        position: absolute;
        bottom: auto;
        left: auto;
        top: 28px;
        right: 0;
        max-width: 60px
    }
    .preview-slider .swiper-pagination-bullet {
        display: block;
        float: left;
        margin-top: 4px;
        margin-bottom: 4px
    }
}

@media (min-width:992px) {
    .preview-slider .swiper-pagination {
        top: 34px
    }
}

.featured-slider-wrapper .swiper-pagination {
    bottom: .5rem;
    right: 0;
    left: auto;
    width: auto;
    font-size: 0;
    text-align: right
}

.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 6px;
    padding: 0;
    text-decoration: none;
    color: #1b1b18;
    background: #0a0b13;
    border: 2px solid #0a0b13;
    border-radius: 0;
    opacity: .1;
    overflow: hidden
}

.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:after,
.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute
}

.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:after {
    top: 50%;
    left: 50%;
    width: 4px;
    height: 24px;
    background: #fff;
    -webkit-transform: rotate(30deg) translate(-50%, -50%);
    transform: rotate(30deg) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: width 280ms cubic-bezier(.455, .03, .515, .955);
    transition: width 280ms cubic-bezier(.455, .03, .515, .955)
}

.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    opacity: 1;
    color: #6fb1f4!important;
    background: #6fb1f4!important;
    border-color: #6fb1f4
}

.featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet-active:after {
    width: 32px
}

.featured-slider--basic {
    margin-bottom: 4.875rem
}

.featured-slider.swiper-container-fade .swiper-slide .card__info,
.featured-slider.swiper-container-fade .swiper-slide .card__name,
.featured-slider.swiper-container-fade .swiper-slide .link--cta {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: transform 400ms cubic-bezier(.455, .03, .515, .955), opacity 400ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 400ms cubic-bezier(.455, .03, .515, .955), opacity 400ms cubic-bezier(.455, .03, .515, .955)
}

.featured-slider.swiper-container-fade .swiper-slide-active .card__info,
.featured-slider.swiper-container-fade .swiper-slide-active .card__name,
.featured-slider.swiper-container-fade .swiper-slide-active .link--cta {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.featured-slider.swiper-container-fade .swiper-slide-active .card__name {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.featured-slider.swiper-container-fade .swiper-slide-active .card__info {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.featured-slider.swiper-container-fade .swiper-slide-active .link--cta {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

@media (min-width:576px) {
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 8px
    }
}

@media (min-width:768px) {
    .featured-slider--basic {
        margin-bottom: 7.125rem
    }
}

@media (min-width:992px) {
    .featured-slider-wrapper .swiper-pagination {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 0;
        padding-top: .625rem
    }
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
        position: relative;
        height: auto;
        vertical-align: top;
        width: 50%;
        margin: 0;
        margin-top: 2rem;
        padding-right: 2.5rem;
        padding-left: 4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 2rem;
        text-align: left;
        background: 0 0;
        border: 0;
        opacity: 1;
        -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
        transition: color 400ms cubic-bezier(.25, .46, .45, .94)
    }
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:hover {
        color: #8b989b
    }
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:after,
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet:before {
        display: none
    }
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet-active {
        width: 50%;
        background: 0 0!important
    }
}

@media (min-width:1200px) {
    .featured-slider-wrapper .swiper-pagination {
        padding-top: .75rem
    }
    .featured-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
        margin-top: 2.5rem;
        padding-left: 6rem
    }
    .featured-slider--basic {
        margin-bottom: 9.375rem
    }
}

.info .info__heading h2,
.info .info__heading h3 {
    padding: 0
}

.info .info__content h2 {
    padding-top: 0;
    margin-bottom: .25rem
}

.info .info__content h3 {
    padding-top: 0
}

.info .info__content>:last-child {
    margin-bottom: 0
}

.info .info__preview .media {
    margin-bottom: 1.5rem
}

.info--media {
    margin-top: 3.375rem
}

.info--media .info__preview .media {
    margin-bottom: 2.625rem
}

.info--text .info__heading h2 {
    margin-bottom: .875rem
}

.info--faq+.info--faq {
    margin-top: 3.875rem
}

.info--search {
    padding-top: 1.5rem
}

.info--search .info__heading {
    margin-bottom: .5rem
}

.info--search .info__content p {
    margin-bottom: 1.25rem
}

.info--primary {
    margin-bottom: -1rem
}

.data-list {
    margin-bottom: .625rem
}

.data {
    font: 1.125rem/1.875rem "Josefin Sans", sans-serif;
    margin: 0 0 1.5rem;
    color: #1b1b18
}

.data .data__label {
    display: block;
    margin-bottom: .125rem
}

.data .data__value {
    color: #8b989b
}

@media (min-width:768px) {
    .info .info__content h2 {
        margin-bottom: .375rem
    }
    .info--media {
        margin-top: 4.5rem
    }
    .data,
    .data-list,
    .info .info__preview .media {
        margin-bottom: 0
    }
    .data+.data {
        margin-top: 3.125rem
    }
    .info--text .info__heading h2 {
        margin-bottom: 1.75rem
    }
    .info--search {
        padding-top: 2.125rem
    }
    .info--search .info__content p {
        margin-bottom: 2.25rem
    }
    .info--faq {
        position: relative;
        padding-top: 2rem
    }
    .info--faq:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #0a0b13;
        opacity: .1
    }
    .info--faq+.info--faq {
        margin-top: 5.625rem
    }
    .info--primary {
        margin-bottom: -1.625rem
    }
}

@media (min-width:992px) {
    .info .info__content h2 {
        margin-bottom: 1rem
    }
    .data+.data {
        margin-top: 4.25rem
    }
}

@media (min-width:1200px) {
    .info--faq+.info--faq {
        margin-top: 6.75rem
    }
}

.cta,
.cta-box {
    text-align: center
}

.cta {
    margin: 2.25rem 0 2.8125rem;
    background: #98d5fc;
    padding: 2.75rem 0 1.25rem
}

.cta .heading-section {
    padding: 0;
    display: inline-block
}

.cta .heading-section .heading-section__control {
    display: none
}

.cta .heading-section:before {
    background: #fff
}

.cta-box {
    padding: 1.75rem .75rem 1.125rem;
    background: #f5f5f5
}

.cta-box .cta-box__label {
    margin-bottom: .5rem;
    font-size: 1.375rem;
    line-height: 2rem
}

.reference .reference__item {
    position: relative;
    display: block;
    padding-left: 2.25rem;
    background: #f5f5f5;
    overflow: hidden
}

.reference .reference__item+.reference__item {
    margin-top: .25rem
}

.reference .reference__label {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: .375rem;
    padding-right: 175px;
    font-size: 1.25rem;
    line-height: 1.875rem
}

.reference .reference__btn {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 172px;
    margin-top: -1.875rem;
    margin-right: -1.25rem;
    padding: .875rem 1.5rem .75rem 1rem;
    color: #1b1b18;
    text-align: center;
    text-decoration: none;
    float: right
}

.reference .reference__btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #98d5fc;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg)
}

.reference .icon,
.reference .reference__btn:after {
    position: absolute;
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}

.reference .reference__btn:after {
    content: "";
    display: block;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transform: translate(0, -50%) skew(-30deg);
    transform: translate(0, -50%) skew(-30deg);
    z-index: -1
}

.reference .reference__btn:hover:after {
    height: calc(100% - 8px)
}

.reference .icon {
    bottom: 9px;
    right: -32px;
    z-index: 1;
    -webkit-transform: rotate(90deg) scale(.625);
    transform: rotate(90deg) scale(.625);
    pointer-events: none
}

.reference .reference__btn:hover+.icon {
    right: 0
}

@media (max-width:420px) {
    .reference .reference__label {
        padding-right: 2.25rem;
        padding-bottom: 1rem
    }
    .reference .reference__btn {
        width: 100%;
        margin-top: 0;
        margin-right: -1rem
    }
    .reference .icon {
        right: 12px
    }
}

@media (min-width:768px) {
    .cta {
        padding: 3.5rem 0 1.625rem;
        margin: 2.875rem 0 3.375rem
    }
    .cta-box {
        padding: 2rem .75rem 1.125rem
    }
    .cta-box .cta-box__label {
        margin-bottom: .5rem
    }
}

@media (min-width:992px) {
    .cta-box {
        padding: 2.875rem 1rem 2.25rem
    }
    .cta-box .cta-box__label {
        margin-bottom: .875rem;
        font-size: 1.75rem;
        line-height: 2.375rem
    }
    .reference .reference__item {
        padding-left: 2.25rem
    }
    .reference .reference__label {
        padding-top: .5rem;
        padding-right: 1.5rem
    }
    .reference .reference__btn {
        width: 200px;
        margin-top: 0;
        margin-right: -1.5rem;
        padding: 1.675rem 2rem 1.375rem 1rem;
        font-size: 1.125rem;
        line-height: 1.6875rem;
        float: none
    }
    .reference .icon {
        bottom: auto;
        top: 50%;
        margin-top: -15px;
        -webkit-transform: rotate(90deg) scale(.75);
        transform: rotate(90deg) scale(.75)
    }
}

@media (min-width:1200px) {
    .cta {
        padding: 4.625rem 0 2.75rem;
        margin: 4rem 0 4.5rem
    }
    .reference .reference__item {
        padding-left: 3.375rem
    }
    .reference .reference__label {
        padding-right: 2.25rem;
        font-size: 1.375rem;
        line-height: 2rem
    }
    .reference .reference__btn {
        width: 220px;
        margin-right: -1.75rem;
        padding: 1.875rem 2rem 1.6875rem 1rem
    }
}

.sequences {
    counter-reset: sequence-list
}

.sequences .media {
    margin-top: 2.25rem
}

.sequence .sequence__name {
    font: 700 1.375rem/2rem "Josefin Sans", sans-serif;
    position: relative;
    margin-bottom: .625rem
}

.sequence .sequence__name:before {
    content: ""
}

.sequence .sequence__name:after {
    content: "";
    display: block;
    position: absolute
}

.sequence .sequence__name:before {
    font: 1.5rem "Arapey", serif;
    content: counter(sequence-list) ".";
    counter-increment: sequence-list;
    position: static;
    display: inline-block;
    margin-right: .5rem
}

.sequence .sequence__info>:last-child {
    margin-bottom: 0
}

.sequence+.sequence {
    padding-top: 2.75rem
}

@media (min-width:576px) {
    .sequence .sequence__name:after {
        left: 5rem
    }
}

@media (min-width:768px) {
    .sequences .media {
        margin-top: 2.875rem
    }
    .sequence .sequence__name {
        padding-top: 4.125rem;
        margin-bottom: 0
    }
    .sequence .sequence__name:before {
        position: absolute;
        top: .25rem;
        left: 0;
        bottom: auto;
        right: auto;
        font-size: 2rem
    }
    .sequence .sequence__name:after {
        top: 1.25rem;
        left: 4rem;
        width: 120px;
        height: 1px;
        background: #0a0b13;
        opacity: .1
    }
    .sequence+.sequence {
        padding-top: 3.375rem
    }
}

@media (min-width:992px) {
    .sequence .sequence__name {
        padding-top: 5rem;
        font-size: 1.75rem;
        line-height: 2.375rem
    }
}

@media (min-width:1200px) {
    .sequences .media {
        margin-top: 4rem
    }
    .sequence+.sequence {
        padding-top: 4.5rem
    }
}

.testimonial {
    margin-bottom: 2.25rem;
    padding: 2.125rem 2.75rem 1.25rem;
    background: #f5f5f5
}

.testimonial .testimonial__author {
    display: inline-block;
    padding-right: 1.375rem;
    font-weight: 400
}

.testimonial .testimonial__author,
.testimonial .testimonial__text {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.testimonial .testimonial__info {
    position: relative;
    padding: .625rem 0 1rem 2.5rem;
    background: #98d5fc
}

.testimonial .testimonial__stat {
    width: 100%;
    margin-top: -.5rem
}

.testimonial .testimonial__score {
    display: inline-block;
    margin-right: 1.25rem;
    font-size: 2rem;
    line-height: 2.75rem
}

.testimonial .testimonial__number {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem
}

.testimonial .testimonial__source {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    position: relative;
    top: 4px;
    margin-bottom: 1rem;
    display: inline-block;
    vertical-align: top;
    color: #8b989b;
    text-decoration: none
}

@media (max-width:420px) {
    .testimonial {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        background: 0 0
    }
    .testimonial:after,
    .testimonial:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #0a0b13;
        opacity: .1
    }
    .testimonial:before {
        top: 0
    }
    .testimonial:after {
        bottom: 0
    }
    .testimonial .testimonial__info {
        padding-left: 0;
        padding-right: 0;
        background: 0 0;
        border-top: 1px solid #6fb1f4;
        border-bottom: 1px solid #6fb1f4
    }
}

@media (min-width:576px) {
    .testimonial {
        padding: 2.5rem 3.375rem 1.75rem
    }
    .testimonial .testimonial__stat {
        margin-top: -.5rem
    }
}

@media (min-width:768px) {
    .testimonial {
        margin-bottom: 2.75rem;
        padding: 2.5rem 3.375rem 1.75rem
    }
    .testimonial .testimonial__text {
        font-size: 1.375rem;
        line-height: 2rem
    }
    .testimonial .testimonial__info {
        padding-left: 3.375rem
    }
    .testimonial .testimonial__stat {
        margin-top: -.875rem
    }
}

@media (min-width:992px) {
    .testimonial .testimonial__author {
        display: block;
        width: 150px;
        margin-bottom: 0;
        padding-right: 1rem;
        font-size: 1.375rem;
        line-height: 2rem
    }
    .testimonial .testimonial__info {
        width: 150px;
        text-align: center;
        padding: 0
    }
    .testimonial .testimonial__stat {
        margin-top: -.625rem
    }
    .testimonial .testimonial__source {
        top: 0;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .testimonial {
        padding: 3.25rem 3.375rem 2.125rem
    }
}

.pagination {
    text-align: center
}

.pagination .pagination__link {
    font: 600 1.25rem/1.875rem "Josefin Sans", sans-serif;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    color: #1b1b18;
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94)
}

.pagination .pagination__link--active,
.pagination .pagination__link:hover {
    color: #6fb1f4
}

.pagination .pagination__link--next,
.pagination .pagination__link--prev {
    padding: .625rem 0;
    background: #f5f5f5;
    width: 72px
}

.pagination .pagination__link--prev {
    margin-right: .75rem
}

.pagination .pagination__link--next {
    margin-left: .75rem
}

.pagination--space {
    padding-top: 3.375rem
}

@media (max-width:420px) {
    .pagination .pagination__link {
        display: none
    }
    .pagination .pagination__link--active,
    .pagination .pagination__link--next,
    .pagination .pagination__link--prev {
        display: inline-block
    }
    .pagination .pagination__link--prev {
        margin-right: 1rem
    }
    .pagination .pagination__link--next {
        margin-left: 1rem
    }
}

@media (min-width:768px) {
    .pagination .pagination__link {
        width: 54px;
        margin: 0 .5rem
    }
    .pagination .pagination__link--next,
    .pagination .pagination__link--prev {
        padding: 1rem 0;
        width: 100px
    }
    .pagination .pagination__link--prev {
        margin-right: 1.5rem
    }
    .pagination .pagination__link--next {
        margin-left: 1.5rem
    }
    .pagination--top {
        padding-top: 1.125rem
    }
    .pagination--space {
        padding-top: 4.5rem
    }
}

@media (min-width:992px) {
    .pagination .pagination__link {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

@media (min-width:1200px) {
    .pagination--space {
        padding-top: 5.625rem
    }
}

.social {
    padding-top: 1rem;
    margin-bottom: -2.125rem
}

.social .social__item {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-left: 0;
    margin-right: 1.375rem;
    margin-bottom: 2.125rem
}

.social .social__item:hover .social__link {
    color: #1b1b18
}

.social .social__item:hover .social__icon {
    top: -1.375rem;
    height: 24px;
    opacity: 1
}

.social .social__link {
    font: 1.125rem/1.6875rem "Josefin Sans", sans-serif;
    display: block;
    color: #8b989b;
    text-decoration: none;
    border: 0;
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94)
}

.social .social__icon {
    position: absolute;
    top: -1rem;
    left: .5rem;
    z-index: -1;
    height: 18px;
    overflow: hidden;
    font-size: 30px;
    color: #6fb1f4;
    opacity: .6;
    -webkit-transition: all 280ms cubic-bezier(.455, .03, .515, .955);
    transition: all 280ms cubic-bezier(.455, .03, .515, .955)
}

.social .social__icon.fa-facebook-f {
    font-size: 28px
}

.social .social__icon.fa-youtube {
    font-size: 32px
}

@media (min-width:992px) {
    .social .social__item {
        margin-right: 2.375rem
    }
}

.social-object-wrapper {
    padding-top: 3.375rem;
    margin-bottom: -2.5rem
}

.social-object {
    margin-bottom: 2.5rem
}

.social-object .social-object__label {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    display: block;
    margin-bottom: .625rem
}

.social-object .social__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.375rem;
    font-size: 1.875rem;
    color: #6fb1f4;
    opacity: .6;
    -webkit-transition: opacity 280ms cubic-bezier(.455, .03, .515, .955);
    transition: opacity 280ms cubic-bezier(.455, .03, .515, .955)
}

.social-object .social__icon.fa-facebook-f {
    font-size: 1.75rem
}

.social-object .social__icon.fa-youtube {
    font-size: 2rem
}

.social-object .social-object__item {
    font: 1.125rem/1.6875rem "Josefin Sans", sans-serif;
    display: block;
    color: #8b989b;
    -webkit-transition: color 280ms cubic-bezier(.455, .03, .515, .955);
    transition: color 280ms cubic-bezier(.455, .03, .515, .955)
}

.social-object .social-object__link {
    display: block;
    text-decoration: none;
    color: #1b1b18
}

.social-object .social-object__link:hover .social-object__item {
    color: #6fb1f4
}

.social-object .social-object__link:hover .social__icon {
    opacity: 1
}

@media (min-width:576px) and (max-width:767.98px) {
    .social-object .social-object__item {
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width:768px) {
    .social-object-wrapper {
        margin-top: 1rem;
        margin-bottom: -3rem
    }
    .social-object {
        margin-bottom: 3rem
    }
}

@media (min-width:992px) {
    .social-object-wrapper {
        margin-top: 0;
        padding-top: 0
    }
    .social-object .social-object__label {
        margin-bottom: .75rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .social-object .social-object__item {
        display: inline-block;
        vertical-align: middle
    }
}

.share {
    padding: 2.875rem 0 3.875rem;
    text-align: center;
    margin-bottom: -1.5rem
}

.share .share__item {
    display: inline-block;
    padding-left: 0;
    margin: 0 .875rem 1.5rem
}

.share .share__link {
    display: block;
    color: #1b1b18;
    border: 0;
    padding-left: 0
}

.share .share__link:hover .share__icon {
    color: #98d5fc
}

.share .share__icon,
.share .share__label {
    display: inline-block;
    vertical-align: middle
}

.share .share__label {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    position: relative;
    top: .25rem;
    margin-left: 1.25rem;
    text-decoration: none
}

.share .share__icon {
    font-size: 2rem;
    text-align: center;
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94)
}

@media (min-width:768px) {
    .share {
        padding: 2.875rem 0 5.375rem;
        margin-bottom: 0
    }
    .share .share__item {
        margin-left: 0;
        margin-right: 2.75rem;
        margin-bottom: 0
    }
    .share .share__item:last-child {
        margin-right: 0!important
    }
    .share .share__icon {
        font-size: 2.625rem
    }
    .share .share__icon.fa-facebook-f {
        font-size: 2.375rem
    }
}

@media (min-width:1200px) {
    .share {
        padding: 4.125rem 0 6.5rem
    }
    .share .share__item {
        margin-right: 3.375rem
    }
}

.comment-area {
    counter-reset: comment-list;
    display: none;
    padding-top: 1.75rem
}

.comment-area.reveal {
    display: block
}

.comment .comment__avatar {
    font: 700 2.25rem "Josefin Sans", sans-serif;
    position: relative;
    width: 72px;
    height: 72px;
    text-align: center;
    color: #fff;
    background: #6fb1f4
}

.comment .comment__avatar span,
.comment .comment__avatar svg {
    position: absolute;
    top: 50%;
    left: 50%
}

.comment .comment__avatar span {
    height: 2.5rem;
    line-height: 3rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.comment .comment__avatar svg {
    width: 64px;
    height: 64px;
    margin-top: -.25rem;
    -webkit-transform: translate(-50%, -50%) scale(.75);
    transform: translate(-50%, -50%) scale(.75)
}

.comment .comment__avatar svg path {
    fill: #fff
}

.comment .comment__author {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    padding-top: .25rem;
    margin-bottom: .125rem
}

.comment .comment__time {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    color: #8b989b
}

.comment .comment__body {
    padding-top: 1.25rem;
    margin-bottom: -1.6875rem
}

.comment .comment__body:before {
    content: counter(comment-list) ".";
    counter-increment: comment-list;
    font-size: 1.75rem;
    white-space: nowrap;
    float: right;
    margin-top: -3px;
    margin-left: 1rem
}

.comment+.comment {
    margin-top: 2.875rem
}

.comment--admin .comment__author {
    color: #6fb1f4
}

.comment--admin .comment__avatar {
    color: #0a0b13;
    background: #f5f5f5
}

@media (min-width:576px) {
    .comment-area {
        padding-top: 2.8125rem
    }
    .comment .comment__body {
        padding-top: 1.375rem
    }
    .comment .comment__body:before {
        bottom: .25rem
    }
    .comment .comment__avatar {
        width: 90px;
        height: 90px;
        font-size: 3rem
    }
    .comment .comment__avatar svg {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@media (min-width:768px) {
    .comment-area {
        padding-top: 3.375rem
    }
    .comment .comment__body {
        padding-top: 0
    }
    .comment+.comment {
        margin-top: 3.375rem
    }
    .comment-control {
        text-align: left
    }
    .comment-control .comment-control__label {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .comment .comment__body:before {
        position: absolute;
        top: 1.125rem;
        left: 100%;
        bottom: auto;
        right: auto;
        font-size: 2.25rem
    }
}

@media (min-width:1200px) {
    .comment-area {
        padding-top: 4.5rem
    }
    .comment .comment__author {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

.rod-accordion .rod-accordion__panel h2,
.rod-accordion .rod-accordion__panel h3,
.rod-accordion .rod-accordion__panel h4,
.rod-accordion__panel[aria-hidden=true] {
    display: none
}

.rod-accordion .rod-accordion__header {
    font: 1.125rem/1.6875rem "Josefin Sans", sans-serif;
    position: relative;
    display: block;
    width: 100%;
    padding: 1.625rem 2.5rem 1.5rem 0;
    text-align: left;
    background: 0 0;
    -webkit-transition: all 280ms cubic-bezier(.25, .46, .45, .94);
    transition: all 280ms cubic-bezier(.25, .46, .45, .94)
}

.rod-accordion .rod-accordion__header:focus {
    outline: 0;
    box-shadow: none
}

.rod-accordion .rod-accordion__header:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0a0b13;
    opacity: .1
}

.rod-accordion .rod-accordion__header:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 32px;
    height: 32px;
    margin-top: -.75rem;
    background: url(../images/icons/arrow-top.svg) no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955)
}

.rod-accordion .rod-accordion__header[aria-expanded=true]:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.rod-accordion .rod-accordion__header:hover {
    color: #6fb1f4
}

.rod-accordion .rod-accordion__panel {
    padding: 2.125rem 2.5rem 1.125rem;
    background: #f5f5f5;
    overflow: hidden
}

@media (max-width:420px) {
    .rod-accordion .rod-accordion__panel {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        background: 0 0
    }
    .rod-accordion .rod-accordion__panel:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #0a0b13;
        opacity: .1
    }
}

@media (min-width:576px) {
    .rod-accordion .rod-accordion__header {
        font-size: 1.25rem;
        line-height: 1.875rem;
        padding: 1.5rem 2.5rem 1.375rem 0
    }
}

@media (min-width:768px) {
    .rod-accordion {
        margin-top: -2rem
    }
    .rod-accordion .rod-accordion__header {
        padding: 2.125rem 2.5rem 1.625rem 0
    }
    .rod-accordion .rod-accordion__panel {
        padding: 2.125rem 3rem .625rem
    }
}

@media (min-width:992px) {
    .rod-accordion .rod-accordion__header {
        font-size: 1.375rem;
        line-height: 2rem
    }
    .rod-accordion .rod-accordion__panel {
        padding: 2.75rem 4.5rem 1.25rem
    }
}

.error {
    text-align: center;
    font-family: "Josefin Sans", sans-serif
}

.error .error__preview {
    margin-top: 3.25rem;
    margin-bottom: 2.5rem;
    position: relative
}

.error .error__name {
    position: relative;
    padding: .625rem;
    margin-bottom: -4.75rem;
    font-size: 2rem;
    line-height: 2.75rem;
    background: #fff
}

.error .error__number {
    font-size: 9.5rem;
    line-height: normal;
    font-weight: 700;
    color: #98d5fc
}

.error .error__title {
    margin-bottom: .125rem;
    font-size: 1.5rem;
    line-height: 2.0625rem
}

.error .error__message {
    font: 1.125rem/1.6875rem "Arapey", serif;
    margin-bottom: 2.25rem
}

@media (max-width:360px) {
    .error .error__title {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
    .error .error__message {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:576px) {
    .error .error__preview {
        margin-top: 2.5rem;
        margin-bottom: 0
    }
    .error .error__name {
        position: absolute;
        top: 26%;
        font-size: 3.25rem;
        line-height: 3.5rem;
        left: 0;
        width: 100%;
        padding-top: .75rem;
        margin-bottom: 0
    }
    .error .error__number {
        font-size: 18rem
    }
}

@media (min-width:768px) {
    .error .error__preview {
        margin-top: 3.5rem
    }
    .error .error__name {
        top: 29%;
        font-size: 4.25rem;
        line-height: 4.5rem
    }
    .error .error__number {
        font-size: 24rem
    }
    .error .error__title {
        margin-bottom: .375rem;
        font-size: 2rem;
        line-height: 2.75rem
    }
    .error .error__message {
        margin-bottom: 2.875rem
    }
}

@media (min-width:992px) {
    .error .error__preview {
        margin-top: 5.125rem
    }
    .error .error__name {
        top: 27%;
        font-size: 6.25rem;
        line-height: 6rem
    }
    .error .error__number {
        font-size: 30rem
    }
}

.card .card__name {
    font-family: "Josefin Sans", sans-serif;
    color: #1b1b18;
    text-decoration: none
}

.card .card__meta {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    text-decoration: none
}

.card-wrapper {
    margin-bottom: 0
}

.card-wrapper--sm {
    margin-bottom: -2.25rem
}

@media (min-width:768px) {
    .card-wrapper--sm {
        margin-bottom: -2.75rem
    }
}

@media (min-width:992px) {
    .card-wrapper--sm {
        margin-bottom: -4.5rem
    }
}

.card--post .media {
    overflow: hidden
}

.card--post .media__area {
    padding-bottom: 84.375%;
    background: #f5f5f5
}

.card--post .media__area img,
.card--post-complete .card__preview img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.card--post .card__name {
    display: block;
    font-weight: 600
}

.card--post .card__metas {
    margin: 0
}

.card--post .card__metas a {
    border: 0
}

.card--post .card__meta {
    display: block;
    color: #8b989b
}

.card--post .card__meta-title {
    display: block;
    color: #1b1b18
}

.card--post .card__meta-value {
    color: #8b989b;
    border: 0
}

.card--post .card__meta-value+.card__meta-value:before,
.card--post-complete .card__meta-value+.card__meta-value:before {
    content: ', ';
    color: #8b989b
}

.card--post .card__meta-value[href] {
    text-decoration: none;
    -webkit-transition: color 280ms cubic-bezier(.25, .46, .45, .94);
    transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}

.card--post .card__meta-value[href]:hover,
.card--post-complete .card__meta-value[href]:hover {
    color: #1b1b18
}

.card--post .card__detail {
    position: absolute;
    z-index: 1;
    -webkit-transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    transition: all 400ms cubic-bezier(.455, .03, .515, .955);
    display: none
}

.card--post .card__detail:before,
.card--post-complete .card__header:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff
}

.card--post .card__detail:before {
    top: 0;
    z-index: -1;
    opacity: .8;
    height: 100%
}

.card--post .card__reference {
    display: inline-block;
    text-align: left
}

.card--post .card__reference .card__reference-label {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    display: block;
    margin-bottom: .25rem
}

.card--post .card__reference .card__reference-value {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem
}

.card--post-list .card__detail,
.card--post-primary .card__detail {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.card--post-list .card__detail .link--cta,
.card--post-primary .card__detail .link--cta {
    white-space: nowrap;
    margin-left: .5rem
}

.card--post-list:hover .card__detail,
.card--post-primary:hover .card__detail {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.card--post-info .card__detail,
.card--post-large .card__detail,
.card--post-tile .card__detail {
    width: 190px
}

.card--post-info .card__detail,
.card--post-large .card__detail,
.card--post-text .card__detail,
.card--post-tile .card__detail {
    top: 0;
    left: 0;
    height: 100%;
    padding: 5rem 1rem 6rem;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.card--post-info .card__detail .card__reference,
.card--post-large .card__detail .card__reference,
.card--post-text .card__detail .card__reference,
.card--post-tile .card__detail .card__reference {
    width: 100%;
    text-align: center
}

.card--post-info .card__detail .link,
.card--post-large .card__detail .link,
.card--post-text .card__detail .link,
.card--post-tile .card__detail .link {
    position: absolute;
    bottom: 1.6875rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.post--alt.card--post-info .card__detail,
.post--alt.card--post-large .card__detail,
.post--alt.card--post-text .card__detail,
.post--alt.card--post-tile .card__detail {
    left: auto;
    right: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.card--post-info:hover .card__detail,
.card--post-large:hover .card__detail,
.card--post-small:hover .media__area:before,
.card--post-text:hover .card__detail,
.card--post-tile:hover .card__detail {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.card--post-info .card__name,
.card--post-large .card__name,
.card--post-list .card__name,
.card--post-primary .card__name,
.card--post-primary.grid-item--lg .card__name,
.card--post-tile .card__name {
    font-size: 1.5rem;
    line-height: 2.0625rem
}

@media (min-width:768px) {
    .card--post .card__detail {
        display: block
    }
    .card--post .card__reference .card__reference-value {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
    .card--post-list .card__detail,
    .card--post-primary .card__detail {
        padding: 1.375rem 1.5rem 1.25rem 2rem
    }
    .card--post-list .card__name,
    .card--post-primary .card__name {
        font-size: 1.75rem;
        line-height: 2.375rem
    }
    .card--post-info .card__name,
    .card--post-large .card__name,
    .card--post-primary.grid-item--lg .card__name,
    .card--post-tile .card__name {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media (min-width:992px) {
    .card--post .card__reference .card__reference-value {
        font-size: 1.5rem
    }
    .card--post-list .card__detail,
    .card--post-primary .card__detail {
        padding: 1.625rem 2.5rem 1.75rem 2.25rem
    }
    .card--post-info .card__detail,
    .card--post-large .card__detail,
    .card--post-text .card__detail,
    .card--post-tile .card__detail {
        width: 240px
    }
    .card--post-info .card__name,
    .card--post-large .card__name,
    .card--post-primary.grid-item--lg .card__name,
    .card--post-tile .card__name {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media (min-width:1200px) {
    .card--post-list .card__name,
    .card--post-primary .card__name {
        font-size: 2rem;
        line-height: 2.75rem
    }
    .card--post-info .card__name,
    .card--post-large .card__name,
    .card--post-primary.grid-item--lg .card__name,
    .card--post-tile .card__name {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

.card--post-complete .card__header {
    position: relative;
    z-index: 9;
    padding: 1.5rem 0 3rem;
    background: #fff
}

.card--post-complete .card__header:before {
    bottom: 100%;
    height: 54px
}

.card--post-complete .card__preview {
    position: relative;
    z-index: 9;
    background: #f5f5f5;
    height: 192px;
    overflow: hidden
}

.card--post-complete .card__preview img {
    max-width: none;
    width: auto;
    height: inherit
}

.card--post-complete .card__name {
    position: relative;
    z-index: 1;
    display: inline-block
}

.card--post-complete .card__indecator {
    font: 1.25rem/1.875rem "Josefin Sans", sans-serif;
    display: inline-block;
    margin-bottom: .625rem;
    color: #8b989b
}

.card--post-complete .card__metas {
    margin-bottom: 0;
    font-size: 0
}

.card--post-complete .card__meta {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding-left: 0;
    margin-top: 1.625rem;
    margin-bottom: 0
}

.card--post-complete .card__meta:last-child {
    margin-right: 0!important
}

.card--post-complete .card__meta-title {
    display: block;
    margin-bottom: .375rem
}

.card--post-complete .card__meta-value {
    color: #8b989b;
    border: 0
}

.card--post-complete .card__meta-value[href] {
    text-decoration: none;
    -webkit-transition: color 280ms cubic-bezier(.25, .46, .45, .94);
    transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}

@media (max-width:575.98px) {
    .card--post-complete .card__metas {
        padding-top: 1.125rem;
        padding-bottom: .375rem
    }
    .card--post-complete .card__meta {
        width: 100%;
        margin-top: 1.125rem
    }
    .card--post-complete .card__meta-title {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin-bottom: 0
    }
}

@media (min-width:576px) {
    .card--post-complete .card__preview {
        height: 256px
    }
    .card--post-complete .card__metas {
        padding: .625rem 0
    }
    .card--post-complete .card__meta {
        width: auto;
        margin-right: 3rem
    }
    .card--post-complete .card__meta:nth-child(1) {
        max-width: 80px
    }
    .card--post-complete .card__meta:nth-child(2) {
        max-width: 115px
    }
    .card--post-complete .card__meta:nth-child(3) {
        max-width: 140px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .card--post-complete .card__metas {
        position: relative;
        z-index: 9;
        background: #fff
    }
    .card--post-complete .card__metas:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        width: 1000px;
        height: 100%;
        background: #fff
    }
}

@media (min-width:768px) {
    .card--post-complete .card__header {
        padding: 2.5rem 0 3.875rem
    }
    .card--post-complete .card__indecator {
        margin-bottom: .625rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .card--post-complete .card__preview {
        height: 330px
    }
    .card--post-complete .card__metas {
        padding-bottom: .875rem
    }
    .card--post-complete .card__meta {
        margin-right: 4rem
    }
}

@media (min-width:992px) {
    .card--post-complete .card__header {
        padding: 2.625rem 0 4.875rem
    }
    .card--post-complete .card__preview {
        height: 512px
    }
    .card--post-complete .card__indecator {
        margin-top: .75rem;
        margin-bottom: 0;
        font-size: 1.75rem;
        line-height: 2.375rem
    }
}

@media (min-width:1200px) {
    .card--post-complete .card__header {
        padding: 4.5rem 0 6.5rem
    }
    .card--post-complete .card__preview {
        height: 640px
    }
    .card--post-complete .card__indecator {
        margin-top: .875rem
    }
    .card--post-complete .card__metas {
        padding-bottom: 1.25rem
    }
    .card--post-complete .card__meta {
        margin-right: 5rem
    }
}

.card--post-small {
    margin-bottom: 2.25rem;
    text-align: center
}

.card--post-small .card__name {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 400
}

.card--post-small .card__meta {
    margin: 1.125rem 0 .625rem
}

.card--post-small .media__area:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .4;
    -webkit-transition: transform 400ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 400ms cubic-bezier(.455, .03, .515, .955);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

@media (min-width:992px) {
    .card--post-small {
        margin-bottom: 2.75rem
    }
    .card--post-small .card__name {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
    .card--post-small .card__meta {
        margin: 1.5rem 0 .75rem
    }
}

@media (min-width:1200px) {
    .card--post-small {
        margin-bottom: 3.75rem
    }
    .card--post-small .card__name {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

.card--post-primary {
    text-align: center;
    margin-bottom: 2.625rem
}

.card--post-primary .card__name {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.card--post-primary .card__meta {
    margin-bottom: .75rem
}

.card--post-primary .media {
    margin-bottom: 1.375rem
}

@media (min-width:768px) {
    .card--post-primary {
        margin-bottom: 3.5rem
    }
    .card--post-primary .media {
        margin-bottom: 1.75rem
    }
    .card--post-primary .card__meta {
        margin-bottom: .875rem
    }
    .card--post-primary.grid-item--lg .card__meta {
        margin-bottom: .5rem
    }
}

@media (min-width:1200px) {
    .card--post-primary {
        margin-bottom: 4.625rem
    }
    .card--post-primary .media {
        margin-bottom: 1.875rem
    }
    .card--post-primary .card__meta,
    .card--post-primary.grid-item--lg .card__meta {
        margin-bottom: 1rem
    }
}

.card--post-list {
    margin-bottom: 2.875rem
}

.card--post-list .card__name {
    margin-bottom: .875rem
}

.card--post-list .card__meta {
    margin-bottom: .75rem
}

.card--post-list .card__info {
    display: block;
    margin-bottom: 0
}

.card--post-list .media {
    margin-bottom: 1.75rem
}

@media (min-width:768px) {
    .card--post-list {
        margin-bottom: 3.375rem
    }
    .card--post-list .card__info {
        display: none
    }
    .card--post-list .card__name {
        margin-bottom: 0
    }
    .card--post-list .card__meta {
        margin-bottom: 1.375rem
    }
    .card--post-list .media {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .card--post-list {
        margin-bottom: 4.5rem
    }
    .card--post-list .card__name {
        margin-bottom: 1.25rem
    }
    .card--post-list .card__meta {
        margin-bottom: 1.375rem
    }
    .card--post-list .card__info {
        display: block
    }
    .card--post-list .media {
        margin-right: -5px
    }
}

@media (min-width:1200px) {
    .card--post-list {
        margin-bottom: 5.625rem
    }
}

.card--post-tile {
    text-align: center;
    margin-bottom: 3.375rem;
    background: #f5f5f5
}

.card--post-tile .card__meta {
    margin-bottom: .75rem
}

.card--post-tile .card__content {
    padding: 1.625rem .75rem 1.5rem
}

@media (min-width:576px) {
    .card--post-tile .card__content {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .card--post-tile .card__content {
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .card--post-tile .card__name {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
    .card--post-tile .card__meta {
        margin-bottom: .875rem
    }
    .card--post-tile:not(.post--alt) .card__content {
        margin-left: -.25rem;
        padding-right: 1.5rem
    }
    .card--post-tile.post--alt .card__content {
        margin-right: -.25rem;
        padding-left: 1.5rem
    }
}

@media (min-width:992px) {
    .card--post-tile {
        margin-bottom: 4.5rem
    }
    .card--post-tile .card__meta {
        margin-bottom: 1.375rem
    }
    .card--post-tile:not(.post--alt) .card__content {
        margin-left: -1.5625rem;
        padding-right: 2.8125rem
    }
    .card--post-tile.post--alt .card__content {
        margin-right: -1.5625rem;
        padding-left: 2.8125rem
    }
    .card--post-tile .media {
        margin-right: -5px
    }
}

@media (min-width:1200px) {
    .card--post-tile {
        margin-bottom: 5.75rem
    }
    .card--post-tile .card__meta {
        margin-bottom: 1.25rem
    }
}

.card--post-large {
    margin-bottom: 2.875rem
}

.card--post-large .card__name {
    margin-bottom: .625rem
}

.card--post-large .card__metas {
    font-size: 0
}

.card--post-large .card__meta {
    display: none;
    padding: 0
}

.card--post-large .card__meta-title {
    margin-bottom: .375rem
}

.card--post-large .card__info {
    margin-bottom: 0
}

.card--post-large .media__area {
    padding-bottom: 47.35%
}

.card--post-large .media {
    margin-bottom: 1.5rem
}

@media (max-width:767.98px) {
    .card--post-large .card__meta:last-child {
        display: block;
        padding-top: .25rem;
        margin-bottom: .75rem
    }
    .card--post-large .card__meta:last-child .card__meta-title {
        display: none
    }
}

@media (min-width:768px) {
    .card--post-large {
        margin-bottom: 4rem
    }
    .card--post-large .card__name {
        margin-bottom: .875rem
    }
    .card--post-large .card__metas {
        padding-top: .5rem
    }
    .card--post-large .card__meta {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-right: 1rem;
        margin-bottom: 1.75rem
    }
    .card--post-large .media {
        margin-bottom: 2.375rem
    }
}

@media (min-width:992px) {
    .card--post-large .media {
        margin-bottom: 2.125rem
    }
}

@media (min-width:1200px) {
    .card--post-large {
        margin-bottom: 5.125rem
    }
}

.card--post-info {
    margin-bottom: 2.875rem
}

.card--post-info .card__preview {
    position: relative
}

.card--post-info .media__area {
    padding-bottom: 47.35%
}

.card--post-info .card__name {
    margin-bottom: .625rem
}

.card--post-info .card__metas {
    font-size: 0
}

.card--post-info .card__meta {
    display: none;
    padding: 0
}

.card--post-info .card__meta-title {
    margin-bottom: .375rem
}

@media (max-width:767.98px) {
    .card--post-info .card__meta:last-child {
        display: block;
        padding-top: 1.75rem;
        margin-bottom: .75rem
    }
    .card--post-info .card__meta:last-child .card__meta-title {
        display: none
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .card--post-info .card__metas {
        padding: 2.25rem 0 .75rem
    }
    .card--post-info .card__meta {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-right: 3rem
    }
    .card--post-info .card__meta:nth-child(1) {
        max-width: 80px
    }
    .card--post-info .card__meta:nth-child(2) {
        max-width: 115px
    }
    .card--post-info .card__meta:nth-child(3) {
        max-width: 140px
    }
    .card--post-info .card__meta:last-child {
        margin-right: 0;
        max-width: calc(100% - 480px)
    }
}

@media (min-width:768px) {
    .card--post-info {
        margin-bottom: 4rem
    }
    .card--post-info .card__name {
        margin-bottom: .75rem
    }
}

@media (min-width:992px) {
    .card--post-info .card__preview {
        background: #f5f5f5;
        margin-bottom: 2.375rem
    }
    .card--post-info .card__info {
        margin-top: .375rem
    }
    .card--post-info .card__metas {
        margin: 0;
        padding: 0 0 0 1.125rem;
        text-align: left
    }
    .card--post-info .card__meta {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }
    .card--post-info .card__meta+.card__meta {
        margin-top: 1.75rem
    }
    .card--post-info .meta-overlay {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background: #f5f5f5
    }
}

@media (min-width:1200px) {
    .card--post-info {
        margin-bottom: 5.125rem
    }
    .card--post-info .card__metas {
        padding: 0 0 0 2.25rem
    }
    .card--post-info .card__meta+.card__meta {
        margin-top: 2.25rem
    }
}

.card--post-text {
    position: relative;
    overflow: hidden
}

.card--post-text:after,
.card--post-text:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0a0b13;
    opacity: .1
}

.card--post-text:before {
    top: 0
}

.card--post-text:after {
    bottom: 0
}

.card--post-text+.card--post-text:before {
    display: none
}

.card--post-text .card__detail {
    display: none;
    width: 200px
}

.card--post-text .card__detail:before {
    background: #f5f5f5;
    opacity: 1
}

.card--post-text .card__name {
    margin-bottom: .625rem;
    font-size: 1.5rem;
    line-height: 2.0625rem
}

.card--post-text .card__meta-title,
.card--post-text .card__metas {
    display: none
}

.card--post-text .card__meta {
    display: inline-block;
    vertical-align: top;
    padding: 0
}

.card--post-text .card__meta--lg {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.card--post-text .card__info {
    margin-bottom: 0
}

.card--post-text .card__content {
    max-width: 100%;
    margin: 0 auto;
    padding: 2.75rem 0 2.875rem
}

@media (min-width:768px) {
    .card--post-text {
        text-align: center
    }
    .card--post-text .card__content {
        padding: 4rem 0 4.125rem
    }
    .card--post-text .card__name {
        margin-bottom: 1rem;
        font-size: 2.25rem;
        line-height: 3rem
    }
    .card--post-text .card__metas {
        display: block;
        margin-bottom: 1.125rem
    }
    .card--post-text .card__meta {
        margin: 0 2.125rem
    }
    .card--post-text .card__meta--lg {
        margin-bottom: .875rem
    }
}

@media (min-width:992px) {
    .card--post-text .card__content {
        max-width: 720px
    }
    .card--post-text .card__name {
        font-size: 2.8125rem;
        line-height: 3.75rem
    }
    .card--post-text .card__metas {
        margin-bottom: 1.375rem
    }
}

@media (min-width:1200px) {
    .card--post-text .card__content {
        max-width: 800px;
        padding: 5rem 0 5.125rem
    }
}

.card--post-featured {
    position: relative
}

.card--post-featured .card__name {
    margin-bottom: .75rem;
    font-size: 1.75rem;
    line-height: 2.375rem;
    font-weight: 600
}

.card--post-featured .card__link {
    display: block;
    text-decoration: none;
    -webkit-transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    transition: color 400ms cubic-bezier(.25, .46, .45, .94);
    color: #1b1b18
}

.card--post-featured .card__link:hover {
    color: #6fb1f4
}

.card--post-featured .card__info {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    line-height: 1.875rem
}

.card--post-featured .media {
    margin-bottom: 2.375rem
}

.card--post-featured .media__area {
    position: relative;
    padding-bottom: 47.35%
}

@media (min-width:768px) {
    .card--post-featured .card__name {
        margin-bottom: .625rem;
        font-size: 2rem;
        line-height: 2.75rem
    }
    .card--post-featured .card__info {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

@media (min-width:992px) {
    .card--post-featured .media {
        margin-bottom: 0
    }
    .card--post-featured .card__name {
        margin-bottom: 1.375rem;
        font-size: 2.25rem;
        line-height: 3rem
    }
    .card--post-featured .card__info {
        margin-bottom: 1rem
    }
    .card--post-featured .media__area:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .8
    }
    .card--post-featured.card--absolute .card__content {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 10;
        padding: 0 4.25rem;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .card--post-featured.card--light .card__info,
    .card--post-featured.card--light .card__link,
    .card--post-featured.card--light .link {
        color: #fff
    }
    .card--post-featured.card--light .card__link:hover {
        color: #98d5fc
    }
    .card--post-featured.card--light .media__area:before {
        background: #0a0b13;
        opacity: .4
    }
}

@media (min-width:1200px) {
    .card--post-featured .card__name {
        margin-bottom: 2.25rem;
        font-size: 2.8125rem;
        line-height: 3.75rem
    }
    .card--post-featured .card__info {
        margin-bottom: 2.125rem;
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
    .card--post-featured.card--absolute .card__content {
        padding: 0 6.25rem
    }
}

.card--post-tiny .card__name {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 400
}

.card--post-tiny .media {
    z-index: 1;
    margin-right: 2.5rem;
    background: #fff;
    overflow: hidden
}

.card--post-tiny .media .image-placeholder {
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    z-index: -1
}

.card--post-tiny .media__area {
    width: 108px;
    height: 108px
}

.card--post-tiny .media__area:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .4;
    -webkit-transition: transform 400ms cubic-bezier(.455, .03, .515, .955);
    transition: transform 400ms cubic-bezier(.455, .03, .515, .955);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.card--post-tiny:hover .media__area:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.card--post-tiny+.card--post-tiny {
    margin-top: 2.25rem
}

@media (max-width:420px) {
    .card--post-tiny {
        min-height: 108px
    }
    .card--post-tiny .media {
        position: absolute;
        margin-left: 1.5rem;
        z-index: -1
    }
    .card--post-tiny .media__area:before {
        opacity: .8;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media (min-width:992px) {
    .card--post-tiny .card__name {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

.review-area {
    display: none;
    margin-bottom: -.625rem
}

.review-area.reveal {
    display: block
}

.card--product {
    position: relative;
    padding-bottom: 3rem
}

.card--product:last-child {
    padding-bottom: 0!important
}

.card--product .card__header {
    position: relative;
    padding: 0;
    padding-right: 3rem;
    margin-bottom: 1.125rem
}

.card--product .card__indicator {
    font: 2.25rem/3rem "Arapey", serif;
    display: block
}

.card--product .card__indicator span {
    color: #98d5fc
}

.card--product .card__name {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 1.75rem;
    line-height: 2.375rem;
    font-weight: 600
}

.card--product .card__name:before {
    width: 20px
}

.card--product .card__name:hover:before {
    height: calc(100% - 52px + 100px)
}

.card--product .card__creator {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: -.375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #8b989b
}

.card--product+.card--product:before {
    content: "";
    display: block;
    position: absolute;
    top: -1.75rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0a0b13;
    opacity: .1
}

.card--product .card__preview {
    background: #f5f5f5;
    margin-bottom: 2.25rem
}

.card--product .card__preview .media {
    position: relative;
    width: 100%;
    max-width: 100%
}

.card--product .card__control {
    position: absolute;
    top: 50%;
    right: 0;
    width: 32px;
    height: 32px;
    margin-top: -.375rem;
    text-decoration: none;
    color: #1b1b18
}

.card--product .card__control .icon {
    position: absolute;
    top: 0;
    left: 0
}

.card--product .card__body,
.card--product .card__control .control-end,
.card--product.reveal .card__control .control-start {
    display: none
}

.card--product.reveal .card__body,
.card--product.reveal .card__control .control-end {
    display: block
}

@media (min-width:768px) {
	.hero {margin-bottom:0px;}
    .card--product {
        padding-bottom: 4.5rem
    }
    .card--product .card__header {
        padding-right: 0
    }
    .card--product .card__preview {
        margin-bottom: 2.75rem
    }
    .card--product .card__name {
        margin-right: 1.125rem;
        margin-bottom: 0;
        font-size: 2.25rem;
        line-height: 3rem
    }
    .card--product .card__indicator {
        position: absolute;
        top: 10.75rem;
        right: 100%;
        z-index: 5;
        width: 100%;
        max-width: 145px;
        margin-right: 2.25rem;
        font-size: 3.375rem;
        line-height: 4.5rem;
        text-align: center
    }
    .card--product .card__control {
        display: none
    }
    .card--product .card__creator {
        display: inline-block;
        margin-top: 0
    }
    .card--product .card__body {
        display: block
    }
    .card--product+.card--product:before {
        top: -2.75rem
    }
    .review-area {
        margin-bottom: -2.25rem
    }
}

@media (min-width:992px) {
    .card--product .card__indicator {
        top: 13.75rem;
        max-width: 170px;
        margin-right: 4.5rem
    }
    .card--product .card__indicator:before {
        width: 180px
    }
}

@media (min-width:1200px) {
    .card--product {
        padding-bottom: 5.625rem
    }
    .card--product .card__indicator {
        font-size: 5.625rem;
        line-height: 6.5rem;
        top: 15.5rem
    }
    .card--product+.card--product:before {
        top: -3.325rem
    }
}

.card--product-sm {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5rem
}

.card--product-sm .card__name {
    position: relative;
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 600
}

.card--product-sm .card__name:before {
    width: 12px
}

.card--product-sm .card__name:hover:before {
    height: calc(100% - 32px + 60px)
}

.card--product-sm .card__info {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width:576px) {
    .card--product-sm {
        max-width: 100%;
        padding-top: 1rem
    }
	.hero {margin-bottom:0px;}
}

@media (min-width:768px) {
    .card--product-sm {
        text-align: center
    }
	.hero {margin-bottom:0px;}
}

.card--person {
    margin-bottom: 2.625rem;
    text-align: center
}

.card--person .media {
    overflow: hidden;
    margin-bottom: 1.375rem
}

.card--person .media__area {
    padding-bottom: 125%;
    background: #f5f5f5
}

.card--person .media__area img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.card--person .card__name {
    display: block;
    font-size: 1.5rem;
    line-height: 2.0625rem;
    font-weight: 600
}

.card--person .card__status {
    font: 1rem/1.5rem "Josefin Sans", sans-serif;
    display: block;
    margin-bottom: .5rem;
    color: #8b989b
}

.card--person .media__label {
    font: 700 7.25rem "Josefin Sans", sans-serif;
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff
}

.card--person-light .media__label {
    color: #98d5fc
}

.card--person-open {
    margin-bottom: 1.75rem
}

.card--person-open+.social {
    padding-bottom: 2.125rem
}

.person-wrapper {
    margin-bottom: -2.25rem;
    padding-bottom: 2.75rem
}

@media (min-width:768px) {
	.hero {margin-bottom:0px;}
    .person-wrapper {
        margin-bottom: -3.625rem;
        padding-bottom: 4.125rem
    }
    .card--person {
        margin-bottom: 3.625rem
    }
    .card--person .media,
    .card--person-open {
        margin-bottom: 1.75rem
    }
    .card--person .card__status {
        margin-bottom: .625rem
    }
    .card--person .card__name {
        font-size: 1.75rem;
        line-height: 2.375rem
    }
    .card--person-open+.social {
        padding-bottom: 0
    }
}

@media (min-width:992px) {
    .card--person .media__label {
        font-size: 9rem
    }
}

@media (min-width:1200px) {
    .person-wrapper {
        margin-bottom: -4.6875rem;
        padding-bottom: 5.25rem
    }
    .card--person {
        margin-bottom: 4.6875rem
    }
    .card--person .card__name {
        font-size: 2rem;
        line-height: 2.75rem
    }
    .card--person .media {
        margin-bottom: 2rem
    }
    .card--person .card__status {
        margin-bottom: .75rem
    }
    .card--person .media__label {
        font-size: 11.25rem
    }
    .card--person-open {
        margin-bottom: 2.25rem
    }
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

.align-center {
    text-align: center
}

.color-list {
    font-size: 0;
    margin-bottom: -.875rem
}

.color {
    display: inline-block;
    margin-right: 2.25rem;
    padding-left: 0
}

.color .color__value {
    display: block;
    width: 120px;
    height: 120px
}

.color .color__name {
    display: block;
    margin-bottom: .625rem;
    font-size: 1rem
}

.color--primary .color__value {
    background: #98d5fc
}

.color--shade .color__value {
    background: #6fb1f4
}

.color--light .color__value {
    background: #fff;
    border: 1px solid #0a0b13
}

.color--dark .color__value {
    background: #0a0b13
}

.color--text .color__value {
    background: #1b1b18
}

.color--helper .color__value {
    background: #8b989b
}

.color--bg .color__value {
    background: #f5f5f5
}

.sample-text {
    margin-top: -.875rem;
    margin-bottom: -1rem
}

@media (max-width:420px) {
    .color {
        margin-right: 1.5rem
    }
    .color .color__value {
        width: 90px;
        height: 90px
    }
}

.presentation_label {
    display: block;
    margin-bottom: .625rem
}

.content-row-fix {
    margin-bottom: -1.125rem
}

@media (min-width:768px) {
    .content-row-fix {
        margin-bottom: -1.6875rem
    }
	
	.hero {margin-bottom:0px;}
}

.mb-default {
    margin-bottom: 2.25rem
}

@media (max-width:991.98px) {
	
	.controls {
    
	 display:inline ;  
}	
	
    .button-presentation {
        margin-bottom: 1.5rem
    }
}

@media (min-width:768px) {
	
	.hero {margin-bottom:0px;}
    .sample-text {
        margin-top: -1.375rem;
        margin-bottom: -2.125rem
    }
}

.pad-sovet {
	padding: 80px 120px 50px;
}

.zag-sovet {
	font-family: 'Open Sans';
	font-size: 15px;
	color: #666;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	width: 70%;
	margin-bottom: 0;
	margin-top: 20px;
}

.bx-wrapper {
	 
	margin-bottom: 10px;
	 
}

.while-col { background-color: rgba(255, 255, 255, 0.8);  font-family: 'Futuramediumc'; font-size:22px; color:#000; padding: 80px 60px; text-align:center}
.while-col a {text-decoration: none;}

.while-col-but {
	color: #fff;
	text-align: center;
	background: #ED5B5E;
	font-size: 18px;
	line-height: 1.0;
	border-radius: 5px;
	padding: 10px;
	margin-top: 70px;
}

@media only screen and (min-width:620px) { 


.copy {
    margin-top: 0;
    font-family: 'FuturaDemiCTT Normal';
    font-size: 11px;
    padding: 3px 0px;
    color: #fff;
}
}
@media only screen and (max-width:575px) { 
.hero {margin-bottom:0} 
.pad-sovet {
	padding: 80px 50px 50px;
}
}
@media only screen and (max-width:320px) { 

 .pad-sovet {
    padding: 10px !important;
}
 
.component {
    padding-bottom: 2rem !important;
}
.f-phone, .f-phone-txt, .soc-line {
     
    text-align: center;
}


}

.zag-sovet {
	font-family: 'Open Sans';
	font-size: 15px;
	color: #666;
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 10px;
	width: 70%;
	margin-bottom: 0;
	margin-top: 20px;
	width: 50%;
}