
@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%;
}

.unclickable {
    cursor: context-menu;
}


.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-y:center;
    background-repeat: no-repeat;
}

.gridItem {
    box-sizing: border-box;
    background-size: cover;
    padding: 0px;
}


/*         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 > .thumbnail-image img,
.one-third > .thumbnail-image img,
.fourth > .thumbnail-image img,
.fifth > .thumbnail-image img,
.media-left.one-third,
.media-left.fourth,
.media-left.fifth {
    width: 100% !important;
}

.media-left.one-third,
.one-third {
    width: 40% !important;
}
.media-left.fourth,
.fourth {
    width: 25% !important;
}

.media-left.fifth,
.fifth {
    width: 20% !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;
    display: flex;
    height: 100%;
}

.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;
}

.align-justify {
    text-align: justify !important;
}

.thumbnail {
    background-color: rgba(255,255,255,0);
    border: none !important;
    text-align: center;
    margin-bottom:0px !important;
    width:100%;
}

    .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;
}

.caption.align-justify * {
    text-align: justify !important;
}

.thumbnail .align-justify table *,
.thumbnail .align-justify p,
.thumbnail .align-justify li {
    text-align: justify !important;
}

.thumbnail-image {
    margin-bottom: 20px;
    margin-top: 20px;
}

.thumbnail-image img {
    margin: 0px;
}

.media-top .thumbnail-image {
    margin: 0;
}

@media (min-width:768px) and (max-width:1200px) {
    .media-left > .thumbnail-image img {
        width: 100%;
    }
}

@media(max-width: 1300px){
    .media-left,
    .media-right,
    .thumbnail-image {
        order: 1;
    }
}

@media (max-width: 768px) {
    .media-body,
    .media-left,
    .media-right {
        float: none;
        display: block;
    }

    .media-body {
        width: 100%;
    }
        
    .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-right.one-third,
        .media-left.fourth,
        .media-right.fourth,
        .fourth,
        .media-left.fifth,
        .media-right.fifth,
        .fifth
        .one-third {
            max-width: 100% !important;
            width: 100% !important;
        }

    .thumbnail-image {
        margin-top: 0px;
        margin-bottom: 20px;
    }
}


/* 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: 100%;
    }
}

@media (max-width:900px) {

    .w-100 {
        height: 0px !important;
    }

    .stripe-carousel-item > section {
        min-height: 800px;
    }

    /*h1 {
        font-size: 3em;
    }

    h2 {
    font-size:2em;
    }*/
}

