body{ width: 100%; padding: 0; margin: 0; background: #fff; font-family: arial;}
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; transition:all 600ms ease-in-out;}
a{ text-decoration: none !important; outline: none !important; color: red; }
*{ padding: 0; margin: 0; }


/*-- HEADER --*/
.bottom-header{ position: fixed; content: ""; top: 0; left: 0; right: 0; width: 100%; background:none; padding: 20px 0 0 0; margin: 0; z-index: 999; }
.bottom-header .logo{ width: 70%;}
.bottom-header .logo img{ width: 100%; border-radius: 5px;opacity: 0.9; transition:all 600ms ease-in-out;}
.bottom-header .logo img:hover{ opacity: 1; transition:all 600ms ease-in-out;}

/*Banner*/
.banner{ position: relative; width: 100%; display:block;  padding: 0; margin: 0; }
.banner img{ width: 100%; height: auto; }
.banner .doc-banner {position: absolute; content: ""; top: 0; left: 0; right: 0; text-align: left; margin: 0 auto; width: 100%;padding: 180px 0 0; height: 100%; background: #55070742; z-index: 1; }
.banner .doc-banner h3 { color: #fff; text-align: left; letter-spacing: -1.5px; font-weight: bold; font-size: 50px; font-family: 'Poppins', sans-serif; line-height: 50px; margin: 0; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.45);}
.banner .doc-banner h6 {font-family: 'Quicksand', sans-serif; color: #fff; font-size: 25px; line-height: 30px; font-weight: bold; padding: 0; margin: 2px 0 20px; text-shadow: 0 2px 15px rgb(0, 0, 0);}
.banner .doc-banner form{ width: 70%; background: #fff; background: #ffffff94; border-radius: 10px; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.58); padding: 20px 20px 14px; margin: 0; display: inline-block; }
.banner .doc-banner form { width: 70%; background: #fff; background: #ffffff94; background: linear-gradient(-45deg, #ffffff94, #fff, #ff0300b5, #fff0); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; border-radius: 10px; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.58); padding: 20px 20px 14px; margin: 0; display: inline-block; }

.banner .doc-banner form .input-form { width: 17%; float: left; padding: 0; margin: 0; background: #ff0300; }
.banner .doc-banner form .input-form input.subform{width: 100%; border-radius: 5px; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; font-family: 'Quicksand', sans-serif; letter-spacing: -1px; padding: 11px; margin: 0; display:block;transition:all 600ms ease-in-out;}
.banner .doc-banner form .input-form input.subform:hover{color: #000;transition:all 600ms ease-in-out;}
.banner .doc-banner form .areapro{ width: 37%; background: #fff; margin: 0 30px 0 0; border: 1px solid #bbb; border-radius: 5px; padding: 10px 10px; }

.banner .doc-banner form .input-form label{ display: none; width: 100%; font-size: 14px; line-height: 20px; padding: 0; margin: 0 0 10px; color: #000000e0; }
.banner .doc-banner form .input-form span{ width: 14%; float: left; border-right: 1px solid #999494; padding: 2px 0 0 8px; margin: 0;}
.banner .doc-banner form .input-form span i{color: #ef0a09d9; font-size: 20px; padding: 0; margin: 0;}
.banner .doc-banner form .input-form input{width: 83%; float: right; border: none; color: #000; font-size: 15px; outline: none; line-height: 25px; padding: 0;background: none;}
.banner .doc-banner form .input-form select{width: 83%; float: right; border: none; color: #000; font-size: 15px; outline: none; line-height: 25px; padding: 3px 0 0; margin: 0;background: none;}
.banner .doc-banner form .input-formTC{ width: 100%; }
.banner .doc-banner form .input-formTC i{text-align: right; float: right; padding: 10px 10px 0 0; font-family: 'Quicksand', sans-serif; color: #1e1e1e;}
.banner .doc-banner form .input-formTC i b{color: #ff0300;transition:all 600ms ease-in-out;}
.banner .doc-banner form .input-formTC i b:hover{color: #000;transition:all 600ms ease-in-out;}


@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/*//Banner*/

/*INNER BANNER*/
.banner-inner{position: relative; width: 100%; height: 300px; overflow: hidden; background: #710606;}
.banner-inner img{ width: 100%; opacity: 0.7; transition:all 600ms ease-in-out;}
.banner-inner img:hover{ width: 100%; opacity: 1; transition:all 600ms ease-in-out;}

.newREG-accommodationbanner{ width: 100%; height: 200px; overflow: hidden; background: #710606;}
.newREG-accommodationbanner img{ width: 100%; opacity: 1; transition:all 600ms ease-in-out;}
.newREG-accommodationbanner img:hover{ width: 100%; opacity: 0.8; transition:all 600ms ease-in-out;}


h2.title-txt { letter-spacing: 0; text-transform: capitalize; font-family: 'Righteous', cursive; font-size: 35px; line-height: 56px; color: #000000cf; text-align: center; padding: 30px 0; margin: 0; }
h2.title-txt span { position: relative; display: block; font-size: 14px; color: #f00; line-height: 30px; font-weight: lighter; text-transform: uppercase; }
h2.title-txt span i { background: #fff; z-index: 9; position: relative; padding: 0 5px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #f00;  }
h2.title-txt span::before { position: absolute; content: ""; top: 17px; left: 0; width: 17%; height: 2px; background: #0000002b; right: 0; margin: 0 auto; }
h2.title-txt span::after { position: absolute; content: ""; top: 14px; left: 0; width: 20%; height: 2px; background: #0000002b; right: 0; margin: 0 auto;}

h2.title-blog { color: #fff; text-align: center; font-size: 35px; line-height: 50px; padding: 0 0 10px; margin: 0; font-family: 'Poppins', sans-serif; letter-spacing: 0; text-transform: capitalize; }
h2.title-blog span { position: relative; display: block; font-size: 14px; color: #f00; line-height: 30px; font-weight: lighter; text-transform: uppercase; }
h2.title-blog span i { background: #064180; z-index: 9; position: relative; padding: 0 5px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #fff;  }
h2.title-blog span::before { position: absolute; content: ""; top: 17px; left: 0; width: 17%; height: 2px; background: #ffffff70; right: 0; margin: 0 auto; }
h2.title-blog span::after { position: absolute; content: ""; top: 14px; left: 0; width: 20%; height: 2px; background: #ffffff70; right: 0; margin: 0 auto;}


/*desigen-mob*/
.about-inner{ width: 100%; height: auto; background: #fff; padding: 0 0 30px; margin: 0px 0; }

.about-inner h3{ text-align: left;color: #042140;font-weight: 600;font-size: 25px;line-height: 40px;padding:40px 0 0; }
.about-inner h5{ text-align: left; color: #031427;  font-weight: 300; font-size: 18px; line-height: 30px; padding: 10px 0; font-style: italic;}
.about-inner h6{text-align: justify; color: #04182d; font-size: 17px; line-height: 30px; padding: 10px 0 20px; font-weight: normal; font-family: 'Quicksand', sans-serif; }
.about-inner p{ text-align: center; color: #262525; font-size: 17px; line-height: 30px; padding: 0 0 40px 0; font-family: 'Quicksand', sans-serif; font-weight: normal; }
.about-inner a{ text-transform: uppercase; text-align: center; transition:500ms ease-in-out; color: #ffffff;  font-weight: 600; display: inline-block; background: #f76300; margin: 0px 0 0; border-radius: 30px; padding: 10px 50px; border-bottom: 5px solid #db5b05; font-size: 16px; text-decoration: none; }
.about-inner a:hover{ background: #db5b05;transition:500ms ease-in-out; } 
img.left-ab-img{ width:100%; }


/Avelebel Start/
.avelebel{ width: 100%; position: relative; background: #faf9ff;  padding: 30px 0 60px; margin: 0; }
.avelebel .service-item{  width: 100%; background: #fff; border-radius: 6px; text-align: center; padding: 20px; margin: 0; border: 0.5px solid #cccccc3d; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 21px 0px rgba(149, 149, 149, 0.07); }
.avelebel .service-item:hover{-webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75);
box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.27);}
.avelebel .service-item a{ padding:0; margin: 0; }
.avelebel .service-item a img{ width: 40%; }
.avelebel .service-item a h4{ font-family: 'Righteous', cursive; font-size: 20px; line-height: 30px; color: #555; padding: 10px 0 12px; margin: 0; text-transform: uppercase;}
.avelebel .service-item a p{ font-family: 'Quicksand', sans-serif; font-size: 18px; line-height: 26px; color: #6b6a6a; padding: 0 0 14px; margin: 0; }
.avelebel .service-item a p:hover{ color: #000; }

/*accommodation*/
.accommodation{width: 100%; position: relative; background: #fff; padding: 30px 0 60px; margin: 0;}
.accommodation .accommodation-item{width: 100%;}
.accommodation .accommodation-item img{ width: 60%; margin: 10px auto 10px; display: block; }
.accommodation .accommodation-item p{font-family: 'Quicksand', sans-serif; font-size: 18px; line-height: 26px; color: #4a4a4a; padding: 0 0 14px; margin: 0; text-align: center;}
.accommodation .accommodation-item p:hover{color: #000;}

/hostel/
.hostel{ width: 100%; position: relative; background: #54ea1e17; padding: 30px 0 60px; margin: 0; }
.hostel .item{ padding: 0; margin: 0 15px; }
.hostel .item .img-item{ width: 100%; padding: 0; margin: 0; border-radius: 6px 6px 0 0; height: 200px; overflow: hidden; }
.hostel .item .img-item img{ width: 100%; }
.hostel .item .text-item{ width: 100%; background: red; color: #000; border-radius: 0 0px 6px 6px; }
.hostel .item .text-item h5{font-family: 'Quicksand', sans-serif; font-size: 18px; line-height: 20px; text-align: center; padding: 20px 0; margin: 0; color: #fff; }
.hostel .item .text-item:hover{ background: #000; color: #fff !important; }

/*team*/
.team{ position: relative; background: #fff; padding:35px 0; margin: 0;}
.team h3{ color: #000000f7; text-align: left; letter-spacing: -1.5px; font-weight: 800; font-size: 31px; line-height: 50px; margin:40px 0 0; font-family: 'Quicksand', sans-serif;}
.team h5{ font-family: 'Quicksand', sans-serif; font-size: 22px; line-height: 31px; padding: 5px 0 20px; color: #000000ab;}
.team img{ width: auto;}
.team a{background: #f00; color: #fff; padding: 10px 20px; border-radius: 30px; font-weight: bold; font-size: 18px; line-height: 20px; margin: 8px 0 0; display: inline-block;transition:all 400ms ease-in-out;box-shadow: 0 0 20px -2px #1716166b; border: 1px solid #fff;}
.team a:hover{background: #fff; color: #f00; transition:all 600ms ease-in-out;}

/*contact-inner*/
.contact-inner{position: relative; width: 100%; height: 100vh; padding: 100px 0 0 0; margin: 0 0; background: #fff; background: url(../images/regbg.png) no-repeat center;  }
.contact-inner .contactbox{ width: 80%; padding: 0; margin: 0; display: block; float: right; background: #fff; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0 3px 40px -6px rgba(0, 0, 0, 0.79); }
.contact-inner .contactbox form{ width: 100%; background: #fff; float: right; padding: 50px 50px 50px 150px; }
.contact-inner .contactbox form h3{ padding: 0 0 10px 0; border: none; font-size: 30px; color: #202020; text-shadow: 4px 2px 5px rgba(140, 104, 104, 0.07); font-family: 'Quicksand', sans-serif; font-weight: bold;}
.contact-inner .contactbox form .inputbox{width: 40%; border: none; border-bottom: 0.5px solid #000; float: left; outline: none; margin: 10px 70px 30px 0; font-family: 'Quicksand', sans-serif; color: #000; font-size: 18px; line-height: 25px; padding: 0 0 8px 10px;}
.contact-inner .contactbox form .inputbox input{ width: 100%; border: none; outline: none;}
.contact-inner .contactbox form .inputbox textarea{ width: 100%; border: none; outline: none;}
.contact-inner .contactbox form input.subsend{ font-family: 'Quicksand', sans-serif; letter-spacing: 0; background: #f00; color: #fff; padding: 14px 40px; border-radius: 0; font-weight: bold; font-size: 18px; line-height: 20px; margin: 20px 0 10px 10px; display: inline-block; box-shadow: 0 0 20px -2px #1716166b; border: 1px solid #fff; text-transform: uppercase; transition: all 600ms ease-in-out;}
.contact-inner .contactbox form input.subsend:hover{ background: #fff; color: red; transition:all 600ms ease-in-out;}

.contact-inner .contactboxmini{ width: 28%; background: #ef3337; z-index: 9; padding: 50px 30px; margin: 0 0 0 0; height: 350px; overflow: hidden; position: relative; bottom: 400px;}
.contact-inner .contactboxmini h4{ padding: 0 0 30px 0; border: none; font-size: 30px; color: #fff; text-shadow: 4px 2px 5px rgba(140, 104, 104, 0.07); font-family: 'Quicksand', sans-serif; font-weight: bold;}
.contact-inner .contactboxmini ul{ padding: 0; margin: 0;}
.contact-inner .contactboxmini ul li{ position: relative; padding: 0; margin: 0 0 30px; list-style: none;}
.contact-inner .contactboxmini ul li i{color: #fff; font-size: 18px; }
.contact-inner .contactboxmini ul li a{font-family: 'Quicksand', sans-serif; color: #fff; font-size: 18px; line-height: 26px; padding: 0 0 5px 10px; }
.contact-inner .contactboxmini ul li a:hover{ color: #000;transition:all 600ms ease-in-out;}


/*REG / registretion*/
.registretion { position: relative; width: 100%; padding: 0px 0; margin: 0 0; background: #fff; background: url(../images/regbg.png) no-repeat center; }
.registretion form { width: 50%; margin: 100px auto 50px; padding: 40px 50px; border-radius: 15px; background: #ff0300; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0 3px 40px -6px rgba(0, 0, 0, 0.79); background: linear-gradient(-45deg, #ff0000d6, #f00, #ffffffb2, #f00); background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; transition: all 600ms ease-in-out; }
.registretion form:hover{ background: #641322;transition:all 600ms ease-in-out; }
.registretion form fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid white; }
.registretion form legend { width: 50%; padding: 0 0 0 12px; border: none; font-size: 30px; color: #fff; text-shadow: 4px 2px 5px rgba(100, 92, 92, 0.58); font-family: 'Quicksand', sans-serif; font-weight: bold; }
.registretion form span{ width: 100%; padding:0px; margin: 0 0 5px; outline: none; background: #ffffffed; border-radius: 6px; display: inline-block; border: 1px solid #ca0000;transition:all 600ms ease-in-out;}
.registretion form span:hover{ background: #fff; transition:all 600ms ease-in-out;}
.registretion form span i{ width: 10%; float: left; padding: 9px 0 8px 15px; font-size: 18px; line-height: 25px; border-right: 1px solid #ff03009c; color: #ff0300; background: #fff; overflow: hidden; border-radius: 6px 0 0 7px;}
.registretion form select { width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.registretion form input[type="text"] { width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.registretion form input[type="password"] { width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.registretion form input[type="date"] { width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.registretion form input[type="file"] { width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.registretion form input[type="email"] {width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none;  }
.registretion form textarea { width: 90%; float: right; padding: 10px 0 10px 20px; color: #000; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.registretion form label { width: 100%; color: #fff; font-size: 15px; font-weight: normal; padding: 0; margin: 12px 0 0; }
.registretion form label a{font-family: 'Quicksand', sans-serif; color: #fff; font-weight: bold;}
.registretion form input[type="checkbox"] { width: 10%; outline: none; border: none; }
.registretion form input[type="submit"] { font-family: 'Quicksand', sans-serif; letter-spacing: 0; background: #f00; color: #fff; padding: 10px 20px; border-radius: 30px; font-weight: bold; font-size: 18px; line-height: 20px; margin: 20px 0 10px 10px; display: inline-block; transition: all 400ms ease-in-out; box-shadow: 0 0 20px -2px #1716166b; border: 1px solid #fff; text-transform: uppercase; width: 30%;transition: all 600ms ease-in-out; }
.registretion form input[type="submit"]:hover {color: #f00; background: #fff;transition: all 600ms ease-in-out;}
.login form label{ float: left; text-align: right;width: 40%;  }
.login form label a{font-family: 'Quicksand', sans-serif; color: #fff; font-weight: bold;}



/*about-trems Terms & Conditions */
.about-trems{position: relative; width: 100%; padding: 0 0 50px;}
.about-trems p{font-family: 'Quicksand', sans-serif; color: #000; font-size: 18px; text-align: justify; line-height: 34px; padding: 0 0 20px;}


/*new-reg*/
.new-reg{ position: relative; width: 100%; display: block; background: #fff; padding:5px 0 50px; margin: 0; }
.new-reg .regTAB{ width: 100%; }
.new-reg .regTAB ul{ width: 100%; padding: 0 0; margin: 0;}
.new-reg .regTAB ul li{ position: relative; padding: 0 0; margin: 0; display: inline-block; }
.new-reg .regTAB ul li a{ font-family: 'Righteous', cursive; transition: all 600ms ease-in-out; padding: 20px 18px 17px 18px; background: #252c41; font-size: 16px; border-radius: 5px; color: #fff; margin: 0; border-bottom: 5px solid #ee0a0a;}
.new-reg .regTAB ul li a:hover{background: #f00;transition: all 600ms ease-in-out;}
.new-reg .regTAB ul li a.active{background: #ee0a0a;}
.new-reg .regTAB ul li a.active:after{ position: absolute; content: ""; background: url(../images/regactiveICON.png) no-repeat 0 0; bottom: -55px; left: 0; height: 50px; width: 55px; right: 0; margin: 0 auto; z-index: 1; }

.new-reg .HOSTELtab ul li a{ font-family: 'Righteous', cursive; transition: all 600ms ease-in-out; padding: 20px 28px 17px 28px; background: #223501; font-size: 16px; border-radius: 5px; color: #fff; margin: 0; border-bottom: 5px solid #ee0a0a;}
.new-reg .HOSTELtab ul li a:hover{background: #f00;transition: all 600ms ease-in-out;}
.new-reg .HOSTELtab ul li a.active{background: #ee0a0a;}
.new-reg .HOSTELtab ul li a.active:after{ position: absolute; content: ""; background: url(../images/regactiveICON.png) no-repeat 0 0; bottom: -55px; left: 0; height: 50px; width: 55px; right: 0; margin: 0 auto; z-index: 1; }

.new-reg .MESStab ul li a{ font-family: 'Righteous', cursive; transition: all 600ms ease-in-out; padding: 20px 28px 17px 28px; background: #000; font-size: 16px; border-radius: 5px; color: #fff; margin: 0; border-bottom: 5px solid #ee0a0a;}
.new-reg .MESStab ul li a:hover{background: #f00;transition: all 600ms ease-in-out;}
.new-reg .MESStab ul li a.active{background: #ee0a0a;}
.new-reg .MESStab ul li a.active:after{ position: absolute; content: ""; background: url(../images/regactiveICON.png) no-repeat 0 0; bottom: -55px; left: 0; height: 50px; width: 55px; right: 0; margin: 0 auto; z-index: 1; }



.new-reg .accommodationFORM{background: #fff; width: 75%; position: relative; display: block; padding: 0; margin: 50px auto 30px; -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0 3px 40px -6px rgba(0, 0, 0, 0.29); padding: 25px 30px; border-radius: 10px; }
.new-reg .accommodationFORM form{width: 100%; display: inline-block; padding: 0;}
.new-reg .accommodationFORM form h6{font-family: 'Quicksand', sans-serif; color: white; font-size: 15px; background: #f00; font-weight: bold; padding: 5px 10px; display: inline-block; border-radius: 3px; }
.new-reg .accommodationFORM form .input-box{width: 100%; padding: 0;margin: 0;display: inline-block;}
.new-reg .accommodationFORM form .input-box span{   width: 100%; padding: 0; margin: 0; display: inline-block; font-family: 'Quicksand', sans-serif; color: #072773; font-weight: bold; margin: 10px 0 0;}
.new-reg .accommodationFORM form .input-box span input{width: 7%; float: left;}
.new-reg .accommodationFORM form .accommodationbox{}
.new-reg .accommodationFORM form .accommodationbox span{margin: 10px 0 5px; width: 50%; float: left; color: #252c41e5; font-size: 14px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.new-reg .accommodationFORM form .accommodationbox span input{width: 7%; float: left; margin: 4px 0 0; accent-color: red; }
.new-reg .accommodationFORM form .FAdiv{}
.new-reg .accommodationFORM form .FAdiv span{margin: 10px 0 5px; width: 25%; float: left; color: #252c41e5; font-size: 14px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.new-reg .accommodationFORM form .FAdiv span input{width: 7%; float: left; margin: 4px 5px 0 0px; accent-color: red; }
.new-reg .accommodationFORM form .AMdiv span{margin: 10px 0 5px; width: 33%; float: left; color: #252c41e5; font-size: 14px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; }
.new-reg .accommodationFORM form .AMdiv span input{width: 7%; float: left; margin: 4px 5px 0 0px; accent-color: red; }
.new-reg .accommodationFORM form .accommodationbox i{ font-size: 10px; text-align: center; margin: 0 auto; display: block; color: #f00; }
.new-reg .accommodationFORM form .input-box i{ font-size: 10px; text-align: center; margin: 0 auto; display: block; color: #f00; }
.new-reg .accommodationFORM form .accommodationbox .chekboxRight{  background: none; width: 59%; float: right; margin: 0;padding: 10px 0 4px 0;border-bottom: 1px solid #252c41a3; border-radius: 5px; }
.new-reg .accommodationFORM form .accommodationbox .chekboxRight span{ color: #252c41; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; width: 32%; margin: 0; }
.new-reg .accommodationFORM form .accommodationbox .chekboxRight span input[type="checkbox"]{width: 15%;margin: 4px 0 0;accent-color: red;}
.new-reg .accommodationFORM form .accommodationbox .chekboxRight input{ width: 100%; border: none; padding: 5px 10px; }
.new-reg .accommodationFORM form .accommodationbox .chekboxRight span input[type="radio"]{width: 15%;margin: 4px 0 0;accent-color: red;}

.new-reg .accommodationFORM form .input-box label{color: #252c41; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; width: 40%; float: left; margin: 0; padding: 12px 0 6px 0px;}
.new-reg .accommodationFORM form .input-box input{color: #252c41; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; width: 59%; float: right; margin: 0; padding: 10px 0 6px 6px; border-bottom: 1px solid #252c41a3; border-radius: 5px;}
.new-reg .accommodationFORM form .input-box select{color: #252c41; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; width: 59%; float: right; margin: 0; padding: 10px 0 6px 6px; border-bottom: 1px solid #252c41a3; border-radius: 5px;}
.new-reg .accommodationFORM form .input-box textarea{color: #252c41; font-size: 15px; line-height: 22px; border: none; font-family: 'Quicksand', sans-serif; outline: none; background: none; width: 59%; float: right; margin: 0;padding: 10px 0 0 0; height: 45px; border-bottom: 1px solid #252c41a3; border-radius: 5px; }
.new-reg .accommodationFORM form .input-box iframe{width: 100%; height: 150px; margin: 15px 0 0;}
.new-reg .accommodationFORM form .input-box input[type="submit"]{font-family: 'Quicksand', sans-serif; letter-spacing: 0; background: #f00; color: #fff; padding: 10px 20px; border-radius: 30px; font-weight: bold; font-size: 18px; line-height: 20px; margin: 20px 0 10px 0; box-shadow: 0 0 20px -2px #1716166b; border: 1px solid #fff; text-transform: uppercase; width: 28%; transition: all 600ms ease-in-out; float: left; text-transform: capitalize; width: 33%;}
.new-reg .accommodationFORM form .input-box input[type="submit"]:hover{background: #252c41; transition: all 600ms ease-in-out;}



/*#footer */
#footer{position: relative; background: #252c41; padding: 10px 0 0; }
#footer .footer-widgets-wrap { position: relative; padding: 40px 0 25px; }
#footer .footer-widgets-wrap h5{ font-size: 18px; text-align: left; text-transform: uppercase; padding: 4px 0 4px 15px; margin: 0 0 20px; background: linear-gradient(90deg, rgb(251, 0, 0) 10px, rgb(40, 47, 66) 2px); color: #FFFFFFEB; font-weight: bold; }
#footer .footer-widgets-wrap p{ font-size: 15px; text-align: justify; line-height: 25px; margin: 0; padding: 0; color: #fff; text-shadow: 0 2px 15px rgb(0, 0, 0); font-family: 'Quicksand', sans-serif;  }
#footer .footer-widgets-wrap ul{ padding: 0; margin: 0; }
#footer .footer-widgets-wrap ul li{ padding: 0; margin: 0; position: relative;}
#footer .footer-widgets-wrap ul li a{font-size: 15px; line-height: 30px; font-style: italic; transition: all 600ms ease-in-out; color: #ffffffd6 !important; font-weight: bold; letter-spacing: 0.5px; padding: 0 0 0 5px; transition:all 600ms ease-in-out;}
#footer .footer-widgets-wrap ul li a:hover{letter-spacing: 1px; color: #fff !important; transition: all 600ms ease-in-out; transition:all 600ms ease-in-out;}
#footer .footer-widgets-wrap ul li i{color: #fb0000; font-weight: bold; font-size: 10px;}
img.footer-map{position: absolute; top: 180px; right: 0;}
#footer .footer-widgets-wrap form{width: 100%; padding: 0; margin: 10px 0 20px; }
#footer .footer-widgets-wrap form input[type="email"]{width: 75%; float: left; background: #fff; border: none; outline: none; font-size: 15px; line-height: 20px; padding: 10px; margin: 0; border-radius: 5px 0 0px 5px; color: #000; height: 40px;}
#footer .footer-widgets-wrap form input[type="submit"]{width: 25%; float: right; background: #f00; border: none; outline: none; color: #fff; border-radius: 0 5px 5px 0; padding: 9px 0; text-transform: uppercase; font-weight: bold; font-size: 16px;height: 40px;}

/*copyrights*/
#copyrights{ padding: 10px 0 20px; display: inline-table; background: #0000002b; width: 100%; margin: 0; }
#copyrights .text-md-start{ padding: 8px 0 0; color: #e1e1e1; transition:all 600ms ease-in-out;}
#copyrights .text-md-start:hover{ padding: 7px 0 0; color: #fff; transition:all 600ms ease-in-out;}
#copyrights .text-md-end{ padding: 0; }



/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/
.social-icon {
  --cnvs-socialicon-size: 2.5rem;
  --cnvs-socialicon-gap: 5px;
  --cnvs-socialicon-fontsize: calc( var(--cnvs-socialicon-size) / 2.5);
  --cnvs-socialicon-border: 1px;
  --cnvs-socialicon-border-color: var(--cnvs-contrast-600);
  --cnvs-socialicon-lineheight: calc(var(--cnvs-socialicon-size) - calc(var(--cnvs-socialicon-border) * 2));
  --cnvs-socialicon-rounded: 0.375rem;
  --cnvs-socialicon-color: var(--bs-contrast-900);
  float: left;
  display: block;
  margin: 0 var(--cnvs-socialicon-gap) var(--cnvs-socialicon-gap) 0;
  width: var(--cnvs-socialicon-size);
  height: var(--cnvs-socialicon-size);
  font-size: var(--cnvs-socialicon-fontsize);
  line-height: var(--cnvs-socialicon-lineheight) !important;
  color: var(--cnvs-socialicon-color);
  text-shadow: none;
  border: var(--cnvs-socialicon-border) solid var(--cnvs-socialicon-border-color);
  border-radius: var(--cnvs-socialicon-rounded);
  overflow: hidden;
  /* Social Icons - Large
  -----------------------------------------------------------------*/
  /* Social Icons - Small
  -----------------------------------------------------------------*/
}
[class*=-flex] > .social-icon, [class*=row] > .social-icon {
  float: none;
  margin-right: var(--cnvs-socialicon-gap-x);
  margin-bottom: var(--cnvs-socialicon-gap-y);
  flex: 0 0 auto;
}
.social-icon.si-large {
  --cnvs-socialicon-size: 3.5rem;
}
.social-icon.si-small {
  --cnvs-socialicon-size: 2rem;
  --cnvs-socialicon-fontsize: 0.875rem;
}
.social-icon i {
  display: block;
  position: relative;
  line-height: inherit;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .social-icon i {
    transition: none;
  }
}
.social-icon i:last-child {
  color: #FFF;
}
.social-icon:hover i:first-child {
  margin-top: calc(var(--cnvs-socialicon-lineheight) * -1);
}
.social-icon:hover {
  color: var(--cnvs-socialicon-color);
  border-color: transparent;
}
.social-icon.bg-dark, .social-icon.bg-dark:hover {
  color: var(--bs-gray-200);
}
.social-icon.bg-light {
  --cnvs-socialicon-color: var(--bs-gray-900);
  background-color: var(--bs-gray-200) !important;
}
.social-icon[class*=" bg-"] {
 float: left;
font-size: 12px;
margin: 20px 20px 0 0;
background: #202840;
border: 0.5px solid #ffffff7d;
text-align: center;
padding: 00;
}
.social-icon.no-transition:hover i:first-child {
  display: none;
  margin-top: 0;
}

/* Social Icons - Group
-----------------------------------------------------------------*/
[class*=-flex],
[class*=row] {
  --cnvs-socialicon-gap: 5px;
  --cnvs-socialicon-gap-x: var(--cnvs-socialicon-gap);
  --cnvs-socialicon-gap-y: 0px;
  z-index: 9;
position: relative;
}

/* Social Icons - Sticky
-----------------------------------------------------------------*/
.si-sticky {
  position: fixed;
  top: 50%;
  left: 5px;
  width: 36px;
  z-index: 499;
  transform: translateY(-50%);
  /* Social Icons - Sticky Right
  -----------------------------------------------------------------*/
}
.si-sticky.si-sticky-right {
  left: auto;
  right: 8px;
}

/* Social Icons - colors
-----------------------------------------------------------------*/