@font-face {
    font-family: lato-light;
    src: url(./fonts/lato/Lato-Light.ttf);
}

@font-face {
    font-family: lato-black-italic;
    src: url(./fonts/Lato/Lato-BlackItalic.ttf);
}

@font-face {
    font-family: lato-bold;
    src: url(./fonts/Lato/Lato-Bold.ttf);
}

@font-face {
    font-family: lato-italic;
    src: url(./fonts/Lato/Lato-Italic.ttf);
}

@font-face {
    font-family: lato-medium;
    src: url(./fonts/Lato/Lato-Medium.ttf);
}

@font-face {
    font-family: lato-regular;
    src: url(./fonts/Lato/Lato-Regular.ttf);
}

@font-face {
    font-family: roboto-regular;
    src: url(./fonts/Robotomedium.woff2);
}

@font-face {
    font-family: roboto-bold;
    src: url(./fonts/RobotoCondensed-Bold.ttf);
}

@font-face {
    font-family: Oswald-Regular;
    src: url(./fonts/Oswald-Regular.ttf);
}

.back-to-sign-in {
    margin-top: 10px;
    font-size: 1.1rem !important;
}

.dropdown {
    position: relative;
    display: inline-block;
    
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(255,255,255,1);
    min-width: 230px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000;
    color: black;
    left:-50%;
}



.dropdown-content * {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content p {
    margin:0;
}

.button-comment {
    font-size: 0.9rem !important;
    text-align:center;
}

.button-comment:hover
{
    cursor:text;
}

.dropdown-content *:hover {
    color: black;
    cursor:pointer;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/*                                     main styles                                      */

section {
    padding: 80px 10px;
    box-sizing: border-box;
    overflow: hidden;
    background-size: cover;
    /*background-position:center;*/
    background-repeat: no-repeat;
}

@media (max-width:768px) {
    background-size: contain;
}

.gridItem {
    box-sizing: border-box;
    background-size: cover;
    padding: 0px;
}
@media (min-width:1200px) {
    .container {
        /*width: 1280px;
        max-width: 1280px;*/
    }
}

/*         stripe_simple      */
.headerRow {
    display: flex;
    justify-content: center;
    align-items: center !important;
    padding-bottom:20px;
    text-align:center;
}

.media-left {
    text-align: left;
    padding-right:60px;
}

.media-right {
    text-align: right;
    padding-left: 60px;
}

.media-left.half,
.media-right.half {
    width: 50% !important;
}

.half > img,
.one-third > img,
.media-left.one-third {
    width: 100% !important;
}

.media-left.one-third,
.one-third {
    width: 40% !important;
}

@media (min-width:768px) {
    .media-top {
        align-items: center !important;
    }
}

.media-top {
    align-items: flex-start !important;
}

.media-bottom {
    align-items: flex-end !important;
}

.media-middle {
    align-items: center !important;
}

@media (max-width:768px) {
    .media-top {
        align-items: center !important;
    }

    .media-bottom {
        align-items: center !important;
    }

    .media-middle {
        align-items: center !important;
    }
}



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

.align-right {
    text-align: right !important;    
}

.align-center {
    text-align: center !important;
}

.thumbnail {
    background-color: rgba(255,255,255,0);
    border: none !important;
    text-align: center !important;
    margin-bottom:0px !important;
    width:100%;
}


.thumbnail * {
    text-align: center !important;
}

.thumbnail .align-left table *,
.thumbnail .align-left p,
.thumbnail .align-left li {
    text-align: left !important;
}

.caption.align-left * {
    text-align: left !important;
}

.caption.align-right * {
    text-align: right !important;
}

.thumbnail .align-right table *,
.thumbnail .align-right p,
.thumbnail .align-right li {
    text-align: right !important;
}


.thumbnail-image {
    margin-bottom: 20px;
    margin-top: 20px;
}

.media-top .thumbnail-image {
    margin: 0;
}

@media (min-width:768px) and (max-width:1200px) {
    .media-left,
    .media-right {
        max-width: 50%;
    }

    .media-left > img {
        width:100%;
    }

    

}

@media (max-width: 768px) {
    .media-body,
    .media-left,
    .media-right {
        float: none;
        text-align: center;
        display: block;
    }

    .media-body {
        width: 100%;
    }

    .media *,
    .thumbnail * {
        text-align: center !important;
    }

    .media li,
    .thumbnail li {
        text-align: left !important;
    }

    .thumbnail-image {
        max-width: 100%;
        display: inline-flex;
        margin: 20px;
        margin:0;
    }

    .media,
    .thumbnail {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .media-left,
    .media-right,
    .thumbnail-image {
        order: 1;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }



    .media-body,
    .caption {
        order: 2;
    }

    .media-left.half,
    .media-right.half,
    .media-left.one-third,
    .media-left .one-third,
    .one-third {
        max-width: 100% !important;
        width: 100% !important;
    }

    .thumbnail-image {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .w-100 {
    height:0px !important;
    }
}


/* user classes */
.large-width {
    max-width:1300px !important;
}

.normal-width {
    max-width: 1140px !important;
}

.medium-width {
    max-width: 960px !important;
}



/* carousel */
.carousel-item {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;    
    min-height:300px;
}

.carousel-item > div {
    margin: 0 auto;    
}
 
.carousel-item h5 {
    font-size:1.3em;
    margin-bottom:10px;
    font-weight:600;
}

.carousel-caption {
    background-color:rgba(0,0,0,0.3);
    width:100%; 
    left:0;
    right:0;
    bottom:0px;
    padding:20px;
    padding-bottom:35px;
}


.carousel-indicators {
    bottom:0px;
}

.carousel-indicators li {
    height:4px;
    padding:1px;
}


.LightText .carousel-caption p {
    color: #fff;
}


.LightText .carousel-caption {
    background-color: rgba(0,0,0,0.7);
}


.carousel.slide.LightText > .carousel-control-prev > .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='#fff' stroke-width='10%' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.carousel.slide.LightText > .carousel-control-next > .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='#fff' stroke-width='10%' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.lightText .carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.4);
}

.lightText .carousel-indicators .active {
    background-color: rgba(255, 255, 255, 1);
}




.carousel.slide.DarkText > .carousel-inner > .carousel-item > .carousel-caption {
    background-color: rgba(255,255,255,0.8) !important;
}

.carousel.slide.DarkText > .carousel-inner > .carousel-item > .carousel-caption {
    color: #222;
}


.carousel.slide.DarkText > .carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.3);
}

