MAINHACK

Viewing / Editing File: style.css

html, body{ margin:0; font-size: 100%; font-family: 'Lato', sans-serif; background: #fff; }
body a {  text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
 text-decoration:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } a:hover{ text-decoration:none; }
input[type="button"],input[type="submit"]{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; }
h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Federo', sans-serif;  }	
p{ margin:0;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
ul{ margin:0; padding:0; }
label{ margin:0;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
*{ margin:0; padding:0; }

/*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-attachment: fixed;
background-size: cover;      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
.container{ width:1300px; overflow: hidden; }
.body-left{ position: fixed; left: -10px; z-index: 9999; top: 180px; }
.body-left img{ width: 50%; }

.body-right{ position: fixed; right: -10px; z-index: 9999; top: 300px; }
.body-right ul{ padding: 0; margin: 0; }
.body-right ul li{ padding: 0; margin: 0; list-style: none; }
.body-right ul li a{  padding: 10px 10px; margin: 0 -70px 0 0px; color: #fff;text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; display: block; background: #006eb8; transition:500ms ease-in-out;}
.body-right ul li a:hover{  padding: 10px 10px; margin: 0 0px 0 0px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out;}
.body-right ul li a i.fa{     color: #fff; font-weight: bold; padding: 0 10px 0 0; }

/*/*header-sticky*/
/*.sticky { position: fixed; top: 0; width: 100%; z-index: 99999 }
.sticky + .banner { padding-top: 102px; }*/

/*header-top*/
.header-top{ position: relative; width: 100%; height: auto; background: #c7003d; padding: 1px 0; margin: 0px 0; z-index: 999;}
.header-top .barnd-text{ position: relative; width: 100%;  }
.header-top .barnd-text p{    padding: 0 0 0; line-height: 22px; display: inline; text-transform: lowercase; color: #ededed; font-size: 14px; letter-spacing: 1px; }
.header-top .barnd-help{ position: relative; width: 100%; color: #d60646; }
.header-top .barnd-help a{ text-decoration: none; color: #ededed; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 13px; padding: 0 9px;}
.header-top .barnd-help a:hover{ text-decoration: none; color: #fff; }
.header-top .barnd-catag{ width:100%; position: relative; }
.header-top .barnd-catag .dropbtn { color: white; background: none; font-size: 16px; border: none; }
.header-top .barnd-catag .dropbtn img{ width: 90%; }
.header-top .barnd-catag .dropbtn {     width: 100%; color: #ffffff; padding: 5px 0; font-size: 13px; border: none; border-right: 1px solid #b90039; outline: none; border-left: 1px solid #b90039; border-radius: 4px; background-color: rgba(0,0,0,0.1); transition: all 600ms ease-in-out; text-transform: uppercase; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; letter-spacing: 2px; }
.header-top .barnd-catag .dropdown { position: relative; display: inline-block;     width: 100%;}
.header-top .barnd-catag .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.header-top .barnd-catag .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.header-top .barnd-catag .dropdown-content a:hover {background-color: #ddd}
.header-top .barnd-catag .dropdown:hover .dropdown-content {display: block}
.header-top .barnd-catag .dropdown:hover .dropbtn {background-color: #3e8e41;  background: none; }

.header-bottom{ position: relative; width: 100%; height: auto; background: #e40046; padding: 0px 0; margin: 0px 0; z-index: 99; height: 65px; overflow: visible !important; margin: 0 auto; background: #e40046; }
.header-bottom .barnd-logo{ width:100%; overflow: hidden;  }
.header-bottom .barnd-logo img{ width: 95%; padding: 10px 0 0; }
.header-bottom .w3l_search{  width: 82%; padding: 0; margin: 12px auto 0; overflow: hidden; border-radius: 6px; }
.header-bottom .w3l_search form{  width: 100%; }
.header-bottom .w3l_search form .search-container{  width: 75%;  background: #ccc;  float: left;}
.header-bottom .w3l_search form .search-container input[type="text"] {     width: 90%; background: #efefef; border: none; outline: none; padding: 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #000; }
.header-bottom .w3l_search form .search-container button[type="submit"] {     width: 10%; background: #dcdcdc; border: none; outline: none; padding: 10px 10px; margin: 0; float: right; }
.header-bottom .w3l_search form .select-container{  width: 25%;  background: #efefef; float: right;}
.header-bottom .w3l_search form .select-container select{  width: 100%; background: #dcdcdc; border: none; outline: none; padding: 9px 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;  font-weight: 400; color: #020416; }
.header-bottom .barnd-cart{ float: left; width: 35%; height: 65px; display: inline-block; text-align: center; border-right: 1px solid rgba(0,0,0,0.07); border-left: 1px solid rgba(0,0,0,0.07); }
.header-bottom .barnd-cart a{ text-decoration: none; font-size: 15px; display: block; vertical-align: text-top; padding:21px 0 25px; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.header-bottom .barnd-cart a:hover{ color: #fff;}
.header-bottom .barnd-cart a i.fa{     font-size: 18px; padding: 0 0 0 7px; color: #fff; }
.header-bottom .barnd-login{float: right; width: 65%; display: inline-block;  text-align: center;  }
.header-bottom .barnd-login .dropbtn { color: white; background: none; font-size: 16px; border: none; }
.header-bottom .barnd-login .dropbtn img{ width: 90%; }
.header-bottom .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding: 12px 0 15px 0; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; display: block;width:100%; }
.header-bottom .barnd-login .dropdown { position: relative; display: inline-block; width: 100%;}
.header-bottom .barnd-login .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out, border-radius: 4px 0px 4px 4px; background-color: #333; left: 0px;}
.header-bottom .barnd-login .dropdown-content ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 10px 0px; }
.header-bottom .barnd-login .dropdown-content ul li { margin: 0; float: left !important; width: 100%; text-align: left !important; }
.header-bottom .barnd-login .dropdown-content ul li a { width: 100%; display: block; line-height: 32px; padding-left: 15px; color: #ededed; text-transform: capitalize; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; }
.header-bottom .barnd-login .dropdown-content ul li a:hover{ color: #fff; background: #292929; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown-content ul li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #ff9906; }

.header-bottom .barnd-login .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left;padding: 4px 0 10px; border-top: 2px solid #ff9b05; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #ffbf00; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 600; text-transform: uppercase; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a:hover{ color: #fff; background: #292929; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #ff9906; }

/*.header-bottom .barnd-login .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.header-bottom .barnd-login .dropdown-content a:hover {background-color: #ddd; transition: color 0.25s ease-in-out, }*/
.header-bottom .barnd-login .dropdown:hover .dropdown-content {display: block; transition: color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown:hover .dropbtn {background-color: #333; transition: color 0.25s ease-in-out,   }
.header-bottom .barnd-login .dropbtn i.fa{ width: 35px; height: 35px; border-radius: 50px; padding: 5px; background-color: rgba(0,0,0,0.1); color: #e7f3f7; font-size: 20px; line-height: 22px; margin: 0 0 0 10px; }

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background:#000; }
.banner img.banner-img{ width: 100%; padding: 0; margin: 0; height: auto; }
.banner .dec-banner{ position: absolute; width: 100%; content: ""; bottom: 0px; left: 0; right: 0; margin: 0 auto;       z-index: 9;   background: rgb(1 12 31 / 75%); height: 100%;}
.banner .dec-banner .dec-banner-text{ text-align: center; padding: 120px 0 0; margin: 0; }
.banner .dec-banner .dec-banner-text h3{ color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 40px; line-height: 60px; padding: 0 0 30px; margin: 0; }
.banner .dec-banner .dec-banner-text h5{ color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 40px; letter-spacing: 1px; padding: 0 0 10px; margin: 0; }
.banner .dec-banner .dec-banner-text .w3l_search{  width: 40%; padding: 0; margin: 0 auto; overflow: hidden; border-radius: 6px; }
.banner .dec-banner .dec-banner-text .w3l_search form{  width: 100%; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container{  width: 50%;  background: #ccc;  float: left;}
.banner .dec-banner .dec-banner-text .w3l_search form .search-container input[type="text"] {     width: 80%; background: #efefef; border: none; outline: none; padding: 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #000; }
.banner .dec-banner .dec-banner-text .w3l_search form .search-container button[type="submit"] {     width: 20%; background: #dcdcdc; border: none; outline: none; padding: 10px 10px; margin: 0; float: right; }
.banner .dec-banner .dec-banner-text .w3l_search form .select-container{  width: 50%;  background: #efefef; float: right;}
.banner .dec-banner .dec-banner-text .w3l_search form .select-container select{  width: 100%; background: #ff0000; border: none; outline: none; padding: 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #fff; }

/*About*/
.about-top{  width: 100%; height: auto; background: #fff; padding:0 0px; margin: 10px 0;     background: #fff; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.about-top h2{text-align: center;  font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.about-top h3{text-align: center; font-family: "Abel-Regular"; font-size: 17px; color: #585656; line-height: 30px; padding: 0 0 10px; margin: 0; }
.about-top h3 span{ font-weight: bold; }
.about-top p{text-align: center; }

/*Templates*/
.templates{ width: 100%; height: auto; background: #fff; padding:0 0px 30px; margin: 0px 0;  }
.templates .templates-mar{      background: #fff; margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.templates .templates-mar h3{ text-align: center; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 20px;  padding: 0 0 35px; }
.templates .templates-mar h2{ text-align: center; color: #323030; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 40px; line-height: 60px;     font-size: 24px; line-height: 60px; padding: 0px 0 0; }
.templates .templates-mar img.templates-img{ width: 60%; margin: 0 auto; display: block; padding: 5px 0 6px; }
.templates .templates-mar h5 { text-align: center; color: #04020f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; }
.templates .templates-mar p{     text-align: left; font-size: 13px; font-family: 'Abel-Regular'; color: #000; height: 42px; overflow: hidden; padding: 0; margin: 0;}
.templates .templates-mar a{ padding: 0; margin: 0; text-decoration: none; }
.templates .templates-mar .product-review{  width: 100%; }
.templates .templates-mar .product-review ul{ padding: 0; margin: 0; text-align: center; }
.templates .templates-mar .product-review ul li{ list-style: none; padding: 0; margin: 0; }
.templates .templates-mar .product-review ul li img{ padding: 0; margin: 0; width: 40%;}
.templates .templates-mar .product-price{  width: 100%; padding: 5px 0 10px;}
.templates .templates-mar .product-price ul{ padding: 0; margin: 0; text-align: center; }
.templates .templates-mar .product-price ul li{ list-style: none; padding: 0 10px 0 0; margin: 0; display: inline-block; color: #292828; font-weight: 400;}
.templates .templates-mar .product-price ul li span{margin: 0; font-weight: bold; font-size: 16px; padding: 0 1px; font-family: none; color: #000;}
.templates .templates-mar .product-price ul li del{     padding: 0; margin: 0; font-size: 13px; color: #8e8e8e; line-height: 15px; }
.templates .templates-mar .product-price ul li a{ padding: 0; margin: 0; }

/*background: #f7f7f7;*/

/*recent-product*/
.recent-product{width: 100%; height: auto; background: #fff; padding:0 0px 30px; margin: 0px 0;}
.recent-product .recent-box{      background: #fff; margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.recent-product .recent-box img{ width: 100%;padding: 0px; height: 250px; }

/*Templates-two*/
.templates-two{ width: 100%; -twoheight: auto; background: #fff; padding:0 0px 30px; margin: 0px 0;  }
.templates-two .templates-mar-two{      background: #fff; margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.templates-two .templates-mar-two h3{ text-align: center; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 20px;  padding: 0 0 35px; }
.templates-two .templates-mar-two h2{ text-align: center; color: #323030; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 40px; line-height: 60px;     font-size: 24px; line-height: 60px; padding: 0px 0 0; }
.templates-two .templates-mar-two img.templates-img{ width: 60%; margin: 0 auto; display: block; padding: 5px 0 6px; }
.templates-two .templates-mar-two h5 { text-align: center; color: #04020f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; }
.templates-two .templates-mar-two p{     text-align: left; font-size: 13px; font-family: 'Abel-Regular'; color: #000; height: 42px; overflow: hidden; padding: 0; margin: 0;}
.templates-two .templates-mar-two a{ padding: 0; margin: 0; text-decoration: none; }
.templates-two .templates-mar-two .product-review{  width: 100%; }
.templates-two .templates-mar-two .product-review ul{ padding: 0; margin: 0; text-align: center; }
.templates-two .templates-mar-two .product-review ul li{ list-style: none; padding: 0; margin: 0; }
.templates-two .templates-mar-two .product-review ul li img{ padding: 0; margin: 0; width: 40%;}
.templates-two .templates-mar-two .product-price{  width: 100%; padding: 5px 0 10px;}
.templates-two .templates-mar-two .product-price ul{ padding: 0; margin: 0; text-align: center; }
.templates-two .templates-mar-two .product-price ul li{ list-style: none; padding: 0 10px 0 0; margin: 0; display: inline-block; color: #292828; font-weight: 400;}
.templates-two .templates-mar-two .product-price ul li span{margin: 0; font-weight: bold; font-size: 16px; padding: 0 1px; font-family: none; color: #000;}
.templates-two .templates-mar-two .product-price ul li del{     padding: 0; margin: 0; font-size: 13px; color: #8e8e8e; line-height: 15px; }
.templates-two .templates-mar-two .product-price ul li a{ padding: 0; margin: 0; }

/*Templates-three*/
.templates-three{ width: 100%; -twoheight: auto; background: #fff; padding:0 0px 30px; margin: 0px 0;  }
.templates-three .templates-mar-three{      background: #f7f7f7; margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.templates-three .templates-mar-three h3{ text-align: center; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 20px;  padding: 0 0 35px; }
.templates-three .templates-mar-three h2{ text-align: center; color: #323030; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 40px; line-height: 60px;     font-size: 24px; line-height: 60px; padding: 0px 0 0; }
.templates-three .templates-mar-three img.templates-img{ width: 60%; margin: 0 auto; display: block; padding: 5px 0 6px; }
.templates-three .templates-mar-three h5 { text-align: center; color: #04020f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; }
.templates-three .templates-mar-three p{ display: none;    text-align: left; font-size: 13px; font-family: 'Abel-Regular'; color: #000; height: 42px; overflow: hidden; padding: 0; margin: 0;}
.templates-three .templates-mar-three a{ padding: 0; margin: 0; text-decoration: none; }
.templates-three .templates-mar-three .product-review{  width: 100%; }
.templates-three .templates-mar-three .product-review ul{ padding: 0; margin: 0; text-align: center; }
.templates-three .templates-mar-three .product-review ul li{ list-style: none; padding: 0; margin: 0; }
.templates-three .templates-mar-three .product-review ul li img{ padding: 0; margin: 0; width: 40%;}
.templates-three .templates-mar-three .product-price{  width: 100%; padding: 5px 0 10px;}
.templates-three .templates-mar-three .product-price ul{ padding: 0; margin: 0; text-align: center; }
.templates-three .templates-mar-three .product-price ul li{ list-style: none; padding: 0 10px 0 0; margin: 0; display: inline-block; color: #292828; font-weight: 400;}
.templates-three .templates-mar-three .product-price ul li span{margin: 0; font-weight: bold; font-size: 16px; padding: 0 1px; font-family: none; color: #000;}
.templates-three .templates-mar-three .product-price ul li del{     padding: 0; margin: 0; font-size: 13px; color: #8e8e8e; line-height: 15px; }
.templates-three .templates-mar-three .product-price ul li a{ padding: 0; margin: 0; }

/*desigen-mob*/
.desigen-mob{ width: 100%; height: auto; background: #fff; padding:60px 0px 30px; margin: 0px 0;  }
.desigen-mob h2{ text-align: center; color: #323030; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 40px; line-height: 60px;     font-size: 24px; line-height: 60px; padding: 0px 0 0; }

.desigen-mob h3{ text-align: left;color: #042140;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight: 600;font-size: 25px;line-height: 40px;padding:50px 0 0; }
.desigen-mob h5{ text-align: left; color: #031427; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 30px; padding:10px 0 10px; font-style: italic;}
.desigen-mob h6{ text-align: left; color: #04182d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; padding: 20px 0 20px; }
.desigen-mob p{ text-align: left; color: #717070; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 16px; line-height: 25px; padding: 0 0 40px 0; }
.desigen-mob a{ text-align: center; color: #ffffff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; display: inline-block; background: #ff9b05; margin: 0px 0 0; border-radius: 10px; padding: 9px 30px; border-bottom: 5px solid #d47f00; font-size: 16px; }

/*desigen-payment*/
.desigen-payment{ width: 100%; height: auto; background: #fff; padding:0 0px 30px; margin: 0px 0;  }
.desigen-payment .help-payment{      background: #fff; margin: 0px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.desigen-payment .help-payment .pay-box-help{ width: 25%; float: left; position: relative; overflow: hidden; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 13px; margin: 0; } 
.desigen-payment .help-payment .pay-box-help img{ width: 70%; margin: 0 auto 15px; display: block; } 
.desigen-payment .help-payment .pay-box-help h5{text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 16px; color: #414244; line-height: 25px; padding: 0 0 5px; margin: 0; } 
.desigen-payment .help-payment .pay-box-help p{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; padding: 0 0 10px; margin: 0; } 
.desigen-payment .help-payment .pay-box-help h6{text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-size: 11px; color: #313131; line-height: 15px; padding: 0; margin: 0; }

/*sing-up*/
.sing-up{ width: 100%; height: auto; background: #fff; padding:50px 0px 30px; margin: 0px 0;  }
.sing-up .sing-up-text{  width: 50%; margin: 0 auto; overflow: hidden; padding: 0; }
.sing-up .sing-up-text h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #0a153c; padding: 0 0 10px; margin: 0;}
.sing-up .sing-up-text h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 22px; line-height: 40px; color: #000; }
.sing-up .sing-up-text h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #000; }

.sing-up .sing-up-text .sing-up-form{     width: 50%; float: left; padding: 0 0 0; margin: 50px 0 0; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 30px; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l input{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc{     margin: 50px 0 0;  width: 50%; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub{ width: 100%; text-align: center; background: #3483ff; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; padding:0 0 10px; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub input{ width: 100%; outline: none; border: none; background: none; font-size: 20px; line-height: 30px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.sing-up .sing-up-text .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }
.sing-up .sing-up-text .sing-up-social img.facebook-img{ padding: 100px 0 20px; width: 80%; text-align: right; float: right;  }
.sing-up .sing-up-text .sing-up-social img.google-img{ width: 80%; text-align: right; float: right;  padding: 0 0 100px 0; }

.sing-up .sing-up-text .sing-up-social img.facebook-log-img{ padding: 30px 0 20px; width: 80%; text-align: right; float: right;  }
.sing-up .sing-up-text .sing-up-social img.google-log-img{ width: 80%; text-align: right; float: right;  padding: 0 0 50px 0; }
a.forget{ font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400; font-size: 14px; text-align: right; display: block; color: #3483ff; }

.reset{  width: 70% !important; margin: 50px auto !important; display: block; float: none !important; text-align: center; }

/*about-us*/
.about-us{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.about-us h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.about-us h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.about-us h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.about-us .abo-rt-box{ width: 100%; padding: 0; margin: 0; }
.about-us .abo-rt-box h5{     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; text-align: left; padding: 0 0 10px; font-size: 22px; line-height: 30px; margin: 0; }
.about-us .abo-rt-box p{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; text-align: left; font-size: 18px; line-height: 30px; padding: 0 0 30px; margin: 0; }

/*faq-us*/
.faq{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.faq h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.faq h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.faq h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.faq .faq-box{ width: 100%; padding: 0; margin: 0; }
.faq .faq-box h5{     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; text-align: left; padding: 0 0 10px; font-size: 22px; line-height: 30px; margin: 0; }
.faq .faq-box p{font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; text-align: left; font-size: 17px; line-height: 30px; padding: 0 0 30px 20px; margin: 0; color: #5d5b5b; }

/*contact-us*/
.contact-us{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.contact-us h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.contact-us h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.contact-us h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.contact-us .con-box-form{ width: 100%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 0; }
.contact-us .con-box{ width: 23%; float: left; margin:0 18px 25px 0; overflow: hidden; padding: 0; }
.contact-us .con-box h3{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; } 
.contact-us .con-box h3 i.fa{     color: #0070bb; font-size: 20px; font-weight: bold; padding: 0 10px 0 0; }
.contact-us .con-box ul { padding: 0; margin: 0; } 
.contact-us .con-box ul li{  font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; } 
.contact-us .con-box ul li a{ text-decoration: none;  font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; color: #616161; font-size: 15px; line-height: 25px; padding: 0 0 5px; display: block; } 
.contact-us .con-box ul li a:hover{ color: #000; }

.contact-us .con-box-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 30px; }
.contact-us .con-box-form .form-left-to-w3l input{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.contact-us .con-box-form .form-sub-acc{     margin: 50px 0 0;  width: 50%; }
.contact-us .con-box-form .form-sub-acc .form-sub{ width: 100%; text-align: center; background: #3483ff; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; padding:0 0 10px; }
.contact-us .con-box-form .form-sub-acc .form-sub input{ width: 100%; outline: none; border: none; background: none; font-size: 20px; line-height: 30px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .form-left-to-w3l textarea{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.contact-us .con-box-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }

.service-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
img.pro-img{  width: 100%; border-radius: 30px; text-align: center; background: #f1f1f1; padding: 10px; margin: 0 auto; }
.service-top a{ text-align: center;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%);  }
.service-top a:hover{ background: #007eff; }

/*gallery*/
.gallery-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.gallery-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
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: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.video-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
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: 0px; margin: 10px 0;     display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.feedback-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.feedback-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.feedback-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.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;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.feedback-top input[type="submit"]:hover { background: #333; color: #fff; }

/*enquuiry*/
.enquuiry-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0;    display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.enquuiry-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.enquuiry-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.enquuiry-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.enquuiry-top .input-group textarea { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.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;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.enquuiry-top input[type="submit"]:hover { background: #333; color: #fff; }

/*payment*/
.payment-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.payment-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.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; }
.payment-top .pay-det p{ font-size: 17px; color: #000; line-height: 30px; display: block; }
.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{ width: 100%;  background: url(../images/bg.jpg) no-repeat;    background-attachment: fixed; position: relative; background-size: cover; padding: 40px 0 0; }
.footer-box h3{text-align: left; color: #ffffff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; padding: 0 0 20px; }

.footer-box li{  display: block; color: #828282;     text-align: justify;font-size: 14px; line-height: 23px; padding: 0; margin: 0; list-style: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400; }
.footer-box li a{  color: #828282; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-size: 14px; text-transform: none; }
.footer-box li a:hover{ color: #fff; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.footer-box li a span{     display: block;}
.cpy-right{     margin: 20px 0 0; padding: 10px 0; background: rgb(24 6 5 / 65%); color: #fff; border: 1px solid #131313;  }
.cpy-right p{ text-align: center; color: #bdbdbd; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400; font-size: 14px; }
.cpy-right p a{ text-decoration: none; text-decoration: none; color: #ff3908; font-family: 'Abel-Regular';}
.cpy-right p a:hover{ color: #bdbdbd;}
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info