.photor {
    position: absolute;
    left: -2px;
    top: -2px;
    display: none;
    padding: 4px;
    }

.gallery {
    margin: 20px auto;
    max-width: 960px;
    }


.gallery__viewport {
    border: 2px solid #009cdc;
    padding: 36px;
    position: relative;
    }

.gallery__thumbs {
    min-height: 500px;
    margin: 0 0 0 -33px;
    }
    .gallery__thumb {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        margin: 0 0 33px 33px;
        height: 100px;
        width: 150px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        }

    .gallery__thumb:hover {
        cursor: pointer;
        opacity: 0.8;
        }

.gallery__tabs {
    display: table;
    width: 1%;
    margin-bottom: 20px;
    }
.gallery__tab {
    display: table-cell;
    cursor: pointer;
    padding: 15px 30px 0 45px;
    width: 1%;
    vertical-align: top;
    }
    .gallery__tabTitle {
        display: inline;
        font: 24px/1 "Russo One", "Arial", sans-serif;
        color: #009cdc;
        border-bottom: 1px dashed;
        }
.gallery__tab:hover .gallery__tabTitle {
    border-bottom-color: transparent;
    }
.gallery__tab._active .gallery__tabTitle {
    color: #000;
    border-bottom-color: transparent;
    }
.gallery__caption {
    display: table-cell;
    background-color: #ffed00;
    font: 40px/36px "Russo One", "Arial", sans-serif;
    color: #000;
    padding: 15px;
    white-space: nowrap;
    width: 1%;
    vertical-align: top;
}
.gallery__caption:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhENkI5MDU2Qjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhENkI5MDU3Qjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEQ2QjkwNTRCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ2QjkwNTVCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mJKEaAAABr0lEQVR42ryWTyhEQRzHZ5ds/pSLYnHAYY8OojjIRdK64Obq5sJBjv6UCw7CwUVOG+WghINkd69qS464SUgiWeTfer6zfZ+mbd/M2JapT+/tvO/7fWd+M795K4Rd6wY74BLcZ3AO1kGTyEObBo4FH2DQJmAdiHDkF2AVVINeSyOXd9CoMwqBO4pPaCjvX4nzS16Y3iuwCzpVs02KtoAPFIOzLEFuwRRoAZUgCDrAAngyDGDCNXtkx4wygL0M8QYo12RHpjxmMAwL5UcSjIE58KX0r3HGsvWBA87ymtlo5bMicKgxiwrDaOT6lTLYoocmBYaoqQXPHrqkyWyUQQYMuk/QTO2yRqcNEmKAhMUujFAbzsVMpqcQFHDkJrNTmjV4afwi/y3g9UBn5uco5QyPLUwSvNbnYiZbD6/zBl2Ku1V9J2vTrYM8J0uoW/LQyJocpqbGcJoYF35FKep+EAcPLOxt0K4UddwQy3iuOfxelWmyE+QJoYuRLuqY5Wl+A8ZZvBWgCrSBWQYyvR91F9T5B342zuQfG6U/MT4l711ghP8lAnko7jdwxJLYlx3fAgwAj+1T4oOvo/0AAAAASUVORK5CYII=);
    margin-left: 12px;
}


.gallery__nav {
    display: table;
    max-width: 100%;
    }
.gallery__navItem {
    display: table-cell;
    cursor: pointer;
    opacity: 0.4;
    padding: 0 16px 0 0;
    line-height: 0;
    max-width: 85px;
    vertical-align: top;
    }
.gallery__navItem:last-child {
    padding: 0;
    }
.gallery__navItem:hover {
    opacity: 0.7;
    }
.gallery__navItem._active {
    cursor: default;
    opacity: 1;
    }
    .gallery__navThumb {
        width: 15px;
        height: 10px;
        background-color: #999;
        float: left;
        margin: 0 2px 2px 0;
        font: 0/0 a;
    }


._galleryClose {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 62px;
    width: 62px;
    background: no-repeat 50% 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhENkI5MDUyQjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhENkI5MDUzQjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRFQzk4MDlCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRFQzk4MEFCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4y9IxCAAAA2klEQVR42qzV0RGDIAwAUNrrAs7CDF0ls3QFugortCN0BR0hoqU9wYQkaO7yYQ7ecRDQIaKr8pHSE3UufZ5T1OtBAb8xKnGfx2KeS8I/FJX4FsUa51AJp9ACb6Ec3kL/+M3JMaSMKe/5O+ZaK97SVtQrHxXjQDq8ngCp3Q6hFNyLg3RBenCgjCtzqk+ni2ntACqMza++REdRFj8DJfGz0B1uQcFwQ/0Cf4wtpcGjZsVg7PNXykHaY2g89IFDpa4Axa8pUGirjzXoFi/QJS+rvn/YJ2eL3ZxZgAEAjhgtWBXfRFIAAAAASUVORK5CYII=);
    opacity: 0.5;
    }