.carousel.slide.DarkText > .carousel-indicators .active {
    background-color: rgba(0, 0, 0, 1);
}

.carousel.slide.DarkText > .carousel-control-prev > .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='#fff' stroke-width='10%' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.carousel.slide.DarkText > .carousel-control-next > .carousel-control-next-icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyAyMDE4ICg2NC1CaXQpIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMDk2cHgiIGhlaWdodD0iMTA5NnB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCAxMDczODE2MDAgMTA3MzgxNjAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5maWwwIHtmaWxsOiMyMzFGMjB9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTUzNjkwODAwIDBjLTI5NjQ3NjAwLDAgLTUzNjkwODAwLDI0MDQzMjAwIC01MzY5MDgwMCw1MzY5MDgwMCAwLDI5NjQ3NjAwIDI0MDQzMjAwLDUzNjkwODAwIDUzNjkwODAwLDUzNjkwODAwIDI5NjQ3NjAwLDAgNTM2OTA4MDAsLTI0MDQzMjAwIDUzNjkwODAwLC01MzY5MDgwMCAwLC0yOTY0NzYwMCAtMjQwNDMyMDAsLTUzNjkwODAwIC01MzY5MDgwMCwtNTM2OTA4MDB6bTEyODI3MjAwIDU3NTk1NjAwbC0xOTM4NzMwMCAzMzk3MTcwMGMtNjk2NzAwLDEyMDc3MDAgLTE5ODY3MDAsMTk1MjMwMCAtMzM4MTYwMCwxOTUyMzAwIC00NzAwLDAgLTEwOTAwLDAgLTE1NzAwLDAgLTY4NTUwMCwtOTAwIC0xMzU5NjAwLC0xODM1MDAgLTE5NTIyMDAsLTUyNzIwMCAtMTIxMzQwMCwtNjk1MzAwIC0xOTYyMzAwLC0xOTg4NjAwIC0xOTYyMzAwLC0zMzg3MzAwIDAsLTY4MTIwMCAxNzkyMDAsLTEzNTIwMDAgNTE3NzAwLC0xOTQyNjAwbDE5NDA2NjAwIC0zMzk3MTcwMCAtMTkzODczMDAgLTMzOTUyMTAwYy0zNDE5MDAsLTU5MzQwMCAtNTIyMzAwLC0xMjY3NDAwIC01MjIzMDAsLTE5NTI0MDAgMCwtMjE1ODkwMCAxNzUwODAwLC0zOTA5ODAwIDM5MDk3MDAsLTM5MDk4MDAgMTM5NzcwMCwwIDI2ODk4MDAsNzQ3MDAwIDMzODc2MDAsMTk1NzUwMGwxOTM4NzEwMCAzMzk1MjAwMGM2ODUwMDAsMTE4NjYwMCAxMDQ2MzAwLDI1MzQ3MDAgMTA0NjMwMCwzOTA0ODAwIDAsMTM3MDAwMCAtMzYxMzAwLDI3MTkyMDAgLTEwNDU5MDAsMzkwNTIwMGwtNDAwIC00MDB6Ii8+DQogPC9nPg0KPC9zdmc+DQo=') !important;
    
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    cursor:pointer;
}



