@font-face{
    font-family: 'B Traffic';
    src: url(../fonts/B\ Traffic.ttf);
}
@font-face{
    font-family: 'CinzelDecorative-Regular';
    src: url(../fonts/CinzelDecorative-Regular.ttf);
}
@font-face{
    font-family: 'DancingScript-Regular';
    src: url(../fonts/DancingScript-Regular.ttf);
}
@font-face{
    font-family: 'amin';
    src: url(../fonts/amin.ttf);
}
body{
    font-family: 'B Traffic' !important;
}
.bg-dark{
    background-image: linear-gradient(0deg, #6a5151, #000) !important;
}
.s1 img{
    width: 2.8rem;
}
.s1 img:hover {
    background-color: #6a5151;
}
.s1 div ul li ul{
    left: unset !important;
}
.navbar-nav li a{
    color: white !important;
}
.navbar-nav li a:hover{
    color: #fff !important;
}
#navbarNavDropdown ul li{
    padding-top: 0.4rem!important;
    padding-bottom: 0.4rem!important;
    border-left: 2px #2c2121 dotted;
}
#navbarNavDropdown ul li:hover{
    background-color: #6a5151;
}
#navbarNavDropdown ul li ul li{
    padding: 0px !important;
    border-left: none;
}
.dropdown-menu{
    text-align: right !important;
    margin-top: -0.15rem !important;
}
.ddm li a:hover{
    background-color: #6a5151;
}
.dd:hover .ddm{
    display: block !important;
}
.pic-text-1{
    font-family: 'amin' !important;
}
.cc1{
    bottom: unset !important;
    left: 35%;
    right: unset !important;
    top: 3%;
    animation: cc1 ease 6s;
}
@keyframes cc1 {
    0% {left: 0%; opacity: 0;}
    100% {left: 35%; opacity: 1;}
}
.cc2{
    bottom: 15%;
    left: 5%;
    right: unset !important;
    top: unset !important;
    font-family: 'CinzelDecorative-Regular' !important;
    animation: cc2 ease 4s;
}
@keyframes cc2 {
    0% {left: 0%; bottom: 0%; opacity: 0;}
    100% {left: 5%; bottom: 15%; opacity: 1;}
}
.cc3{
    font-family: 'DancingScript-Regular' !important;
    bottom: 4% ;
    left: 15% ;
    right: 15% ;
    top: unset !important;
    animation: cc3 ease 4s;
}
@keyframes cc3 {
    0% {bottom: 30%;  opacity: 0;}
    100% {bottom: 4%;  opacity: 1;}
}
.dropdown-menu li a{
    color: whitesmoke;
}
.s2{
    text-shadow: 3px 3px 3px black;
}
.s2 img{
    height: 94vh;
}
.cp1{
    clip-path: polygon(0 0, 100% 0, 100% 15%, 70% 100%, 30% 100%, 0 15%);
    height: auto;
    border: black solid 4px;
    line-height: normal !important;
    background-image: linear-gradient(0deg, #6a51519e, #000000ad) !important;
    animation:cpa ease-in 7s infinite alternate;
}
@keyframes cpa {
    0% {clip-path: polygon(0 0, 100% 0, 100% 15%, 60% 100%, 40% 100%, 0 15%);}
    100% {clip-path: polygon(0 0, 100% 0, 100% 15%, 100% 100%, 0 100%, 0 15%);}
}
.cp2{
    border: black solid 3px;
    line-height: normal !important;
    background-image: linear-gradient(0deg, #6a51519e, #000000ad) !important;
}
.s3{
    background-image: url(../img/w0.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
}
.s3-ul{
    list-style: disclosure-closed;
}
.s3-d1{
    background-color: rgba(0, 0, 0, 0.65);
}
.s4-d1{
    background-color: rgba(0, 0, 0, 0.5);
}
.s4{
    background-image: url(../img/w12.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
}
.text-shadow{
    text-shadow: 3px 3px 3px black;
}
.text-shadow-2{
    text-shadow: 2px 2px 4px black;
}
.pagination{
    display: none !important;
}
.s4 input{
    display: none !important;
}
.s4 ul{
    padding-inline: 0px;
    padding-right: 1vw;
    padding-top: 1vh;
}
.s4 ul:nth-of-type(1) li:nth-child(10){
    display: none !important;
}
.s4 ul:nth-of-type(1) li:nth-child(9){
    display: none !important;
}
.s4 ul:nth-of-type(1) li:nth-child(8){
    display: none !important;
}
.s4 ul:nth-of-type(1) li:nth-child(7){
    display: none !important;
}
/* .s4 ul:nth-of-type(1) li:nth-child(6){
    display: none !important;
}
.s4 ul:nth-of-type(1) li:nth-child(5){
    display: none !important;
} */
.s4 ul li{
    border: 1px solid rgba(0, 0, 0, 0.3);
    list-style: none;
    text-decoration: none;
    padding-left: 1.5rem;
    padding-bottom: 0.5rem;
}
.s4 ul li a{
    text-decoration: none;
    color: #0ddbfd  !important;
}
.s4 ul li a:hover{
    text-decoration: underline;
    color: #0ddbfd  !important;
}
.s4 ul li img{
    border-radius: 5px;
    height: 12.7vw;
}
.s4 ul li div{
    color: white;
}
/* ************************************** */
.s4 .container{
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.s4 .row{
    width: 100%;
    margin: 0;
}
.s4 header{
    display: none;
}
.s4 footer{
    display: none;
}
.s4 .sis-navigation-container{
    display: none;
}
.s4 .sis-block-header{
    display: none;
}
.s4 .col-lg-9.col-md-9.col-sm-12.col-xs-12.col-lg-push-3.col-md-push-3{
    width: 100%;
    padding: 0;
}
.s4 .col-lg-3.col-md-3.col-sm-12.col-xs-12.col-lg-pull-9.col-md-pull-9{
    display: none;
}
/* ************************************** */
.s5{
    text-align: justify;
}
.s5 .fdt{
    border-bottom: 3px solid #6a5151;
}
.s5 .fdr{
    border-left: 3px solid #6a5151;
}
.s5 .fdr ul{
    text-align: right;
}
.sis-content-image{
    float: left;
}
.footer-img-div img{
    width: 85%;
    border-radius: 10%;
}
iframe{
    width: 100%;
    height: 100%;
}
i{
    padding-left: 0.5rem;
}
@media only screen and (max-device-width: 900px){
    .s2 img{
        height: 100vw;
    }
    .s1 nav .container-fluid{
        padding-bottom: 0.5vh;
        padding-top: 0.5vh;
    }
}
@media only screen and (max-device-width: 768px){
    .s4 ul li{
        width: 100% !important;
    }
    .s5 .fdr{
        border-left: none !important;
    }
    .s5 .fdr ul{
        padding-right: 0;
        text-align: center !important;
    }
    .footer-img-div img{
        width: 25%;
    }
}