@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import "font/font.css";

/*************************************************************************************/
/********************************   Адаптив (начало)   *******************************/
.mobileOnly {
    display: none !important;
}

.pcOnly {
    display: none !important;
}

/* мобильный вариант */
@media all and (max-width: 768px) {
    #upload_overlayMob {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 1000000;
        background-color: #333333;
        -moz-opacity: 0.8;
        opacity: .80;
    }

    .main-container {
        margin-top: -30px;
    }
    
    header {
        z-index: 100000;
    }
    .blueRow {
        z-index: 100000;
    }
    .blueRow.fixed {
        position: fixed;
        width: 100%;
        top: 0;
    }
    
    
    .information-about__name ul {
        margin-top: 0px;
    }
    
    .kibRemPad {
        padding-left: 100px;
    }
    
    .monPhotScroll {
        width: 330px;
        overflow-x: scroll !important;
    }
    
    .mapMonFull {
        width: 330px !important; height: 450px !important;
    }
    
    .mainMonDiv {
        width: 330px;
    }
    
    .mainMonDiv2 {
        width: 330px;
    }
    
    
    .monFullText { width: 330px; padding-left: 10px; text-align: left; overflow: hidden; }
    
    .noMobile {display: none;}
    
    .monInfoImg {
        max-height: 80px;
    }
    
    /* Новые фото дня на первую позицию */
    
    .photographer-day__block__info {
        order: 1;
        display: flex;
        flex-direction: column;
    }

    .photographer-day__block__info > * {
        order: 3;
    }

    .photographer-day__block__info .new_photos {
        order: 1;
    }

    .photographer-day__block__info > .photos-per-day {
        order: 2;
    }

    .photographer-day__block__info > .full-drafting.d_none {
        order: 9;
    }

    .mobileOnly {
        display: block !important;
    }
    
    .d_blockMobile {
        display: block !important;
    }

    .pcOnly {
        display: none !important;
    }

    .slider-nav__block__number p span {
        font-size: 20px !important;
    }

    .slider-nav__block__number p {
        font-size: 14px !important;
    }

    .slider-nav__block__number p:before,
    .slider-nav__block__number p:after {
        width: 5px !important;
        height: 5px !important;
    }

    .photos-per-day__slider__img {
        margin-left: 0 !important;
        background-position: 50%;
    }

    .photographer-day__block a img {
        
    }

    .photographer__avimedia__photo__big img {
        height: 260px !important;
    }

    .photographer__avimedia {
        width: 100% !important;
    }

    .news-from-the-feed__box.yandexFeed .news-from-the-feed__info__text {
        max-width: calc(100% - 100px) !important;
    }

    .news-from-the-feed__box:not(.yandexFeed) .news-from-the-feed__info__text {
        max-width: unset !important;
    }

    .aviation-video__block {
        max-width: unset !important;
        background-position: 50% !important;
    }

    .news-from-the-feed__info__img {
        width: 90px !important;
        height: auto !important;
    }
}

/*********************************   Адаптив (конец)   *******************************/
/*************************************************************************************/

/*************************************************************************************/
/**********************   Меню для мобильной версии (начало)   ***********************/
.activeToggleElement.active,
.activeToggleElement.active * {
    pointer-events: all !important;
}

header.mobileOnly * {
    transition: .3s;
}

header.mobileOnly .topWhiteRow {
    height: 50px;
    display: flex;
    padding: 2px
}

header.mobileOnly .dotsMenu {
    background: url("/scripts/_imgs/mobileMenu/dotsMenu.png") no-repeat 50%;
    height: 100%;
    width: 35px;
    margin-right: 10px;
}

