@import url("bootstrap-reboot.min.css");
@import url("bootstrap.css");
@import url("bootstrap-grid.min.css");
@import url("fonts.css");
@import url("main.css");

a.svg {
    position: relative;
    display: inline-block;
}
a.svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
}

#map, .trigger {
    opacity: .8;
}

#pop {
    opacity: 0;
    position: absolute;
    display: none;
    background: rgba(210,197,182,.8);
    border: 2px solid rgba(255, 255, 255, .7);
    border-radius: 10px;
    z-index: 50;
    text-align: center;
    min-width: 300px;
    min-height: 280px;
}
#pop img {
    padding: 10px;
}

#pop p {
    padding-top: 5px;
    font-size: 0.8vw;
}

#include img {
    padding: 1vw;
}

#include p {
    padding: 2vw;
    font-size: 1vw;
}

.btn-secondary {
    background-image: url("../img/menu.svg");
    background-color: rgba(187, 67, 48, 0) !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 1.5em;
    margin-top: 1.5em;
    border-color: rgba(0,0,0,0) !important;
    border-radius: 5px;

}

.dropdown-toggle{
    padding: 2vw !important;
}

.dropdown-menu {
    margin-left: 1vw !important;
}

.show > .btn-secondary.dropdown-toggle:focus {
    background-image: url("../img/menu.svg");
    border-color: rgba(0,0,0,0) !important;
    box-shadow: none;
}

.dropdown-toggle::after {
    content: none !important;
}

circle, .trigger, #all_path, .icon {
    cursor: pointer;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    z-index: 5000;
}

circle:hover {
    fill: #A9AAAC;
    r:13;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}

.content, .include {
    opacity: 0;
    background: rgba(210,197,182,.8);
    padding: 15px;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, .7);
}

.margin_ {
    margin-top: -15vh;
}

.del {
    display: none;
}

.close {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    z-index: 7000;
}
.close:hover {
    opacity: 1;
}
.close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

audio {
    position: absolute;
    left: 0em;
    top: 15em
}

.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}