.carousel {
    margin: 0px 0;
    margin-bottom: 0px;
    background-color: rgba(255, 255, 255, 1);
}


@media (min-width:900px) {
    .stripe-carousel-item > section {
        /*min-height: 630px;*/
    }
}

@media (max-width:900px) {
    .stripe-carousel-item > section {
        
    }

    h1 {
        font-size: 3em;
    }

    h2 {
    font-size:2em;
    }
}

@media (max-width:600px) {
    .stripe-carousel-item > section {
        height: 330px;
    }

    h1 {
        font-size: 2.2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 1rem;
    }
}


.darkText .btn-primary {
    color:#fff;
}


/* blog */

.blogListItemsSection {
        background-color: #e6e6e6;
        padding-top: 40px;
        padding-bottom: 40px;
        padding: 40px 0;
    }


.postPage .blogListItemsSection {
    /*padding: 0;*/
}

.postPage {
    display:flex;
    flex-flow:wrap row;
}

.postPage > * {
    flex: 1 100%;
}

.postsList {
    text-align:center;
    background-color:#fff;
    padding:60px 40px;        
}

.postHeader, 
.postBody {
    padding:60px;
    text-align:left;
}

@media (max-width:1200px) {
    
    .postBody {
        padding: 40px 40px;
        text-align: left;
        width:100%;
        overflow:hidden;
    }
    .postBody > img,
    .postBody > p > img {
            all:unset;
            max-width: 100%;
     }
    .blogListItemsSection {
        background-color: #e6e6e6;
        padding:0;
        
    }
}

.postHeader {
    background-size:cover;
    background-repeat:no-repeat;
}

.postsContainer {
    text-align:center;
    background-color:#fff;
    padding:0px;        
}

.blogPreviewTitle {
    margin-bottom:10px;
}

.tag {
    margin-bottom:10px;
    display:inline-block;
}

.postsLayout {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-around;
}

.blogPostDate {
    text-align: left;
}