header.mobileOnly .planesLogo {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

header.mobileOnly .planesLogo img.logo {
    height: 40px;
    vertical-align: middle;
}

header.mobileOnly .planesLogo .imgLogoWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header.mobileOnly .planesLogo .textLogo {
    font-family: 'Lato-Regular', sans-serif;
    text-transform: uppercase;
    color: #4C5B72;
    padding: 2px 18px 2px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header.mobileOnly .planesLogo .textLogo a {
    color: #4C5B72;
}

header.mobileOnly .planesLogo .textLogo .row1 {
    font-size: 18px;
    letter-spacing: 1.8px;
}

header.mobileOnly .planesLogo .textLogo .row1 .bold {
    font-family: "Raleway-ExtraBold", sans-serif;
    font-weight: 900;
}

header.mobileOnly .planesLogo .textLogo .row2 {
    font-size: 8px;
    white-space: nowrap;
    font-family: 'Raleway-Medium', sans-serif;
    letter-spacing: 0.2px;
}

header.mobileOnly .topWhiteRow ul.onFocusMenu {
    top: 50px;
}

header.mobileOnly ul.onFocusMenu {
    position: absolute;
    left: 15px;
    top: 90px;
    background: white;
    box-shadow: 0px 2px 5px #0003;
    width: 225px;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
}

header.mobileOnly .dotsMenu.active ul.onFocusMenu {
    opacity: 1;
    pointer-events: all;
}

header.mobileOnly ul.onFocusMenu li {
    padding: 10px 15px;
    font-family: "Raleway-Medium", sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

header.mobileOnly ul.onFocusMenu li a {
    color: #4C5B72;
}

header.mobileOnly ul.onFocusMenu li:hover {
    background: #4C5B72;
}

header.mobileOnly ul.onFocusMenu li:hover a {
    color: white;
}

header.mobileOnly .blueRow {
    background: #79CDF2;
    height: 50px;
    padding: 17px;
    display: flex;
}

header.mobileOnly .blueRow .hamburgerMenu {
    height: 15px;
    width: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

header.mobileOnly .blueRow .hamburgerMenu .line {
    background-color: #4E5E77;
    width: 100%;
    height: 3px;
    border-radius: 7px;
}

header.mobileOnly .blueRow .separator {
    margin: 0 9px;
    height: 100%;
    width: 1px;
    background: #4E5E77;
}

header.mobileOnly .blueRow .loginAndExtendedSearch {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
}

header.mobileOnly .blueRow img {
    height: 100%;
}

header.mobileOnly .blueRow .langSelectContainer {
    width: 60px;
    display: flex;
}

header.mobileOnly .blueRow .langSelectContainer .langSelect {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 5px;
    font-family: "Raleway-Medium", sans-serif;
    font-weight: bold;
    color: #4E5E77;
    font-size: 15px;
}

header.mobileOnly .blueRow .langSelectContainer .langSelect .arrow {
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 5px;
    height: 5px;
    transform: rotate(-315deg);
    display: inline-block;
    margin-left: 10px;
    border-color: #4E5E77;
    position: relative;
    top: -3px;
}

header.mobileOnly .blueRow .langSelectContainer .currentLang {
    cursor: pointer;
}

header.mobileOnly .blueRow .langSelectContainer .langSelect ul {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 90px;
    z-index: 1000001;
    width: 215px;
    box-shadow: 0px 2px 5px #000A;
}

header.mobileOnly .hamburgerMenu .menuList:before,
header.mobileOnly .extendedSearchPopup:before,
header.mobileOnly .blueRow .langSelectContainer .langSelect ul:before {
    /* Этот псевдоэлемент нужен чтобы было возможно по ховеру открывать меню,
     * поскольку у самого ul верхний отступ не примыкает к элементу, на который навешивается ховер */
    content: "";
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    top: -10px
}

header.mobileOnly .blueRow .langSelectContainer.active .langSelect ul {
    opacity: 1;
    pointer-events: all;
}

header.mobileOnly .blueRow .langSelectContainer .langSelect ul li {
    text-transform: none;
    font-size: 12px;
    width: 100%;
}

header.mobileOnly .blueRow .langSelectContainer .langSelect ul li a {
    width: 100%;
    background-color: white;
    color: #4E5E77;
    padding: 8px 20px;
}

header.mobileOnly .blueRow .langSelectContainer .langSelect ul li a:hover {
    color: white;
    background-color: #4E5E77;
}

header.mobileOnly .ourSites {
    font-family: Lato, arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: -10px;
    background-color: #4E5E77;
    color: white;
    position: absolute;
    padding: 6px 26px;
    right: 15px;
}

header.mobileOnly .ourSites.active ul.ourSitesList {
    opacity: 1;
    pointer-events: all;
}

header.mobileOnly .ourSites ul.ourSitesList {
    position: absolute;
    margin-top: 5px;
    right: 0;
    z-index: 1000001;
    box-shadow: 0px 2px 5px #000A;
    opacity: 0;
    pointer-events: none;
}

header.mobileOnly .ourSites ul.ourSitesList li a {
    text-transform: none;
    font-size: 16px;
    padding: 12px 40px;
    background-color: white;
    color: #4E5E77;
    width: 100%;
}

header.mobileOnly .ourSites ul.ourSitesList li a:hover {
    background-color: #4E5E77;
    color: white;
}

header.mobileOnly .ourSites .arrow {
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 5px;
    height: 5px;
    transform: rotate(-315deg);
    display: inline-block;
    margin-left: 10px;
    border-color: white;
    position: relative;
    top: -3px;
}

header.mobileOnly .langSelect ul {
    opacity: 1;
}

header.mobileOnly .accountHeader {
    display: flex;
}

header.mobileOnly .accountHeader .avatar {
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    margin-top: -12px;
    background-position: 50%;
    background-repeat: no-repeat;
}

header.mobileOnly .accountHeader .name {
    font-size: 12px;
    font-weight: bold;
    font-family: "Raleway-ExtraBold", arial, sans-serif;
    margin-left: 5px;
    color: #4E5E77;
}

header.mobileOnly .extendedSearch {
    width: 28px;
}

header.mobileOnly .notLoggedIn .loginPopup,
header.mobileOnly .extendedSearch .extendedSearchPopup {
    background: #F0F0F0;
    width: 270px;
    position: absolute;
    margin-top: 5px;
    right: 50px;
    z-index: 1000001;
    box-shadow: 0 2px 5px #000A;
    opacity: 0;
    pointer-events: none;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 12px
}

header.mobileOnly .notLoggedIn.active .loginPopup,
header.mobileOnly .extendedSearch.active .extendedSearchPopup {
    opacity: 1;
    pointer-events: all !important;
    color: #4E5E77;
}

header.mobileOnly .extendedSearch .extendedSearchPopupContent {
    padding: 5px 5px 55px;
}

header.mobileOnly .extendedSearch .extendedSearchPopup input[type=checkbox] {
    margin: 0;
}

header.mobileOnly .extendedSearch .extendedSearchPopup label {
    top: -2px;
    position: relative;
}

header.mobileOnly .notLoggedIn .loginPopup .title,
header.mobileOnly .extendedSearch .extendedSearchPopup .title {
    background-color: #4E5E77;
    color: white;
    text-transform: uppercase;
    font-family: "Raleway-ExtraBold", sans-serif;
    font-size: 14px;
    padding: 8px 5px;
}

header.mobileOnly .extendedSearch .extendedSearchPopup select,
header.mobileOnly .extendedSearch .extendedSearchPopup input[type=text] {
    width: 100%;
    margin-bottom: 3px;
    border: 1px solid #4B5C6C;
    padding: 5px 5px;
    font-size: 12px;
    font-family: 'Lato-Regular', sans-serif;
}

header.mobileOnly .extendedSearch .extendedSearchPopup .details {
    display: flex;
}

header.mobileOnly .extendedSearch .extendedSearchPopup .details > *:not(:last-child) {
    margin-right: 20px;
}

header.mobileOnly .notLoggedIn .loginPopup input,
header.mobileOnly .extendedSearch .extendedSearchPopup input[name=searchText] {
    width: 100%;
    margin-bottom: 3px;
    border: 1px solid #4B5C6C;
    padding: 5px 5px;
    font-size: 12px;
    font-family: 'Lato-Regular', sans-serif;
}

header.mobileOnly .notLoggedIn .loginPopup input::placeholder,
header.mobileOnly .extendedSearch .extendedSearchPopup input[name=searchText]::placeholder {
    color: black;
}

header.mobileOnly .extendedSearch .extendedSearchPopup .searchButton {
    background-color: #F50C4D;
    box-shadow: -5px 10px 10px #F50C4D6B;
    float: right;
}

header.mobileOnly .notLoggedIn .loginPopup button {
    border-radius: 2px;
    background-color: rgb(66, 181, 116);
    box-shadow: 5px 10px 10px rgba(66, 181, 116, 0.43);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium", sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

header.mobileOnly .notLoggedIn .loginPopup a {
    font-size: 14px;
    color: black;
    margin-top: 10px;
    border-bottom: 1px solid #4E5E77;
    padding-bottom: 1px;
}

header.mobileOnly .notLoggedIn .loginPopup button.registerButton {
    background-color: rgb(121, 205, 242);
    box-shadow: 5px 10px 10px rgba(121, 205, 242, 0.6);
}

header.mobileOnly .notLoggedIn .loginPopupContent {
    padding: 5px 5px 30px;
}

header.mobileOnly .hamburgerMenu .menuList {
    position: absolute;
    width: 225px;
    z-index: 1000001;
    margin-top: 25px;
    box-shadow: 0px 2px 5px #000A;
    opacity: 0;
    pointer-events: none;
    background-color: white;
}

header.mobileOnly .hamburgerMenu.active .menuList {
    pointer-events: all;
    opacity: 1;
}

header.mobileOnly .hamburgerMenu .menuList > li {
    font-family: "Raleway-Regular", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    background: white;
}

header.mobileOnly .hamburgerMenu .menuList > li.expandable {
    height: 30px;
}

header.mobileOnly .hamburgerMenu .menuList > li.expandable.expanded > a::after {
    top: 14px;
    transform: rotate(90deg) scale(0.8, 1.9);
}

header.mobileOnly .hamburgerMenu .menuList > li.expandable.expanded {
    height: unset;
}

header.mobileOnly .hamburgerMenu .menuList > li.expandable > a::after {
    font-size: 17px;
    content: ">";
    position: absolute;
    width: 20px;
    height: 10px;
    right: 0px;
    top: 0px;
    transform: rotate(0deg) scale(0.8, 1.9);
    font-family: auto;
}

header.mobileOnly .hamburgerMenu .menuList a {
    color: black;
    background: white;
    padding: 8px 15px;
    width: 100%;
    position: relative;
}

header.mobileOnly .hamburgerMenu .menuList a:hover {
    background: #4E5E77;
    color: white;
}

header.mobileOnly .hamburgerMenu .menuList li.expanded .subMenu {
    display: block;
}

header.mobileOnly .hamburgerMenu .menuList li .subMenu {
    list-style: disc inside;
    margin-left: 20px;
    font-size: 12px;
    text-transform: none;
    display: none;
}

header.mobileOnly .hamburgerMenu .menuList .subMenu li {
    margin-left: 0px;
    padding-left: 0px;
    position: relative;
    left: 15px;
    margin-top: 6px;
    margin-bottom: 6px;
}

header.mobileOnly .hamburgerMenu .menuList .subMenu a {
    width: calc(100% - 35px);
    padding: 0;
}

header.mobileOnly .hamburgerMenu .menuList .subMenu li:hover {
    color: #1497D2;
}

header.mobileOnly .hamburgerMenu .menuList .subMenu li:hover a {
    color: #1497D2;
    background: inherit;
}

/***********************   Меню для мобильной версии (конец)   ***********************/
/*************************************************************************************/

.header__men__name .avatarImage {
    width: 40px;
    height: 40px;
    background-size: 100%;
    background-position: 50%;
    border-radius: 50%;
    position: relative;
    top: 16px;
    margin: 2px;
    display: inline-block;
    background-color: white;
}

.chatButton {
    float: left;
    padding: 5px;
    width: 110px;
    text-align: center;
}

.news-from-the-feed__info__text {
    /*max-width: 350px !important;*/
}

.news-from-the-feed__info .news-from-the-feed__info__img {
    margin-right: 10px;
}

/* добавленные стили */
.users_td {
    border: 1px solid black;
    padding: 5px;
}

.users_td input {
    width: 35px;
    border-radius: 6px;
    margin: 0 5px 0 5px;
}

.users_td input:hover {
    cursor: pointer;
}

.tab {
    border: 1px solid #FFFFFF;
    font-family: "Lato-Medium";
}

.tab td {
    border: 1px solid #E5E5E5;
    padding: 3px;
    color: #111111;
    vertical-align: middle;
}

.tabcol tr:nth-child(even) {
    background-color: #F2F5FF;
}

.tabcol tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.tabcolreg tr:nth-child(even) {
    background-color: #F2F5FF;
}

.tabcolreg tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.tabcolreg tr:hover {
    background-color: #FFFFE0;
}

.tab3 {
    border-spacing: 0px;
    border: 1px solid #999999;
}

.tab3 td {
    padding: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-family: "Lato-Medium";
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
}

.tab3 .mst td {
    border-top: 1px solid #BBBBBB !important;
}

.tabstat td {
    padding: 0px;
    font-family: "Lato-Light" !important;
    font-size: 13px;
}

.tabstatGraph {
    vertical-align: bottom !important;
}

.notab {
    border: 0px;
}

.notab td {
    border: 0px;
    padding: 3px;
    color: #111111;
}

.ptable {
    font-family: "Lato-Medium" !important;
    font-size: 14px;
}

.ptable a {
    color: #2B739E;
}

.cen {
    text-align: center;
    vertical-align: top;
}

.lef {
    text-align: left;
    vertical-align: top;
}

.mleft {
    padding-left: 3px;
    padding-right: 3px;
}

.dotted {
    position: relative;
    top: -1px;
    color: #003399;
    border-bottom: 1px dashed #000000;
    cursor: default;
}

.dottedbr {
    position: relative;
    top: 1px;
    border-bottom: 1px dashed #DDDDFF;
    cursor: default;
}

.dottedbr2 {
    position: relative;
    top: 0px;
    border-bottom: 1px dashed #6699EE;
    cursor: default;
}

.dottedbr3 {
    position: relative;
    top: 0px;
    border-bottom: 1px dashed #DDDDFF;
    cursor: default;
}

.gr {
    color: #BBBBBB;
}

.bla {
    color: #666666;
}

.blc {
    color: #000000;
}

/* цветочки для реестра */
.fgr1 {
    background-color: #99FF99;
}

.fgr2 {
    background-color: #E0FFE0;
}

.fbl1 {
    background-color: #CCCCFF;
}

.fbl2 {
    background-color: #F0F0F0;
}

.fgy1 {
    background-color: #EEEEEE;
}

.fgy2 {
    background-color: #F5F5E8;
}

.frd1 {
    background-color: #FF9999;
}

.frd2 {
    background-color: #FFEEEE;
}

.fyl1 {
    background-color: #FFFF77;
}

.fyl2 {
    background-color: #FFFFDC;
}

.fot1 {
    background-color: #BBBBBB;
}

.fot2 {
    color: #B5B5B5;
}

.lightblue {
    color: #B5B5B5;
}

.feartext {
    background-color: #7D3627;
    color: white;
    width: 170px;
    padding: 10px;
    border: 0px;
}

.feartext:hover {
    background-color: #77AAFF;
    color: white;
    width: 170px;
    padding: 10px;
    border: 0px;
}

.feartext:disabled {
    color: #999999;
}

.thic {
    font-weight: normal !important;
}

.thic:hover {
    font-weight: normal !important;
}

.pad {
    padding: 5px;
}

.reddd {
    color: red;
}

.jslink {
    border-bottom: 1px dotted;
    cursor: pointer;
    text-decoration: none !important;
}

.mailtolink {
    border-bottom: 1px dotted;
    cursor: pointer;
    text-decoration: none !important;
}

.mailtolink2 {
    border-bottom: 1px dotted;
    cursor: pointer;
    text-decoration: none !important;
}

.cal_name {
    margin-left: 0px;
}

.dashmessage {
    width: 950px;
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 2px;
    margin-top: 3px;
    background-color: #DDDDDD;
}

.dashmessagechild {
    width: 900px;
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 3px;
    background-color: #DDDDDD;
}

.grecaptcha-badge {
    visibility: collapse !important;
}

.tablepad td {
    padding: 5px;
    border: 1px solid #999999;
}

#popup {
    background-color: white;
    z-index: 1000001;
    padding: 5px !important;
    border: unset !important;
    box-shadow: 0px 9px 20px 0px #03A9F4 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-family: Roboto !important;

}

#popup2 {
    background-color: white;
    z-index: 1000001;
    padding: 5px;
}

#photoDay {
    width: 525px;
}

#submitButton {
    border-radius: 2px;
    background-color: rgb(66, 181, 116);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.select2-results li {
    padding: 2px;
    width: 500px !important;
    font-family: "Lato-Regular" !important;
    font-size: 14px !important;
}

.select2-results strong {
    padding: 2px;
}

.select2-selection__rendered {
    padding-top: 1px;
/ / margin-left: 0 px !important;
    font-family: "Lato-Regular" !important;
    font-size: 14px !important;
}

.select2-selection__placeholder {
    font-size: 14px !important;
    font-family: "Lato-Regular" !important;
    color: black !important;
/ / margin: 3 px !important;
/ / margin-left: 0 px !important;
/ / margin-right: 0 px !important;
/ / padding: 5 px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 31px !important;
    border: 1px solid #C1C1C1;
}

.select2-results__options {
    overflow-x: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
}

.select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent !important;
}

select {
    -webkit-appearance: menulist !important;
    /*webkit browsers */
    -moz-appearance: menulist !important;
    /*Firefox */
    appearance: menulist !important;
    /* modern browsers */
    /*border-radius: 0;*/
}

#selectFileButton {
    display: none;
}

