﻿body {
    color: #3a3e43;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 400;
}

a {
    transition: all .15s;
}

.slider .slick-dots {
    margin: 60px auto;
    padding: 0;
    list-style: none;
    width: auto;
    text-align: center;
}

    .slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 23px;
        height: 23px;
        margin: 0 4px;
        padding: 0;
        cursor: pointer;
    }

        .slider .slick-dots li button::before {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background-color: #0088b8;
            opacity: .6;
            border-radius: 50%;
            transition: all .15s;
        }

        .slider .slick-dots li button:hover::before,
        .slider .slick-dots li button:focus::before,
        .slider .slick-dots li.slick-active button::before {
            opacity: 1;
        }

        .slider .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 23px;
            height: 23px;
            padding: 4px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

@media(max-width: 767px) {
    .slider .slick-dots {
        margin: 35px 0;
    }
}

/* Misc */
.background-cover {
    background-size: cover;
    background-position: center;
}

.topography{
    background: url(/Assets/img/cartographer.png) repeat;
}

.margin-center {
    margin: 0 auto;
}

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.text-center {
    text-align: center;
}

@media (min-width:992px) {
    .text-right-md {
        text-align:right;
    }
}

.uppercase {
    text-transform: uppercase;
}

.relative {
    position: relative;
}

