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; 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; }
ul{ margin:0; padding:0; }
label{ margin:0; }
*{ 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;  }
.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: 180px; }
.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*/
.header{ position: relative; position: fixed; width: 100%; height: auto; background: #efefef; padding: 5px 0; margin: 0px 0;     z-index: 999;}
.header .logo{ position: relative; overflow: hidden; width: 100%; }
.header .logo img{ width: 85%; }

.dropbtn { color: white; background: none; font-size: 16px; border: none; }
.dropbtn img{ width: 90%; }
.dropbtn { background-color: #4CAF50; background: none; color: white; padding: 10px; font-size: 16px; border: none; border-right: 1px solid #ccc; outline: none; border-left: 1px solid #ccc; }
.dropdown { position: relative; display: inline-block;}
.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;}
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #ddd}
.dropdown:hover .dropdown-content {display: block}
.dropdown:hover .dropbtn {background-color: #3e8e41;  background: none; }

.header .menu-ber{ position: relative; overflow: hidden; width: 100%;  padding: 10px 0 0;   text-align: center; }
.header .menu-ber ul{ padding: 0; margin: 0; }
.header .menu-ber ul li{ display: inline-block; padding: 0; margin: 0; }
.header .menu-ber ul li a{text-transform: uppercase; margin: 0; 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; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; color: #061343; font-size: 16px; padding: 0 10px;}
.header .menu-ber ul li a:hover{ color: #025e9d; 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; }

.header .social-logo{ position: relative; width: 100%; padding: 4px 0 0; }
.header .social-logo ul{ padding: 0; margin: 0; float: right; text-align: right; }
.header .social-logo ul li{ display: inline-block; padding: 5px 0 0 5px; margin: 0; }
.header .social-logo ul li a{  margin: 0; 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-size: 20px; color: #222e58; background: #dcdcdc; border-radius: 50%; line-height: 35px; padding: 5px 9px; }
.header .social-logo ul li a:hover{margin: 0; 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; }
.badge{ position: absolute; font-size: 9px; right: -12px; z-index: 9; background: #061652; }

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 50px 0 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: 100%; 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: -50px auto 0; z-index: 99; position: relative; width: 90%; overflow: hidden; }
.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: 34px; line-height: 60px; padding: 15px 0 0; }
.templates .templates-mar p{ 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 img.templates-img{ width: 100%; }
.templates .templates-mar h5 { text-align: center; color: #1b1a1a; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 16px; line-height: 35px; }

/*trending-template*/
.trending-template{     width: 100%; height: auto; background: #f7f3f3; margin: 40px 0 0; padding: 15px; }
.trending-template img{ width: 100%; height: auto;   }
.trending-template h5 { text-align: center; color: #1b1a1a; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 16px; line-height: 35px; }

/*friendly-mob*/
.friendly-mob{ width: 100%; height: auto; background: #fff; padding:0 0px 30px; margin: 0px 0;  }
.friendly-mob h3{ background: #fff;text-align: center; color: #1b1a1a; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 40px; line-height: 80px; padding: 80px 0 10px; margin: 0; }
.friendly-mob h5{  background: #fff;  text-align: center; color: #363b48; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 24px; line-height: 40px; padding: 0 0 10px; font-style: italic; }
.friendly-mob p{ background: #fff;text-align: center; color: #000000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 25px; line-height: 40px; padding: 0 0 10px; }
.friendly-mob a{ text-align: center; color: #000000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; display: block; background: #f7ae01; width: 20%; margin: 30px auto; border-radius: 10px; padding: 10px 0; border-bottom: 5px solid #525252; font-size: 16px; }

/*.testmonial-new*/
.testmonial-new { position: relative; width: 100%; background: #071c48; background:url(../images/bg-back.gif) no-repeat top right; background-attachment: fixed; background-size: cover; overflow: hidden; margin: 0; }
.testmonial-new .test-lt {  float: right; text-align: center; width: 40%; position: relative; overflow: hidden; padding: 30px 0 0;  padding: 0 0 10px 0; }
.testmonial-new .test-lt img { width: 10%; padding: 50px 0 0; }
.testmonial-new .test-lt h3 { margin: 0; color: #fff; line-height: 30px; padding: 14px 0 7px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 18px; }
.testmonial-new .test-lt p { margin: 0; font-family: inherit; font-weight: 400; color: #ffffff; font-size: 17px; line-height: 25px; padding: 10px 10px 30px; }
.testmonial-new:after{    position: absolute; width: 100%; content: ""; bottom: 0px; left: 0; right: 0; margin: 0 auto; background: rgb(255 94 54 / 76%); height: 100%;}

.testmonial-new .test-rt { z-index: 999; position: relative; height: 300px; width: 60%; padding: 0px; float: left; -webkit-clip-path: polygon(0 0%, 100% 0%, 100% -640px, 0 265%); clip-path: polygon(0 0%, 100% 0%, 100% 0px, 0 425%); background: rgb(4 207 255 / 75%);}
.testmonial-new .test-rt p{ color: #fff; font-family: inherit; font-weight: 300; font-size: 15px; line-height: 26px; letter-spacing: 1px; padding: 0 150px 0 100px; margin: 0; text-align: justify; }
.testmonial-new .test-rt h4{  text-align: left; color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 34px; line-height: 60px; padding: 50px 0 15px 100px; }

/*==================================================== Service Start =========================================*/
.service{ width:100%; padding:30px 0; margin:0; background:#f5f3f6; }
.service .number{     position: relative; padding: 50px 0; margin: 0 auto; display: inline-block; width: 100%; text-align: center; background: #ffffff; border: 15px solid #f5f5f5; box-shadow: 0 -1px 21px -10px; }
.service .number img.step-img{width: 100%; height: auto; }
.service .number .box-1{     width: 400px;display: block;position: absolute;left: 120px;top: 100px;padding: 0px;margin: 0;background: #FFF;box-sizing: border-box;transition: all 400ms ease-in-out;border: 5px solid #f5f5f5;box-shadow: -1px 0 31px -17px; }
.service .number .box-1:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-1 .img-b{ width:180px; display:block; float:left; padding:0 0; margin:0px; box-sizing:border-box; }
.service .number .box-1 .text-b{ width:200px; display:block; float:left; padding: 0 0 0 10px; margin: 0; text-align: left; }
.service .number .box-1 .text-b h3{ color: #0b0b0b; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; padding: 0 0 5px; margin: 0;  }
.service .number .box-1 .text-b p{font-size: 15px; color: #272727; line-height: 20px; display: inline-block; padding: 0 0; margin: 0; font-family: revert; text-align: justify; }

.service .number .box-2{padding: 0px; width: 400px; display: block; position: absolute; right: 120px; top: 220px; margin: 0; background: #FFF; box-sizing: border-box; border: 5px solid #f5f5f5; box-shadow: -1px 0 31px -17px;}
.service .number .box-2:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-2 .img-b{ width:180px; display:block; float:left; padding:0 0; margin:0px; box-sizing:border-box; }
.service .number .box-2 .text-b{ width:200px; display:block; float:left; padding: 0 0 0 10px; margin: 0; text-align: left; }
.service .number .box-2 .text-b h3{ color: #0b0b0b; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; padding: 0 0 5px; margin: 0; }
.service .number .box-2 .text-b p{font-size: 15px; color: #272727; line-height: 20px; display: inline-block; padding: 0 0; margin: 0; font-family: revert; text-align: justify;  }

.service .number .box-3{    width: 400px;display: block;position: absolute;left: 120px;top: 350px;padding: 0px;margin: 0;background: #FFF;box-sizing: border-box;transition: all 400ms ease-in-out;border: 5px solid #f5f5f5;box-shadow: -1px 0 31px -17px;  }
.service .number .box-3:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-3 .img-b{ width:180px; display:block; float:left; padding:0 0; margin:0px; box-sizing:border-box; }
.service .number .box-3 .text-b{ width:200px; display:block; float:left;  padding: 0 0 0 10px; margin: 0; text-align: left;}
.service .number .box-3 .text-b h3{ color: #0b0b0b; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; padding: 0 0 5px; margin: 0;  }
.service .number .box-3 .text-b p{font-size: 15px; color: #272727; line-height: 20px; display: inline-block; padding: 0 0; margin: 0; font-family: revert; text-align: justify; }

.service .number .box-4{padding: 0px; width: 400px; display: block; position: absolute; right: 120px; top: 500px; margin: 0; background: #FFF; box-sizing: border-box; border: 5px solid #f5f5f5; box-shadow: -1px 0 31px -17px; }
.service .number .box-4:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }

.service .number .box-4 .img-b{ width:180px; display:block; float:left; padding:0 0; margin:0px; box-sizing:border-box; }
.service .number .box-4 .text-b{ width:200px; display:block; float:left;  padding: 0 0 0 10px; margin: 0; text-align: left; }
.service .number .box-4 .text-b h3{ color: #0b0b0b; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; padding: 0 0 5px; margin: 0; }
.service .number .box-4 .text-b p{ font-size: 15px; color: #272727; line-height: 20px; display: inline-block; padding: 0 0; margin: 0; font-family: revert; text-align: justify; }

/*recent-releases*/
.recent-releases{ width: 100%; height: auto; background: #fff; padding:0 0px 30px; margin: 0px 0; z-index: 9;  position: relative; }
.recent-releases h2{ text-align: center; color: #000; 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: 34px; line-height: 60px; padding: 15px 0 0; }
.recent-releases p{ text-align: center; color: #4c4c4c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 22px; line-height: 30px; padding: 0 0 40px 0; }
.recent-releases .recent-releases-box{  background: #fff; margin: 0px 0 30px 0; z-index: 99; position: relative; }
.recent-releases .recent-releases-box img.releases-img{ width: 100%; border-radius: 8px;}
.recent-releases .recent-releases-box h5{ text-align: center; color: #484545; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 20px; line-height: 40px; }

/*desigen-mob*/
.desigen-mob{ width: 100%; height: auto; background: #fff; padding:0 0px 30px; margin: 0px 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: #ff5e36; margin: 0px 0 0; border-radius: 10px; padding: 9px 30px; border-bottom: 5px solid #525252; font-size: 16px; }

/*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: 100px 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*/
.template-details{  width: 100%; height: auto; background: #fff; padding: 100px 30px; margin: 0px 0; }
.template-details h2{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 25px; color: #150505; padding: 0 0 10px; margin: 0;}
.template-details p{ 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; }
.template-details .box-lt-single-template{     width: 73%; float: left; overflow: hidden; background: #f8feff; padding: 0 20px; margin: 60px 0 0; border-top: 5px solid #f1f1f1; border-radius: 15px;}
.template-details .box-lt-single-template h4{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 29px; line-height: 50px; color: #000; padding: 0 0 25px; margin: 0; }
.template-details .box-lt-single-template img{ width:100%; }
.template-details .box-lt-single-template p{  }

.template-details .box-rt-single-template{  border-top: 5px solid #f1f1f1;border-radius: 12px; width: 24%; float: right; overflow: hidden; background: #fff; padding: 20px 20px 50px; margin: 50px 0 0; }
.template-details .box-rt-single-template h4{ font-family: 'Federo', sans-serif; font-size: 18px; font-weight: bold; line-height: 28px; color: #070d36; font-style: italic; padding: 0 0 0px; margin: 0; }
.template-details .box-rt-single-template h4 span{ display: block; color: #f00; font-weight: 400; padding: 8px 0 0; font-style: normal; font-size: 23px; margin: 0; } 
.template-details .box-rt-single-template a.lt-r{ box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(105 179 254 / 90%); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; padding: 0.625rem 1.375rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0.3125rem; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out; background-color: #69b3fe; border-color: #69b3fe; color: #fff; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;     display: inline-block; margin: 0 8px 0 0; }
.template-details .box-rt-single-template a.rt-r{ box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(254 105 106 / 90%); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; padding: 0.625rem 1.375rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0.3125rem; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out; background-color: #69b3fe; background: #fe696a; border-color: #fe696a; color: #fff; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}    
.template-details .box-rt-single-template a.lt-r:hover{ background-color: #3699fe; border-color: #3699fe;   box-shadow:none; }
.template-details .box-rt-single-template a.rt-r:hover{ background-color: #ff0002; border-color: #ff0002;   box-shadow:none; } 
.template-details .box-rt-single-template h6{margin: 20px 0 0; font-family: 'Federo', sans-serif; font-size: 15px; line-height: 24px; text-align: justify; color: #595757;}
    
    
/*faq-us*/
.faq{  width: 100%; height: auto; background: #fff; padding: 100px 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: 100px 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