.custom-file-upload {
    border-radius: 2px;
    background-color: rgb(66, 181, 116);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 10px;
    box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
}

.greenButton {
    border-radius: 2px;
    background-color: rgb(66, 181, 116);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
}

.modal {
    z-index: 10000 !important;
}

.modal-dialog {
    top: 350px;
}

.popover {
    position: absolute;
    z-index: 10000;
    background-color: white;
    border: 1px solid #343B41 !important;
}

.bs-popover-bottom {
    top: -340px !important;
}

.bs-popover-top {
    top: 0px !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #FFFFFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #E5E5E5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

/* десктоп */
@media (min-width: 768px) {
    .leaflet-popup-content {
        margin: 7px 7px !important;
    }
    
    .monFullText { width: 850px; padding-left: 10px; text-align: left; overflow: hidden; }
    
    .kibRemPad {
        padding-left: 600px;
    }
    
    .mapMonFull {
        width: 900px; height: 600px;
    }
    
    .mainMonDiv {
        width: 960px;
    }
    
    .mainMonDiv2 {
        width: 850px;
    }
    
    .monInfoImg {
        max-height: 130px;
    }
    
    .information-about__name ul {
        margin-top: 10px;
    }
    
    .modal-dialog {
        width: 900px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
    
    .pcOnly {
        display: block !important;
    }
    .d_flexpc {
        display: flex !important;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

/* /добавленные стили */
button {
    -webkit-box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
    -moz-box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
    box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
}

#upload_overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1000000;
    background-color: #333333;
    -moz-opacity: 0.8;
    opacity: .80;
}

#loginPopup {
    z-index: 1000001 !important;
}

#loginPopup2 {
    z-index: 1000001 !important;
}

.nocolor {
    color: #4C5B72;
}

.wnocolor {
    color: #FFFFFF;
}

.just_text {
    font-size: 14px;
    font-family: "Lato-Light";
}

.justtext {
    font-size: 14px;
    font-family: "Lato-Light";
}

.just_text b {
    font-family: "Lato-Bold";
}

.justtext b {
    font-family: "Lato-Bold";
}

.just_text strong {
    font-family: "Lato-Black";
}

.justtext strong {
    font-family: "Lato-Black";
}

.just_textb {
    font-family: "Lato-Bold";
}

.justtextb {
    font-family: "Lato-Bold";
}

.just_text {
    font-family: "Lato-Regular";
}

.justtext {
    font-family: "Lato-Regular";
}

.header__bg {
    background-color: rgb(121, 204, 242);
}

.header__block {
    padding: 10px;
    background: rgb(255, 255, 255);
    max-width: 900px;
    width: 100%;
}

.header__logo a img {
    width: 70px;
    height: 48px;
}

.header__logo a p {
    font-family: 'Raleway-Medium';
    font-size: 8px;
    color: rgb(77, 92, 115);
    text-transform: uppercase;
    margin-left: 10px;
    margin-bottom: 0;
}

.header__logo a p strong {
    font-family: 'Raleway-ExtraBold';
    font-size: 20px;
    display: block;
}

.header__men__name img {
    border-radius: 50%;
    max-width: 40px;
    height: 40px;
}

.header__men__name p {
    font-size: 12px;
    font-family: "Lato-Black";
    color: rgb(82, 97, 119);
    line-height: 1.2;
    text-align: left;
    margin-left: 8px;
}

.header__logo a p strong span {
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.header-href-padd {
    max-width: 270px;
    width: 100%;
    padding-left: 10px;
}

.header__href {
    height: 24px;
}

.header__href ul li {
    position: relative;
    margin-right: 10px;
}

.header__href ul li:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -5px;
    width: 2px;
    height: 11px;
    background: rgba(84, 99, 120, 0.4);
}

.header__href ul li:last-child:after {
    display: none;
}

.header__href ul li a {
    width: 11px;
    height: 11px;
}

.sidenav ul li > ul {
    max-width: 0;
    width: 0;
    position: absolute;
    top: 90%;
    left: 144px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: rgb(238, 238, 238);
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99999;
    text-align: center;
}

.sidenav ul > li:hover ul {
    top: 85%;
    opacity: 1;
    visibility: visible;
    max-width: 686px;
    width: 100%;
    pointer-events: all;
}

.infotext_about {
    padding: 10px;
    padding-top: 30px;
    font-size: 16px;
    font-family: "Lato-Bold";
    color: rgb(42, 50, 53);
    line-height: 1.2;
    text-align: left;
}

.infotext_about a {
    color: #3773AE;
}

.infotext_about a.nc {
    color: #7DAAD7;
}

.our-sites__binoculars2 .our-sites__rolled2 {
    max-width: 215px;
    width: 100%;
    position: absolute;
    top: 90%;
    left: 10px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: rgb(238, 238, 238);
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99999;
    text-align: center;
}

.our-sites__binoculars2:hover .our-sites__rolled2 {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.our-sites__rolled2 span {
    background-color: rgb(76, 91, 114);
    width: 100%;
    font-size: 14px;
    padding: 4px 4px;
    font-family: "DINPro-Bold";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    display: block;
}

.our-sites__binoculars .our-sites__rolled {
    max-width: 215px;
    width: 100%;
    position: absolute;
    top: 90%;
    right: 150px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: rgb(238, 238, 238);
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99999;
    text-align: center;
}

.our-sites__binoculars:hover .our-sites__rolled {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.our-sites__rolled span {
    background-color: rgb(76, 91, 114);
    width: 100%;
    font-size: 14px;
    padding: 4px 4px;
    font-family: "DINPro-Bold";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    display: block;
}

.our-sitescheckbox-min {
    width: 150px;
}

.our-sitescheckbox-min .ibrat-checkbox {
    margin-left: 8px;
}

.our-sitescheckbox-min .ibrat-checkbox p {
    text-align: left;
}

.our-sites__rolled {
    padding-bottom: 20px;
}

.our-sites__rolled .veryrare-just__min__btn {
    margin-right: 8px;
}

.our-sites__rolled .accordion li {
    width: 204px !important;
    border: 1px solid rgb(76, 91, 114);
    margin: 4px auto;
}

.our-sitescheckbox-min .accordion .link {
    padding: 7px 15px 7px 0;
}

.our-sites__rolled .advanced-checkbox-min-inpt {
    width: 204px !important;
    margin: 4px auto;
}

.our-sites__rolled .advanced-checkbox-min {
    margin-left: 8px;
}

.our-sites__rolled2 {
    padding-bottom: 20px;
}

.our-sites__rolled2 .veryrare-just__min__btn {
    margin-right: 8px;
}

.our-sites__rolled2 .accordion li {
    width: 204px !important;
    border: 1px solid rgb(76, 91, 114);
    margin: 4px auto;
}

.our-sites__rolled2 .advanced-checkbox-min-inpt {
    width: 204px !important;
    margin: 4px auto;
}

.our-sites__rolled2 .advanced-checkbox-min {
    margin-left: 8px;
}

.menu-new-photo {
    -webkit-box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
    -moz-box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
    box-shadow: 0px 4px 17px -6px rgb(0, 0, 0);
}

.menu-new-photo__img {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.menu-new-photo__href {
    background-color: rgba(255, 255, 255, 0.702);
    width: 233px;
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.menu-new-photo__href > ul {
    position: unset !important;
    background-color: unset !important;
    padding: 0 !important;
}

.reviews-min-text-hrefs > ul > li:first-child {
    margin-top: 10px;
}

.reviews-min-text-hrefs > ul > li {
    width: 100%;
    font-size: 16px;
    /*font-family: "Lato-Black";*/
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53) !important;
    /*text-transform: uppercase;*/
    line-height: 1.2;
    /*padding: 10px 7px;*/
    text-align: left;
    margin-top: 6px;
}

.active-href {
    background-color: rgb(78, 93, 116);
    color: rgb(255, 255, 255) !important;
}

.select2-results__option strong {
    font-weight: bold;
}

.menu-new-photo__href > ul > li > a {
    width: 100%;
    font-size: 16px;
    /*font-family: "Lato-Black";*/
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53) !important;
    /*text-transform: uppercase;*/
    line-height: 1.2;
    padding: 3px 7px 8px 7px;
    text-align: left;
    margin-top: 6px;
}

.menu-new-photo__href > ul > li a:hover {
    background-color: rgb(78, 93, 116);
    color: rgb(255, 255, 255) !important;
}

.searchDiv {
    font-size: 16px;
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53) !important;
    /*text-transform: uppercase;*/
    line-height: 1.2;
    padding: 3px 7px 10px 7px;
    text-align: left;
    margin-top: 6px;
}

.searchForm {
    border: 1px solid rgb(217, 217, 217);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    margin: 11px;
    padding: 8px;
}

.inputClass {
    border: 1px solid rgb(193, 193, 193);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    margin: 2px;
    padding: 2px;
}

.inputClass2 {
    border: 1px solid rgb(193, 193, 193);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    margin: 3px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
}

.registr.menu-new-photo__href > ul > li > a {
    width: 100%;
    font-size: 16px;
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53) !important;
    /*text-transform: uppercase;*/
    line-height: 1.2;
    padding: 3px 7px 10px 7px;
    text-align: left;
    margin-top: 6px;
}

.registr.menu-new-photo__href > ul > li a:hover {
    background-color: rgb(78, 93, 116);
    color: rgb(255, 255, 255) !important;
}

.opendata.menu-new-photo__href > ul > li > a {
    width: 100%;
    font-size: 16px;
    /*font-family: "Lato-Black";*/
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53) !important;
    /*text-transform: uppercase;*/
    line-height: 1.2;
    padding: 3px 7px 8px 7px;
    text-align: left;
    margin-top: 6px;
}

