MAINHACK

Viewing / Editing File: style.css

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
a:hover{  text-decoration: none; }

img{max-width:100%;}

@font-face {
    font-family: 'luxiadisplay';
    src: url('../fonts/luxia_display_500.woff2') format('woff2'),
         url('../fonts/luxia_display_500.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ width:100%; font-family: 'luxiadisplay'; background-size: cover; position: relative; }

/*HEADER*/
.header{     width: 100%; position: relative; z-index: 9; }
.header-top{     width: 100%; position: relative; z-index: 9; background: url(../images/hed-bg.jpg) no-repeat; background: #2e0742; padding: 10px 0; overflow: hidden; background-size: cover; }
.header-top .hrader-contact{  width: 100%; padding: 0; margin: 0 auto; overflow: hidden; }
.header-top .hrader-contact ul{ padding: 0 0; margin: 0 0; color: #ffe900; }
.header-top .hrader-contact ul li{   font-family: 'luxiadisplay';  color: #ffffff; font-size: 15px; line-height: 20px; list-style: none; display: inline-block; padding: 0 3px; margin: 0; background: no-repeat; border: none; }
.header-top .hrader-contact ul li a{ font-family: 'luxiadisplay';color: #ffffff; font-size: 15px; font-family: monospace; }
.header-top .hrader-contact ul li a:hover{ color: #ffe900; text-decoration: none; }

.header-botton{ width: 100%; position: relative; z-index: 9; background: #fff; padding: 10px 0 0; overflow: hidden;  }
.header-botton .logo-raj{ width: 60%; outline: none; overflow: hidden;  }
.header-botton .logo-raj img{ width: 100%; }
.header-botton .nav-raj{ width: 100%; outline: none; overflow: hidden;      float: right; text-align: right;}
.header-botton .nav-raj ul{ padding:20px 0 0; margin: 0 0; color: #ffe900; }
.header-botton .nav-raj ul li{  font-family: 'luxiadisplay';   color: #50003b; font-size: 15px; line-height: 20px; list-style: none; display: inline-block; padding: 0 3px; margin: 0; background: none; border: none; }
.header-botton .nav-raj ul li a{ font-family: 'luxiadisplay'; color: #000; font-size: 20px; font-weight: lighter; line-height: 30px; padding: 0 12px; margin: 0; }
.header-botton .nav-raj ul li a{ font-family: 'luxiadisplay'; color: #000; font-size: 17px; font-weight: lighter; line-height: 30px; padding: 0 5px; margin: 0; text-transform: uppercase; }
.header-botton .nav-raj ul li a:hover{ color: #50003b;text-decoration: none; }

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; padding:0px 0 0;margin: -20px 0 0; background: #fff; }
.banner .banner-dece{ position: absolute; top: 0; left: 0; right: 0; width: 100%; text-align: center; padding: 0; margin: 0; background: rgba(143 5 191 / 25%);    background: rgb(27 20 29 / 25%); height: 100%; }
.banner .banner-dece h2{ font-family: 'luxiadisplay'; text-align: center; font-size: 45px; font-weight: normal; text-transform: uppercase; color: #be00ff;    color: #ffffff; line-height: 60px; padding: 250px 0 60px; margin: 0; } 
.banner .banner-dece h2 span{ display: block; font-weight: bold; font-size: 65px; padding: 40px 0 0;  color: #fff; text-shadow: 2px 4px 2px rgb(190 0 255);     text-shadow: 2px 4px 2px rgb(64 4 95); }
.banner .banner-dece a{ font-family: 'luxiadisplay'; text-transform: uppercase; width: 20%; background: #be00ff; padding: 14px 0; border-radius: 10px; border-bottom: 5px solid #550571; color: #ffffff; display: inline-block; margin: 0 15px 0px; text-align: center; background: #2e0742; padding: 14px 0; border-radius: 10px; border-bottom: 5px solid #ffffff; }
.banner .banner-dece a:hover{ background: #420532;  }
/*    background: -webkit-linear-gradient(#ffffff, #bd00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/

/*about-home*/
.about-home{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px;margin: 0px 0 0; background: #fff; }
.about-home h2{     text-align: center; font-size: 40px; font-weight: bold; color: #041a40; line-height: 60px; padding: 0 0 10px; margin: 0; font-family: sans-serif; }
.about-home img{ width: 100%;  }
.about-home p{  font-size: 18px; line-height: 27px; font-style: italic; text-align: center; color: #000; padding: 0 100px 30px; margin: 0; }
.about-home h6{font-family: 'luxiadisplay'; font-size: 25px; line-height: 35px; padding: 0 0 12px; font-weight: bold; color: #9802cc; text-align: center; }

/*category*/
.category{ position: relative; width: 100%; overflow: hidden; padding:30px 10px;margin: 0px 0 0;  }
.category h2{ font-family: 'luxiadisplay'; font-family: sans-serif; text-align: center; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #000; line-height: 50px; padding: 0px 0 0px; margin: 0; }
.category p{ font-family: 'luxiadisplay'; text-align: center; color: #23073a; font-weight: normal; font-size: 20px; padding: 0 0 50px; line-height: 30px; }
.category .category-box{     width: 18.5%; float: left; padding: 6px; margin: 0 0 0 15px; overflow: hidden; border: 1px solid #d8d8d8; }
.category .category-box img{ width: 100%; }
.category .category-box h3{ color: #000; font-size: 15px; font-family: system-ui; line-height: 22px; text-align: justify; padding: 0 5px; font-style: italic; margin: 0 0 15px; }
.category .category-box a{     color: #6c05b5; font-size: 16px; background: #efefef; padding: 7px 20px; border-radius: 6px; border-bottom: 2px solid #4b0080; display: inline-block; font-family: initial; }

/*services*/
.services{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px;margin: 0px 0 0; background: #fff; background: url(../images/ba-ser.png) no-repeat top left;ackground-attachment: fixed; background-size: cover; }
.services h2{ font-family: sans-serif; text-align: left; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 50px; padding: 0 0 10px; margin: 0; font-family: 'luxiadisplay';}
.services h6{ text-align: justify; font-size: 22px; line-height: 31px; padding: 0 0 15px; font-weight: normal; color: #fff; font-style: italic; font-family: 'luxiadisplay';}
.services p{ text-align: justify; font-size: 15px; line-height: 31px; padding: 0 0 15px; font-weight: normal; color: #fff; font-style: italic; font-family: 'luxiadisplay';}
.services a{ color: #6c05b5; font-size: 16px; background: #efefef; padding: 7px 20px; border-radius: 6px; border-bottom: 2px solid #4b0080; display: inline-block; font-family: initial; font-family: 'luxiadisplay';}

.services .box{     display: block; width: 500px; height: 500px; border-radius: 50%; position: relative; padding: 0; margin: 0 auto 60px; }
.services .box .box-1{ display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; width: 470px; height: 470px; overflow: hidden; }
.services .box .box-2{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/ser-roted.png) no-repeat center center; background-size: auto; overflow: hidden;background-size: 100% auto; -webkit-animation: rotating 30s linear infinite; -moz-animation: rotating 30s linear infinite; -ms-animation: rotating 30s linear infinite; -o-animation: rotating 30s linear infinite; animation: rotating 10s linear infinite; }
@keyframes rotating {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }

100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
}

/*gallery*/
.gallery{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px;margin: 0px 0 0; background: #fff; }
.gallery h2{   font-family: 'luxiadisplay'; font-family: sans-serif; text-align: center; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #000; line-height: 50px; padding: 0px 0 0px;}
.gallery h6{  font-family: 'luxiadisplay';text-align: center; color: #23073a; font-weight: normal; font-size: 20px; padding: 0 0 50px; line-height: 30px;}
.gallery img.gallery-img{ position: relative; width: 100%; }

/*blog*/
.blog{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px;margin: 0px 0 0; background: #fff; }
.blog h2{  font-family: 'luxiadisplay';font-family: sans-serif; text-align: center; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #000; line-height: 50px; padding: 0px 0 0px;}
.blog h6{ font-family: 'luxiadisplay'; text-align: center; color: #23073a; font-weight: normal; font-size: 20px; padding: 0 0 50px; line-height: 30px;}
.blog img.blog-img{ position: relative; width: 100%; }
.blog h4{ padding: 0 0 12px; color: #38065b; font-size: 18px; line-height: 28px;  margin: 0; font-family: 'luxiadisplay';}
.blog h5{ padding: 0 0 12px; color: #0035a5; font-size: 15px; font-family: auto; line-height: 25px; margin: 0; }
.blog p{ padding: 0 0 12px; color: #615e5e; font-size: 15px; line-height: 26px; text-align: justify; margin: 0; font-family: 'luxiadisplay'; }
.blog p a{ padding: 0 0 12px; color: #240b8e; }

/*video*/
.video{ position: relative; width: 100%; overflow: hidden; padding:0px;margin: 0px 0 0; height: 500px; }
.video .video-dec{ position: absolute; top: 0; left: 0; width: 100%; background: rgb(0 0 0 / 40%); height: 100%; padding: 0; margin: 0;  }
.video .video-dec h2{ font-family: 'luxiadisplay'; text-align: center; font-size: 45px; font-weight: bold; text-transform: uppercase; color: #ffffff; line-height: 60px; padding: 100px 0 20px; margin: 0; }
.video .video-dec p{font-weight: normal; color: #ffffff; font-size: 18px; line-height: 35px; font-style: italic; text-align: center; padding: 0 0 30px; margin: 0; font-family: 'luxiadisplay';}
.video .video-dec a{ text-align: center; border: 5px solid #42007a; background: #28004a; border-radius: 0; padding: 8px 0; color: #fff; font-weight: bold; text-transform: uppercase; margin: 50px auto; display: block; width: 14%; font-family: 'luxiadisplay';}
.video .video-dec form{ width: 30%; margin: 0 auto; }
.video .video-dec form .input-cont{ width: 100%; overflow: hidden; }
.video .video-dec form .input-cont label{ width: 40%; overflow: hidden; float: left;     color: #fff; font-size: 19px; font-family: monospace; letter-spacing: 1px; line-height: 25px; font-family: 'luxiadisplay';}
.video .video-dec form .input-cont input{ width: 60%; overflow: hidden; float: right; background: no-repeat; border: none; outline: none; border-bottom: 1px solid #ccc; border-radius: 6px; color: #dcdcdc; font-size: 19px; line-height: 24px; padding: 5px 10px; font-family: 'luxiadisplay';}
.video .video-dec form .input-sub{    margin: 40px auto; width: 43%; background: #7200de; text-align: center; border-radius: 5px; }
.video .video-dec form .input-sub input{color: #fff; background: none; border: none; padding: 10px 0; display: inline-block; text-align: center; width: 100%; font-size: 20px; border-bottom: 3px solid #8e8e8e; border-radius: 5px;  }

/*testmonial*/
.testmonial{ position: relative; width: 100%; overflow: hidden; padding:0px;margin: 0px 0 0; height: 500px; }
.testmonial img{ position: relative; width: 100%; }
.testmonial .testmonial-dec{ position: absolute; top: 0; left: 0; width: 100%;  height: 100%; padding: 0; margin: 0;  }
.testmonial .testmonial-dec h2{ font-family: sans-serif; text-align: left; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #000; line-height: 50px; padding: 100px 0 0px;font-family: 'luxiadisplay'; }
.testmonial .testmonial-dec h6{ text-align: left; padding: 0 0 50px; margin: 0 0 0 180px; font-family: 'luxiadisplay';}
.testmonial .testmonial-dec .testmo-box{ position: relative; width: 38%; overflow: hidden; text-align: center; }
.testmonial .testmonial-dec .testmo-box img.test-icon{ width: 15%; }
.testmonial .testmonial-dec .testmo-box h5{  font-family: 'luxiadisplay'; color: #000; font-size: 20px; line-height: 35px; }
.testmonial .testmonial-dec .testmo-box p{ font-family: 'luxiadisplay'; font-size: 15px; line-height: 28px; text-align: center; color: #000; font-style: italic; padding: 0 0%; margin: 0; }

.inn-hotel h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0 0 15px; }
.inn-hotel p{ font-family: 'luxiadisplay'; font-size: 17px; line-height: 28px; text-align: center; color: #000; font-style: italic; padding: 0 10%; margin: 0; }
.inn-hotel .in-hotel-box{ width: 80%; border: 8px solid #e2e2e2; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%); overflow: hidden; margin: 30px auto; }
.inn-hotel .in-hotel-box img.hotel-icon{ width: 100%; }
.inn-hotel .in-hotel-box p{ color: #000; font-size: 18px; line-height: 28px; padding: 0; margin: 0;font-family: 'luxiadisplay'; }

/*footer-menu*/
footer{ width: 100%; position: relative; margin: 0; background: rgb(0 0 0 / 85%);   background:url(../images/footer.png) no-repeat; background-size: cover;padding: 0px 0 0;  bottom: 0; text-align: center;   }
footer .logo-footer img.logo-foo{     width: 10%; padding: 40px 0 20px; } 
footer .contact-footer{ position: relative; width: 100%; padding: 0 0 10px; margin: 0; }
footer .contact-footer ul{ padding: 0 0; margin: 0 0;  }
footer .contact-footer ul li{ color: #cb32ff; font-size: 16px; line-height: 20px; padding: 0; margin: 0; }
footer .contact-footer ul li a{   font-family: 'luxiadisplay';  font-size: 16px; line-height: 26px; color: #ccc;  padding: 0 5px 0; }
footer .contact-footer ul li a:hover{  color: #fff;  }

footer .socal-footer{ position: relative; width: 100%; padding: 0 0 10px; margin: 0; }
footer .socal-footer ul{ padding: 0 0; margin: 0 0;  }
footer .socal-footer ul li{ color: #c8a408; font-size: 16px; line-height: 42px; list-style: none; display: inline-block; padding: 0 5px; margin: 0; background: #0d0021; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #58069f; }
footer .socal-footer ul li a{ color: #ff00bc; }
footer .socal-footer ul li a:hover{ color: #fff; }

footer .nav-raj-footer{     position: relative; width: 100%; padding: 7px 0; margin: 15px 0; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; }
footer .nav-raj-footer ul{ padding: 0; margin: 0 0; color: #ff00bc; }
footer .nav-raj-footer ul li{     color: #50003b; font-size: 15px; line-height: 20px; list-style: none; display: inline-block; padding: 0 3px; margin: 0; background: none; border: none; }
footer .nav-raj-footer ul li a{ color: #bdbdbd; font-size: 20px; font-weight: lighter; line-height: 30px; padding: 0 12px; margin: 0; }
footer .nav-raj-footer ul li a:hover{ color: #fff; text-decoration: none; }

footer h3{ text-align: center; padding: 10px 0; margin: 0 0; font-size: 25px; font-weight: bold;  font-family: 'luxiadisplay';color: #f00; }
footer h4{ text-align: center; padding: 0 0; margin: 0 0; font-size: 21px; font-weight: bold;  font-family: 'luxiadisplay';color: #0066cc; }
footer h5{ text-align: center; padding: 5px 0; margin: 0 0; font-size: 20px; font-weight: bold;  font-family: 'luxiadisplay';color: #ff006e;}
footer h6{ text-align: center; padding: 1px 0 5px; margin: 0 0; font-size: 19px; font-weight: bold; font-family: auto; color: #2b2828; }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info