@media (max-width:600px) {

    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 {
    display:flex;
    flex-flow:wrap row;
}

.postPage > * {
    flex: 1 100%;
}

.postsList {
    text-align:center;
    background-color:#fff;
    padding:60px 40px;        
}

.postHeader, 
.postBody,
.afterHeaderForPost, 
.beforeFooterForPost {
    padding:60px;
    text-align:left;
}

@media (max-width: 1200px) {
    .postPreview.small {
        width: 50% !important;
    }
    .postBody, .afterHeaderForPost {
        padding: 20px;
        text-align: left;
        width:100%;
        overflow:hidden;
    }
        .postBody > .thumbnail-image img,
        .postBody > p > .thumbnail-image img {
            all: unset;
            max-width: 100%;
        }
    .blogListItemsSection {
        background-color: #e6e6e6;
        padding:0;
        
    }
}

.postHeader {
    background-size:cover;
    background-repeat:no-repeat;
    max-width:100%;
}

.postsContainer {
    text-align:center;
    background-color:#fff;
    padding:0px;        
}

.blogPreviewTitle {
    margin-bottom:10px;
}

.tag {
    margin: 0px 10px 10px 0px;
    display: inline-block;
}

.postsLayout {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-around;
}

.blogPostTime,
.blogPostDate {
    text-align: left;
}

.postPreview .medium {
    padding: 40px 40px 0px 0px;
}

.postPreview {
    padding: 20px 10px;
    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%;
    }
    
    @media(min-width: 992px) {
        .postPreview.large > a > .postPreviewImage,
        .postPreview.large > .postPreviewDescription {
            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 {
        padding: 10px 0px;
    }

        .postPreview.small > .postPreviewDescription .descriptionText,
        .postPreview.small > .postPreviewDescription .categoryLink {
            text-align: left;
        }

        .postPreview.small > .postPreviewDescription .blogPreviewTitle {
            font-size: 0.9rem;
            text-align: left;
        }

    .postPreview.small > a > .postPreviewImage {
        min-width: 270px;
        min-height: 152px;
        background-size: cover;
    }

@media(max-width: 1300px) {
    .postPreview.medium {
        width: 100% !important;
    }

    .smaller-image-tablet .thumbnail-image {
        display: flex;
        justify-content: center;
        margin-top: 0 !important;
    }

    .smaller-image-tablet .thumbnail-image img {
        width: 65%;
    }
}

.thumbnail-image img {
    max-width: 100% !important;
}

@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;
        align-items: center;
    }

    .postPreview > a {
        display: block;
        width: 100%;
    }

        .postPreview > a > .postPreviewImage {
            margin-bottom: 15px;
            /*width: 100% !important;*/
            min-height: 270px !important;
            margin: auto
        }

    .postPreview.small,
    .postPreview.medium,
    .postPreview.large {
        width: 100% !important;
    }
    
    .postBody,
    .postHeader,
    .afterHeaderForPost {
        padding: 0px;
    }

	.postHeader .container {
		padding: 0 20px;
	}
    
    .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;
}


#CookiesNotify * {
    font-size: 1rem !important;
}

@media (max-width: 900px) {
    #CookiesNotify > .cookiesNotifyContainer {
        display: flex;
        flex-flow: column wrap;
    }

    #cookieNotificationHideButton {
        margin-left: 0;
    }
}


.cookieButton {
    font-size: 1.3rem;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ccc;
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 5px;
}

    .cookieButton:hover {
        background-color: rgba(0, 0, 0, 0.04);
        cursor: pointer;
    }

#CookiesNotify {
    display: block;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px;
    text-align: left;
    font-size: 1rem;
    color: #444;
    font-family: museo-regular, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000000000;
    max-height: 100%;
    overflow-y: auto;
}

    #CookiesNotify * {
        font-size: 1rem;
    }

.cookiesNotifyContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-flow: row;
    min-height: 70px;
}

@media (max-width: 760px) {
    .cookiesNotifyContainer {
        width: 100%;
        flex-flow: column wrap;
        height: 100%;
        overflow-y: auto;
    }

    .blogPostTitle {
        font-size: 18px !important;
    }
}

@media (max-width: 1280px) {
    .thumbnail .thumbnail-image {
        max-width: 100%;
    }
}

@media (max-width: 900px) {
    .navbar {
        padding: 0 30px;
        z-index: 100000000000000;
        max-height: 100vh;
    }
}

.parallax {
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

img.parallax {
    background-position: center center;
}

.blur-mouse-left {
    filter: blur(2px);
}

/*@media(max-width: 991px) {*/
/*    .navigation {*/
/*        display: none !important;*/
/*    }*/
/*}*/

.navigation {
    padding: 20px 105px;
}

    .navigation * {
        font-size: 18px;
        color: #187bcc !important;
    }

.afterHeaderForAll .navigation {
    padding-left: 28px;
}

#requestCallBack {
    padding: 60px 0px;
}

.requestInput {
    background-color: transparent;
    margin-bottom: 30px;
}

    .requestInput:focus {
        background-color: transparent;
        border-color: white;
    }

    .requestInput.invalid {
        border-color: orangered;
    }

.thanks-text {
    padding-top: 60px;
}

.requestBtn {
    margin: auto;
}

.agreeInput input[type="checkbox"] {
    margin: 8px 20px;
    transform: scale(1.5);
    box-shadow: none;
}

.navbar-brand {
    align-self: center;
}

.navbar-brand .logo {
    background-size: contain !important;
}





