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;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}

body{ width:100%; font-family: "Abel-Regular"; background:url("../images/full.jpg" ) 0px 0px no-repeat; background-attachment: fixed;
    background-size: cover; }
.container{ width: 450px; margin: 0px auto;  padding: 0; }

.modal-dialog { width: 300px !important; margin: 30px auto; }
.social-share ul{ position: relative; width: 100%; padding: 0; margin: 0;     text-align: center; }
.social-share ul li{ position: relative; padding: 0; margin:0 0px; display: inline-block; text-align: center; }
.social-share ul li a{  padding: 8px 10px; margin: 0 4px; background: #044dca; text-decoration: none; transition: all 500ms ease-in-out; color: #fff; border-radius: 5px; font-family: 'Montserrat', sans-serif; font-size: 15px; letter-spacing: 0; border-bottom: 1px solid #0960f3;  }
.social-share ul li a i.fa{     padding: 0 0px 0px 0; margin: 0; font-size: 15px; line-height: 20px;  }
.social-share ul li a:hover{ border-bottom: 2px solid #8e8989;  transition: all 500ms ease-in-out; }
.modal-title { margin: 0; text-align: center; font-family: 'Open Sans'; font-size: 20px; line-height: 30px; background: #044dca; padding: 10px 0; border-radius: 6px; color: #fff; font-weight: bold; }
.modal-footer { padding: 15px; text-align: right; border-top: none !important; }

/*Header Top*/
.header-top{  width: 100%; position: relative; padding: 0; margin: 10px 0 0; }
.header-top ul{ padding: 0; margin: 0;  } 
.header-top ul li{ padding: 0; margin: 0; width: 20%; float: left; height: 8px; }

/*Header*/
.header{ width: 100%; height: auto; background: #fff; padding: 0 0 0; margin: 0px 0 0; /*border-top: 5px solid #f00;*/ background: linear-gradient(90deg, rgb(0 101 255) 10%, rgb(255 255 255) 10%); }
.logo-lext{ width:100%; float: left; padding:  0px; margin: 0; text-align: right;}
.logo-lext h3{ text-align: right; font-family: 'Open Sans' !important; font-size: 20px; font-weight: bold; color: #121c28; padding: 30px 0 5px; } 
.logo-lext h6{ text-align: right; font-family: 'Open Sans' !important; font-size: 16px; font-weight: bold; color: #121c28; padding: 0px 0 0; }
.logo-block{ width:100%; float: right; padding: 0px 0px 0px 0px; margin: 0; text-align: right;}
.logo{ width: 100%; padding: 20px 10px 0 0px; }
.contact-top{ width: 100%; height: auto; background: #fff; }
.contact-top ul{padding: 0; margin: 0; } 
.contact-top ul li{ font-size: 15px; background: linear-gradient(90deg, rgb(255 149 32) 10%, rgb(255 255 255) 10%); padding: 10px 0 10px 15px; margin: 0; color: #000; line-height: 20px; font-family: 'Open Sans' !important; } 
.contact-top ul li i.fa{ padding: 0 40px 0 0; color: #fff;  }
.dropdown-top{ background: linear-gradient(90deg, rgb(12 255 0) 10%, rgb(255 255 255) 10%); padding: 0 0 0 60px; margin: 0; width: 100%; display: inline-block;}
.contact-top ul li a{      font-family: 'Open Sans' !important; text-decoration: none; color: #000; font-size: 16px; line-height: 25px; padding: 0; margin: 0; }
.dropdown-top .input-group{ width: 50%; float: left; display: block;margin: 10px 0; }
.dropdown-top .input-group input{ border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0;    font-size: 16px; font-family: 'Open Sans' !important; }
.dropdown-top .input-group button{ border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0;color: #fff; background: #03306c; font-size: 16px; font-family: 'Open Sans' !important; }
.dropdown-top .input-group a{    display: block; text-align: center; border: none; width: 90%; padding: 11px 0; margin: 0; color: #fff; background: #03306c; border-radius: 5px; font-family: 'Open Sans'; font-weight: bold; font-size: 13px; }

/*About*/
.about-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0 0; }
.about-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0;  font-family: 'Open Sans' !important; }
.about-top h3{ font-family: "Abel-Regular"; font-size: 17px; color: #585656; line-height: 30px; padding: 0 0 10px; margin: 0;  font-family: 'Open Sans' !important; }
.about-top h3 span{ font-weight: bold; }
.about-top p{     font-family: 'Open Sans' !important; font-size: 15px; line-height: 25px; text-align: justify; color: #575454; padding: 0 0 10px;  }

/*Services*/
.service-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0 0; }
.service-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0;  font-family: 'Open Sans' !important; }
img.pro-img{  width: 100%; border-radius: 30px; text-align: center; background: #f1f1f1; padding: 10px; margin: 0 auto; }
.service-top a{ text-align: center; position: relative; display: block; color: #fff; font-weight: normal; font-size: 20px; line-height: 40px; width: 40%; border-radius: 20px; margin: 10px auto; text-decoration: none; background: linear-gradient(to bottom, #002bff 50%, #000000 100%);  font-family: 'Open Sans' !important;  }
.service-top a:hover{ background: #007eff; }

/*gallery*/
.gallery-top{  width: 100%; height: auto; background: #f00; padding: 15px; margin: 10px 0 0; }
.gallery-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #fff;  font-family: 'Open Sans' !important; }
img.gallery-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*video*/
.video-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0 0; }
.video-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; font-family: 'Open Sans' !important;  }
img.video-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*FEEDBACKS*/
.feedback-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 0px 0 0;     display: inline-block; }
.feedback-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000;  font-family: 'Open Sans' !important; }
.feedback-top .input-group{ width: 50%; float: left; display: block;margin: 10px 0; }
.feedback-top .input-group input { border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0; font-size: 16px;  font-family: 'Open Sans' !important; }
.feedback-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;  font-family: 'Open Sans' !important; }
.feedback-top input[type="submit"]:hover { background: #333; color: #fff; }

/*enquuiry*/
.enquuiry-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 0px 0 0;     display: inline-block; }
.enquuiry-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000;  font-family: 'Open Sans' !important; }
.enquuiry-top .input-group{ width: 50%; float: left; display: block;margin: 10px 0; }
.enquuiry-top .input-group input { border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0; font-size: 16px;  font-family: 'Open Sans' !important; }
.enquuiry-top .input-group textarea { border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0; font-size: 16px;  font-family: 'Open Sans' !important;     height: 45px;}
.enquuiry-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;  font-family: 'Open Sans' !important; }
.enquuiry-top input[type="submit"]:hover { background: #333; color: #fff; }

/*payment*/
.payment-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0 0; }
.payment-top h2{ font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000;  font-family: 'Open Sans' !important; }
.payment-top .pay-det{ width: 100%; padding: 0 0 30px; margin: 0; }
.payment-top .pay-det h3{ font-weight: bold; font-size: 20px; line-height: 30px; padding: 0; margin: 0;  font-family: 'Open Sans' !important; }
.payment-top .pay-det p{ font-size: 17px; color: #000; line-height: 30px; display: block;  font-family: 'Open Sans' !important; }
.payment-top .pay-det p span{ text-align: right; float: right; font-size: 16px; color: #484848; line-height: 20px; padding: 0; margin: 0; }

/*footer-menu*/
.footer-menu{ width: 100%; background: #fff; background-image: linear-gradient(to bottom,#fff,#ffffff,#ffffff,#ffffff,#b3b3b3); position: fixed; z-index: 999999; bottom: 0;    box-shadow: 10px 0px 40px 0 rgba(0,0,0,0.5); }
.footer-menu ul{ padding: 0; margin: 0; text-align: center; }
.footer-menu ul li{ display: inline-block;
    color: #000; font-size: 16px; line-height: 22px; padding: 20px 50px; margin: 0;  font-family: 'Open Sans' !important; }
.footer-menu ul li a{ color: #35383c; font-weight: bold; text-decoration: none; font-family: 'Open Sans' !important;  }
.footer-menu ul li a:hover{ color: #006eff; }
.footer-menu ul li a span{ }
.cpy-right{ margin: 20px 0 60px; background: #fff; padding: 20px 20px 15px; }
.cpy-right p{ text-align: center; color: #000; font-family: 'Open Sans' !important;  }
.cpy-right p a{ text-decoration: none;  font-family: 'Open Sans' !important; }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info