.postPreview {
    padding: 10px;
    padding-top: 40px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
}


    .postPreview.large {
        width: 100%;
        text-align: left;
    }

    .postPreview.medium {
        width: 50%;
        text-align: left;
    }

    .postPreview.small {
        width: 25%;
        box-sizing: border-box;
    }

    .postPreview.large > a > .postPreviewImage,
    .postPreview.large > .postPreviewDescription {
        width: 50%;
        padding: 0 40px;
    }

    .postPreview.large > a > .postPreviewImage {
        padding: 0;
    }

    .postPreview.large > a > .postPreviewImage {
        width: 580px;
        min-height: 326px;
        background-size: cover;
    }

    .postPreview.medium > a > .postPreviewImage {
        min-width: 580px;
        min-height: 326px;
        background-size: cover;
        margin-bottom: 20px;
    }

    .postPreview.medium > .postPreviewDescription .blogPreviewTitle {
        font-size: 1.4em;
        text-align: left;
    }

    .postPreview.small > a > .postPreviewImage,
    .postPreview.small > .postPreviewDescription {
        width: 100%;
        padding: 10px 0px;
    }

        .postPreview.small > .postPreviewDescription .descriptionText,
        .postPreview.small > .postPreviewDescription .categoryLink {
            text-align: left;
        }

        .postPreview.small > .postPreviewDescription .blogPreviewTitle {
            font-size: 1.2rem;
            text-align: left;
        }

    .postPreview.small > a > .postPreviewImage {
        min-width: 270px;
        min-height: 152px;
        background-size: cover;
    }

@media (max-width:900px) {
    .postsLayout {
        width: 100% !important;
    }

    .container.postsList {
        padding: 0px !important;
        margin: 0;
        width: 100% !important;
        max-width: 100% !important;
    }

        .container.postsList > h2 {
            padding-top: 60px;
        }

    .postPreviewDescription {
        width: 100% !important;
        text-align: center !important;
    }

    .postPreview > a {
        display: block;
        width: 100%;
    }

        .postPreview > a > .postPreviewImage {
            margin-bottom: 15px;
            width: 100% !important;
            min-height: 270px !important;
        }

    .postPreview.small,
    .postPreview.medium,
    .postPreview.large {
        width: 100% !important;
    }

    .postPreviewDescription * {
        text-align: center !important;
    }

    .postHeader {
        padding: 30px;
    }

    
    .footerContainer {
        display: none;
    }
}


.categoryLink {
    display:block;
    margin-bottom:10px;
}

/* tags list */

.tags-list {
    background-color:#111;
    width:100%;
    padding:60px;
    display:flex;
    flex-flow:wrap row;
    justify-content:flex-start;
}

.post-tag {
    font-size: 1em;
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 15px;
    width: auto;    
    margin: 5px 5px;
}

.post-tag a {
    color: rgba(255, 255, 255, 0.6);
}


.post-tag.post-tag-no-content {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.post-tag.post-tag-no-content a {
    color: rgba(255, 255, 255, 0.2);
}


.post-tag:hover {
    border: 1px solid #29a653;
    color: #29a653 !important;
    cursor: pointer;
}


.post-tag-selected {
    color: #fff;
    background-color: #29a653;
    border: 1px solid #29a653;
}

    .post-tag-selected *:hover {
        color: #fff !important;
    }


.tags-list > a:hover {
    text-decoration: none !important;    
    border-bottom: 0px solid #29a653 !important;    
    cursor: pointer;
}

a:hover > .post-tag-selected {
    color: #fff !important;
}

.post-tag-no-content > a {
    pointer-events: none;
    cursor: default;
}

.tags-list > .post-tag-no-content {
    border: 1px solid #444 !important;
    cursor: default !important;
}

.tags-list > .post-tag-no-content > a {
    color: #444 !important;
    cursor: default !important;
}

.post-tag-no-content:hover {
    cursor: default !important;
}


.tags-list {
    display:none;
}


.gisDay .postBody{
    
    padding-bottom:0;
    display:none;
}



/* vue animation */
.fade.show {
    display: block;
    opacity: 1;
    background-color: rgba(0,0,0,0.5);
}

.slide-fade-enter-active .modal-content {
    transition: all .3s ease;
}


.slide-fade-leave-active .modal-content {
    transition: all .3s ease;
}

.slide-fade-enter .modal-content,
.slide-fade-leave-to .modal-content
/* .slide-fade-leave-active �� ������ 2.1.8 */ {
    transform: translateY(30px);
    opacity: 0;
}

.navlinkIcon {
    background-position: contain;
    background-size: 18px;
}

.technicalDate {
    display: none;
}