.opendata.menu-new-photo__href > ul > li a:hover {
    background-color: rgb(78, 93, 116);
    color: rgb(255, 255, 255) !important;
}

.menu-new-photo__plen {
    /*max-width: 419px;*/
    /*width: 100%;
    height: 129px;*/
    margin: -100px auto 0;
    margin-left: 150px;
    position: relative;
    z-index: 999;
}

.menu-new-photo__text {
    margin-top: 30px;
    background: rgb(238, 238, 238);
    padding: 5px 20px 15px;
}

.menu-new-photo__text h3 {
    font-size: 16px;
    font-family: "Lato-Bold";
    color: rgb(42, 50, 53);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
}

.menu-new-photo__text p {
    font-size: 15px;
    font-family: 'DINPro-Light';
    color: rgb(42, 50, 53);
    line-height: 1.2;
    text-align: left;
    margin-top: 5px;
}

.registr2 .menu-new-photo__text div {
    display: block;
    width: 640px;
    padding-left: 230px;
    height: 155px;
}

.menu-aircraft-engine {
    padding: 20px 30px;
}

.menu-aircraft-engine p {
    max-width: 290px;
    width: 100%;
    font-size: 15px;
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53);
    line-height: 1.2;
    text-align: left;
}

.search-block {
    position: relative;
}

.search-box {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 999;
}

.search-input {
    width: 250px;
}

.search-input label {
    display: block;
    width: 100%;
}

.search-input label input {
    border: 1px solid rgba(0, 0, 0, 0.129);
    height: 37px;
    width: 100%;
    padding: 0 25px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-family: "Intro-Regular";
}

.search-input label input::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Intro-Regular";
}

.search-input label input::-moz-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Intro-Regular";
}

.search-input label input:-ms-input-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Intro-Regular";
}

.search-input label input::-ms-input-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Intro-Regular";
}

.search-input label input::placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Intro-Regular";
}

.search-btn-sent button {
    background-color: transparent;
}

.search-btn-sent {
    margin-left: 5px;
}

.serach-img {
    cursor: pointer;
}

.serach-img p {
    font-size: 10px;
    font-family: "Lato-Semibold";
    color: rgb(43, 43, 43);
    text-transform: uppercase;
    line-height: 1.2;
    margin-right: 7px;
}

.serach-img img {
    width: 14px;
    height: 15px;
}

.open-search .serach-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.serach-close {
    width: 19px;
    height: 19px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.open-search .serach-close {
    visibility: visible;
    opacity: 1;
    right: 0;
}

.serach-close span:first-child {
    width: 100%;
    height: 1px;
    background-color: #D83939;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.serach-close span:last-child {
    width: 100%;
    height: 1px;
    background-color: #D83939;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.open-search .serach-close span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.open-search .serach-close span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.select-language-block {
    position: relative;
    padding-left: 21px;
}

.select-language-block:after {
    content: url("img/globus.png");
    position: absolute;
    top: 4px;
    left: 0;
    width: 17px;
    height: 17px;
}

.select-language-block .jq-selectbox__select {
    background-color: unset;
    border-radius: 0;
    border: none;
    font-size: 15px;
    font-family: 'DINPro-Medium';
    color: rgb(84, 99, 120);
    line-height: 1.2;
    text-align: left;
    display: flex;
    align-items: center;
}

.select-language-block .jq-selectbox__dropdown {
    width: 167px !important;
    top: 18px !important;
    right: -2px !important;
}

.select-language-block .jq-selectbox__trigger {
    width: 8px;
    height: 6px;
    background-image: url(img/arrow-select.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 4px;
}

.select-language-block .jq-selectbox li.selected {
    color: #FFFFFF;
    background-color: rgb(82, 96, 119);
}

.select-language-block .jq-selectbox li {
    padding: 4px 6px 4px;
    font-size: 15px;
    font-family: 'DINPro-Medium';
    color: rgb(84, 99, 120);
    line-height: 1.2;
}

.header-our__sites {
    max-width: 250px;
    width: 100%;
}

.header-our__sites .select-language-block {
    position: relative;
    padding-left: 0;
}

.header-our__sites .select-language-block:after {
    display: none;
}

.sidenav-language-block > ul > li > a {
    font-size: 10px;
    font-family: "Lato-Semibold";
    color: rgb(43, 43, 43);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    position: relative;
    /*padding-right: 15px;*/
    padding: 10px 15px 10px 10px;
}

.sidenav-language-block > ul > li > a:hover {
    color: #FFFFFF;
    background-color: rgb(78, 93, 116);
}

.sidenav-language-block > ul > li > a:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 8px;
    height: 6px;
    background-image: url(img/arrow-select.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999;
}

.sidenav-language-block ul li ul {
    max-width: 686px;
    width: 100%;
    position: absolute;
    top: 90%;
    right: 239px;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 999999;
    text-align: center;
}

.sidenav-language-block ul li:hover ul {
    top: 87%;
    opacity: 1;
    visibility: visible;
}

.sidenav-language-block2 ul li ul {
    top: 35% !important;
}

.sidenav-language-block2 ul li:hover ul {
    top: 35% !important;
    opacity: 1;
    visibility: visible;
}

.sidenav-language-block2 ul li a:after {
    background-image: none !important;
    padding: 10px;
}

.sidenav-language-block2 ul li a {
    padding: 12px !important;
    font-size: 14px !important;
}

.fixVisiblePopup {
    opacity: 1 !important;
    visibility: visible !important;
    top: 35% !important;
}

.photographer-the-day__href > ul > li > ul {
    margin-top: 5px;
}

.header__check ul li {
    padding: 0 7px;
}

.header__check ul li + li {
    border-left: 2px solid rgba(84, 99, 120, 0.4);
}

.header__check ul li a {
    font-size: 13px;
    font-family: 'Lato-Semibold';
    color: rgb(82, 97, 119);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
}

.header-menu {
    padding-top: 0px;
    padding-left: 22px;
    padding-bottom: 0px;
    position: relative;
    background: rgb(255, 255, 255);
    max-width: 900px;
    width: 100%;
}

.header-menu:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    background-image: url('img/teni.png');
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 900px;
    width: 100%;
    height: 133px;
    z-index: -1;
    pointer-events: none;
}

.sidenav > ul > li span {
    display: block;
    background-color: rgb(76, 91, 114);
    width: 15px;
    height: 3px;
    border-radius: 5px;
    margin-top: 3px;
}

.sidenav > ul > li span:last-child {
    width: 12px;
}

.sidenav > ul > li:nth-child(1) {
    border-left: none;
    margin-right: 15px;
}

.sidenav > ul > li:nth-child(2) {
    border-left: none;
    margin-left: 15px;
}

.sidenav > ul > li {
    padding: 11px 0;
    cursor: pointer;
}

.sidenav > ul > li:hover {
    background-color: rgb(78, 93, 116);
}

.sidenav > ul > li:hover a {
    color: #FFFFFF;
}

.sidenav > ul > li > a {
    font-size: 13px;
    font-family: 'Lato-Semibold';
    color: rgb(43, 43, 43);
    text-transform: uppercase;
    text-align: left;
    border-left: 1px solid rgba(76, 91, 114, 0.4);
    padding: 0 8px;
}

.open-menu {
    display: none;
    width: 30px;
    height: 30px;
    position: relative;
}

.open-menu span {
    position: absolute;
    height: 6px;
    background: rgb(57, 56, 56);
    width: 100%;
    top: 0;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.close-menu {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 35px;
    right: 25px;
}

.close-menu span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #FFFFFF;
}

.close-menu span:first-child,
.close-menu span:last-child {
    display: none;
}

.close-menu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-menu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.anim-menu {
    -webkit-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.for-mobile-linck {
    display: none;
}

.body_fix {
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
}

.body_fix .open-menu.close-menu {
    position: fixed;
    top: 95px;
    left: 22px;
    z-index: 999999999;
}

.photographer-the-day__min {
    margin-top: 11px;
    padding-bottom: 40px;
}

.photographer-day__block__info {
    max-width: 800px;
    width: 100%;
}

.all-min-block__info {
    max-width: 800px;
    width: 100%;
}

.photographer-the-day__href {
    text-align: center;
    width: 70px;
}

.photographer-the-day__href ul li {
    position: relative;
}

.photographer-the-day__href > ul > li > a {
    width: 45px;
    height: 40px;
    text-align: center;
    position: relative;
    z-index: 99999;
}

.photographer-the-day__href > ul > li + li {
    margin-top: 20px;
}

.photographer-the-day__href > ul > li:hover p {
    background-color: rgb(76, 91, 114);
    width: 186px;
    position: absolute;
    display: block;
    top: -10px;
    right: -130px;
    z-index: -1;
}

.photographer-the-day__href > ul > li > a > p {
    font-size: 18px;
    font-family: 'DINPro-Light';
    color: rgb(255, 255, 255);
    padding: 20px 18px 20px 10px;
    text-align: right;
    display: none;
}

.photographer-the-day__href > ul > li > ul {
    width: 686px;
    position: absolute;
    top: 0;
    left: 182px;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99999;
    text-align: center;
}

.photographer-the-day__href > ul > li:hover ul {
    top: -15px;
    opacity: 1;
    visibility: visible;
}

.photographer-day__img strong {
    font-size: 18px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    text-transform: uppercase;
    line-height: 1.767;
    text-align: left;
    position: relative;
    padding-left: 10px;
}

.photographer-day__img strong:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: rgb(245, 12, 77);
    width: 6px;
    height: 14px;
}

.photographer__avimedia__content .photographer-day__img strong:after {
    background-color: rgb(134, 104, 173);
}

.photographer__avimedia__content .photographer-day__img + .photographer-day__img strong:after {
    background-color: rgb(1, 172, 156);
}

.apher-day__img {
}

.photographer__avimedia__photo__big {
    width: 525px;
    overflow: hidden;
}

.photographer__avimedia__photo__big img {
    object-fit: cover;
    width: 525px;
    height: 371px;
}

.photographer__avimedia {
    background-color: rgba(43, 43, 43, 0.702);
    width: 100%;
    overflow: hidden;
    margin-top: -26px;
    z-index: 999;
    position: relative;
}

.photographer__avimedia2 {
    margin-top: -29px !important;
}

@media all and (max-width: 768px) {
    .photographer__avimedia3 {
        margin-top: -25px !important;
    }
}

@media (min-width: 768px) {
    .photographer__avimedia__info2 {
        width: 256px !important;
        height: 162px !important;
    }
    
    .photographer__avimedia4 {
        margin-top: -32px !important;
    }
    
    .photographer__avimedia5 {
        margin-top: -30px !important;
    }
}

.photographer__avimedia p {
    font-size: 14px;
    font-family: "Lato-Light";
    color: rgba(255, 255, 255, 0.961);
    line-height: 1.2;
    padding: 5px 6px;
}

.photographer__avimedia__content {
    max-width: 256px;
    width: 100%;
    line-height: 22px;
}

.photographer-day__img {
    width: 100%;
}

.photographer-day__img + .photographer-day__img {
    margin-top: 12px;
}

.photographer__avimedia__photo img {
    object-fit: cover;
    width: 256px;
    height: 162px;
}

.briefly-about__us {
    max-width: 258px;
    width: 100%;
}

.briefly-about__us__title strong {
    font-size: 18px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    text-transform: uppercase;
    line-height: 1.667;
    text-align: left;
    position: relative;
    padding-left: 10px;
}

.briefly-about__us__title strong:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: rgb(66, 181, 116);
    width: 6px;
    height: 14px;
}