._galleryClose:hover {
    background-color: rgba(0, 156, 220, 0.2);
    opacity: 1;
    }
.photor__viewportControlNext:not(._disabled):before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    background: rgba(0, 156, 220, 0.2) no-repeat 50% 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA5CAYAAABqMUjBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0RUM5ODAzQjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0RUM5ODA0Qjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRFQzk4MDFCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRFQzk4MDJCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56wQS4AAABo0lEQVR42uTZvUoDQRQF4M0QsA74HCZoY+sfBNLF0ryFr6REOwu7pLCzVUyTF0gKxTeQzVl0wWzCYpKZc64zFw5bLbsfF2bu7DbyPM+EdYDMkA/WA50Qe4g8ISNkP3ZwgR0jLaTDRCvAR7+wZdHQToAdVbBUtDOCpaGdISwF7Yxhg6MbhH34GTne8t4X5MLnPs3ocB+Zbnmv904zwHPkxAqatWiZQTO3JRNo9uAhRytGSyladXiQoZXHQwlaCZag1WA62gKYirYCpqEtgX2hx3Voa2Af6HYdujgePuLay+KrV+S8erR0Wby1ttMxg9eiYwevoFMAL6FTAZfoYUrgd+S6mRD2DHlzKWFTWLSWsLGDV7DlaGnxZfeQB6TrE2u1w8GwFsFBsdbAwbGWwBSsFTANawFMxarBdKwSLMGqwDKsAizFssFybFHNf4Q9RSa7vohLCcs6Le3yod8rltXhG+TLApYFvkMGG6KDYJmr9CboYFj2tvQXdFCsYvCoQwfHqkbLAn1VQVOwzMGjWvc/11vkk4Vl7cN1dZl9/+mfsB64EGAABoCpcwOq+KMAAAAASUVORK5CYII=);
    opacity: 0;
    }
.photor__viewportControlNext:not(._disabled):hover:before {
    opacity: 1;
    }

.photor__viewportControlPrev:not(._disabled):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    background: rgba(0, 156, 220, 0.2) no-repeat 50% 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA5CAYAAABqMUjBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0RUM5ODA3Qjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0RUM5ODA4Qjg0QTExRTM5Mjk0Q0ZBMkIxQUEyM0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRFQzk4MDVCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRFQzk4MDZCODRBMTFFMzkyOTRDRkEyQjFBQTIzQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6V9eK9AAABoElEQVR42uTaqU4EQRSF4Z55BAIGg8SwWSSbQ+Dh8UgAgeyEhEVjQACGJ0Ag0AjSnCZTZDKhp6vqVt/i3KrkFyO/9PRSy6hpmkpxLKJl9FRlGiNFcIu9RitoHz1aBjvs1uT3Ry60BngWW02hD9CDJXAXNht6SHAfNgt6KLAvVh09BDgUq4pODY7FunGPtlnAUuwr2kFvDGAKbCowDTYFmAorBdNhJWBKbCyYFhsDpsaGgumxIWATWF+wGawP2BS2D9xib9CmFew8sElsF1iK/c+jHheE/RnjkrDT4CKwDlwM1oHPSsG6p/TG5AovFeCt3WtpHd0WgP59LT2jPfRewj1clYSe/fAwj+76lpbe01foCH2ygM2i++bD5tA+Kx6m0L5rWmbQIauWJtCh69L06JidB2p07N4SLVqye0iJlu4P06FTnACgQqc647GG7hjQKU/xUKBTn9OSomt0qDkflo4XtBs5n/5Cp0x/acmVbrEn6JwVHIJWww4N9kGrYjXA89DqWC3wX+gWe4wumL6lY9ELubDaYIdeRZe55sPfAgwAK7ciVRpSIrgAAAAASUVORK5CYII=);
    opacity: 0;
    }
.photor__viewportControlPrev:not(._disabled):hover:before {
    opacity: 1;
    }