MAINHACK

Viewing / Editing File: style.css

html, body{ margin:0; font-size: 100%; font-family: 'Lato', sans-serif; background: #fff; }
body a {  outline: none !important; text-decoration: none !important; 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;}
}
a{outline: none !important; text-decoration: none !important;transition: all 600ms ease-in-out;}
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;transition: all 600ms ease-in-out; }
/*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{ }
.body-right a.share-reports-details{cursor: pointer;}
.body-right #rum_sst_tab:hover { background-color: #03274a; transition: all 500ms ease-in-out; }
.body-right #rum_sst_tab { top: 350px; background-color: #bc4b00; color: #ffffff; border-style: solid; border-width: 0px; font-family: "Abel-Regular"; font-size: 20px; }
.body-right .rum_sst_left { left: -2px; cursor: pointer; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);
-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } 
.body-right .rum_sst_contents { position: fixed; margin: 0; padding: 6px 13px 8px 13px; text-decoration: none; text-align: center; font-size: 15px; font-weight: normal; border-style: solid; display: block; z-index: 100000; }

/*header-top*/
.header-top{ position: relative; width: 100%; height: auto; background: #155a9d; padding: 4px 0 6px 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: #ddd; padding: 0 0 0; margin: 0px 0 0 0; text-align: left;}
.header-top .barnd-help a{ color: #fff; font-size: 14px; padding: 0 0 0 0; transition: all 500ms ease-in-out; font-family: arial; font-weight: lighter; margin: 0 10px 0 0; }
.header-top .barnd-help a:hover{ text-decoration: none; color: #ffffffcf; transition: all 500ms ease-in-out;}
.header-top .barnd-help a i{color: #fff; padding: 0 7px 0 0; margin: 0; font-size: 15px; line-height: 20px; }
.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;transition: all 500ms ease-in-out; text-decoration: none; display: block;padding: 0 0 0; margin: 10px 0 0 0;}
.header-top .barnd-catag .dropdown-content a:hover {background-color: #ddd; transition: all 600ms ease-in-out;}
.header-top .barnd-catag .dropdown:hover .dropdown-content {display: block; }
.header-top .barnd-catag .dropdown:hover .dropbtn {background-color: #3e8e41;  background: none; }
.header-top img.border-up-img{ width: 100%;  position: absolute; z-index: 9; bottom: -10px;left: 0; padding: 0; margin: 0; height: auto; opacity: 1;  }

.header-bottom{ position: relative; width: 100%; height: auto; background: #e40046; padding: 0px 0; margin: 0px 0; z-index: 99;  overflow: visible !important; margin: 0 auto; background: #fff; }
.header-bottom .barnd-logo{ width:100%; overflow: hidden;  }
.header-bottom .barnd-logo img{ width: 100%; padding: 10px 0 0; }

.header-bottom .barnd-login{ float: right; width: 100%; text-align: center; padding: 0 0; margin: 10px 0 0; }
.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: 13px 0; color: #fff; 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%;  background: #155a9d; border-radius: 25px 0px 25px 0px;}
.header-bottom .barnd-login .dropdown { position: relative; display: inline-block; width: 100%;}
.header-bottom .barnd-login .dropdown-content { display: none; position: absolute; 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: #155a9d; left: 0px; border-radius: 0 30px 0px 30px; border-top: 2px solid #cccccc1a; }
.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: #0a4884; 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: #fff; }
h5.login_user_name{font-family: 'Federo', sans-serif; font-size: 14px; color: #07437d; line-height: 20px; padding: 0 0; margin: 15px 0 0;  }
h5.login_user_name:hover{color: #ff3f00;}
.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: #fff; 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: #0a4884; 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: #fff; }

/*.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: #f46911; 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: rgb(255, 255, 255); color: #1382db; font-size: 20px; line-height: 22px; margin: 0 0 0 10px; }
.header-bottom .navegition{ width: 100%; position: relative; padding: 0 0; margin: 20px 0 0 0; display: inline-block; }
.header-bottom .navegition {}

/*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; opacity: 0.7; }
.banner .dec-text{ position: absolute; width: 35%; content: ""; bottom: 20%; left: -50%; right: 0; margin: 0 auto; z-index: 9; height: 50%; }
.banner .dec-text img{ width: 100%;}
.banner .dec-text-2{ position: absolute; width: 35%; content: ""; bottom: 35%; left: 0; right: -60%; margin: 0 auto; z-index: 9; height: 50%; }
.banner .dec-text-2 img{ width: 100%;}
.banner img.border-down-img{ width: 100%;  position: absolute; z-index: 9; top: 0px; left: 0;padding: 0; margin: 0; height: auto; opacity: 1; }
.banner img.border-up-img{ width: 100%;  position: absolute; z-index: 9; bottom: 0px;left: 0; padding: 0; margin: 0; height: auto; opacity: 1;  }

/*About*/
.about-inner{  width: 100%; height: auto; background: #fff; padding: 30px 0 50px; margin: 0; position: relative; }
.about-inner .left-text-top h2{text-align: left; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 35px; padding: 10px 0 10px; margin: 0; color: #192f33;}
.about-inner .left-text-top p{text-align: justify; font-family: "Abel-Regular"; font-size: 20px; color: #192f33de; line-height: 30px; padding: 0 0 10px; margin: 0; }
.about-inner .left-text-top ul{ position: relative;  padding: 0 0; margin: 0 0; }
.about-inner .left-text-top ul li{ list-style: none; padding: 0 0; font-size: 20px; line-height: 40px; color: #192f33de; font-weight: 200; margin: 0 0 0 10px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

/*whywe*/
.whywe{ position: relative; background: url(../images/ab-bg.png) no-repeat top left;  width: 100%; overflow: hidden; display: inline-block; padding: 20px 0; margin: 0; background-size: cover; background-attachment: fixed;  }
.whywe .box-why{ width: 22%; float: left; overflow: hidden;   transition:all 600ms ease-in-out; margin: 10px 15px 40px; background: #155a9d; padding: 0; border-radius: 5px; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; }
.whywe .box-why img{ width: 100%; position: relative; }
.whywe .box-why h4{text-align: center; font-family: "Abel-Regular"; font-size: 20px;   transition:all 600ms ease-in-out; line-height: 26px; padding: 0 17px 15px; margin: 0; color: #fff;}
.whywe .box-why:hover{ background: #fff;   transition:all 600ms ease-in-out;}
.whywe .box-why:hover h4{ color: #0a171ade;  transition:all 600ms ease-in-out;}

.title-all{position: relative; width: 100%; display: inline-block; padding: 0 0; margin: 0 0;}
.title-all h2{ text-align: center; color: #073b6c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 25px; line-height: 45px; padding: 0px 0 0; }
.title-all h3{ text-align: center; color: #093055; 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: 0 0 30px;}

/*checks-some*/
.checks-some {width: 100%; position: relative; z-index: 9; background: #ececec; background: #fdfdfd; padding: 30px 0 40px; margin: 0;}
.checks-some .checks-some-box{background: #fff; width: 100%; padding: 0; border-radius: 10px; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.09); margin: 0 0px 30px; transition:all 600ms ease-in-out;}
.checks-some .checks-some-box img{width: 100%; margin: 0 auto ; display: block;}
.checks-some .checks-some-box:hover{transform: scale(1.1);  transition:all 600ms ease-in-out;}
.checks-some .checks-some-box h5{text-align: center; color: #073b6c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 16px; line-height: 23px; padding: 0px 0 0; margin: 0; letter-spacing: 0.5px;}
.checks-some .checks-some-box p{ text-align: center; color: #041728b8; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; padding: 1px 0 0; margin: 0; letter-spacing: 0; height: 106px; overflow: hidden; }

/*About*/
.about{position: relative; background: url(../images/ab-bg.png) no-repeat top left; background: #fff; width: 100%; overflow: hidden; display: inline-block; padding: 20px 0; margin: 0; }
.about p{text-align: left; font-size: 22px; line-height: 40px; color: #05284a; font-weight: 200; margin: 20px 0 20px 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; display: block;}
.about h2{font-family: 'Federo', sans-serif; color: #022648; font-size: 40px; line-height: 60px; padding: 60px 0 1px 0; margin: 0 0 0 0;} 
.about h4{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 20px; line-height: 22px; padding: 0 0 10px 0; margin: 0; letter-spacing: 0; color: #05284a; font-style: italic; font-weight: 300;} 
.about img.about-img{ width: 100%;}
.about .ankerTEG { position: relative; top: 0; left: 0; height: 50px; display: flex; justify-content: center; align-items: center; width: 35%; padding: 0; margin: 15px 0 10px; display: inline-block; }
.about .ankerTEG a {position: absolute; top: -20px; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(90, 9, 149, 0); box-shadow: 0 10px 10px rgba(56, 5, 94, 0.25); border-radius: 30px; padding: 10px; overflow: hidden; color: #2d004de5; z-index: 1; transition: 0.5s; backdrop-filter: blur(15px); border: 1px solid #5a099517; font-size: 15px; font-family: "Poppins", sans-serif; box-shadow: 0 10px 20px rgba(56, 5, 94, 0.23);}
.about .ankerTEG:hover a { letter-spacing: 2px; color: #fff;  transition:all 600ms ease-in-out;}
.about .ankerTEG a::before { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(to left, rgba(21, 90, 157, 0.22), #5a099500); transform: skewX(45deg) translate(0); transition: 0.5s; filter: blur(0px);}
.about .ankerTEG:hover a::before { transform: skewX(45deg) translate(200px);}
.about .ankerTEG::after { content: ""; position: absolute; left: 50%; transform: translatex(-50%); top: -25px; width: 30px; height: 10px; background: #155a9d; border-radius: 10px; transition: 0.5s; transition-delay: 0.5; }
.about .ankerTEG:hover::after /*lightup button*/ { top: -20px; height: 50%; width: 80%; border-radius: 30px; }
.about .ankerTEG::before { content: ""; position: absolute; left: 50%; transform: translatex(-50%); bottom: 14px; width: 30px; height: 10px; background: #155a9d; border-radius: 10px; transition: 0.5s; transition-delay: 0.5; }
.about .ankerTEG:hover::before /*lightup button*/ { bottom: 21px; height: 50%; width: 80%; border-radius: 30px; }

/*disclaimer*/
.disclaimer{ width: 100%; position: relative; text-align: center; z-index: 9; background: #f37d0e; padding: 40px 0 15px; margin: 0;}
.disclaimer h2{ font-style: normal; margin: 0; text-align: center; color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 45px; padding: 0px 0 0; letter-spacing: 1px;}
.disclaimer h2 span{display: block; font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; font-size: 20px; color: #0f021e; line-height: 35px; text-transform: capitalize; padding: 0 0 25px; }
.disclaimer h3{text-align: center; 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: 30px; padding: 0 0 5px;}
.disclaimer p{font-style: normal; margin: 0 0 30px; text-align: center; 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: 30px; padding: 0 0 5px;} 
.disclaimer .ankerTEG { position: relative; top: 0; left: 0; height: 50px; display: flex; justify-content: center; align-items: center; width: 15%; padding: 0; margin: 15px 0 10px; display: inline-block; }
.disclaimer .ankerTEG a {position: absolute; top: -20px; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgb(255, 126, 5); border-radius: 30px; padding: 10px; overflow: hidden; z-index: 1; transition: 0.5s; backdrop-filter: blur(15px); border: 1px solid #5a099517; font-size: 15px; font-family: "Poppins", sans-serif; box-shadow: 0 10px 20px rgba(56, 5, 94, 0.18); font-weight: bold; color: #fff; }
.disclaimer .ankerTEG:hover a { letter-spacing: 2px; color: #000;  transition:all 600ms ease-in-out; }
.disclaimer .ankerTEG a::before { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(to left, rgba(238, 115, 82, 0.29), #5a099500); transform: skewX(45deg) translate(0); transition: 0.5s; filter: blur(0px);background: linear-gradient(to left, rgba(255, 255, 255, 0.51), #5a099500);}
.disclaimer .ankerTEG:hover a::before { transform: skewX(45deg) translate(200px);}
.disclaimer .ankerTEG::after { content: ""; position: absolute; left: 50%; transform: translatex(-50%); top: -25px; width: 30px; height: 10px; background: #fff; border-radius: 10px; transition: 0.5s; transition-delay: 0.5; }
.disclaimer .ankerTEG:hover::after /*lightup button*/ { top: -20px; height: 50%; width: 80%; border-radius: 30px; }
.disclaimer .ankerTEG::before { content: ""; position: absolute; left: 50%; transform: translatex(-50%); bottom: 14px; width: 30px; height: 10px; background: #fff; border-radius: 10px; transition: 0.5s; transition-delay: 0.5; }
.disclaimer .ankerTEG:hover::before /*lightup button*/ { bottom: 21px; height: 50%; width: 80%; border-radius: 30px; }
.disclaimer img.qutashan{ position: absolute; bottom: 50px; right: 10%; width: 6%; opacity: 0.5 !important; }
.disclaimer img.border-down-img{ width: 100%;  position: absolute; z-index: 9; top: 0px; left: 0;padding: 0; margin: 0; height: auto; opacity: 1; }
.disclaimer img.border-up-img{ width: 100%;  position: absolute; z-index: 9; bottom: 0px; left: 0;padding: 0; margin: 0; height: auto; opacity: 1;  }

/*.inner-title*/
.inner-title{position: relative; width: 100%; padding:0 0px; margin: 0px 0;}
.inner-title 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: 30px; line-height: 60px; padding: 0px 0 0;}
.inner-title 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: 19px; line-height: 20px; padding: 0 0 35px;}

/*inner-banner*/
.inner-banner{ position: relative; width: 100%; padding:0 0px; margin: 0px 0;height: 250px; overflow: hidden; background: #4b6e74;}
.inner-banner .inner-banner-img{ width: 100%;  padding:0 0px; margin: -100px 0 0 0; opacity:1;}
.inner-banner ul{ position: absolute; content: ""; left: 0; bottom: 0;   color: #fff; width: 100%; z-index: 9; background: #00000082; padding: 0 0; margin: 0; }
.inner-banner ul li{list-style: none; display: inline-block; padding: 0 20px; margin: 0 0; color: #fff;}
.inner-banner ul li a{position: relative; font-family: "Abel-Regular"; margin: 0 0 0 0px; font-size: 17px; text-transform: uppercase; color: #fff; line-height: 30px; padding: 7px 0 8px; display: block;}
.inner-banner ul li a:hover{color: #ff9800;  transition:all 600ms ease-in-out; }
.inner-banner ul li a.active{position: relative; font-family: "Abel-Regular"; margin: 0 0 0 100px; font-size: 18px; text-transform: uppercase; color: #fff; line-height: 30px; padding: 7px 0 8px; display: block;font-weight: bold;}

/*package*/
.package{ position: relative; width: 100%; padding: 30px 0; margin: 0 0; background: url(../images/ab-bg.png) no-repeat top left;background-size: cover;  background-attachment: fixed; }
.package .package-box{background: #fff; width: 100%; padding: 0; border-radius: 10px; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; margin: 20px 0 40px 0;}
.package .package-box .package-head{width: 100%; text-align: center; background: #155a9d; padding: 10px 0; margin: 0 0 10px 0;transition:all 600ms ease-in-out;}
.package .package-box:hover .package-head{background: #ed8218; transition:all 600ms ease-in-out;}
.package .package-box .package-head h4{font-family: "Abel-Regular"; margin: 0 0 0 0; font-size: 22px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 0;}
.package .package-box h5{font-family: "Abel-Regular"; font-size: 18px; line-height: 25px; padding: 0 0 5px; margin: 0; display: block; color: #062646; font-weight: normal; text-align: center;}
.package .package-box ul{ position: relative; background: #f0efef82;transition:all 600ms ease-in-out; width: 100%; display: block; padding: 0 0; margin: 0;}
.package .package-box ul:hover{background: #fff;transition:all 600ms ease-in-out;}
.package .package-box ul li{ position: relative; width: 100%; display: block; padding: 0 0 10px 15px; transition:all 600ms ease-in-out;margin: 0; color: #093055; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;} 
.package .package-box ul li:hover{color: #000; transition:all 600ms ease-in-out;}
.package .package-box ul li:hover b{color: #ff7f00; font-style: italic;}
.package .package-box a{ background: #155a9d; display: block; padding:8px 0; color: #fff; margin: 0; transition: all 600ms ease-in-out; width: 50%; float: left; font-weight: bold; text-transform: uppercase; font-size: 13px; text-align: center;}
.package .package-box a:hover{background: #ff7f00; transition:all 600ms ease-in-out;}
.package .package-box h4{font-family: "Abel-Regular"; font-size: 22px; line-height: 30px; padding: 0 0; margin: 0; display: block; color: #ff7f00; font-weight: bold; text-align: center; letter-spacing: 2px;}
.package .package-box h4 b{color: #192f33de; font-weight: 200; margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 25px; letter-spacing: 0;}
.package .package-box p{font-family: "Abel-Regular"; font-size: 18px; line-height: 26px; padding: 5px 0 10px; margin: 0 0 15px; display: block; color: #0a2d4f; font-weight: normal; text-align: center; border-bottom: 2px dotted #ed8218;}

/*all-gallery.php*/
.all-gallery{width: 100%; position: relative; text-align: center; z-index: 9; background: #fff; padding: 40px 0 15px; margin: 0;}
.all-gallery .all-gallery-box{ position: relative; width: 100%; padding: 0 0; margin: 0 0 10px; }
.all-gallery .all-gallery-box img.gallery-mage{ width: 100%; }
.all-gallery .all-gallery-box a{ width: 89%; background: #155a9d; display: block; margin: 0 auto; color: #fff; font-weight: bold; font-size: 15px; line-height: 22px; padding: 10px 0; text-transform: uppercase; position: absolute; bottom: 34px; left: 0; right: 0; transition:all 600ms ease-in-out;}
.all-gallery .all-gallery-box a:hover{ transition:all 600ms ease-in-out;}

/*gallery*/
.gallery{ position: relative; width: 100%; padding: 30px 0; margin: 0 0; background: url(../images/ab-bg.png) no-repeat top left;background-size: cover;  background-attachment: fixed; }
.gallery-box img.G-mage { display: block; width: 100%; height: auto; }
.gallery-box { position: relative; width: 100%;  }
.gallery-box .overlay { position: absolute; left: 0; right: 0;  overflow: hidden; top: 5px; background-color: #155A9D; height: 90%; width: 90%; margin: 0 auto; border-radius: 15px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .3s ease; }
.gallery-box:hover .overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.gallery-box .text{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.gallery-box .text h5{ font-size: 20px; text-align: center; color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; text-transform: uppercase; line-height: 35px; }
.gallery-box .text a{  background: #ff7f00; text-align: center; display: block; padding: 7px 0px; color: #fff; margin: 0; transition: all 600ms ease-in-out; border-radius: 25px; font-size: 14px; border-bottom: 2px solid #ffffff91;}
.gallery-box .text a:hover{border-bottom: 2px solid #128aff; background: #1166b9;transition:all 600ms ease-in-out;}

.terms{background: #ececec8a; padding: 20px 0 80px; margin: 0; width: 100%; position: relative; display: block;}
.terms p{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 34px; color: #101c1e;}

/*services-left*/
.services{ position: relative; width: 100%; display: inline-block; padding: 30px 0 80px; margin: 0; background: #fff; background: url(../images/services-bg.png) no-repeat top right; background-attachment: scroll; background-size: auto; background-size: auto; background-size: cover; background-attachment: fixed;}
.services-left{ }
.form-share-Basic{width: 50%; margin: 0 auto; display: block; padding: 20px; border-radius: 35px; background: #fff; border: 1px solid #ccc; }
.services-left .ser-img{ width: 100%; padding: 0 0; background: #f2f2f240; border-radius: 10px; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; border: 3px solid #fff; height: 230px; overflow: hidden; }
.services-left .ser-img img{ width: 100%; }
.services-left h4{ text-align: left; font-family: "Abel-Regular"; font-size: 30px; font-weight: bold; line-height: 50px; padding: 10px 0 5px 0; margin: 0; color: #192f33;}
.services-left h4 del{ font-size: 28px;font-weight: normal;}
.services-left h5{ font-size: 20px; line-height: 30px; color: #f2570b; font-weight: 300; margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: italic;}
.services-left h6{ text-align: left; font-family: "Abel-Regular"; font-size: 30px; font-weight: bold; line-height: 50px; padding: 10px 0 5px 0; margin: 0; color: #192f33;}
.services-left p{ text-align: justify; font-family: "Abel-Regular"; font-size: 21px; color: #0a191cde; line-height: 36px; padding: 10px 0 25px; margin: 0;}
.services-left ul{ padding: 0 0 0 20px; margin: 0 0; width: 100%; display: block;}
.services-left ul li{ list-style: none; font-size: 20px; line-height: 35px; font-weight: 300; margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: italic; color: #021426ab; padding: 0 0 5px; transition:all 600ms ease-in-out;}
.services-left ul li:hover{ color: #032648; transition:all 600ms ease-in-out;}
.services-left .package-box a{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.76); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 8px 20px 10px; border-radius: 100px; background: linear-gradient(to top, #155a9d, #0081ff); color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; margin: 20px 0 0 0;}
.services-left .package-box a:hover{ background: linear-gradient(to top, #00274d, #000);}
.services-right{ position: relative; width: 100%; padding: 15px; margin: 0 0; background:#f2f2f240; border-radius: 10px; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; border: 3px solid #fff;}
.services-right h6{text-align: left; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 35px; padding: 10px 0 10px; margin: 0; color: #192f33; }
form.form-share{ width: 100%; position: relative; padding: 0 0; margin: 0; display: block; }
form.form-share .log-input{position: relative; width: 100%; background: #fff; display: inline-block; transition:all 600ms ease-in-out; border: 0.5px solid #cccccc63; margin: 20px 0 0px; padding: 0; outline: none; border-radius: 3px; }
form.form-share .log-input:hover{border: 0.5px solid #155a9d;transition:all 600ms ease-in-out;}
form.form-share .log-input span{position: absolute; content: ""; top: -10px; font-size: 18px; line-height: 15px; color: #031b33; left: 7px; padding: 1px 5px; background: #fff; font-family: "Abel-Regular"; }
form.form-share .log-input span b{color: #f00;}
form.form-share .log-input label{background: #fff; width: 10%; float: left; padding: 15px 0 0 10px; margin: 0; }
form.form-share .log-input label i{ color: #155a9d; font-size: 13px; }
form.form-share .log-input select{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; outline: none; font-size: 16px; color: #083968; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
form.form-share .log-input input{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; outline: none; font-size: 16px; color: #083968; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
form.form-share .log-input textarea{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; outline: none; font-size: 16px; color: #083968; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
form.form-share .checkboxbox{margin: 1px 0 0px; padding: 0; border: none !important; color: #093055;}
form.form-share .checkboxbox label{width: 100%; display: block; border: none; padding: 0 0; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 500; font-size: 18px;}
form.form-share .checkboxbox label input{float: left; width: 10%; text-align: left; padding: 0; margin: 10px 0 0 0;}
form.form-share .checkboxbox label a{font-family: "Abel-Regular"; font-size: 18px; transition: all 600ms ease-in-out; color: #f00; font-weight: bold; letter-spacing: 1px;}
form.form-share .checkboxbox label a:hover{color: #f15623; transition:all 600ms ease-in-out;}
form.form-share .checkboxbox label:hover{color: #f15623; transition:all 600ms ease-in-out;}
form.form-share .captcha{border: 0.5px solid #cccccc63; margin: 20px 0 0px; padding: 0;  color: #093055;}
form.form-share .captcha input{color: #fff !important; background: url(../images/captcha.png) no-repeat top right; background-size: auto; background-size: auto; background-size: cover; letter-spacing: -1px; margin: 0 0 0 0; padding: 6px 0 6px 100px; font-family: "Abel-Regular"; font-weight: bold; font-size: 25px; }
form.form-share .submitbox{width: 100%; margin: 0; background: none; border: none !important;}
form.form-share .submitbox input{width: 40%; padding: 10px 0; margin: 20px auto 10px; background: #155a9d; display: block; float: none; border-radius: 10px; color: #fff; text-transform: uppercase; font-weight: bold; border-bottom: 3px solid #2a4c6c; transition:all 600ms ease-in-out;}
form.form-share .submitbox input:hover{border-bottom: 3px solid #c65b00; background: #ff7500; transition:all 600ms ease-in-out;}
.Buy-Now-submit{border-bottom: 3px solid #c65b00; background: #ff7500; transition: all 600ms ease-in-out; padding: 8px 30px; border: 2px solid #ff5400; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 17px; line-height: 22px; border-radius: 6px;}
.Buy-Now-submit:hover{ background: #ff5400;  transition:all 600ms ease-in-out;}

/*contact-inner*/
.contact-inner{ width: 100%; height: 100%; position: relative; display: block; padding: 40px 0 50px; margin: 0; background: url(../images/ser-bg.jpg); }
.contact-inner .contact-block{ width: 70%; background: none; margin:9px auto 0; padding: 11px 20px; border-radius: 9px;}
.contact-inner .contact-block .left-con{width: 90%; display: inline-block; position: relative; padding: 0 0; margin: 0 0; background: #fff; border-radius: 8px;box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.contact-inner .contact-block .left-con h2{ font-family: 'Poppins', sans-serif !important; padding:20px 0 0 20px; margin: 0 0 0; color: #182c36; font-size: 40px; line-height: 60px;}
.contact-inner .contact-block .left-con p{font-family: 'Poppins', sans-serif !important; padding: 0px 0 0 20px; margin: 0 0 16px; color: #182c36; font-size: 15px; line-height: 30px;}
.contact-inner .contact-block .left-con form{width: 60%; padding: 10px 15px; background: #fff; position: relative; display: block; margin: 0 0 10px 15px;}
.contact-inner .contact-block .left-con form .fill-box{ width: 100%; background: #fff; padding: 10px 15px; position: relative; display: block; border-bottom: 0.5px solid #ccc; border-radius: 5px; margin: 0;}
.contact-inner .contact-block .left-con form .fill-box input{border: none; outline: none; color: #000; font-size: 16px; line-height: 20px; padding: 0; margin: 0;}
.contact-inner .contact-block .left-con form .fill-box textarea{border: none; outline: none; color: #000; width: 100%;  background: #fff;font-size: 16px; line-height: 20px; padding: 0; margin: 0;}
.contact-inner .contact-block .left-con form .content-submit{}
.contact-inner .contact-block .left-con form .fill-box select{border: none; outline: none; color: #000; font-size: 16px; line-height: 20px; padding: 0; margin: 0;width: 100%;background: #fff; }
.contact-inner .contact-block .left-con form .content-submit input{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to top, #ffb300, #fffb00); color: #162a35; text-transform: uppercase; margin: 15px 0 20px 0; font-size: 15px; width: 40%; text-align: center; font-weight: bold; letter-spacing: 1px;}
.contact-inner .contact-block .left-con form .content-submit button{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to top, #4b6e7466, #fff); color: #122124; text-transform: uppercase; margin: 15px 0 20px 0; font-size: 15px; width: 40%; text-align: center; font-weight: bold; letter-spacing: 1px;}
.contact-inner .contact-block .left-con form .content-submit button:hover{ transition:all 600ms ease-in-out;  background: #4b6e74; color: #fff;}

.contact-inner .contact-block .right-con{ position: absolute; padding: 15px; margin: 0 0; background: #155a9d; border-radius: 8px; float: right; content: ""; z-index: 9; right: 150px; bottom: 150px; width: 35%; box-shadow: 10px 12px 13px rgba(0, 0, 0, 0.07); border: 1px solid #fff; }
.contact-inner .contact-block .right-con h2{font-family: 'Poppins', sans-serif !important; padding: 0; margin: 10px 0 15px 0; color: #fff; font-size: 30px; line-height: 40px;}
.contact-inner .contact-block .right-con ul.contact-addres{ position: relative; width: 100%; padding: 0 0; margin: 0 }
.contact-inner .contact-block .right-con ul.contact-addres li{position: relative; display: block; padding: 0 0 10px; margin: 0;}
.contact-inner .contact-block .right-con ul.contact-addres li i{  padding: 0 10px 0 0; margin: 0; color: #fff; font-size: 12px}
.contact-inner .contact-block .right-con ul.contact-addres li a b{ color: #fff; padding: 0 10px 0 0; } 
.contact-inner .contact-block .right-con ul.contact-addres li a{ padding: 0 0; margin: 0; font-size: 18px; font-weight: normal; color: #fff; line-height: 25px; font-family: "Abel-Regular"; }
.contact-inner .contact-block .right-con ul.contact-addres li a:hover{ color:#ffef00;  transition:all 600ms ease-in-out; }

.contact-inner .contact-block .right-con ul.contact-social{ position: relative; width: 100%; padding: 0 0; margin: 15px 0; text-align: center; }
.contact-inner .contact-block .right-con ul.contact-social li{ position: relative; display: inline-block; padding: 0 0; margin: 0 3px 6px; box-shadow: 0px 10px 10px -8px rgb(0, 0, 0);}
.contact-inner .contact-block .right-con ul.contact-social li i{ color: #155a9d; padding: 0 0; margin: 0 }
.contact-inner .contact-block .right-con ul.contact-social li a{ padding: 6px 0 0 0; margin: 0; background: #fff; width: 40px; height: 35px; display: inline-block; text-align: center; border-radius: 5px; transition: all 600ms ease-in-out; }
.contact-inner .contact-block .right-con ul.contact-social li a:hover{ background: #fff; background: #d7d0cd; transition:all 600ms ease-in-out;  }

/*faq-us*/
.faq{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.faq .accordion-box .accordion { background-color: #094a88eb; color: #fff; cursor: pointer; padding: 10px 20px; width: 100%; border: none; text-align: left; outline: 0; font-size: 20px; transition: .4s; line-height: 28px; font-family: "Abel-Regular"; border-bottom: 1px solid #cccccc70; }
.faq .accordion-box  button.accordion::after { content: '\002B'; color: #fff; font-weight: 700; float: right; margin-left: 5px; }
.faq .accordion-box  button.accordion.active::after { content: "\2212";}
.faq .accordion-box .panel { padding: 0 18px; display: none; background-color: #f9f9f9; overflow: hidden; color: #000; }
.faq .accordion-box .accordion:hover{background-color: #094a88;}

/*#footer */
#footer{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: url(../images/bg-footer.png) no-repeat top left;background-size: cover; }
#footer .footer-widgets-wrap { position: relative; padding: 50px 0 0px; width: 100%; display: inline-block;}
#footer img.footer-logo{width: 90%; margin: 0 0 5px; }
#footer .footer-widgets-wrap h5{ font-size: 20px; text-align: left; text-transform: capitalize; position: relative; color: #000c; line-height: 30px; padding: 0 0 0 10px; margin: 0 0 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
#footer .footer-widgets-wrap h5 b{color: #444; padding: 0; margin: 0 1px 0 0; border-radius: 0px; background: #eee4d3; }
#footer .footer-widgets-wrap h5::after {position: absolute; content: ""; background: #f27316; width: 16px; height: 3px; border-radius: 15px; left: -13px; top: 15px; }
#footer .footer-widgets-wrap p{ text-align: left; font-size: 18px; line-height: 30px; color: #ff5a3b;color: #373737; font-weight: 200; margin: 0 0 20px 0px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  }
#footer .footer-widgets-wrap ul{ padding: 0; margin: 0; }
#footer .footer-widgets-wrap ul li{ padding: 0; margin: 0; position: relative; list-style: none; font-style: normal;}
#footer .footer-widgets-wrap ul li a{font-size: 16px; line-height: 29px; font-style: italic;font-style: normal; transition: all 600ms ease-in-out; color: #575555; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300;}
#footer .footer-widgets-wrap ul li a:hover{ color: #000 !important; transition: all 600ms ease-in-out; }
#footer .footer-widgets-wrap ul li i{color: #f27316; font-size: 16px; line-height: 25px; padding: 4px 1px 0 0px; transform: rotate(30deg); transition: transform 0.5s; }
.footer-widgets-wrap form{}
#footer .footer-widgets-wrap ul li:hover i{ color: #000 !important; transition: all 600ms ease-in-out; }
.footer-widgets-wrap form .email-box{width: 90%; position: relative; padding: 5px; margin: 0 0 0 10px;  background: #eee; display: inline-block; border-radius: 25px;}
.footer-widgets-wrap form .email-box input{width: 70%; background: none; outline: none; border: none; padding: 10px 0 0 10px; margin: 0; float: left; font-size: 14px; color: #000;}
.footer-widgets-wrap form .email-box button{width: 30%; outline: none; border: none; padding: 10px 0; margin: 0; float: right; text-align: center; background: #f53f1f; border-radius: 25px; color: #fff; font-size: 15px; border-left: 2px solid #08171e47;}
img.footer-map{position: absolute; top: 180px; right: 0;}

/*copyrights*/
.Copyrights-footer{width: 100%; padding: 0; margin: 0; text-align: center;}
.Copyrights-footer h6.copy{font-weight: 200; margin: 0px 0 10px 0px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 19px; line-height: 35px;font-family: "Abel-Regular"; color: #000c;}
.Copyrights-footer h6.copy b a{font-family: "Caveat", serif;font-family: "Abel-Regular"; color: #ff6c00; font-size: 19px; font-weight: normal; line-height: 25px; padding: 0; margin: 0;}
.Copyrights-footer h4{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 500; font-size: 16px; line-height: 29px; color: #000c; letter-spacing: 0.5px;}
.Copyrights-footer h4 b{ font-family: "Caveat", serif;font-family: "Abel-Regular"; color: #ff6c00;}
.Copyrights-footer .justify-content-md-end{width: 100%; padding: 0; position: relative; display: inline-block; margin: 0;}
.Copyrights-footer .justify-content-md-end a{ margin: 0 5px; border-radius: 50%; width: 50px; height: 50px; display: inline-block; padding: 0 0 0; font-size: 15px; line-height: 50px; text-align: center;  background: #0dae4a; color: #fffffff5;box-shadow: 0px 10px 20px -5px rgba(255, 255, 255, 0.26); color: #fffffff5; transition: all 400ms ease-in-out; box-shadow: 0px 10px 20px -5px rgba(255, 255, 255, 0.51); border: 1px solid #cccccc57;}
.Copyrights-footer .justify-content-md-end a:hover{background: #00c64b; color: #fffffff5; box-shadow: 0px 10px 20px -5px rgb(255, 255, 255); border: 1px solid #00afff;  transition: all 600ms ease-in-out; }
.Copyrights-footer .justify-content-md-end a.h-bg-facebook{  background: #22b2f470; color: #fffffff5;  transition: all 400ms ease-in-out;   border: 1px solid #cccccc57; }
.Copyrights-footer .justify-content-md-end a.h-bg-facebook:hover{background: #22b2f4ba; color: #fffffff5; box-shadow: 0px 10px 20px -5px rgb(255, 255, 255); border: 1px solid #00afff;  transition: all 600ms ease-in-out; }
.Copyrights-footer .justify-content-md-end a.h-bg-twitter{background: #f53f1fb0;}
.Copyrights-footer .justify-content-md-end a.h-bg-twitter:hover{background: #f53f1f; color: #fffffff5;box-shadow: 0px 10px 20px -5px rgb(255, 39, 1); border: 1px solid #ff2600; transition: all 600ms ease-in-out;}
.Copyrights-footer .justify-content-md-end a.h-bg-google{background: #00ffffad;}
.Copyrights-footer .justify-content-md-end a.h-bg-google:hover{background: #0ff; color: #fffffff5; box-shadow: 0px 10px 20px -5px rgb(2, 225, 225); border: 1px solid #00fe57; transition: all 600ms ease-in-out; }
.Copyrights-footer .justify-content-md-end a.h-bg-pinterest{background: #eeb120c4;}
.Copyrights-footer .justify-content-md-end a.h-bg-pinterest:hover{background: #ffb300e3; color: #fffffff5; box-shadow: 0px 10px 20px -5px rgb(227, 160, 2); border: 1px solid #ffb300; transition: all 600ms ease-in-out; }
.Copyrights-footer .justify-content-md-end a.h-bg-linkedin{background: #9700ff73;}
.Copyrights-footer .justify-content-md-end a.h-bg-linkedin:hover{background: #9700ff; color: #fffffff5; box-shadow: 0px 10px 20px -5px rgb(151, 0, 255); border: 1px solid #9700ff; transition: all 600ms ease-in-out;}
.Copyrights-footer ul.footersocial-new{ width: 100%; text-align: center; position: relative; padding: 0; margin: 0; }
.Copyrights-footer ul.footersocial-new li{padding: 0; margin: 0; position: relative; list-style: none; font-style: normal; display: inline list-item; }
.Copyrights-footer ul.footersocial-new li a{}
.Copyrights-footer ul.footersocial-new li a:hover{}
.Copyrights-footer ul.footersocial-new li a i{color: #f53f1f !important; font-size: 30px !important; line-height: 25px !important; padding: 0 !important; background: #fff; box-shadow: 0px 5px 10px rgba(255, 255, 255, 0); margin: 10px 6px; border-radius: 5px; overflow: hidden; }

/*-Testimonil-*/
.testimonials {background: #fff; padding: 20px 0 40px; margin: 0; display: block; position: relative; }
.testimonials .footer-top-w3layouts-grid-sec{ }
.testimonials .footer-top-w3layouts-grid-sec .mail-grid-icon {float: left; width: 90px; height: 90px; border-radius: 50%; }
.testimonials .footer-top-w3layouts-grid-sec .mail-grid-icon img{ width: 100%; }
.testimonials .footer-top-w3layouts-grid-sec .mail-grid-text-info{ width: 65%; float: right; padding: 0 0; margin: 0 0; }
.testimonials .footer-top-w3layouts-grid-sec .mail-grid-text-info h3 {letter-spacing: 0px; font-weight: 600; position: relative; padding: 0 0 0; font-family: "Abel-Regular"; margin: 0 0 0 0; font-size: 17px; text-transform: uppercase; color: #073664; }
.testimonials .footer-top-w3layouts-grid-sec .mail-grid-text-info p {text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 25px; padding: 0; margin: 0;transition:all 600ms ease-in-out;}
.testimonials .footer-top-w3layouts-grid-sec .mail-grid-text-info p:hover{ text-decoration: underline;transition:all 600ms ease-in-out; }
.testimonials img.border-down-img{ width: 100%;  position: absolute; z-index: 9; top:-5px; left: 0;padding: 0; margin: 0; height: auto; opacity: 1; }
.testimonials img.border-up-img{ width: 100%;  position: absolute; z-index: 9; bottom:-5px;left: 0; padding: 0; margin: 0; height: auto; opacity: 1;  }

/*LOGIN*/
.login { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; background: #324e53; background: url(../images/Vivahsure-banner2.png); }
.login .login-right { width: 30%; display: block; display: -webkit-box; padding: 20px; margin: 60px auto; box-shadow: 10px 10px 20px 10px rgba(4, 8, 9, 0.05); border: 10px solid #f7f4f4; background: url(../images/services-bg.png) no-repeat center; background-attachment: scroll; background-attachment: fixed; }
.login .login-right form.form-login img.logo-log { width: 25%; margin: 0 auto 5px; display: block; padding: 5px; height: 85px;border-radius: 50%;border: 2px solid #0e4a84;background: #fff;}
.login .login-right form.form-login h5 { text-align: center; color: #0a3e71; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 20px; padding: 5px 0 20px; }
.login .login-right form.form-login h4 { margin: 0; text-align: center; color: #155a9d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 40px; padding: 0px 0 0; }
.login .login-right form.form-login p.lost a { font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif; text-decoration: none; font-size: 13px; color: #d9101a; padding: 5px 0 0; display: block; font-weight: bold; }
.login form.form-login{ width: 100%; position: relative; padding: 0 0; margin: 0; display: block; }
.login form.form-login .login-page-input{position: relative; width: 100%; background: #fff; display: inline-block; transition:all 600ms ease-in-out; border: 0.5px solid #cccccc63; margin: 20px 0 0px; padding: 0; outline: none; border-radius: 3px; }
.login form.form-login .login-page-input:hover{border: 0.5px solid #ddddddc4; border: 0.5px solid #73727263; transition:all 600ms ease-in-out;}
.login form.form-login .login-page-input span{position: absolute; content: ""; top: -10px; font-size: 18px; line-height: 15px; color: #155a9d; left: 7px; padding: 1px 5px; background: #fff; font-family: "Abel-Regular"; }
.login form.form-login .login-page-input span b{color: #f00;}
.login form.form-login .login-page-input label{background: #fff; width: 10%; float: left; padding: 15px 0 0 10px; margin: 0; }
.login form.form-login .login-page-input label i{ color: #155a9d; font-size: 13px; }
.login form.form-login .login-page-input select{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; border-left: 1px solid #cccccc3b; outline: none; font-size: 16px; color: #083968; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.login form.form-login .login-page-input input{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; border-left: 1px solid #cccccc3b; outline: none; font-size: 16px; color: #031b2f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.login form.form-login .login-page-input textarea{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; border-left: 1px solid #cccccc3b; outline: none; font-size: 16px; color: #083968; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.login form.form-login .login-page-subinput{width: 100%; margin: 0; background: none; border: none !important;}
.login form.form-login .login-page-subinput input{width: 40%; padding: 10px 0; margin: 20px auto 10px; background: #0f579d; display: block; float: none; border-radius: 10px; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #d9d9d96b; transition:all 600ms ease-in-out;box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5);}
.login form.form-login .login-page-subinput input:hover{border-bottom: 3px solid #c65b00; background: #ff7500; transition:all 600ms ease-in-out;}

/*registration*/
.registration { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; background: #324e53; background: url(../images/Vivahsure-banner2.png);background-attachment: fixed;
  background-size: cover; }
.registration .registration-right {width: 36%; display: block; display: -webkit-box; padding: 20px; margin: 60px auto; box-shadow: 10px 10px 20px 10px rgba(4, 8, 9, 0.05); border: 10px solid #f7f4f4; background: #fff; background: #155a9d; background: url(../images/services-bg.png) no-repeat center;background-attachment: scroll;background-attachment: fixed;background-size: cover;}
.registration .registration-right form.form-registration img.logo-log { width: 25%; margin: 0 auto 5px; display: block; padding: 5px; height: 105px;border-radius: 50%;border: 4px solid #d5eaff;background: #fff;}
.registration .registration-right form.form-registration h5 { text-align: center; color: #0a3e71; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 20px; padding: 5px 0 20px; }
.registration .registration-right form.form-registration h4 { margin: 0; text-align: center; color: #155a9d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 40px; padding: 0px 0 0; }
.registration .registration-right form.form-registration p.lost a { font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif; text-decoration: none; font-size: 13px; color: #ff9800; padding: 5px 0 0; display: block; font-weight: bold; }
.registration form.form-registration{ width: 100%; position: relative; padding: 0 0; margin: 0; display: block; }
.registration form.form-registration .registration-page-input{position: relative; width: 100%; background: #fff; display: inline-block; transition:all 600ms ease-in-out; border: 0.5px solid #cccccc75; margin: 20px 0 0px; padding: 0; outline: none; border-radius: 3px; }
.registration form.form-registration .registration-page-input:hover{border: 0.5px solid #ccc; transition:all 600ms ease-in-out;}
.registration form.form-registration .registration-page-input span{position: absolute; content: ""; top: -10px; font-size: 18px; line-height: 15px; color: #073766; left: 7px; padding: 1px 5px; background: #fff; font-family: "Abel-Regular"; }
.registration form.form-registration .registration-page-input span b{color: #f00;}
.registration form.form-registration .registration-page-input #error{ position: absolute; content: ""; font-size: 12px; color: #fffb00; text-transform: uppercase; }
.registration form.form-registration .registration-page-input #error1{ position: absolute; content: ""; font-size: 12px; color: #fffb00; text-transform: uppercase; }
.registration form.form-registration .registration-page-input label{background: #fff; width: 10%; float: left; padding: 15px 0 0 10px; margin: 0; }
.registration form.form-registration .registration-page-input label i{ color: #155a9d; font-size: 13px; }
.registration form.form-registration .registration-page-input select{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; border-left: 1px solid #cccccc3b; outline: none; font-size: 16px; color: #031b2f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.registration form.form-registration .registration-page-input input{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; border-left: 1px solid #cccccc3b; outline: none; font-size: 16px; color: #031b2f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.registration form.form-registration .registration-page-input textarea{ background: #fff; width: 89%; float: right; padding: 15px 10px 10px 10px; margin: 0; border: none; border-left: 1px solid #cccccc3b; outline: none; font-size: 16px; color: #031b2f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.registration form.form-registration .checkboxbox{margin: 1px 0 0px; padding: 0; border: none !important; color: #093055;}
.registration form.form-registration .checkboxbox label{ color: #155a9d; width: 100%; display: block; border: none; padding: 0 0; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 500; font-size: 18px;}
.registration form.form-registration .checkboxbox label input{float: left; width: 10%; text-align: left; padding: 0; margin: 10px 0 0 0;}
.registration form.form-registration .checkboxbox label a{font-family: "Abel-Regular"; font-size: 18px; transition: all 600ms ease-in-out; color: #f00; font-weight: bold; letter-spacing: 1px;}
.registration form.form-registration .checkboxbox label a:hover{color: #f15623; transition:all 600ms ease-in-out;}
.registration form.form-registration .checkboxbox label:hover{color: #f15623; transition:all 600ms ease-in-out;}
.registration form.form-registration .captcha{border: 0.5px solid #cccccc63; margin: 20px 0 0px; padding: 0;  color: #093055;}
.registration form.form-registration .captcha input{color: #fff !important; background: url(../images/captcha.png) no-repeat top right; background-size: auto; background-size: auto; background-size: cover; letter-spacing: -1px; margin: 0 0 0 0; padding: 6px 0 6px 100px; font-family: "Abel-Regular"; font-weight: bold; font-size: 25px; }

.registration form.form-registration .registration-page-subinput{width: 100%; margin: 0; background: none; border: none !important;}
.registration form.form-registration .registration-page-subinput input{width: 40%; padding: 10px 0; margin: 20px auto 10px; background: #0f579d; display: block; float: none; border-radius: 10px; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #d9d9d96b; transition:all 600ms ease-in-out;box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5);}
.registration form.form-registration .registration-page-subinput input:hover{border-bottom: 3px solid #c65b00; background: #ff7500; transition:all 600ms ease-in-out;}
.registration img.logo-log-registration{width: 60%; margin: 0 auto; display: block; border: none; padding: 0 0;}
.registration form.form-registration .reg-hulf{ width: 49%; float: left; height: 50px; margin: 20px 3px 0px 0; }

.otp-pe{ position: relative; width: 100%; overflow: hidden; padding: 0; margin:0; height: auto; /*height: 100vh;*/ background: #324e5312; display:inline-block; }
.otp-pe .registration-right{ width: 30%; display: block; display: -webkit-box; padding: 20px; margin: 60px auto; box-shadow: 4px 5px 4px #e8e8e8; border: 1px solid #d8d8d8; background: #fff; }
.otp-pe .registration-right form{ position: relative; width: 100%; overflow: hidden;  }
.otp-pe .registration-right form img.logo-log { width: 15%; margin: 0 auto; display: block; padding: 0 0 10px; }
.otp-pe .registration-right form h4 { margin: 0; text-align: center; color: #324e53; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 40px; padding: 0px 0 0; }
.otp-pe .registration-right form h5 { 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: 19px; line-height: 20px; padding: 0 0 25px; }

.otp-pe .registration-right form label{ flex-basis: 100%; width: 100%; font-family: "Abel-Regular"; font-size: 18px; font-weight: normal; color: #162d31; line-height: 25px; padding: 0 0; margin: 0; }
.otp-pe .registration-right form input[type="text"] { font-size: 15px; line-height: 25px; -webkit-flex-basis: 90%; flex-basis: 90%; width: 100%; padding: 0 10px; color: #324e53; border: 1px dotted #324e53; outline: none; -webkit-appearance: none; -moz-transition: 0.5s all; box-sizing: border-box; background: #fcfbfc; border-radius: 3px; margin: 5px 0 10px 0; height: 40px; }
.otp-pe .registration-right form input[type="submit"] { display: inline-block; outline: none; cursor: pointer; background-color: #fd7e01; width: 40%;  border: none; padding: 10px 10px; margin: 5px 0 5px 0; color: #fff; letter-spacing: 0; font-size: 18px; line-height: 22px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; text-transform: uppercase; font-weight: bold; }
.otp-pe .registration-right form input:hover[type="submit"]{ background-color: #324e53; }
.otp-pe .registration-right form .form-left-to-w3l a{ float: right; color: #087bb9; font-weight: bold; }

#resend{ width: 100%; padding: 0; margin: 0; }
#resend a{ color: #324e53; text-align: center; padding-top: 10px; padding-bottom: 0px; line-height: 1.5em; font-size: 15px; margin: 0; letter-spacing: 1px; width: 100%; }

/*PROFILE*/
.ads-grid{padding: 30px 0; margin: 0; position: relative; width: 100%; overflow: hidden; background: #324e5312; background: url(../images/ser-bg.jpg);}
.ads-grid .profile-banner { box-shadow: 0px 0px 15px 0px #D6D6D68F; border: 3px double #56717445; background: #324e5312; padding: 15px; margin: 0 0 30px; box-shadow: 4px 5px 4px #e8e8e8; border: 1px solid #d8d8d8; background: #fff; background: url(../images/services-bg.png) no-repeat center;}
.ads-grid .profile-banner h4{ padding: 5px 15px; margin: 0; float: left; font-size: 23px; font-weight: bold; color: #000; font-family: "Abel-Regular"; line-height: 35px; display: block; width: 100%; background: #4b6e741a; border: 1px solid #d8d8d8; }
.ads-grid .profile-banner form.profile{background: #fff0;transition:all 600ms ease-in-out; }
.ads-grid .profile-banner form.profile:hover{background: #fffc;transition:all 600ms ease-in-out; }
form.profile input[type="submit"] { outline: none; padding: 0; font-size: 15px; color: #FFF; width: 20%; background: #F5820D; border: none; text-transform: uppercase; font-weight: bold; margin: 20px 0 0 0; line-height: 24px; height: 45px; }
form.profile input[type="submit"]:hover{ background:#FF7800; }
form.profile label { font-family: "Abel-Regular"; font-size: 20px;height:40px;  font-weight: normal; color: #162d31; line-height: 30px; padding: 10px 0 0; margin: 0; }
form.profile input{ width: 100%; height: 40px; outline: none; border-radius: 5px; border: 1px solid #d8d8d8; padding: 5px 0 5px 10px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; margin: 2px 0; }
form.profile button{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile select{ width: 100%; height:45px;  outline: none;border: none; border-bottom: 0.5px solid #4b6e7466; border-radius: 5px; padding: 5px 0 5px 10px; color: #1b1f2d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; }
form.profile textarea{ width: 100%; outline: none; border: 1px solid #d8d8d8; padding: 5px 0 5px 10px; color: #1b1f2d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; height: 100px; }

form.profile_edit input[type="submit"] { outline: none; padding: 0; font-size: 15px; color: #FFF; width: 20%; background: #F5820D; border: none; text-transform: uppercase; font-weight: bold; margin: 20px 0 0 0; line-height: 24px; height: 45px; }
form.profile_edit input[type="submit"]:hover{ background:#FF7800; }
form.profile_edit label { font-family: "Abel-Regular"; font-size: 20px;height:40px;  font-weight: normal; color: #162d31; line-height: 30px; padding: 10px 0 0; margin: 0; }
form.profile_edit input{ width: 100%; height: 40px; outline: none; border-radius: 5px; border: 1px solid #d8d8d8; padding: 5px 0 5px 10px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; margin: 2px 0; }
form.profile_edit button{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile_edit select{ width: 100%; height:45px;  outline: none;border: none; border-bottom: 0.5px solid #4b6e7466; border-radius: 5px; padding: 5px 0 5px 10px; color: #1b1f2d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; }
form.profile_edit textarea{ width: 100%; outline: none; border: 1px solid #d8d8d8; padding: 5px 0 5px 10px; color: #1b1f2d; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; height: 100px; }

/* -- User_profile -- */
.category ul{ margin: 0; padding: 0; }
.category ul li {font-size: 15px; display: block; list-style-type: none; border-bottom: 0.5px solid #E6620A; transition: all 0.5s ease-in-out; cursor: pointer; padding: 10px 0 10px 35px; background: linear-gradient(90deg, rgb(238, 96, 2) 10%, rgb(188, 75, 0) 10%); }
.category ul li a {color: #F9FAFB; transition: all 0.5s ease-in-out; display: block; font-family: "Abel-Regular"; font-size: 20px; font-weight: bold; line-height: 25px; padding: 0 0; margin: 0;}
.side-bar-two {background-color: #4B6E74; padding: 9px; box-shadow: 0px 0px 15px 0px #D6D6D6; margin-bottom: 4px; border: 3px double #34585e; color: #fff; }
.side-bar-two i {position: relative; top: 0; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; color: #ff7e01; font-size: 35px; }
.category ul li:hover{background: linear-gradient(0deg, rgb(255, 126, 1) 4%, rgb(51, 82, 87) 10%); transform: scale(1.1);}
.category ul li:hover a{color: #fff;}
.category ul li.active{ background: linear-gradient(0deg, rgb(255, 126, 1) 4%, rgb(75, 110, 116) 10%); }
.category ul li.active a{ color:#ffff; transition:all 600ms ease-in-out;}

/*CART FLIPKART*/
.cart-flipkart { padding: 30px 0; margin: 0; position: relative; width: 100%; overflow: hidden; background: #324e5312;background: url(../images/ser-bg.jpg); }
.cart-flipkart .flipkart-box { position: relative; width: 100%; overflow: hidden; }
.cart-flipkart .flipkart-box .flipkart-box-left { padding: 15px; margin: 0; position: relative; width: 100%; overflow: hidden; background: #fff; background: url(../images/services-bg.png) no-repeat center; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%); border: 1px solid #e9e9e9; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top { display: inline-block; padding: 10px 10px; margin: 0 0 10px; position: relative; width: 100%; background: #4b6e74; border-radius: 5px; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top h3 { padding: 0; margin: 0; float: left; width: 39%; font-size: 25px; font-weight: bold; color: #fff; font-family: "Abel-Regular"; line-height: 35px; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top select { display: inline-block; float: right; width: 45%; padding: 10px; font-size: 12px; border: 1px solid #ff9800; border-radius: 4px; outline: none; background: #fff; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top lable { font-size: 18px; line-height: 35px; font-weight: normal; color: #fff; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom { padding: 8px 0 10px; margin: 0; position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #d4d4d4; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-box { float: left; width: 20%; overflow: hidden; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text {  width: 90% }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button { background: #4b6e74 !important; margin: 5px 0 0 0; color: #fff; border-radius: 35px; font-size: 13px; padding: 3px 15px 5px !important; display: inline-block; border: 2px solid #7e9b9f; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button:hover { border: 2px solid #ffcb00; background: #ff9800 !important; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h4 { text-align: left; padding: 0 0 8px; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 25px; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h4 b{font-family: "Abel-Regular"; font-weight: normal; color: #09345e; padding: 0 0 0 10px; font-size: 20px; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .saving-cart { padding: 0 0 2px; margin: 0; font-size: 13px; color: #d61a1a; font-weight: normal; display: block; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h5.delivry { font-size: 15px; padding: 0 0 10px; margin: 0; text-align: right; color: #0b343c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 500; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h6.delivry { font-size: 14px; padding: 0; margin: 0; text-align: right; color: #f00; font-family: "Abel-Regular"; line-height: 5px; }
.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details { }
.cart-flipkart .flipkart-box .flipkart-box-right .snipcart-details input { width: 40% !important; border: 2px solid #ffcb00; background: #ff9800; padding: 7px 0px 10px; margin: 5px 0 5px 0; color: #fff; font-weight: normal; letter-spacing: 1px; font-size: 16px; line-height: 20px; border-radius: 5px;}
.cart-flipkart .flipkart-box .flipkart-box-right .snipcart-details input:hover { border: 2px solid #1e4d55; background: #4b6e74; color: #fff; }
.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details a { display: inline-block; text-align: center; width: 25% !important; border: 2px solid #ffcb00; background: #4B6E74; transition: all 400ms ease-in-out; padding: 10px 10px; margin: 15px 0 5px 30px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 18px; line-height: 22px; }
.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details a:hover { border: 2px solid #1e4d55; background: #4b6e74; color: #fff; transition: all 400ms ease-in-out; }
.cart-flipkart .flipkart-box .flipkart-box-right { padding: 15px; margin: 0; position: relative; width: 100%; overflow: hidden; background: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%); border: 1px solid #e9e9e9; }
.cart-flipkart .flipkart-box .flipkart-box-right h3 { font-size: 30px; font-weight: bold; color: #fff; display: block; border-bottom: 1px solid #ccc; padding: 10px 10px; margin: 0 0 10px; position: relative; width: 100%; background: #4b6e74; border-radius: 4px; font-family: "Abel-Regular"; text-transform: capitalize; }
.cart-flipkart .flipkart-box .flipkart-box-right p { margin: 0; padding: 0 0 10px; text-align: left; font-size: 18px; color: #122528; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; }
.cart-flipkart .flipkart-box .flipkart-box-right p span { float: right; color: #000; font-weight: bold; font-family: "Abel-Regular"; }
.cart-flipkart .flipkart-box .flipkart-box-right h2 { padding: 10px 0 15px; margin: 0; font-size: 20px; font-weight: bold; color: #173d44; display: block; border-top: 1px solid #bac0c1; font-family: "Abel-Regular"; }
.cart-flipkart .flipkart-box .flipkart-box-right h2 span { float: right; }

/* -- order + Edit profile -- */
#order-view p label{color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace;}
#order-view label{color: #032754; padding: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 16px; line-height: 24px;}
#order-view label b{color: #f00; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; padding: 10px 0 5px 5px; display: block; text-transform: uppercase; letter-spacing: 1px;}
#order-view label b i{background: #ededee; padding: 6px 8px; border-radius: 5px; color: #f00; font-weight: bold;}
#order-view h5{  transition: all 0.5s ease-in-out; margin: 25px 0 10px; padding: 5px 15px; float: left; font-size: 23px; font-weight: bold; color: #000; font-family: "Abel-Regular"; line-height: 35px; display: block; width: 100%; background: #4b6e741a; border: 1px solid #d8d8d8;}
.mobile-view{ color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace; }
.mobile-view1{ color: #032754; padding: 0; font-weight: bold; font-size: 15px; line-height: 20px; padding:0 0 8px; }
.profile-banner label { font-family: 'Montserrat', sans-serif; color: #064fab;padding: 18px 0 0 0; font-weight: normal; font-size: 16px; line-height: 20px;}
textarea.text-ari{ width: 215px;height: 60px;border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;border-bottom: 1px solid #000;margin: 0 0 20px; }
.snipcart-details a.button { margin: 10px 0 5px; display: inline-block; outline: none; padding: 10px 0; font-size: 15px; color: #FFF; width: 20%; background: #F5820D; border: none; text-transform: uppercase; font-weight: bold; line-height: 24px; height: 45px; }
fieldset a.button { font-size: 14px; color: #fff; background: #2a3c7a; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; display: block; text-align: center; }
.text-center_1{ text-align: center; }
.text-center_1 a.button { font-size: 14px; color: #fff; background: #F5820D; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
.text-center_1 a.button:hover { background: #064FAB; }
label.hik { font-size: 14px !important; color: #064fab !important; font-weight: bold; text-align: left; float: left; margin: 0 0 35px 0; letter-spacing: 0.5px; line-height: 20px; border-bottom: 1px solid #064fab; }
label.hikk{  font-size: 17px !important; text-align: left; float: left; letter-spacing: 0.5px; text-transform: uppercase; font-family: "Abel-Regular"; font-weight: normal; color: #162d31; line-height: 30px; padding: 10px 0 0; margin: 0; }
p.hikk{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 15px !important; text-align: left; float: left; letter-spacing: 0.5px; font-weight: normal; color: #3d3d3d; line-height: 30px; padding: 10px 0 0; margin: 0px; }
p.hik{ font-size: 14px; color: #000; line-height: 20px; padding: 0 0; margin: 0; }
form .agileinfo_mail_grid_left{width: 50%; float: left; padding: 0 0; margin: 10px 0 10px; background: #f9fafb6b;}
form .agileinfo_mail_grid_left ul.big{margin: 0; padding: 0; width: 40%; float: left;}
form .agileinfo_mail_grid_left ul.big li{list-style: none; display: inline-block; padding: 0 0; position: relative; margin: 0 0; font-weight: normal; color: #162d31; line-height: 30px; font-family: "Abel-Regular"; font-size: 20px; letter-spacing: 1px;}
form .agileinfo_mail_grid_left ul.big li i{color: #ff7e01; padding: 0 5px 0 0; font-size: 15px; margin: 0;}
form .agileinfo_mail_grid_left input{margin: 0 40px 0 0; padding: 0 0 5px 6px; width: 50%; float: right; color: #324e53; border: none; outline: none; -webkit-appearance: none; -moz-transition: 0.5s all; background: #fcfbfc; border-radius: 3px; border-bottom: 1px dotted #324e539e;}
form .agileinfo_mail_grid_left label {margin: 0; padding: 0 0 5px 6px; width: 25%; float: left; color: #324e53; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; outline: none; -webkit-appearance: none; -moz-transition: 0.5s all; background: #fcfbfc; border-radius: 3px; border-bottom: 1px dotted #324e539e; text-align: center;} 
form .agileinfo_mail_grid_left label input[type="radio"]{-webkit-appearance: radio; margin: 0; text-align: left; border: none; outline: none; padding: 0}
form .agileinfo_mail_grid_left textarea{margin: 0 40px 0 0; padding: 0 0 5px 6px; width: 50%; float: right; color: #324e53; border: none; outline: none; -webkit-appearance: none; -moz-transition: 0.5s all; background: #fcfbfc; border-radius: 3px; border-bottom: 1px dotted #324e539e;}
a.Ship-Another-Address{color: #fff; position: absolute; content: ""; top: 5px; width: 30%; right: 40px; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; text-transform: uppercase; font-style: italic; background: #ff9800; text-align: center; padding: 20px 0; border: 1px solid #fff;}
.button-Place-Order{outline: none; padding: 12px 30px; font-size: 15px; color: #FFF; background: #4B6E74; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-transform: uppercase; font-weight: bold; margin: 10px 0 5px; display: inline-block; border-radius: 5px; border-bottom: 4px solid #ff9800;}
.button-Place-Order:hover{background: #FF7E01;}
.order-bill a{outline: none; padding: 7px 20px; font-size: 12px; color: #FFF; background: #155a9d; border: none; text-transform: uppercase; font-weight: bold; margin: 10px 5px 5px 0; display: inline-block; }
.order-bill a:hover{  background: #5E5E5E;}
.order-bill button{outline: none; padding: 7px 20px; font-size: 12px; color: #FFF; background: #F00; border: none;transition:all 600ms ease-in-out; text-transform: uppercase; font-weight: bold; margin: 10px 0 5px; display: inline-block; }
.order-bill button:hover{  background: #A80000;transition:all 600ms ease-in-out;}

/*loa - page*/
.loa-page{position: relative; width: 100%; padding: 50px 0; margin: 0 0; background: url(../images/ser-bg.jpg); background: #fff;}
.loa-page .title-all{}
.loa-page .title-all img{width: 30%; margin: 0px auto 20px; display: block;}
.loa-page .form-loa{ width: 75%; margin: 0 auto; display: block; padding: 20px 30px; border-radius: 10px; box-shadow: 0px 10px 20px 5px rgba(77, 77, 77, 0.11); border: 1px solid #cccaca75; background: url(../images/services-bg.png) no-repeat center; background-attachment: scroll; background-attachment: scroll; background-attachment: fixed;}
.loa-page .form-loa h4{color: #002548; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; line-height: 30px; padding: 0px 0 0; margin: 0 0 4px;}
.loa-page .form-loa p{text-align: justify; color: #021b33d9; font-family: "Abel-Regular"; font-weight: 200; font-size: 20px; line-height: 29px; padding: 0 0 20px;}
.loa-page .form-loa ul{width: 100%; display: block; padding: 0 0; margin:0 0 20px;}
.loa-page .form-loa ul li{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; list-style: none; color: #021b33d9; font-size: 19px; line-height: 25px; padding: 0 0 0 0; margin: 0 0 7px 0px; }
.loa-page .form-loa .loa-input{width: 100%; display: block; padding: 0 0 0; margin: 0 0 5px 0;}
.loa-page .form-loa .loa-input label{color: #031e37d9; font-family: "Abel-Regular"; font-size: 20px; line-height: 25px; padding: 0 0 0; margin: 0 0 0; font-weight: 500;}
.loa-page .form-loa .loa-input input{color: #021424; font-family: "Abel-Regular"; font-size: 18px; line-height: 22px; padding: 0 10px 4px; margin: 0 0 0; font-weight: 500; outline: none; border: none; background: #ffffff82; border-bottom: 1px dotted #000;}
.loa-page .form-loa .checkbox{width: 100%;display: block;padding: 0 0 0;margin: 0 0 5px 0;}
.loa-page .form-loa .checkbox label{width: 100%;display: block;padding: 0 0 0;}
.loa-page .form-loa .checkbox label input{width: 5%;float: left;display: block;position: relative;margin: 8px 0 0 0;}
.loa-page .form-loa .checkbox label a{font-size: 18px;color: #f00;}
.loa-page .form-loa .checkbox label a:hover{}
.loa-page .form-loa .loa-input-subinput{width: 100%;display: block;padding: 0 0 0;margin: 0 0 5px 0;}
.loa-page .form-loa .loa-input-subinput input{width: 18%;background: #155a9d;border-radius: 5px;padding: 10px 0;color: #fff;font-weight: bold; transition:all 600ms ease-in-out; text-transform: uppercase;margin: 15px 0 0;border-bottom: 1px solid #fff;box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.61);}
.loa-page .form-loa .loa-input-subinput input:hover{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.99); background: #03213e; transition:all 600ms ease-in-out;}

/*CDF-page - Candidate Declaration Forms */
.loa-page{position: relative; width: 100%; padding: 50px 0; margin: 0 0; background: url(../images/ser-bg.jpg); background: #fff;}
.loa-page .title-all{}
.loa-page .title-all img{width: 30%; margin: 0px auto 20px; display: block;}
.loa-page .form-loa{ width: 75%; margin: 0 auto; display: block; padding: 20px 30px; border-radius: 10px; box-shadow: 0px 10px 20px 5px rgba(77, 77, 77, 0.11); border: 1px solid #cccaca75; background: url(../images/services-bg.png) no-repeat center; background-attachment: scroll; background-attachment: scroll; background-attachment: fixed;}
.loa-page .form-loa h4{color: #002548; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; line-height: 30px; padding: 0px 0 0; margin: 0 0 4px;}
.loa-page .form-loa p{text-align: justify; color: #021b33d9; font-family: "Abel-Regular"; font-weight: 200; font-size: 20px; line-height: 29px; padding: 0 0 20px;}
.loa-page .form-loa ul{width: 100%; display: block; padding: 0 0; margin:0 0 20px;}
.loa-page .form-loa ul li{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; list-style: none; color: #021b33d9; font-size: 19px; line-height: 25px; padding: 0 0 0 0; margin: 0 0 7px 0px; }
.loa-page .form-loa .loa-input{width: 100%; display: block; padding: 0 0 0; margin: 0 0 5px 0;}
.loa-page .form-loa .loa-input label{color: #031e37d9; font-family: "Abel-Regular"; font-size: 20px; line-height: 25px; padding: 0 0 0; margin: 0 0 0; font-weight: 500;}
.loa-page .form-loa .loa-input input{color: #021424; font-family: "Abel-Regular"; font-size: 18px; line-height: 22px; padding: 0 10px 4px; margin: 0 0 0; font-weight: 500; outline: none; border: none; background: #ffffff82; border-bottom: 1px dotted #000;}
.loa-page .form-loa .checkbox{width: 100%;display: block;padding: 0 0 0;margin: 0 0 5px 0;}
.loa-page .form-loa .checkbox label{width: 100%;display: block;padding: 0 0 0;}
.loa-page .form-loa .checkbox label input{width: 5%;float: left;display: block;position: relative;margin: 8px 0 0 0;}
.loa-page .form-loa .checkbox label a{font-size: 18px;color: #f00;}
.loa-page .form-loa .checkbox label a:hover{}
.loa-page .form-loa .loa-input-subinput{width: 100%;display: block;padding: 0 0 0;margin: 0 0 5px 0;}
.loa-page .form-loa .loa-input-subinput input{width: 18%;background: #155a9d;border-radius: 5px;padding: 10px 0;color: #fff;font-weight: bold; transition:all 600ms ease-in-out; text-transform: uppercase;margin: 15px 0 0;border-bottom: 1px solid #fff;box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.61);}
.loa-page .form-loa .loa-input-subinput input:hover{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.99); background: #03213e; transition:all 600ms ease-in-out;}

/*CDF-page - Candidate Declaration Forms */
.CDF-page{position: relative; width: 100%; padding: 20px 0 90px; margin: 0 0; background: url(../images/ser-bg.jpg); }
.CDF-page .title-all{ text-align: center; padding: 0 0; margin: 0 0; display: block; width: 100%; }
.CDF-page .title-all img{ width: 25%; margin: 9px auto 20px; display: block; }
.CDF-page .CDF-banner{ width: 100%; margin: 0 auto; display: block; padding: 20px 25px; border-radius: 10px; box-shadow: 0px 10px 20px 5px rgba(77, 77, 77, 0.11); border: 1px solid #cccaca75; background: url(../images/services-bg.png) no-repeat center; background-size: auto; background-size: cover; }
.CDF-banner .CDF-head{ width: 100%; padding: 10px; margin: 0 0; background: #f7f7f7; border-radius: 10px; border: 1px solid #cccaca21;}
.CDF-banner .CDF-head img{width: 25%; margin: 9px auto 20px; display: block; }  
.CDF-banner .CDF-head h4{color: #0c2d68; text-align: center; font-size: 25px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 1px 0 10px; }
.CDF-banner .CDF-head ul{width: 100%;display: inline-block;padding: 5px 10px;margin: 0 auto;background: #ffffff61;border-radius: 8px;}
.CDF-banner .CDF-head ul li{width: 33%;float: left;list-style: none;color: #031942d6;font-family: "Abel-Regular";font-size: 18px;line-height: 22px;padding: 2px 20px 2px;text-align: center;}
.CDF-page form.form-cdf{}
.CDF-page form.form-cdf .CDF-01{ width: 98%; margin: 0 auto; background: #ffffff63; padding: 0 0; position: relative; display: inline-block; }
.CDF-banner .CDF-01{}
.CDF-banner .CDF-01 p{ font-family: "Abel-Regular"; padding: 10px 10px 0px 0; margin: 0; font-size: 20px; line-height: 28px; color: #03143e; width: 75%; float: left; text-align: justify; }
.CDF-banner .CDF-01  input{width: 25%; float: right; border: 0.5px solid #ccc; padding: 10px 10px; margin: 15px 0 0 0; height:100px;}
.CDF-banner .CDF-01 h5{width: 100%; display: inline-block; position: relative; padding: 7px 0 7px 10px; margin: 25px 0 10px 0; font-size: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #fff; background: #01102d87; border-radius: 5px; border: 1.5px solid #00349d; text-transform: uppercase; letter-spacing: 1px; }
.CDF-banner .CDF-01 h6{ width: 100%; display: inline-block; position: relative; padding: 8px 0 8px 10px; margin: 15px 0 10px 0; font-size: 19px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #052766; background: #f4f4f494; border-radius: 5px; border: 0.5px solid #ccc3; }
.CDF-banner .CDF-01 h3{ width: 100%; display: inline-block; position: relative; padding: 8px 0 8px 10px; margin: 15px 0 10px 0; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #f00; background: #f4f4f494; border-radius: 5px; border: 0.5px solid #ccc3; line-height: 25px; }
.CDF-banner .CDF-01 h2{text-align: center; font-size: 16px; color: #036cca; line-height: 22px; padding: 5px 0 5px 0; margin: 0; letter-spacing: 1px; font-weight: bold; border-bottom: 3px solid #dcdee1; border-radius: 10px; position: relative; width: 100%; display: flow-root; text-transform: uppercase;}
.CDF-banner .CDF-01 .personal-details-input{width: 33%;float: left;display: block;}
.CDF-banner .CDF-01 .personal-details-input label{font-size: 16px; color: #031133; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 400; line-height: 22px; padding: 5px 0 5px 10px; margin: 0 0; width: 50%; float: left; height: 55px; }
.CDF-banner .CDF-01 .personal-details-input input{border: none;padding: 5px 0 3px 10px;margin: 0;height: auto;width: 50%;float: right;outline: none;border-bottom: 0.5px dotted #353535;color: #011d51;}
.CDF-banner .CDF-01 .personal-details-input select{border: none;padding: 5px 0 3px 10px;margin: 0;height: auto;width: 50%;float: right;outline: none;border-bottom: 0.5px dotted #353535;color: #011d51;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton{ width: 25%; display: inline-block; float: left; }
.CDF-banner .CDF-01 .personal-details-input span.radio-botton input[type="radio"]{float: left; width: 10%; margin: 5px 0 0 0;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton label{float: right;text-align: center; padding: 0; font-size: 15px; width: 85%; line-height: 20px;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton-form2{ width: 25%; display: inline-block; float: left; }
.CDF-banner .CDF-01 .personal-details-input span.radio-botton-form2 input[type="radio"]{float: left; width: 20%; margin: 10px 0 0 0;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton-form2 label{float: right;text-align: left; padding: 0; font-size: 15px; width: 75%; line-height: 35px;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton3-form{ width: 15%;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton3-form input[type="radio"]{float: left; width: 21%; margin: 10px 0 0 0;}
.CDF-banner .CDF-01 .personal-details-input span.radio-botton3-form label{ }
.CDF-banner .CDF-01 .personal-details-input span.radio-botton3-form label:hover {  color: #009fff;}
.CDF-banner .CDF-01 .personal-details-input-hulf{width: 49.5%; float: left; display: block; }
.CDF-banner .CDF-01 .personal-details-input:hover input{border-bottom: 0.5px dotted #0541d2;}
.CDF-banner .CDF-01 .personal-details-input:hover label{color: #072775;}
.CDF-banner .CDF-01 .left-tabil-form2{ width: 50%; float: left; border-right: 1px solid #ccc; display: block; padding: 0 0; margin: 0; background: #f9f4f4; }
.CDF-banner .CDF-01 .left-tabil-form2 .personal-details-input{width: 50%;float: left;display: block;}
.CDF-banner .CDF-01 .left-tabil-form2 .radio-input-Education{}
.CDF-banner .CDF-01 .left-tabil-form2 .radio-input-Education label{ font-size: 15px; padding: 0 0 0 8px; margin: 0; height: 50px; width: 45%;}
.CDF-banner .CDF-01 .left-tabil-form2 .radio-input-Education span.Education-radio{ width: 17%; display: inline-block; float: left; }
.CDF-banner .CDF-01 .left-tabil-form2 .radio-input-Education span.Education-radio input[type="radio"]{float: left; width: 25%; margin: 10px 0 0 0;}
.CDF-banner .CDF-01 .left-tabil-form2 .radio-input-Education span.Education-radio label { float: right; text-align: left; padding: 0; font-size: 14px; width: 70%; line-height: 35px; }
.CDF-banner .CDF-01 .left-tabil-form2 .radio-input-Education span.Education-radio label:hover {  color: #009fff;}
.CDF-page form.form-cdf .CDF-01 .submit-input{width: 100%;
  display: inline-block;
  padding: 0 0;
  margin: 0;
  background: none;
  border: none;}
.CDF-page form.form-cdf .CDF-01 .submit-input input{width: 16%;
  padding: 14px 0;
  margin: 20px auto 10px;
  background: #0f579d;
  display: block;
  float: none;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #d9d9d96b;
  transition: all 600ms ease-in-out;
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.71);
  height: auto;
  font-size: 20px;}
.CDF-page form.form-cdf .CDF-01 .submit-input input:hover{background: #007af0;
  border: 1px solid #fff;
  transition: all 600ms ease-in-out;
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.95);}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info