.briefly-about__us__block {
    width: 100%;
    background-color: rgb(238, 238, 238);
    position: relative;
    padding: 20px 10px;
}

.briefly-about__us__block:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("img/photo.png");
    z-index: 1;
    width: 90%;
    height: 255px;
    background-repeat: no-repeat;
    background-position: center;
}

.briefly-about__us__text {
    position: relative;
    z-index: 99;
}

.briefly-about__us__text h3 {
    font-family: 'Raleway-ExtraBold';
    font-size: 20px;
    display: block;
    color: rgb(77, 92, 115);
    text-transform: uppercase;
}

.briefly-about__us__text h3 span {
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.briefly-about__us__text p {
    font-size: 17px;
    font-family: 'Lato-Black';
    color: rgb(76, 91, 114);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

.briefly-about__us-price {
    position: relative;
    z-index: 99;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.briefly-about__us-price + .briefly-about__us-price {
    margin-top: 130px;
}

.briefly-about__us-price li {
    font-size: 15px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: right;
}

.briefly-about__us-price li:nth-child(even) {
    text-align: right;
}

.briefly-about__us-price li strong {
    font-family: 'DINPro-Black';
    font-size: 39px;
    margin-right: 7px;
}

.briefly-about__us__btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.briefly-about__us__btn button {
    border-radius: 2px;
    background-color: rgb(66, 181, 116);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.searchButton {
    border-radius: 2px;
    background-color: rgb(66, 181, 116);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

#searchButtonReg {
    border-radius: 2px;
    background-color: rgb(0, 159, 253);
    width: 167px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.advanced-search {
    margin-top: 13px;
}

.advanced-search .veryrare-just__min__title strong:after {
    background-color: rgb(121, 204, 242);
}

.accordion > li {
    border: 1px solid rgb(217, 217, 217);
    background-color: rgb(255, 255, 255);
    width: 100%;
    margin-top: 5px;
    padding: 0 15px 0 10px;
}

.accordion .link {
    padding: 7px 15px 7px 0;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
}

.link.open-link:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 2px;
    border-bottom: 2px solid rgb(102, 102, 102);
    border-right: 2px solid rgb(102, 102, 102);
    border-left: none;
    border-top: none;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open .link.open-link:before {
    top: 18px;
    border-bottom: none;
    border-right: none;
    border-left: 2px solid rgb(102, 102, 102);
    border-top: 2px solid rgb(102, 102, 102);
}

.accordion .link:hover {
    color: #A1A1A1;
}

.submenu {
    display: none;
    font-size: 14px;
    background-color: rgb(255, 255, 255);
    width: 100%;
}

.submenu li a {
    font-size: 16px;
    color: rgb(76, 86, 92);
    line-height: 1.875;
    text-align: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.submenu li a:hover {
    color: rgb(90, 47, 48);
    font-weight: bold;
}

.open {
    background-color: rgb(255, 255, 255);
    color: white;
}

.open .link {
    color: rgb(76, 86, 92);
}

.open .submenu {
    background-color: rgb(255, 255, 255);
    padding-bottom: 10px;
}

.comments__chat__slider {
    max-width: 393px;
    width: 100%;
    counter-reset: section;
}

.comments__chat__slider__box img {
    object-fit: cover;
    width: 100%;
    height: 255px;
}

.slider-nav {
    display: flex;
    justify-content: flex-end;
}

.comments__chat__slider__cnt {
    width: 88px !important;
}

.comments__chat__slider__img {
    width: 87px;
    height: 58px;
}

.comments__chat__margin {
    padding-top: 8px !important;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    padding: 0 !important;
}

.comments__chat__slider__img img {
    margin: 0 auto;
}

.comments__chat__slider strong {
    font-size: 18px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    text-transform: uppercase;
    line-height: 2.667;
    text-align: left;
    position: relative;
    padding-left: 10px;
}

.comments__chat__slider strong:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: rgb(254, 206, 0);
    width: 6px;
    height: 14px;
}

.slider-nav__block {
    background-color: rgb(49, 58, 73);
    height: auto;
    position: relative;
}

.slider-nav__block__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
}

.slider-nav__block__number p {
    font-size: 22px;
    font-family: "Raleway-Regular";
    color: rgb(138, 148, 157);
    position: relative;
}

.slider-nav__block__number p:after {
    content: "";
    position: absolute;
    top: 13px;
    left: -15px;
    border-top: 3px solid rgb(138, 148, 157);
    border-left: 3px solid rgb(138, 148, 157);
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(-45deg);
    width: 9px;
    height: 9px;
    border-radius: 3px;
}

.slider-nav__block__number p:before {
    content: "";
    position: absolute;
    top: 13px;
    right: -15px;
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid rgb(138, 148, 157);
    border-bottom: 3px solid rgb(138, 148, 157);
    transform: rotate(-45deg);
    width: 9px;
    height: 9px;
    border-radius: 3px;
}

.slider-nav__block__number p span {
    font-size: 30px;
    font-family: "Raleway-Regular";
    color: rgb(138, 148, 157);
}

.comments__chat__slider__cnt:first-child .comments__chat__slider__img {
    border-top: 5px solid rgb(254, 206, 0);
    margin-left: 0;
}

.comments__chat__slider__cnt:first-child .comments__chat__slider__img img {
    width: 100%;
}

.veryrare-just__min {
    max-width: 390px;
    width: 100%;
}

.veryrare-just__min__title strong {
    font-size: 18px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    text-transform: uppercase;
    line-height: 2.667;
    text-align: left;
    position: relative;
    padding-left: 10px;
}

.veryrare-just__min__title strong:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: rgb(245, 12, 77);
    width: 6px;
    height: 14px;
}

.veryrare-just__min__name p img {
    width: 11px;
    height: 13px;
    margin-right: 3px;
}

.veryrare-just__min__name p {
    font-size: 14px;
    font-family: "Lato-Bold";
    color: rgb(39, 44, 46);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
}

.veryrare-just__min__name span {
    font-size: 14px;
    font-family: "Lato-Bold";
    color: rgb(39, 44, 46);
    line-height: 1.2;
    white-space: nowrap;
}

.veryrare-just__min__name span img {
    width: 11px;
    height: 13px;
    margin-right: 3px;
}

.veryrare-just__min__text {
    margin-top: 0px;
}

.veryrare-just__min__text p {
    font-size: 16px;
    font-family: "DINPro-Medium";
    color: rgb(39, 44, 46);
    line-height: 1.2;
}

.veryrare-just__min__text p a {
    font-size: 16px;
    font-family: "DINPro-Medium";
    color: rgb(13, 144, 213);
    text-decoration: underline;
    line-height: 1.2;
}

.veryrare-just__min__href {
    text-align: right;
    margin: 3px 0px 6px 0px;
}

.veryrare-just__min__href a {
    font-size: 14px;
    font-family: "DINPro-Medium";
    color: rgb(39, 44, 46);
    line-height: 1.2;
    position: relative;
    padding-right: 16px;
}

.veryrare-just__min__href a:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid rgb(39, 44, 46);
    border-bottom: 2px solid rgb(39, 44, 46);
    transform: rotate(-45deg);
    width: 5px;
    height: 5px;
    border-radius: 3px;
}

.veryrare-just__min__btn {
    text-align: right;
    margin-top: 10px;
}

.veryrare-just__min__btn button {
    border-radius: 2px;
    background-color: rgb(245, 12, 77);
    width: 166px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.photos-per-day {
    width: 100%;
    counter-reset: section;
}

.photos-per-day .veryrare-just__min__title strong:after {
    background-color: rgb(66, 181, 116);
}

.photos-per-day__slider__box {
    cursor: pointer;
}

.photos-per-day__slider__box:nth-child(even) .photos-per-day__slider__img {
    margin-left: 10px;
}

.photos-per-day__slider__img {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 390px;
    width: 100%;
    height: 260px;
    padding: 10px;
}

.photos-per-day__slider__icon {
    width: 64px;
    height: 62px;
    position: relative;
}

.photos-per-day__slider .slick-prev {
    left: -12px;
    transform: rotate(90deg);
}

.photos-per-day__slider .slick-next {
    right: -12px;
    transform: rotate(-90deg);
}

.photos-per-day__slider .slick-prev, .photos-per-day__slider .slick-next {
    position: absolute;
    top: 50%;
    background-color: rgb(247, 247, 247);
    width: 54px;
    height: 30px;
    z-index: 9999;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.photos-per-day__slider .slick-prev:before, .photos-per-day__slider .slick-next:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    top: 9px;
}

.photos-per-day__slider .slick-prev:before {
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid rgb(138, 148, 157);
    border-bottom: 3px solid rgb(138, 148, 157);
    transform: rotate(45deg);
    left: 20px;
}

.photos-per-day__slider .slick-next:before {
    border-top: 3px solid rgb(138, 148, 157);
    border-left: 3px solid rgb(138, 148, 157);
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(-130deg);
    right: 20px;
}

.news-from-the-feed__block {
    /*max-width: 390px;*/
    width: 100%;
}

.news-from-the-feed__block + .news-from-the-feed__block .veryrare-just__min__title strong:after {
    background-color: rgb(121, 204, 242);
}

.news-from-the-feed__block + .news-from-the-feed__block .briefly-about__us__btn button {
    background-color: rgb(121, 204, 242);
}

.news_text p {
    padding-bottom: 10px;
}

.news-from-the-feed__info {
    justify-content: space-between;
}

.news-from-the-feed__info + .news-from-the-feed__info {
    margin-top: 15px;
}

.news-from-the-feed__info__img {
    width: 90px;
}

.news-from-the-feed__info__img img {
    width: 100%;
    height: 100%;
}

.news-from-the-feed__info__text {
    /*max-width: 290px;*/
    width: 100%;
}

.news-from-the-feed__block .veryrare-just__min__name p img {
    width: 15px;
}

.sign-our-newsletter {
    width: 100%;
    margin: 30px 0 20px;
}

.sign-our-newsletter__text p {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(76, 91, 114);
    line-height: 1.2;
    text-align: left;
}

.sign-our-newsletter__text strong {
    font-size: 25px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    line-height: 1.2;
    text-align: left;
}

.sign-our-newsletter__mail {
    width: 252px;
}

.sign-our-newsletter__mail label {
    width: 100%;
    height: 38px;
    position: relative;
}

.sign-our-newsletter__mail label:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 50px;
    height: 38px;
    background-color: rgb(76, 91, 114);
}

.sign-our-newsletter__mail label:before {
    content: url('img/Forma-14.png');
    position: absolute;
    top: 0;
    left: 18px;
    width: 14px;
    height: 12px;
    z-index: 999;
}

.sign-our-newsletter__mail label input {
    width: 100%;
    height: 38px;
    border: 1px solid rgb(76, 91, 114);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: "DINPro-Medium";
    color: rgb(76, 91, 114);
    text-align: center;
    padding-left: 15px;
}

.sign-our-newsletter__mail label input::placeholder {
    font-size: 12px;
    font-family: "DINPro-Medium";
    color: rgb(164, 164, 164);
    text-align: center;
}

.sign-our-newsletter__btn {
    margin-left: 5px;
}

.sign-our-newsletter__btn button {
    border-radius: 3px;
    background-color: rgb(76, 91, 114);
    width: 136px;
    height: 35px;
    font-size: 12px;
    font-family: "Lato-Medium";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.registry-updates__table {
    margin-top: 5px;
}

.registry-updates__table .veryrare-just__min__title strong:after {
    background-color: rgb(0, 159, 255);
}

.registry-updates__table table {
    width: 100%;
}

.registry-updates__table table tbody tr td {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(76, 91, 114);
    line-height: 1.2;
    padding: 6px 0;
}

.registry-updates__table table tbody tr a {
    font-size: 15px;
    font-family: "Lato-Bold";
    color: rgb(0, 159, 255);
    line-height: 1.2;
}

.registry-updates__table table tbody tr td strong {
    font-size: 15px;
    font-family: "Lato-Bold";
    color: rgb(0, 159, 255);
    line-height: 1.2;
}

.registry-updates__table table tbody tr td:first-child {
    font-size: 15px;
    font-family: "Lato-Bold";
    color: rgb(76, 91, 114);
    line-height: 1.2;
}

.registry-updates__table table tbody tr td span {
    display: block;
    color: rgb(66, 181, 116);
}

.registry-updates__table table tbody tr td:last-child {
    text-align: right;
    font-size: 15px;
    font-family: "Lato-Regular";
    color: rgb(76, 91, 114);
    line-height: 1.2;
}

.registry-updates__table__flag img {
    width: 16px;
    height: 11px;
    margin-right: 13px;
}

.registry-updates__table__flag p {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(76, 91, 114);
    line-height: 1.2;
}

.color__grey span {
    color: rgb(0, 159, 255) !important;
}

.color__red span {
    color: rgb(245, 12, 77) !important;
}

.registry-updates__table .briefly-about__us__btn button {
    background-color: rgb(0, 159, 255);
}

.aviation-video {
    margin-top: 15px;
}

.aviation-video .veryrare-just__min__title strong:after {
    background-color: rgb(133, 103, 171);
}

.aviation-video__block {
    width: 255px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.aviation-video__block p {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    margin-top: 10px;
}

.aviation-video__play {
    border-radius: 3px;
    background-color: rgba(42, 50, 53, 0.8);
    width: 52px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 0;
    top: 20px;
    position: relative;
}

.aviation-video__play img {
    width: 19px;
    height: 21px;
}

.aviation-video .briefly-about__us__btn button {
    background-color: rgb(133, 103, 171);
}

.advanced-checkbox-min-inpt {
    width: 100%;
}

.advanced-checkbox-min-inpt label input {
    border: 1px solid rgb(217, 217, 217);
    background-color: rgb(255, 255, 255);
    width: 100%;
    margin-top: 5px;
    padding: 7px 15px 7px 10px;
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
}

.advanced-checkbox-min-inpt label input::placeholder {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
}

.advanced-checkbox-min {
    padding: 5px 0;
}

.advanced-checkbox-min strong {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    line-height: 1.714;
    margin-right: 10px;
}

.ibrat-checkbox + .ibrat-checkbox {
    margin-left: 8px;
}

.ibrat-checkbox label {
    display: block;
    position: relative;
    cursor: pointer;
}

.ibrat-checkbox input {
    display: none;
}

.ibrat-checkbox span {
    position: absolute;
    top: 3px;
    left: 0;
    border: 1px solid rgb(217, 217, 217);
    background-color: rgb(255, 255, 255);
    width: 20px;
    height: 20px;
}

.ibrat-checkbox span:before {
    position: absolute;
    content: '';
    display: none;
    border: 2px solid rgb(157, 194, 208);
    border-left: none;
    border-bottom: none;
    width: 16px;
    height: 8px;
    transform: rotate(127deg);
    left: 3px;
    top: -2px;
}

.ibrat-checkbox input:checked + span:before {
    display: block;
}

.ibrat-checkbox p {
    padding-left: 25px;
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    line-height: 1.714;
}

.rolled-min-block-menu .briefly-about__us__btn button {
    background-color: rgb(121, 204, 242);
}

.advanced-just__min__title strong:after {
    background-color: rgb(171, 204, 55) !important;
}

.advanced-statistics-for {
    /*margin-top: 15px;*/
}

.advanced-statistics-for__text strong {
    font-size: 16px;
    font-family: "Lato-Bold";
    color: rgb(42, 50, 53);
    line-height: 1.375;
    text-align: left;
}

.advanced-statistics-for__text + .advanced-statistics-for__text {
    margin-top: 20px;
}

.advanced-statistics-for__text ul li {
    font-size: 16px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    line-height: 1.2;
    margin-top: 7px;
}

.veryrare-just__registries strong:after {
    background-color: rgb(99, 132, 145) !important;
}

.full-drafting {
    margin-top: 15px;
}

.full-drafting__number ul li {
    font-size: 16px;
    font-family: "Lato-Regular";
    color: rgb(76, 91, 114);
    line-height: 1.2;
    text-align: left;
    padding-bottom: 5px;
}

.full-drafting__number ul li p {
    display: inline;
    color: rgb(130, 157, 167);
}

.full-drafting__text {
    margin-top: 5px;
}

.full-drafting__text p {
    font-size: 16px;
    font-family: "Lato-Regular";
    color: rgb(130, 157, 167);
    line-height: 1.2;
    text-align: right;
}

.full-drafting__text p span {
    font-size: 16px;
    font-family: "Lato-Regular";
    color: rgb(76, 91, 114);
    line-height: 1.2;
    text-align: left;
}

footer {
    background-color: rgb(49, 58, 73);
    margin-top: 40px;
}

.footer__min {
    padding: 10px 0;
}

.footer__logo a img {
    width: 70px;
    height: 48px;
}

.footer__logo a p {
    font-family: 'Raleway-Medium';
    font-size: 9px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin-left: 10px;
}

.footer__logo a p strong {
    font-family: 'Raleway-ExtraBold';
    font-size: 23px;
    display: block;
}

.footer__logo a p strong span {
    font-size: 23px;
    font-family: 'Lato-Regular';
}

.footer__info {
    font-size: 12px;
    font-family: "Lato-Regular";
    color: rgb(255, 255, 255);
    line-height: 2;
    text-align: left;
    display: block;
    margin-top: 5px;
}

.footer__text a {
    font-size: 12px;
    font-family: "DINPro-Light";
    color: rgb(255, 255, 255);
    line-height: 2;
}

.footer__href ul li {
    margin: 0 10px;
}

.footer__href ul li a {
    width: 16px;
    height: 16px;
}

.all-min-block .photographer__avimedia__photo {
    max-width: 250px;
    width: 100%;
    margin: 12px 0;
    position: relative;
}

.photographer__avimedia__photo__box {
    min-height: 162px;
    background-color: rgb(235, 235, 235);
    padding: 5px;
}

.photographer__avimedia__info {
    background-color: rgba(42, 50, 53, 0.6);
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 8px 5px;
}

.photographer__avimedia__info ul li img {
    width: 13px;
    height: 13px;
}

.photographer__avimedia__info ul li {
    font-size: 14px;
    font-family: "Lato-Light";
    color: rgb(255, 255, 255);
    line-height: 1.714;
    text-align: left;
    display: flex;
    align-items: center;
}

.photographer__avimedia__photo:hover .photographer__avimedia__info {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.photographer__avimedia__info p {
    font-size: 14px;
    font-family: "Lato-Light";
    color: rgb(255, 255, 255);
    line-height: 1.3;
    width: 250px;
    height: 100px;
    margin-top: 10px;
}

.photographer__avimedia__info span {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(255, 255, 255);
    line-height: 1.2;
}

.veryrare-just__min__col strong:after {
    background-color: rgb(96, 38, 255);
}

.veryrare__col:after {
    background-color: rgb(66, 181, 116) !important;
}

.briefly-about__braun button {
    background-color: rgb(133, 103, 171);
}

.veryrare-just__yellu button {
    background-color: rgb(245, 191, 47);
}

.news-from-the-veryrare {
    margin-top: 20px;
}

/*=================-specific-photo.html-style-start-=====================*/
.imgstyle {
    width: 100%;
    margin: 0 auto;
}

.taras-bazhansky-mikoyan__box {
    width: 100%;
    height: 867px;
}

.comments__avimedia__info {
    background-color: rgb(52, 59, 65);
    max-width: 240px;
    width: 100%;
    z-index: 9999;
    padding: 8px 15px;
    display: flex;
    align-items: center;
}

.comments__avimedia__info ul {
    width: 100%;
}

.comments__avimedia__info ul li img {
    width: 13px;
    height: 13px;
}

.comments__avimedia__info ul li {
    font-size: 14px;
    font-family: "Lato-Light";
    color: rgb(255, 255, 255);
    line-height: 1.714;
    text-align: left;
    display: flex;
    align-items: center;
}

.taras-bazhansky__chat__slider__img {
    width: 140px;
    height: 80px;
    margin: 0 2px;
}

.taras-bazhansky__chat__slider__img img {
    width: 100%;
}

.slider-nav-comment .slick-current {
    position: relative;
}

.slider-nav-comment .slick-current:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;
    background: rgb(254, 0, 0);
}

.slider-for-comment .slick-prev {
    left: 280px;
    z-index: 99999;
    border-top: 3px solid rgb(138, 148, 157);
    border-left: 3px solid rgb(138, 148, 157);
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(-45deg);
}

.slider-for-comment .slick-next {
    right: 760px;
    z-index: 999999;
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid rgb(138, 148, 157);
    border-bottom: 3px solid rgb(138, 148, 157);
    transform: rotate(-45deg);
}

.slider-for-comment .slick-prev, .slider-for-comment .slick-next {
    top: auto;
    bottom: -55px;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}

.slider-for-comment .slick-prev:before, .slider-for-comment .slick-next:before {
    display: none;
}

.taras-slider-nav__block__number {
    margin-top: 18px;
}

.taras-slider-nav__block__number p {
}

.taras-slider-nav__block__number p span {
    font-size: 30px;
    font-family: "Raleway-Regular";
    color: rgb(255, 255, 255);
}

.taras-slider-nav__block__number p {
    font-size: 17px;
    font-family: "Raleway-Regular";
    color: rgb(138, 148, 157);
    position: relative;
    display: flex;
    align-items: flex-start;
}

.nformation-about__block__info {
    max-width: 745px;
    width: 100%;
}

.nformation-about__block__info a {
    color: #2B739E;
}

.information-about__name {
    max-width: 330px;
    width: 100%;
}

.information-about__title {
    font-size: 18px;
    font-family: "Lato-Black";
    color: rgb(76, 91, 114);
    text-transform: uppercase;
    line-height: 1.767;
    text-align: left;
    position: relative;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.information-about__title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: rgb(121, 204, 242);
    width: 6px;
    height: 14px;
}

.col__yellw:after {
    background-color: rgb(246, 191, 47)
}

.col__yellow:after {
    background-color: rgb(246, 191, 47)
}

.col__blue:after {
    background-color: rgb(0, 159, 255)
}

.col__red:after {
    background-color: rgb(245, 12, 77)
}

.col__green:after {
    background-color: rgb(66, 181, 116)
}

.col__violet:after {
    background-color: rgb(133, 103, 171)
}

.headerMenu .briefly-about__us__btn {
    padding-right: 15px;
    margin-top: 5px;
}

.information-about__name ul li {
    font-size: 15px;
    font-family: 'Lato-Regular';
    color: rgb(38, 45, 49);
    line-height: 1.2;
}

.information-about__name ul li span {
    font-family: 'DINPro-Bold';
}

.information-about__href .information-about__title:after {
    /*background-color: rgb(66, 181, 116);*/
}

.information-about__href__text ul {
    margin-top: 17px;
}

.information-about__href__text ul li {
    font-size: 15px;
    font-family: "DINPro-Light";
    color: rgb(38, 45, 49);
    line-height: 1.3;
    font-weight: 900;
    max-width: 320px;
    width: 100%;
}

.information-about__briefly .briefly-about__us__btn button {
    background-color: rgb(121, 204, 242);
}

.briefly-about__us__btn.whiteCol button {
    background-color: rgb(255, 255, 255);
    color: black;
}

.briefly-about__us__btn.greenCol button {
    background-color: rgb(66, 181, 116);
    color: white;
}

.comments-on-photo {
    margin-top: 15px;
}

.comments-on-photo .information-about__title:after {
    background-color: rgb(66, 181, 116);
}

.comments-on-photo__box {
    width: 100%;
    margin-bottom: 15px;
}

.comments-on-photo__img img {
    /*width: 135px;
    height: 80px;*/
    padding-top: 2px;
}

.comments-on-photo__img span {
    font-size: 15px;
    font-family: "DINPro-Medium";
    color: rgb(38, 45, 49);
    line-height: 1.2;
}

.comments-on-photo__text {
    margin-left: 5px;
    max-width: 630px;
    width: 100%;
}

.comments-on-photo__text p {
    font-size: 15px;
    font-family: "Lato-Light";
    color: rgb(38, 45, 49);
    font-weight: bold;
    line-height: 1.2;
    margin-top: 5px;
    overflow: hidden;
}

.comments-on-photo__title strong {
    font-size: 15px;
    font-family: "Lato-Bold";
    color: rgb(38, 45, 49);
    font-weight: bold;
    line-height: 1.2;
}

.comments-on-photo__title h4 {
    font-size: 15px;
    font-family: "Lato-Light";
    color: rgb(38, 45, 49);
    font-weight: bold;
    line-height: 1.2;
    margin-left: 4px;
}

.add-comments-you {
    margin: 15px auto 0;
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.add-comments-you p {
    font-size: 15px;
    font-family: "Lato-Bold";
    color: rgb(38, 45, 49);
    line-height: 1.2;
    text-align: center;
}

.add-comments-you p a {
    font-size: 15px;
    font-family: "Lato-Bold";
    color: rgb(121, 204, 242);
    line-height: 1.2;
    text-align: center;
}

.the-shoot-place__map {
    width: 100%;
    height: 370px;
}

.the-shoot-place .information-about__title {
}

.the-shoot__photo p {
    font-size: 14px;
    font-family: "Lato-Regular";
    color: rgb(42, 50, 53);
    line-height: 1.2;
    max-width: 260px;
    margin-top: 10px;
}

.the-shoot__photo__img {
    width: 90px;
    height: 90px;
}

.the-shoot__photo__text {
    padding-left: 7px;
}

.the-shoot__photo__text h3 {
    font-size: 18px;
    font-family: "Lato-Bold";
    color: rgb(42, 50, 53);
    text-transform: uppercase;
    line-height: 1.2;
}

.the-shoot__photo__text span {
    font-size: 15px;
    font-family: "Lato-Medium";
    color: rgb(42, 50, 53);
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px;
    display: block;
}

.the-shoot__photo__text a {
    font-size: 14px;
    font-family: "Lato-Light";
    color: rgb(38, 45, 49);
    line-height: 1.2;
    font-weight: bold;
    display: block;
    margin-top: 3px;
}

.similar-photos__chat__slider {
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-top: 15px;
}

.similar-photos__chat__slider .information-about__title:after {
    background-color: rgb(245, 12, 77);
}

.similar-photos__chat__slider .comments__chat__slider__box img {
    width: 100%;
    height: 166px;
}

.similar-photos__chat__slider .comments__chat__slider__img {
    width: 80px !important;
    height: 50px;
}

.similar-photos__slider {
    position: absolute;
    z-index: 999;
    left: -20px;
    bottom: 12px;
}

.similar-photos__slider p span {
    font-size: 23px;
    font-family: "Raleway-Regular";
    color: rgb(138, 148, 157);
}

.similar-photos__slider p {
    font-size: 14px;
    font-family: "Raleway-Regular";
    color: rgb(138, 148, 157);
    position: relative;
}

.similar-photos__slider p:before {
    top: 7px;
    right: -13px;
}

.slider-nav__block__number p:after {
    top: 7px;
    left: -15px;
}

/*=================-specific-photo.html-style-end-=====================*/
.main-container.fullWidthWithMasonry,
.main-container.fullWidthWithMasonry .all-min-block__info {
    max-width: initial;
}

.main-container.fullWidthWithMasonry .all-min-block__info .photographer__avimedia__photo {
    max-width: initial;
    margin: 5px;
}

.main-container.fullWidthWithMasonry .all-min-block__info .photographer__avimedia__photo > a > img {
    height: initial;
    width: initial;
}

.masonryContainer {
    font-size: 0;
}

.masonryContainer .masonryElement {
    display: inline-block;
}

.masonryContainer .floatingElement {
    float: right;
    padding: 10px;
    max-width: 280px;
    background: #DDDDDD;
    box-shadow: inset 0px 0px 3px #AAAAAA;
}

/*** Фиксированная шапка ***/
.header-menu-container.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100000;
    background: white;
    border-bottom: 1px solid #DDDDDD;
}

/*** Таблица поездок ***/
.container.tripsInfoPage,
.container.addTripPage {
    font-family: "Lato-Regular";
    padding: 15px;
}

.container.tripsInfoPage .transportIconContainer {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

.container.tripsInfoPage .transportIconContainer img {
    height: 30px;
}

.container.tripsInfoPage .tripsTable td {
    vertical-align: middle;
    padding: 5px;
}

.container.tripsInfoPage .tripsTable td .cellContentWrapper {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.container.tripsInfoPage .tripsTable td.transportType {
    max-width: 150px
}

.container.tripsInfoPage .tripsTable td.remarks {
    max-width: 130px;
}

.container.tripsInfoPage .tripsTable td.operator {
    max-width: 140px;
}

.container.addTripPage * {
    transition: .3s;
}

.container.tripsInfoPage .addButton {
    box-shadow: 0px 0px 3px 1px #AAAAAA;
    margin-top: 5px;
}

.container.addTripPage .stages .stage {
    display: none;
}

.container.addTripPage .stages .stage.active {
    display: block;
}

.container.addTripPage .stages input[type=date],
.container.addTripPage .stages input[type=datetime],
.container.addTripPage .stages input[type=time] {
    line-height: 14px;
}

.container.addTripPage .stages .inputName {
    text-align: right;
    padding: 6px 12px;
    width: 300px;
}

.container.addTripPage .stages .inputNameInline {
    text-align: right;
    padding: 6px 12px;
}

.container.addTripPage .stages .stageTitles {
    display: flex;
    margin-bottom: 30px;
    margin-top: 10px;
    height: 40px;
}

.container.addTripPage .stages .stageTitles .stageTitle {
    border: 1px solid grey;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
    position: relative;
    background: white;
    cursor: default;
}

.container.addTripPage .stages .stageTitles .stageTitle.selectable:hover {
    background: #79CCF2;
    cursor: pointer;
}

.container.addTripPage .stages .stageTitles .stageTitle.active {
    font-weight: bold;
    background: #44BBF2;
    color: white;
}

.container.addTripPage .stages .stageTitles .stageTitle:not(:last-child) {
    margin-right: -1px;
}

.container.addTripPage .stages .stageTitles .stageTitle:after {
    background: inherit;
    width: 28px;
    height: 28px;
    content: '';
    position: absolute;
    right: -14px;
    transform: rotate(45deg);
    border-right: 1px solid grey;
    border-top: 1px solid grey;
    z-index: 1;
}

.container.addTripPage .stages .stateText {
    padding-left: 10px;
    color: red;
}

.container.addTripPage .stages sup.required {
    color: red;
    position: relative;
    top: -5px;
    right: 0;
    font-size: 18px;
}

/*** Добавление поездки ***/
ul#ui-id-1, ul#ui-id-2, ul#ui-id-3,
ul#ui-id-4, ul#ui-id-5, ul#ui-id-6 {
    z-index: 100000; /* Без этого подсказка автокомплита оказывается под datepicker'ом */
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

input.hasError {
    border: 1px solid red;
    box-shadow: 0px 0px 5px -1px red;
}

#addTripForm .select2-results li {
    padding: 2px;
}

#addTripForm .select2-results strong {
    padding: 2px;
}

#addTripForm .select2-results li {
    padding: 2px;
}

#addTripForm .select2-results strong {
    padding: 2px;
}

#addTripForm ul.locationsList li {
    display: flex;
}

#addTripForm ul.locationsList li:not(:last-child) {
    margin-bottom: 4px;
}

