/* Add your custom css styles */

.textintro {
    text-shadow: 1px 1px 2px black, 0px 0px 1em black, 0px 0px 0.2em black;
    color: white;
}

.notice {
    font-size: 15px;
    line-height: 32px;
}

.topbar-dropdown .title a {
}

#slider-carousel .btn-danger {
    color: #fff !important;
    background-color: #d9534f;
    border-color: #d43f3a;
    text-shadow: 0 0 0 !important;
}

a.btn-danger:link, a.btn-danger:visited {
    color: #000;
    text-decoration: none;
}


/*dft*/
.dft {
    word-break: keep-all;
    color: #111;
    text-transform: none;
}
h1.dft {
    font-size: 4rem;
    line-height: 1.3em;
}
h1.dft.bigsize {
    font-size: 5.5rem;
    line-height: 1.2em;
}
h1.dft.huge {
    font-size: 6.5rem;
    line-height: 1.2em;
}
h2.dft {    
    font-size: 3.2rem;
    line-height: 1.3em;
}
h3.dft {
    font-size: 2.8rem;
    line-height: 1.3em;
    color: #333;
}
h4.dft,
#footer h4.dft {
    font-size: 2.4rem;
    line-height: 1.6em;
}
h4.dft.mini {
    font-size: 2.2rem;
    line-height: 1.4em;
}
h5.dft {
    font-size: 2rem;
    line-height: 1.6em;
}
h6.dft {
    font-size: 1.4rem;
    line-height: 1.6em;
}
p.dft {
    font-size: 1.8rem;
    line-height: 1.6em;
}
p.dft.mini {
    font-size: 1.6rem;
    line-height: 1.6em;
}
@media (max-width:1200px) {
    h1.dft {
        font-size: calc(100vw * (45 / 1200));
    }
}
@media (max-width:1200px) and (min-width:992px){
    h1.dft {
        font-size: calc(100vw * (45 / 1200));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (55 / 1200));
    }
    h1.dft.huge {
        font-size: calc(100vw * (65 / 1200));
    }
    h2.dft {
        font-size: calc(100vw * (35 / 1200));
    }
    h3.dft {
        font-size: calc(100vw * (30 / 1200));
    }
    h4.dft,
    #footer h4.dft  {
        font-size: calc(100vw * (24 / 1200));
    }
    h4.dft.mini {
        font-size: calc(100vw * (22 / 1200));
    }
    h5.dft {
        font-size: calc(100vw * (20 / 1200));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 1200));
    }
    p.dft {
        font-size: calc(100vw * (18 / 1200));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 1200));
    }
}
@media (max-width:991px) and (min-width:768px){
    h1.dft {
        font-size: calc(100vw * (40 / 992));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (45 / 992));
    }
    h1.dft.huge {
        font-size: calc(100vw * (55 / 992));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 992));
    }
    h3.dft {
        font-size: calc(100vw * (30 / 992));
    }
    h4.dft,
    #footer h4.dft  {
        font-size: calc(100vw * (26 / 992));
    }
    h4.dft.mini {
        font-size: calc(100vw * (24 / 992));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 992));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 992));
    }
    p.dft {
        font-size: calc(100vw * (18 / 992));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 992));
    }
}
@media (max-width:768px) and (min-width:500px){
    h1.dft {
        font-size: calc(100vw * (35 / 768));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (40 / 768));
    }
    h1.dft.huge {
        font-size: calc(100vw * (45 / 768));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 768));
    }
    h3.dft {
        font-size: calc(100vw * (30 / 768));
    }
    h4.dft,
    #footer h4.dft  {
        font-size: calc(100vw * (26 / 768));
    }
    h4.dft.mini {
        font-size: calc(100vw * (24 / 768));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 768));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 768));
    }
    p.dft {
        font-size: calc(100vw * (18 / 768));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 768));
    }
}
@media (max-width:501px){
    h1.dft {
        font-size: calc(100vw * (32 / 500));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (40 / 500));
    }
    h1.dft.huge {
        font-size: calc(100vw * (45 / 500));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 500));
    }
    h3.dft {
        font-size: calc(100vw * (24 / 500));
    }
    h4.dft,
    #footer h4.dft  {
        font-size: calc(100vw * (22 / 500));
    }
    h4.dft.mini {
        font-size: calc(100vw * (20 / 500));
    }
    h5.dft {
        font-size: calc(100vw * (18 / 500));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 500));
    }
    p.dft {
        font-size: calc(100vw * (18 / 500));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 500));
    }
}
/* word-keep */
.word-keep {
    word-break: keep-all;
}
.word-break {
    word-break: break-all;
}
/* font-weight */
.font-Thin {
    font-weight: 100 !important;
}
.font-ExtraLight {
    font-weight: 200 !important;
}
.font-Light {
    font-weight: 300 !important;
}
.font-Regular {
    font-weight: 400 !important;
}
.font-Medium {
    font-weight: 500 !important;
}
.font-Bold {
    font-weight: 600 !important;
}
.font-ExtraBold {
    font-weight: 700 !important;
}
.font-Heavy {
    font-weight: 800 !important;
}
.font-Black {
    font-weight: 900 !important;
}

/* installs */
.installs .installItem {
    text-decoration: none;
    display: block;
    padding: 40px 30px 20px;
    border-radius: 20px;
    margin: 10px 0;
}
.installs .installItem.installItem1 {
    background: linear-gradient(-25deg, #1dab9d, #0faa9b);
}
.installs .installItem.installItem2 {
    background: linear-gradient(-25deg, #1363c7, #0f60c4);
}
.installs .installItem.installItem3 {
    background: linear-gradient(-25deg, #2135a1, #203293);
}
.installs .installItem .txt .bt span {
    display: inline-block;
    line-height: 1em;
    padding: 7px 13px;
    border: 1px solid rgba(255,255,255, .5);
}
.installs .installItem .icon {
    text-align: right;
    margin-top: -10%;
}
.installs .installItem .icon span {
    display: inline-block;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 50%;
    padding: 15px;
}
@media (max-width:768px) {
    .installs .installItem {
        padding: 30px 20px 10px;
        border-radius: 8px;
    }
    .installs .installItem .icon img {
        width: 30px;
    }
}