.text-lg {
    font-size: 21px;
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

    .flex-row.container:before, .flex-row.container:after, .flex-row.row:before, .flex-row.row:after {
        content: normal;
    }

.list-inline {
    margin-bottom: 0;
}

/* Buttons */

.btn {
    padding: 8px 15px;
    border: 4px solid;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0;
    letter-spacing: 1px;
    transition: all .15s;
}

/* Colors */
.text-white {
    color: #fff;
}

/* Row Padding */

@media(min-width: 1200px) {
    .row.wide-padding {
        margin-left: -30px !important;
        margin-right: -30px !important;
    }

        .row.wide-padding > [class *= col] {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }
}

.flex-row {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    clear: both;
}

    .flex-row.container:before, .flex-row.container:after, .flex-row.row:before, .flex-row.row:after {
        content: normal;
    }

@media (min-width:992px) {
    .flex-row-md {
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        clear: both;
    }

        .flex-row-md.container:before, .flex-row-md.container:after, .flex-row-md.row:before, .flex-row-md.row:after {
            content: normal;
        }
}

.flex-center {
    display: flex;
    align-items: center;
    height: 100%;
}

.flex-column {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    clear: both;
    height: 100%;
}

.flex-column_bottom {
    margin-top: auto;
}

@media (min-width:1600px) {
    .flex-column_bottom-xl {
        margin-top: auto;
    }
}

.container-large {
    padding-left: 15px;
    padding-right: 15px;
}

    .container-large:before, .container-large:after {
        content: " ";
        display: table;
        clear: both;
    }

@media(min-width: 1400px) {
    .container-large {
        width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media(min-width: 1600px) {
    .container-large {
        width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* 09. Animations */
@media(min-width: 767px) {
    .animate.yellow-line {
        transform: scaleX(0);
        transform-origin: 0 0;
        opacity: 0;
        -moz-transition: all 1.4s;
        -o-transition: all 1.4s;
        -webkit-transition: all 1.4s;
        transition: all 1.4s;
    }

    .animate.active.yellow-line {
        opacity: 1;
        transform: scaleX(1);
    }

    .popUp {
        -webkit-transform: translate3d(0,25px,0);
        -moz-transform: translate3d(0,25px,0);
        -ms-transform: translate3d(0,25px,0);
        -o-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
        -moz-transition: all .4s;
        -o-transition: all .4s;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .popUp.active {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

    .dropDown {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -moz-transition: all .4s cubic-bezier(.3,.02,.3,1.01);
        -o-transition: all .4s cubic-bezier(.3,.02,.3,1.01);
        -webkit-transition: all .4s cubic-bezier(.3,.02,.3,1.01);
        transition: all .4s cubic-bezier(.3,.02,.3,1.01);
    }

        .dropDown.active {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .textUp {
        -webkit-transform: translate3d(0,40px,0);
        -moz-transform: translate3d(0,40px,0);
        -ms-transform: translate3d(0,40px,0);
        -o-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0);
        -moz-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -o-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -webkit-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        opacity: 0;
    }

    .textUpLong {
        -webkit-transform: translate3d(0,120px,0);
        -moz-transform: translate3d(0,120px,0);
        -ms-transform: translate3d(0,120px,0);
        -o-transform: translate3d(0,120px,0);
        transform: translate3d(0,120px,0);
        -moz-transition: all 2s cubic-bezier(.075,.82,.165,1);
        -o-transition: all 2s cubic-bezier(.075,.82,.165,1);
        -webkit-transition: all 2s cubic-bezier(.075,.82,.165,1);
        transition: all 2s cubic-bezier(.075,.82,.165,1);
        opacity: 0;
    }

        .textUp.active,
        .textUpLong.active {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1;
        }

    .fadeIn {
        -moz-transition: all .68s;
        -o-transition: all .68s;
        -webkit-transition: all .68s;
        transition: all .68s;
        opacity: 0;
    }

        .fadeIn.active, .animate.active .fadeIn {
            opacity: 1;
        }

    .fadeInLeft {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        transform: translate3d(-20px, 0, 0);
        opacity: 0;
    }

        .fadeInLeft.active {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

    .fadeInLeftLong {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        transform: translate3d(-35px, 0, 0);
        opacity: 0;
    }

        .fadeInLeftLong.active {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

    .fadeDown {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }

        .fadeDown.active {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

    .date.textUp:after {
        -webkit-transform: translate3d(0,30px,0);
        -moz-transform: translate3d(0,30px,0);
        -ms-transform: translate3d(0,30px,0);
        -o-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
        opacity: 0;
        -moz-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -o-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -webkit-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        transition: all 1.6s cubic-bezier(.075,.82,.165,1);
    }

    .date.textUp.active:after {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        transition-delay: .2s;
        opacity: 1;
    }

    .textUpLong .slow {
        -webkit-transform: translate3d(0,40px,0);
        -moz-transform: translate3d(0,40px,0);
        -ms-transform: translate3d(0,40px,0);
        -o-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0);
        opacity: 0;
        -moz-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -o-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        -webkit-transition: all 1.6s cubic-bezier(.075,.82,.165,1);
        transition: all 1.6s cubic-bezier(.075,.82,.165,1);
    }

    .textUpLong.active .slow {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }

    .slideDown {
        -webkit-transform: translate3d(0,-16px,0);
        -moz-transform: translate3d(0,-16px,0);
        -ms-transform: translate3d(0,-16px,0);
        -o-transform: translate3d(0,-16px,0);
        transform: translate3d(0,-16px,0);
        -moz-transition: all .6s cubic-bezier(.8,-0.93,.79,.94);
        -o-transition: all .6s cubic-bezier(.8,-0.93,.79,.94);
        -webkit-transition: all .6s cubic-bezier(.8,-0.93,.79,.94);
        transition: all .6s cubic-bezier(.8,-0.93,.79,.94);
    }


        .slideDown.active {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

    .slideInLeft {
        -webkit-transform: translate3d(-200%,0,0);
        -moz-transform: translate3d(-200%,0,0);
        -ms-transform: translate3d(-200%,0,0);
        -o-transform: translate3d(-200%,0,0);
        transform: translate3d(-200%,0,0);
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

        .slideInLeft.active {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -moz-transition: all 1s cubic-bezier(.075,.82,.165,1);
            -o-transition: all 1s cubic-bezier(.075,.82,.165,1);
            -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1);
            transition: all 1s cubic-bezier(.075,.82,.165,1);
        }

    .slideInRight {
        -webkit-transform: translate3d(100vw,0,0);
        -moz-transform: translate3d(100vw,0,0);
        -ms-transform: translate3d(100vw,0,0);
        -o-transform: translate3d(100vw,0,0);
        transform: translate3d(100vw,0,0);
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

        .slideInRight.active {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

    .animate.swing {
        transition: .5s ease-in-out;
        -webkit-transform: rotatex(-90deg) translateZ(0);
        -ms-transform: rotatex(-90deg) translateZ(0);
        transform: rotatex(-90deg) translateZ(0);
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        opacity: 0;
    }

    .animate.active.swing {
        -webkit-transform: rotatex(0) translateZ(0);
        -ms-transform: rotatex(0) translateZ(0);
        transform: rotatex(0) translateZ(0);
        opacity: 1;
    }

    .animate.expand {
        transition: .45s;
        -webkit-transform: scale(.75) translateZ(0);
        -ms-transform: scale(.75) translateZ(0);
        transform: scale(.75) translateZ(0);
        opacity: .25;
    }

        .animate.expand.active {
            -webkit-transform: scale(1) translateZ(0);
            -ms-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
            opacity: 1;
        }

    .delay1 {
        transition-delay: .15s;
    }
}

.JumpNav {
    position: absolute;
    top: -200px;
    z-index: 9999;
    color: #fff !important;
    background: #0c73cf !important;
    padding: 5px;
    text-decoration: none !important;
}
    .JumpNav:focus {
        top: 0;
        left: 0;
    }