#addTripForm ul.locationsList li > * {
    min-width: 230px;
}

#addTripForm ul.locationsList li > .addButton,
#addTripForm ul.locationsList li > .removeButton {
    background: #EEEEEE;
    min-width: 33px;
    height: 33px;
    padding: 5px 9px;
    font-size: 15px;
    border: 1px solid #969696;
    cursor: pointer;
    box-shadow: inset 0px 0px 3px #00000040;
}

#addTripForm ul.locationsList li > .removeButton {
    padding: 5px 8px;
}

#addTripForm ul.locationsList li > .spaceFiller {
    min-width: 33px;
}

#addTripForm ul.locationsList li > *:not(:last-child) {
    margin-right: 5px;
}

#addTripForm ul.locationsList li > .title {
    flex-grow: 1;
    padding: 6px 0;
}

#addTripForm ul.locationsList li > .form-control {
    width: auto;
}

#addTripForm ul.locationsList li > .locationsSelectContainer .select2-selection.select2-selection--single {
    border-radius: 4px !important;
    height: 34px !important;
    margin-top: 0;
    border: 1px solid #CCCCCC;
    box-shadow: inset 0px 0px 2px #0003;
}

#addTripForm .select2-container {
    width: 100% !important;
}

.select2-dropdown {
    z-index: 100000 !important;
}

