@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;700&display=swap');

html, body {
    margin:0px;
    padding:0px;
    font-family: 'Source Sans 3', sans-serif;
    font-size:15px;
    width:100%;
    height:100%;
    color:#fff;
    background:#000;
}

.fullpagebg {
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;
    background: url(../../images/bg01.webp) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.fullpagegrad {
    background:#000;
    position:fixed;
    width:100%;
    height:100%;
    opacity:0.5;
}

html *, body * {
    font-family: 'Source Sans 3', sans-serif;
    color:#fff;
    transition:all 0.5s ease 0s;
}

@font-face {
  font-family: 'Glyphs';
  src:  url('../../assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
        url('../../assets/fonts/glyphicons-halflings-regular.woff') format('woff');
}

.glyphicon {
    font-family: 'Glyphs', sans-serif !important;
}

a img {
    text-decoration:none !important;
    border:none !important;
    outline:none !important;
}

.header {
    z-index:10;
    background-color:#000000;
}

.logo {
    max-height:80px;
}

.menucont {
    text-align:right;
    padding-top:26px;
}

.relative {
    position:relative;
}

.menua {
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    cursor:hand;
    text-decoration:none;
    font-size:13px;
}

.menua:hover, .menua:focus, .menua.active, .dropdown-item.active, .dropdown-item:hover {
    color:#ed1c24;
    text-decoration:none;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    background:#000;
    margin-left:-5px;
    margin-top:-5px;
    padding-top:30px;
}

.dropdown>.dropdown-toggle:active {
    // pointer-events: none;
}

.dropdown-item {
    display:block;
    padding:10px 15px;
    color:#fff;
    font-size:11px;
    border-top:1px solid #111;
}

.socialcont {
    display:inline-block;
    padding-left:30px;
    padding-right:45px;
    cursor:pointer;
    cursor:hand;
}

.socialcont a {
    display:inline-block;
    padding-left:5px;
}

.socialcont a img {
    width:16px;
    height:16px;
}

.socialcont a:hover img {
    transform: scale(1.25);
}

.footer {
    width:100%;
    padding:15px;
    font-size:13px;
    color:#fff;
    text-align:center;
}

.maincontent {
    padding-top:60px;
    padding-bottom:60px;
    text-align:center;
}

.subtitle, .extratitle {
    font-size:28px;
    font-weight:normal;
    text-align:center;
    color:#fff;
}

.extratitle {
    color:#ed1c24;
    font-weight:bold;
}

.maintitle {
    font-size:72px;
    font-weight:bold;
    max-width:600px;
    margin:20px auto;
}

.mainbtn {
    min-width:120px;
    width:auto;
    display:inline-block;
    padding:12px 20px;
    font-size:13px;
    color:#fff;
    background:#ed1c24;
    text-decoration:none;
    border:1px solid #ed1c24;
    font-weight:bold;
    margin-top:10px;
    margin-left:7px;
    margin-right:7px;
}

.mainbtn:hover, .mainbtn:active, .mainbtn:focus {
    background:rgba(0,0,0,0.75);
    color:#fff;
    text-decoration:none;
}

.mainbtn.white {
    background:#fff;
    border:1px solid #fff;
    color:#ed1c24;
}

.mainbtn.white.negative {
    background:none;
    color:#fff;
}

.mainbtn.white:hover, .mainbtn.white:focus, .mainbtn.white:active {
    background:none;
    color:#fff;
}

.mainbtn.white.negative:hover, .mainbtn.white.negative:focus, .mainbtn.white.negative:active {
    background:#fff;
    color:#ed1c24;
}

.mainbtn.fullbtn {
    width:100%;
    margin:0px !important;
    margin-top:30px !important;
}

.footercont {
    padding-top:60px;
    text-align:center;
    font-size:11px;
    padding-bottom:15px;
}

.footercont label {
    font-weight:normal;
}

.footercont a {
    text-decoration:underline;
    display:inline-block;
    padding-left:5px;
}

.footercont a:hover, .footercont a:active, .footercont a:focus {
    color:#ed1c24;
}

.subdesc, .sssSwiper p {
    font-size:13px;
    max-width:600px;
    margin:20px auto;
    line-height:26px;
    margin-bottom:60px;
}

.sssSwiper p {
    margin-bottom:60px;
}

.sssSwiper p label {
    display:block;
    padding-top:30px;
}

.swiper-pagination-bullet-active {
    background:#fff !important;
}

.swiper-button-next, .swiper-button-prev {
    color:#fff !important;
}

.swiper-pagination {
    top:auto !important;
}

.pagecont {
    background:url(../img/trans2.png) repeat;
    padding:90px 60px;
    font-size:13px;
    line-height:26px;
    text-align:left;
}

.pagecont.centertx {
    text-align:center;
}

.pagecont h1, .pagecont h2, .pagecont h3, .pagecont h4, .pagecont h5 {
    margin:0px;
    margin-bottom:26px;
    font-size:42px;
    font-weight:bold;
    color:#ed1c24;
}

.pagecont.whatsay h1, .pagecont.whatsay h2, .pagecont.whatsay h3, .pagecont.whatsay h4, .pagecont.whatsay h5 {
    color:#fff;
    letter-spacing:-3px;
}

.pagecont.whatsay {
    background:#ed1c24;
    text-align:center;
    margin-top:60px;
}

.lowtx {
    font-size:18px !important;
    margin-top:30px !important;
    margin-bottom:0px !important;
}

.boxd {
    padding:30px;
    text-align:center;
}

.boxd.nopad {
    padding:5px;
}

.boxd img {
    width:100%;
}

.boxd.nopad img {
    width:100%;
    height:185px;
}

.boxd.nopad.singleimg {
    margin-bottom:30px;
}

.boxd.nopad.singleimg:hover img {
    transform: scale(1.1);
}

.boxd label {
    display:block;
    font-size:18px;
    font-weight:bold;
    color:#ed1c24;
    padding:30px 0px 15px 0px;
}

.boxd label a {
    color:#ed1c24 !important;
    text-decoration:none;
}

.boxd span {
    display:block;
    line-height:22px;
}

.boxd span.fixh {
    min-height:180px;
}

.maxedrow {
    max-width:800px !important;
    margin:0px auto !important;
}

.martop {
    margin-top:60px !important;
}

.martophalf {
    margin-top:30px !important;
}

.form-control {
    background:none !important;
    border:1px solid #fff !important;
    color:#fff !important;
    text-align:center !important;
    outline:none !important;
    border-radius:0px !important;
}

.pagecont.gmaps {
    padding:0px !important;
    background:none !important;
}

.gmaps iframe, .gmaps frame {
    width:100% !important;
    height:450px !important;
}

.realmenu {
    display:inline-block;
}

.menuopener {
    display:none;
}

.footersoc {
    display:none;
}

.intro {
    display:table;
    position:relative;
    width:100%;
    height:100%;
}

.introtd {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    position:relative;
}

.introin {
    position:absolute;
    z-index:3;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

.introreal {
    padding:30px;
    width:auto;
    height:auto;
    margin:0px auto;
}

.starstrans {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:2;
    background:rgba(0,0,0,0.75);
}

.sitesintro {
    margin-top:60px;
}

.sitesintro .col-md-3 {
    opacity:0.9;
}

.sitesintro .col-md-3:hover {
    opacity:1;
}

.sitesintro .col-md-3:hover .introsimg {
    opacity:1;
}

.sitesintro a {
    text-decoration:none !important;
    cursor:pointer;
    cursor:hand;
}

.sitesintro a label {
    display:block;
    color:#ed1c24;
    font-weight:bold;
    font-size:18px;
    cursor:pointer;
    cursor:hand;
}

.sitesintro a label em {
    font-size:11px;
    margin-right:5px;
}

.introsimg {
    opacity:0.5;
    width:100%;
    height:200px;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:100% auto;
    animation: animatedBackground 5s linear infinite alternate;
    border-radius:5px;
    border:1px solid #000;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(255,234,0,1);
    -moz-box-shadow: 0px 0px 15px -5px rgba(255,234,0,1);
    box-shadow: 0px 0px 15px -5px rgba(255,234,0,1);
    margin-bottom:20px;
    margin-top:20px;
    cursor:pointer;
    cursor:hand;
}

.introsimg.slowanim {
    background-position:bottom center;
    animation: animatedBackground2 25s linear infinite alternate;
}

.introsimg.directslow {
    animation: animatedBackground 20s linear infinite alternate;
}

.introsimg.negativeslow {
    background-position:bottom center;
    animation: animatedBackground2 15s linear infinite alternate;
}

.sitesintro a:hover .introsimg {
    -webkit-box-shadow: 0px 0px 25px -5px rgba(255,234,0,1);
    -moz-box-shadow: 0px 0px 25px -5px rgba(255,234,0,1);
    box-shadow: 0px 0px 25px -5px rgba(255,234,0,1);
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100%;
  }
}

@keyframes animatedBackground2 {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: 0 0;
  }
}

.xlowtx {
    font-size:15px;
    font-weight:bold;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:5px 10px;
    background:#ed1c24;
    color:#fff;
    letter-spacing:-1px;
    border-radius:5px;
}

@media(max-width:999px) {
    .socialcont {
        display:none;
    }
    
    .footersoc {
        display:block;
        width:100%;
        text-align:center;
        padding-top:15px;
        padding-bottom:15px;
    }
    
    .menucont {
        padding-top:0px !important;
        background:#000 !important;
        margin-left:15px;
        margin-right:15px;
        display:none;
    }
    
    .menuopener {
        display:block;
        position:absolute;
        font-size:36px;
        color:#fff;
        right:27px;
        top:3px;
    }
    
    .realmenu {
        display:block;
        width:100%;
        height:auto;
    }
    
    .menua {
        display:block;
        padding:15px;
        border-top:1px solid #222;
        text-align:left;
        font-size:15px;
    }
    
    .menua:last-child {
        margin-bottom:5px;
    }
    
    .dropdown {
        position: relative;
    }
    
    .dropdown:hover>.dropdown-menu {
        display:block !important;
        position:static !important;
        width:100%;
        padding-top:15px;
        padding-bottom:15px;
    }
    
    .dropdown-menu .dropdown-item:last-child {
        border-bottom:1px solid #222;
    }
    
    .subtitle {
        font-size:21px;
    }
    
    .maintitle {
        max-width:100%;
        font-size:42px;
        letter-spacing:-2px;
    }
    
    .footercont label {
        display:block;
        padding-bottom:5px;
    }
    
    .mainbtn {
        padding:8px 14px;
        min-width:110px;
    }
    
    .logo {
        max-height:50px;
    }
    
    .boxd {
        margin-bottom:30px;
    }
    
    .boxd.nopad.singleimg {
        margin-bottom:15px;
    }
    
    .boxd.nopad img {
        height:auto;
    }
    
    .egfix:nth-child(odd) {
        padding-right:7px;
    }
    
    .egfix:nth-child(even) {
        padding-left:7px;
    }
    
    .formtitle.martophalf {
        margin-top:15px !important;
    }
    
    .formtitle {
        margin-top:15px !important;
    }
    
    .formtitle.nomarmob {
        margin-top:0px !important;
    }
    
    .pagecont {
        padding:30px 15px;
        font-size:15px;
    }
    
    .gmaps iframe, .gmaps frame {
        height:300px !important;
    }
    
    .martop {
        margin-top:30px !important;
    }
    
    .lowtx {
        margin-top:15px !important;
    }
    
    .maincontent {
        padding-top:30px;
        padding-bottom:30px;
    }
    
    .maincontent.mobpadmore {
        padding-top:60px;
    }
    
    .pagecont h1, .pagecont h2, .pagecont h3, .pagecont h4, .pagecont h5 {
        font-size:28px;
        letter-spacing:-1px !important;
    }
    
    .introreal {
        padding-top:15px;
        padding-bottom:15px;
    }
    
    .introsimg {
        width:auto;
        max-height:80px;
    }
    
    .sitesintro a {
        display:block;
        padding-bottom:30px;
    }
    
    .sitesintro a label {
        font-size:11px;
    }
    
    .xlowtx {
        max-width:100%;
        font-size:11px;
        height:auto;
        white-space: normal;
        overflow: hidden;
        text-overflow: normal;
        letter-spacing:0px;
        max-height:35px;
        line-height:13px;
    }
    
    .boxd span.fixh {
        min-height:1px;
    }
}

@media(max-width:399px) {
    .xlowtx {
        padding:5px 3px;
    }
}