.st0{clip-path:url(#SVGID_2_);fill:#AAABAE;}
.st1{clip-path:url(#SVGID_4_);fill:#A9AAAC;}
.st2{clip-path:url(#SVGID_6_);fill:#A9AAAC;}
.st3{clip-path:url(#SVGID_8_);fill:#AAABAE;}
.st4{clip-path:url(#SVGID_10_);fill:#AAABAE;}
.st5{clip-path:url(#SVGID_12_);fill:#AAABAE;}
.st6{clip-path:url(#SVGID_14_);fill:#AAABAE;}
.st7{clip-path:url(#SVGID_16_);fill:#AAABAE;}
.st8{clip-path:url(#SVGID_18_);fill:#AAABAE;}
.st9{clip-path:url(#SVGID_20_);fill:#AAABAE;}
.st10{clip-path:url(#SVGID_22_);fill:#AAABAE;}
.st11{clip-path:url(#SVGID_24_);fill:#AAABAE;}
.st12{clip-path:url(#SVGID_26_);fill:#AAABAE;}
.st13{clip-path:url(#SVGID_28_);fill:#AAABAE;}
.st14{clip-path:url(#SVGID_30_);fill:#AAABAE;}
.st15{clip-path:url(#SVGID_32_);fill:#AAABAE;}
.st16{clip-path:url(#SVGID_34_);fill:#AAABAE;}
.st17{clip-path:url(#SVGID_36_);fill:#AAABAE;}
.st18{clip-path:url(#SVGID_38_);fill:#AAABAE;}
.st19{clip-path:url(#SVGID_40_);fill:#AAABAE;}
.st20{clip-path:url(#SVGID_42_);fill:#AAABAE;}
.st21{clip-path:url(#SVGID_44_);fill:#AAABAE;}
.st22{clip-path:url(#SVGID_46_);fill:#AAABAE;}
.st23{clip-path:url(#SVGID_48_);fill:#AAABAE;}
.st24{clip-path:url(#SVGID_50_);fill:#AAABAE;}
.st25{clip-path:url(#SVGID_52_);fill:#AAABAE;}
.st26{clip-path:url(#SVGID_54_);fill:#AAABAE;}
.st27{clip-path:url(#SVGID_56_);fill:#AAABAE;}
.st28{clip-path:url(#SVGID_58_);fill:#AAABAE;}
.st29{clip-path:url(#SVGID_60_);fill:#AAABAE;}
.st30{clip-path:url(#SVGID_62_);fill:#AAABAE;}
.st31{clip-path:url(#SVGID_64_);fill:#AAABAE;}
.st32{clip-path:url(#SVGID_66_);fill:#AAABAE;}
.st33{clip-path:url(#SVGID_68_);fill:#AAABAE;}
.st34{clip-path:url(#SVGID_70_);fill:#AAABAE;}
.st35{clip-path:url(#SVGID_72_);fill:#AAABAE;}
.st36{clip-path:url(#SVGID_74_);fill:#AAABAE;}
.st37{clip-path:url(#SVGID_76_);fill:#AAABAE;}
.st38{clip-path:url(#SVGID_78_);fill:#AAABAE;}
.st39{clip-path:url(#SVGID_80_);fill:#AAABAE;}
.st40{clip-path:url(#SVGID_82_);fill:#AAABAE;}
.st41{clip-path:url(#SVGID_84_);fill:#AAABAE;}
.st42{clip-path:url(#SVGID_86_);fill:#AAABAE;}
.st43{clip-path:url(#SVGID_88_);fill:#AAABAE;}
.st44{clip-path:url(#SVGID_90_);fill:#AAABAE;}
.st45{clip-path:url(#SVGID_92_);fill:#FEFEFE;}
.st46{clip-path:url(#SVGID_94_);fill:#FEFEFE;}
.st47{clip-path:url(#SVGID_96_);fill:#FEFEFE;}
.st48{clip-path:url(#SVGID_98_);fill:#FEFEFE;}
.st49{clip-path:url(#SVGID_100_);fill:#FEFEFE;}
.st50{clip-path:url(#SVGID_102_);fill:#FEFEFE;}
.st51{clip-path:url(#SVGID_104_);fill:#FEFEFE;}
.st52{clip-path:url(#SVGID_106_);fill:#FEFEFE;}
.st53{clip-path:url(#SVGID_108_);fill:#FEFEFE;}
.st54{clip-path:url(#SVGID_110_);fill:#FEFEFE;}
.st55{clip-path:url(#SVGID_112_);fill:#FEFEFE;}
.st56{clip-path:url(#SVGID_114_);fill:#FEFEFE;}
.st57{clip-path:url(#SVGID_116_);fill:#FEFEFE;}
.st58{fill:none;stroke:#996633;stroke-width:4;}
.st59{fill:#FFFFFF;stroke:#996633;stroke-width:4;}
.st60{fill:#996633;}
.st61{fill:#FFFFFF;}
.st62{font-family:'PartnerCondensed-Bold';}
.st63{font-size:15.7px;}
.st64{fill:#99CC33;}
.st65{fill:none;stroke:#99CC33;stroke-width:4;stroke-miterlimit:10;}
.st66{fill:#FFFFFF;stroke:#99CC33;stroke-width:4;}
.st67{fill:none;stroke:#999933;stroke-width:4;}
.st68{fill:#FFFFFF;stroke:#999933;stroke-width:4;}
.st69{fill:#999933;}
.st70{fill:#CC3333;}
.st71{fill:none;stroke:#CC3333;stroke-width:4;}
.st72{fill:#FFFFFF;stroke:#CC3333;stroke-width:4;}
.st73{display:none;}
.st74{display:inline;fill:#CC3333;}
.st75{display:inline;fill:#FFFFFF;}
#st71 {fill:none;stroke:#CC3333;stroke-width:4;}
#st58 {fill:none;stroke:#996633;stroke-width:4;}
#st67 {fill:none;stroke:#999933;stroke-width:4;}
#st65 {fill:none;stroke:#99CC33;stroke-width:4;stroke-miterlimit:10;}

.path {

}

.path-animation {
    stroke-dasharray: 953;
    stroke-dashoffset: 0;
    animation: dash 5s linear 1;
}

.path-animation-sev-vlad {
    stroke-dasharray: -5000;
    stroke-dashoffset: 0;
    animation: dash-vlad 7s ease-out 1;
}

.path-animation-vld-myr {
    stroke-dasharray: 5000;
    stroke-dashoffset: 0;
    animation: dash-myr 7s linear 1;
}

@keyframes dash-vlad {
    from {
        stroke-dashoffset: -5000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash-myr {
    from {
        stroke-dashoffset: 5000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.hover {
    transform: scale(1.2,1.2);
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    z-index: 5001;
    opacity: 1;
}

.icon:hover {
    transform: scale(1.125,1.125);
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}

.trigger:active {
    opacity: 1;
}

.logo {
    width: 70%;
}

.fixed-top {
    z-index: 6000;
}




@media (max-width: 543px) {
    p, #div_2_text, #div_1_text {
        font-size: 5vw;
    }
    #pop p {
        font-size: 3.3vw;
    }
    object {
        padding: 0 15%;
    }
    .dropdown-item {

    }
    #first_h1{
        font-size: 5.7vw
    }
    #second_h1{
        font-size: 16vw
    }
    #third_h1{
        font-size: 20vw
    }
    .sign {
        font-size: 5vw;
    }
    .sign1 {
        font-size: 5vw;
    }
    .dropdown-menu {
        font-size: 4vw;
    }
    .hover_train {
        font-size: 3vw;
    }
    .logo {
        width: 30%;
    }
}

@media (min-width: 544px) {
    .sign {
             font-size: 3.25vw;
         }
    .sign1 {
        font-size: 3.25vw;
    }
    object {
        padding: 0 25%;
    }
    .logo {
        width: 45%;
    }
    .dropdown-menu {
        font-size: 1.75vw;
    }
    #pop p {
        font-size: 2.1vw;
    }
    p, #div_2_text, #div_1_text {
        font-size: 1.5vw;
    }
    .hover_train {
        font-size: 2vw;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    object {
        padding: 0 .5vw;
    }
    #pop p {
        font-size: 1.5vw;
    }
    p, #div_2_text, #div_1_text {
        font-size: 1vw;
    }
    .dropdown-item {
        font-size: 1.5vw;
    }
    .hover_train {
        font-size: 1.5vw;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sign {
        font-size: 1.5vw;
    }
    p, .dropdown-menu {
        font-size: 1vw;
    }
    .hover_train {
        font-size: 1.3vw;
    }
    .logo {
        width: 85%;
    }

}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    p, .dropdown-menu {
        font-size: 0.75vw;
    }
    .hover_train {
        font-size: 1vw;
    }
    .sign {
        font-size: 1.8vw;
    }
    .sign1 {
        font-size: 1.8vw;
    }
    #pop p {
        font-size: 1vw;
    }
}

@media (min-width: 1320px) {
    p {
        font-size: .75vw;
    }
    .dropdown-menu {
        font-size: .85vw;
    }
    .hover_train {
        font-size: 1.2vw;
    }
    .sign {
        font-size: 1vw;
    }
    .sign1 {
        font-size: 1vw;
    }
    #pop p {
        font-size: .75vw;
    }
}

/* Landscape*/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .padding_{ padding: 8vh 0;}
}