sup {
    vertical-align: super;
    font-size: 10px;
}

sub {
    vertical-align: sub;
    font-size: 10px;
}

#paginationDiv {
    position: fixed;
    background-color: #999999;
    color: white;
    display: none;
    z-index: 10000;
    max-width: 300px;
    top: 50px;
    opacity: 0.7;
    left: 1260px;
}

#paginationDiv div {
    padding: 5px;
}

#paginationDiv a {
    color: white;
}

#paginationDiv a:not(:last-child) {
    margin-right: 5px;
}

#paginationDiv a.active {
    text-decoration: underline;
}

/****************************************************************************************/
/****************************************  БЛОГ  ****************************************/
/** Список записей блога */
.blogItems * {
    transition: .3s;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

.blogItems .pageDivider {
    display: flex;
}

.blogItems .pageDivider span {
    white-space: nowrap;
    padding-right: 10px;
}

.blogItems .pageDivider hr {
    height: 0;
    width: 100%;
}

.blogItems .pageContent {
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
}

.blogItems .noData {
    font-size: 30px;
    font-weight: bold;
    color: #AAAAAA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.blogItems .blogItem {
    width: 210px;
    height: 260px;
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
    position: relative;
    background-size: contain;
    transition: .3s;
    cursor: pointer;
    display: block;
    background-size: cover;
    background-position: 50%;
}

.blogItems .blogItem.deleted {
    opacity: 0;
    width: 0;
    margin: 0;
    padding: 0;
    background: black !important;
    overflow: hidden;
}

.blogItems .blogItem:hover {
    box-shadow: inset 0 0 20px white;
}

.blogItems .blogItem:hover .blurBackgroundContainer {
    box-shadow: inset 0 -25px 20px white;
}

.blogItems .blogItem:hover .title {
    background-color: #0008;
}

.blogItems .blogItem .blurBackgroundContainer {
    background-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 0;
    background-position: 50% 100%;
    border-radius: 5px;
    /*! opacity: 0; */
}

.blogItems .blogItem .blurBackground {
    background-image: inherit;
    background-position-y: 100%;
    background-position-x: 50%;
    background-size: 50%;
    border: 1px solid black;
    height: 130px;
    width: 200%;
    bottom: -30px;
    left: -50%;
    position: absolute;
    filter: blur(20px);
}

.blogItems .blogItem .changeDateTime {
    background: #0008;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
    color: white;
    position: absolute;
    top: 5px;
    left: 5px;
}

.blogItems .blogItem .title {
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 8px;
    text-shadow: 0 0 25px black;
    background: #00000026;
    color: white;
    box-sizing: border-box;
    min-height: 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.blogItems .blogItem .dots {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #0007;
    color: white;
    padding: 0px 5px;
    border-radius: 4px;
    text-align: center;
    padding-left: 4px;
    font-size: 20px;
    line-height: 25px;
    cursor: pointer;
    z-index: 1;
}

.blogItems ul.dotsMenu {
    position: absolute;
    background: white;
    border-radius: 10px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    min-width: 150px;
    border: 1px solid #999999;
    box-shadow: 0 0 10px black;
    line-height: 30px;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.blogItems .dots:hover .dotsMenu {
    opacity: 1;
    pointer-events: all;
}

.blogItems ul.dotsMenu li {
    color: black;
    font-size: 14px;
    text-align: left;
    padding: 0 10px;
}

.blogItems ul.dotsMenu li a {
    color: black;
}

.blogItems ul.dotsMenu li.link:hover a {
    color: white !important;
}

.blogItems ul.dotsMenu li.link:hover {
    background: #222222;
    color: white !important;;
}

.blogItems ul.dotsMenu li.link {
    cursor: pointer;
}

.blogItems ul.dotsMenu li.link.deleteLink {
    color: red;
}

.cardLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}



table.photosTable {
    font-family: 'Roboto', Arial, sans-serif;
}

tr.photoheader {
    background-color: #e8e8e8;
}

tr.photoheader > td {
    padding: 6px 4px;
    font-size: 14px !important;
    border: unset !important;
    white-space: nowrap;
}

tr.photoheader td[align=left] {
    overflow: hidden;
    max-width: 270px;
}

tr.photoheader > td:first-child {
    width: 258px !important;
    border-right: 3px solid white !important;
}

table.photosTable .transportID {
    font-weight: 800;
}

td.photoDetails {
    line-height: 21px;
    vertical-align: top;
    max-width: 540px;
    overflow: hidden;
}

.photoGratitudes {
    color: black !important;
    font-size: 13px;
}

.galleryImagesRow {
    font-size: 14px;
}

.galleryImagesRow a {
    color: #0176ab !important;
}

.cardContentHalf {
    overflow: hidden !important;
    white-space: nowrap !important;
}

.cutContent {
    overflow: hidden;
    width: 250px;
    white-space: nowrap !important;
}

.mainBlogDiv p {
    padding-bottom: 10px;
}




.badge {
position: relative;
margin: 0.5em 1.2em;
width: 4em;
height: 6.2em;
border-radius: 10px;
display: inline-block;
top: 0;
transition: all 0.2s ease;
}
.badge:before, .badge:after {
position: absolute;
width: inherit;
height: inherit;
border-radius: inherit;
background: inherit;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.badge:before {
transform: rotate(60deg);
}
.badge:after {
transform: rotate(-60deg);
}
.badge:hover {
top: -4px;
}
.badge .circle {
width: 60px;
height: 60px;
position: absolute;
background: #fff;
z-index: 10;
border-radius: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.badge .circle i.fa {
font-size: 2em;
margin-top: 8px;
}
.badge .font {
display: inline-block;
margin-top: 1em;
}
.badge .ribbon {
position: absolute;
border-radius: 4px;
padding: 5px 5px 4px;
width: 99px;
z-index: 11;
color: #fff;
top: 54px;
left: 50%;
margin-left: -49px;
font-size: 14px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
text-align: center;
background: linear-gradient(to bottom right, #8B909B 0%, #379bff 100%);
cursor: default;
}

.badge .ribbonna {
background: linear-gradient(to bottom right, #fafbff 0%, #ced0d4 100%);
}

.yellow {
background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%);
color: #ffb300;
}

.orange {
background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%);
color: #f68401;
}

.pink {
background: linear-gradient(to bottom right, #F48FB1 0%, #d81b60 100%);
color: #dc306f;
}

.red {
background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%);
color: #c62828;
}

.purple {
background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%);
color: #7127a8;
}

.teal {
background: linear-gradient(to bottom right, #4DB6AC 0%, #00796B 100%);
color: #34a297;
}

.blue {
background: linear-gradient(to bottom right, #4FC3F7 0%, #2196F3 100%);
color: #259af3;
}

.blue-dark {
background: linear-gradient(to bottom right, #1976D2 0%, #283593 100%);
color: #1c68c5;
}

.green {
background: linear-gradient(to bottom right, #cddc39 0%, #8bc34a 100%);
color: #7cb342;
}

.green-dark {
background: linear-gradient(to bottom right, #4CAF50 0%, #1B5E20 100%);
color: #00944a;
}

.silver {
background: linear-gradient(to bottom right, #E0E0E0 0%, #BDBDBD 100%);
color: #9e9e9e;
}

.gold {
background: linear-gradient(to bottom right, #e6ce6a 0%, #b7892b 100%);
color: #b7892b;
}

b {
    font-weight: bold;
}

.container {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
}