@charset "utf-8";

/*Bebas neue*/

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BebasNeueBook.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BebasNeueRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BebasNeueBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


/*RobotoCondensed*/

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


/*Cuprum*/

@font-face {
    font-family: 'Cuprum';
    src: url('../fonts/Cuprum-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cuprum';
    src: url('../fonts/Cuprum-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Cuprum';
    src: url('../fonts/Cuprum-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cuprum';
    src: url('../fonts/Cuprum-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

html {
    font-size: 10px;
    position: relative;
    min-height: 100%;
}


/*Reset body styles, include font*/

body {
    font-size: 1.7rem;
    margin: 0 0 190px 0;
    font-family: 'Cuprum', sans-serif;
    font-weight: 400;
    /*    background: url(../img/gray-treangle-bg3.png) no-repeat;*/
    background-position: right 0;
    color: #203b40;
}


/*Размеры элементов учитывают рамки*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*Делаем HTML5 элементы блочными для старых браузеров*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

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

h1 {
    color: rgba(5, 171, 224, 1);
    padding-bottom: 10px;
    margin-top: 0;
    font-size: 3.2rem;
}

h2 {
    color: rgba(95, 95, 95, 1);
}

h3,
h4,
h5,
h6 {
    color: rgb(105, 105, 105);
}

p {
    color: #2a2a2a;
}

a {
    color: #007af0;
}

a:hover {
    text-decoration: none;
}

/*Output link*/

a[href^="http"]:after,
a[href^="https"]:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 3px;
    background: url(../img/output.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

/*Table*/

table {
    border-spacing: 0;
}

table thead,
table thead td {
    text-align: center;
    background: #f7c380 !important;
    color: #fff;
}

table tfoot,
table tfoot td {
    text-align: center;
    background: #f7c380 !important;
    color: #fff;
}

table td,
table th {
    padding: 10px;
}

table tr:nth-child(odd) {
    background: #fff;
}

table tr:nth-child(even) {
    background: #ebebeb;
}

/*List inside Content*/

.content ul {
    list-style: none;
    margin: 20px 0;
}

.content ul li {
    position: relative;
}

.content ul li:before {
    content: '';
    position: absolute;
    display: inline-block;
    background: url(../img/dot-1.svg) no-repeat center;
    width: 5px;
    height: 5px;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 6px 0 0 -20px;
}

/*Сжимаем изображения по ширине вместе с родителем*/

img {
    max-width: 100%;
}

/*Section Styles*/

section {
    padding: 20px 0;
}

/*Content Block List Styles*/

.content ul li {
    margin-bottom: 8px;
}

/*////////// Вспомогательные элементы //////////*/

/*Присваиваем к блоку содержащему float элементы*/

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clear {
    display: block;
    clear: both;
}

.tac {
    text-align: center;
}

/*Контейнер с выравниванием по центру*/

.centro {
    max-width: 1400px;
    margin: auto;
    padding: 0 20px;
}

/*////////// Логотип //////////*/

.logo {
    display: inline-block;
    text-decoration: none;
}

.logo img {
    /*    float: left;*/
    width: 150px;
    width: 150px;
}

/*Just List*/

.just-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.just-list a {
    color: #fff;
}
.just-list li {
    margin: 0 0 5px 0;
}

/*Tusk Greed*/

.tusk-greed-1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    /* -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center; */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}

.tusk-greed-1 .tk-x {
    width: 25%;
}

@media (max-width: 680px) {
    .tusk-greed-1 .tk-x {
        width: 49.999%;
    }
}

/*////////// Flex Greed //////////*/

/*Общий контейнер*/

.greed-f1x {}

/*Строки*/

/* Выравнивание элементов горизонталь-ширина и вертикаль-верх */

.line-fx-sb {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
}

/* Выравнивание элементов горизонталь-ширина и вертикаль-центр */

.line-fx-cb {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

/* Выравнивание элементов горизонталь-начало и вертикаль-верх */

.line-fx-ss {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;	
    -webkit-justify-content: flex-start;	
    -webkit-box-pack: start;	
    justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
}

/* Выравнивание элементов горизонталь-начало и вертикаль-центр */

.line-fx-cs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;	
    -webkit-justify-content: flex-start;	
    -webkit-box-pack: start;	
    justify-content: flex-start;
    -ms-flex-align: center;	
    -webkit-align-items: center;	
    -webkit-box-align: center;	
    align-items: center;
}

/* Выравнивание элементов горизонталь-центр и вертикаль-верх */

.line-fx-sc {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;	
    -webkit-justify-content: center;	
    -webkit-box-pack: center;	
    justify-content: center;
    -ms-flex-align: start;	
    -webkit-align-items: flex-start;	
    -webkit-box-align: start;	
    align-items: flex-start;
}

/* Выравнивание элементов горизонталь-ширина и вертикаль-низ */

.line-fx-eb {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    -webkit-align-items: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

/* Выравнивание элементов горизонталь-ширина и вертикаль-растянуты */

.line-fx-tb {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;	
    -webkit-align-items: stretch;	
    -webkit-box-align: stretch;	
    align-items: stretch;
}

/* Вертикальное выравнивание элементов */

.line-fx-vb {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;	
    -webkit-justify-content: space-between;	
    -webkit-box-pack: justify;	
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
}

.line-fx-vb > * {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}


/*Блоки*/

.bx-1 {
    flex: 1 1 0%;
}

.bx-2 {
    flex: 2 1 0%;
}

.bx-3 {
    flex: 3 1 0%;
}

.bx-4 {
    flex: 4 1 0%;
}

.bx-5 {
    flex: 5 1 0%;
}

.bx-6 {
    flex: 6 1 0%;
}

.bx-7 {
    flex: 7 1 0%;
}

.bx-8 {
    flex: 8 1 0%;
}

.bx-9 {
    flex: 9 1 0%;
}

.bx-10 {
    flex: 10 1 0%;
}

@media (max-width: 768px) {
    /*   Устанавливаем вертикальное направление */
    .adapt-f768c {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .adapt-f768c > * {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    /*   Устанавливаем горизонтальное направление */
    .adapt-f768r {
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        -webkit-box-orient: horizontal;
        flex-direction: row;
    }
}

/*////////// Flexbox nav //////////*/

/*Контейнер меню*/

.flexnav {
    background: rgba(5, 171, 224, 1);
    color: #fff;
    z-index: 99;
    font-family: 'Bebas', sans-serif;
}

.flexnav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexnav ul li {
    position: relative;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.flexnav ul li a {
    position: relative;
    padding: 10px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: 0.3s;
}

.flexnav ul li a:hover {
    background: #0089f0;
    transition: 0.2s;
}

/*
.flexnav ul li a:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    height: 2px;
    width: 100%;
    background: #243153;
    transition: 0.2s;
}
*/

.flexnav li a:first-child:nth-last-child(2):after {
    content: '';
    position: absolute;
    background: url(../img/angle-arrow-down-1.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 11px;
    height: 14px;
    top: 12px;
    right: 30px;
}

/*Twice level menu*/

.flexnav ul li ul {
    display: none !important;
    z-index: 99;
}

.flexnav ul li:hover ul {
    position: absolute;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: #fff;
    transition: 0.3s;
}

.flexnav ul li ul li a {
    color: #000;
}

.flexnav ul li a:hover {
    color: #fff;
}

.flexnav ul li ul li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

/*Third level menu*/

.flexnav ul li ul li ul {
    display: none !important;
    z-index: 99;
}

/*Toggle button*/

.toggle {
    width: 100%;
    text-align: center;
    display: none;
    padding: 5px 0;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
}

.toggle-btn {
    display: inline-block;
}

.toggle-btn svg {
    width: 50px;
    height: 30px;
}

/*Adaptation nav view*/

@media (max-width: 768px) {
    .flexnav ul {
        position: absolute;
        width: 100%;
        left: 0;
        background: #0089f0;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 999;
    }
    .flexnav ul li {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .flexnav ul li a:hover {
        background: rgba(5, 171, 224, 1);
    }
    .flexnav .toggle {
        display: block;
    }
    .flexnav ul {
        display: none;
    }
    .flexnav ul li:hover ul {
        position: relative;
    }
}

@media (min-width: 769px) {
    .flexnav ul {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

/*////////// Header //////////*/

.header {
    padding: 20px 0 30px;
}

/*////////// Flexbox центральная часть со статьей и сайдбаром //////////*/

/*Sidebar and Article Holder*/

.content {
    padding: 25px 0;
}

.content-flex-holder {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}

/*Article Block*/

.article {
    font-family: 'RobotoCondensed', sans-serif;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    /*    fix for slick slider inside*/
    min-height: 0;
    min-width: 0;
}

/*Sidebar*/

.sidebar {
    padding: 0 15px 40px 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
}

@media (max-width: 768px) {
    .content-flex-holder {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .article {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .sidebar {
        /*Боковая колонка*/
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 15px 0;
    }
}


/*////////// Footer //////////*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 180px;
    color: #fff;
    /* Фиксированная высота необходима для прижатия */
    padding: 30px 0;
    background: #262626;
}

@media (max-width: 768px) {
    body {
        margin: 0 0 300px 0;
    }
    .footer {
        height: 280px;
        text-align: center;
    }
}

/*////////// Forms Elements //////////*/

input,
textarea,
select {
    border: solid 1px #262626;
    font-family: 'Cuprum', sans-serif;
    font-size: 1.7rem;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 10px;
}

textarea {
    min-height: 100px;
    min-width: 100%;
    max-width: 100%;
}

input[type="submit"] {
    background: #c7800e;
    padding: 10px 35px;
    color: #fafafa;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: 0.2s;
}

input[type="submit"]:hover {
    background: #b16e05;
    color: #fafafa;
    transition: 0.2s;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}

/*Custom Select and Search*/

input[type="search"],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    background: url(../img/arrow-down-1.svg) 98% / 0 no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    border: solid 1px #d8d8d8;
    padding: 10px;
}

span.required,
span.error {
    color: #ff0000;
}

span.required {
    font-size: 18px;
}

span.error {
    font-size: 11px;
}

.nr {
    display: none;
}

/*Цветовой индикатор корректности заполненых полей для required*/

/* input:invalid, textarea:invalid, select:invalid {
    background: rgba(232, 216, 212, 0.9);
}
input:valid, textarea:valid, select:valid {
    background: rgba(213, 232, 212, 0.9);
} */

/*Стилия сообщения об отправке*/

.m-scs {
    position: fixed;
    top: 0;
    right: 0;
    background: green;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    z-index: 9999;
}

.remodal .m-scs {
    position: relative;
    background: green;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

/*Custom Checkbox*/

.switch-holder {
    margin: 0 0 10px 0;
}

.checkbox {
    display: none;
}

.checkbox-custom {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #284081;
}

.checkbox-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox:checked + .checkbox-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: url(../img/checkmark-1.svg);
    -webkit-background-size: contain;
    background-size: contain;
}

/*Custom Radio*/

.radio {
    display: none;
}

.radio-custom {
    width: 20px;
    height: 20px;
    border: 1px solid #284081;
    border-radius: 3px;
    position: relative;
}

.radio-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.radio:checked + .radio-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: #403C42;
    border-radius: 2px;
}

.radio-custom,
.radio:checked + .radio-custom::before {
    border-radius: 50%;
}

/*////////// Набор кнопок //////////*/

.btn {
    display: inline-block;
    background: linear-gradient(to bottom, rgba(135, 224, 253, 1) 0%, rgba(83, 203, 241, 1) 40%, rgba(5, 171, 224, 1) 100%);
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    border: none;
}

.btn:hover {
    background: #035303;
}

.btn:active {
    position: relative;
    top: 1px;
}

.btn i {
    margin: 0 15px 0 0;
}

/*Med Button*/

.med-btn {
    display: inline-block;
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(135, 224, 253, 1) 0%, rgba(83, 203, 241, 1) 40%, rgba(5, 171, 224, 1) 100%);
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    transition: 0.2s;
}

.med-btn:hover {
    background: linear-gradient(to top, rgba(5, 171, 224, 1) 100%, rgba(83, 203, 241, 1) 40%, rgba(5, 171, 224, 1) 100%);
    transition: 0.2s;
}

.med-btn:active {
    position: relative;
    top: 1px;
}

/*////////// Adaptive Tables //////////*/

.adapt-t {
    width: 100%;
    position: relative;
    overflow-y: auto;
}

@media (max-width: 1024px) {
    .adapt-t {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0)), linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25));
        background-repeat: no-repeat, no-repeat;
        background-position: right 100%, right 100%;
        background-size: 4px 100%, 4px 100%;
        background-origin: padding-box, border-box;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    }
    .adapt-t table {
        width: 100% !important;
    }
}

.adapt-t::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.adapt-t::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: #F5F5F5;
}

.adapt-t::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

/*////////// Блок с фоновым видео vide.js //////////*/

.face-video {
    width: 100%;
    height: 400px;
    background: url(../img/dotbg.png) repeat;
}

/*////////// Pagination //////////*/

.pagination {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    display: block;
    padding: 5px 10px;
    background: #147e7e;
    color: #fff;
    text-decoration: none;
}


/*////////// Breadcrumbs //////////*/

.breadcrumbs {
    margin: 0 0 10px 0;
    padding: 3px 0;
    list-style: none;
    color: #333;
    font-size: 12px;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs li a {
    color: #fff;
}

/*////////// Спойлер аккардион //////////*/

.side-catalog {
    padding: 5px;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.7rem;
    transition: 0.4s;
    margin: 0 0 3px 0;
}

.accordion.active,
.accordion:hover {
    background-color: #ddd;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel a {
    display: block;
    padding: 10px 0;
}

/*////////// MediaGallery //////////*/

.media-gallery-holder {
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 30px;
}

.media-gallery {
    padding: 0 30px;
}

.media-gallery .slick-prev {
    left: 0px;
}

.media-gallery .slick-next {
    right: 5px;
}

.media-gallery .slick-prev,
.media-gallery .slick-next {
    top: 45%;
}

.media-gallery .slick-prev:before,
.media-gallery .slick-next:before {
    content: '';
    background: url(../img/right-arrow.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    color: #989898;
}

.media-gallery .slick-prev:before {
    transform: rotate(180deg);
}

.media-gallery .slick-slide {
    text-align: center;
    margin: 0 2px;
    overflow: hidden;
}

.media-gallery .slick-slide img {
    position: relative;
    display: block;
    max-width: 100%;
}

.media-gallery .slick-slide .slide-name {
    display: block;
}

.media-gallery .slick-slide a {
    display: block;
}

.media-gallery .slick-slide .img-holder {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
}

.media-gallery a[href^="http"]:after,
.media-gallery a[href^="https"]:after {
    display: none;
}

/*Images*/

.media-gallery .slick-slide a[href$=".jpg"] > .img-holder:after,
.media-gallery .slick-slide a[href$=".png"] > .img-holder:after,
.media-gallery .slick-slide a[href$=".bmp"] > .img-holder:after {
    content: '';
    background: url(../img/zoom-in.svg) no-repeat center;
    -webkit-background-size: 100px;
    background-size: 100px;
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.2s;
}

/*YouTube*/

.media-gallery .slick-slide a[href^="https://www.youtube.com"] > .img-holder:after {
    content: '';
    background: url(../img/youtube.svg) no-repeat center;
    -webkit-background-size: 100px;
    background-size: 100px;
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.2s;
}

/*Vimeo*/

.media-gallery .slick-slide a[href^="https://player.vimeo.com"] > .img-holder:after {
    content: '';
    background: url(../img/vimeo.svg) no-repeat center;
    -webkit-background-size: 100px;
    background-size: 100px;
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.2s;
}

/*Local Video*/

.media-gallery .slick-slide a[href$=".mp4"] > .img-holder:after,
.media-gallery .slick-slide a[href$=".ogv"] > .img-holder:after,
.media-gallery .slick-slide a[href$=".webm"] > .img-holder:after {
    content: '';
    background: url(../img/play-button.svg) no-repeat center;
    -webkit-background-size: 100px;
    background-size: 100px;
    opacity: 0.7;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.2s;
}

/*Hover Effect*/

.media-gallery .slick-slide a:hover > .img-holder:after {
    opacity: 1;
    transition: 0.2s;
}

@media (max-width: 580px) {
    .media-gallery .slick-slide a > .img-holder:after {
        -webkit-background-size: 50px !important;
        background-size: 50px !important;
    }
}