<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* #Font Family */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
/* #global css */
body {
  line-height: 1.5;
  color: #333;
  font-size: 14px;
  letter-spacing: 0.8px;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 400;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
body p {
  margin: 0 0 10px;
}
body p:last-child {
  margin-bottom: 0;
}
h1 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}
section h2 {
  font-size: 26px;
  color: #000;
  margin-bottom: 20px;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  margin-top: 0px;
  position: relative;
}
.orange {
  color: #f16136;
}
.whitecolor {
  color: #fff;
}
strong {
  font-weight: 500;
}
h3 {
  font-size: 20px;
  font-weight: bold;
}
a {
  color: #0584c7;
  font-weight: 500;
}
a:focus {
  outline: 0 !important;
}
.btn.focus, .btn:focus {
  box-shadow: initial;
}
.p-a-10 {
  padding: 10px 0 !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-b-10 {
  padding-bottom: 10px !important;
}
.p-a-20 {
  padding: 20px 0 !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-t-b-20 {
  padding-bottom: 20px !important;
}
.p-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-a-30 {
  padding: 30px 0 !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-t-b-30 {
  padding-bottom: 30px !important;
}
.m-0 {
  margin: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-b-20 {
  margin-bottom: 20px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-b-30 {
  margin-bottom: 30px !important;
}
*:focus {
  outline: 0 !important;
}
.mcustomscrolbarde {
  position: relative;
  max-width: 100%;
  height: 220px;
}
/* ----------2021-------*/
.blink {
  -webkit-animation-duration: 1.5s !important;
}
.iift-baner-region {
  position: relative;
  color: #fff;
  background: linear-gradient(267deg, #7828ab 0%, #0c3aa1 100%);
}
.iift-baner-region h1 {
  color: #fff !important;
  font-size: 30px;
}
.iift-baner-region h4 {
  font-size: 14px !important;
}
.bg-lght {
  background: #e2e6fd;
}
.snap2020 h1 {
  font-size: 29px;
  font-weight: 600;
}
.snap2020 h3 {
  font-size: 21px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #fff;
}
.testmonilineer {
  background-color: #fff;
  padding: 20px 15px;
  text-align: center;
  min-height: 310px;
  box-shadow: 0 0 11px 0px rgb(0 0 0 / 20%);
}
.facultyregion .img-box {
  margin-bottom: 10px;
}
.facultyregion .img-box img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #6b2ace;
  padding: 8px;
}
.facultyregion .test-user {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
.facultyregion .overview {
  font-size: 15px;
  margin: 0;
  color: #f15a22;
  margin-bottom: 10px;
}
.marvel-device.nexus5 .top-bar {
  width: calc(100% - 8px);
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 4px;
  border-radius: 20px;
  background: #cfc3c3 !important;
}
.bullet ul {
  list-style: outside none none;
  margin: 0 0 10px 0;
  padding: 0;
}
.bullet ul li {
  list-style: outside none none;
  margin: 0;
  padding: 6px 0 6px 30px;
  position: relative;
}
.bullet ul li::before {
  color: #ffffff;
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 11px;
  left: 0;
  position: absolute;
  top: 8px;
  background: #9d254d;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  border-radius: 5px;
}
.marvel-device.nexus5 {
  height: 550px !important;
}
.snap2020.bg-lght h4 {
  font-size: 15px;
}
.nav-right &gt; li a button {
  margin-bottom: 0px;
  background: #9d254d;
}
.panel-primary &gt; .panel-heading {
  color: #fff;
  background-color: #9d254d;
  border-color: #9d254d;
  font-size: 21px;
  font-weight: 600;
}
.panel-primary {
  border-color: transparent;
  border: 0px;
  max-width: 780px;
  margin: 0 auto;
}
.panel-body h3 {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 20px 0;
}
.bullet .panel-body ul li {
  list-style: outside none none;
  margin: 0;
  padding: 6px 0 6px 30px;
  position: relative;
  color: #000;
}
.panel-body label {
  color: #000;
}
.right-con-hed {
  background: #fff;
  padding: 30px;
}
.right-con-hed label {
  color: #000;
}
/* ----------2021-------*/
.hall-region p, .hall-region ul {
  letter-spacing: 1.1px;
  font-size: 14px;
}
section.top-region p, section.top-region ul {
  letter-spacing: 1.1px;
  font-size: 14px;
}
section.top-region {
  padding: 40px 0;
  background: #e2e6fd;
}
section.hall-region {
  padding: 40px 0;
}
section.top-region h1 {
  font-size: 28px;
  color: #1d274e;
  margin-bottom: 20px;
  text-transform: none;
  font-weight: 900;
  font-style: normal;
  margin-top: 0px;
  position: relative;
  padding-bottom: 15px;
}
section.hall-region h2 {
  font-size: 26px;
  color: #1d274e;
  margin-bottom: 20px;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  margin-top: 0px;
  position: relative;
}
section.hall-region h4 {
  font-size: 20px !important;
  color: #1d274e;
  margin-bottom: 10px;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  margin-top: 20px;
}
section.top-region h1:after {
  background: #ff0000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 70px;
}
.light {
  background: #e2e6fd;
}
section.hall-region thead {
  background: #0a4470;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
section.hall-region th {}
section.hall-region table td {
  padding: 8px 15px !important;
}
section.hall-region table {
  text-align: left;
  letter-spacing: 1.2px;
}
.msi ul {
  list-style: outside none none;
  margin: 0 0 15px 0;
  padding: 0;
  letter-spacing: 1.2px;
}
section.hall-region .btn-warning {
  padding: 10px 10px;
  background-color: #006699;
  white-space: initial;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: 1.2px;
  border-radius: 50px;
}
.padd-low .col-md-2 {
  padding-left: 7px;
  padding-right: 7px;
}
.msi ul li {
  list-style: outside none none;
  margin: 0;
  padding: 5px 0 5px 25px;
  position: relative;
  text-align: left;
  font-size: 14px;
  color: #303030;
}
.msi ul li::before {
  color: #FF692E;
  content: "\f0a4";
  font-family: "FontAwesome";
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 5px;
  font-weight: 600;
}
.buffercont {
  padding-top: 30px;
  padding-bottom: 30px;
}
.headingdivide {
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 7px;
  color: #58585a;
}
.btnpoagonly {
  margin-bottom: 15px !important;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 1.5;
}
.bigheading {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.testplybtn {
  color: #707070;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
  padding-left: 10px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  padding: 7px 10px;
  background-color: #ececec;
  display: block;
}
.testplybtn:hover {
  text-decoration: none;
}
.testbtnplayicon {
  text-align: left;
}
.testbtnplayicon i {
  padding-right: 10px;
  color: #f15922;
}
.purplebandcont {
  padding: 10px 0;
  background-color: #363e52;
  z-index: 9;
  position: relative;
}
.purplebandcont h2 {
  font-size: 16px;
  color: #fff;
  margin: 0;
  font-weight: 500;
  line-height: 20px;
}
.purplebandcont + #footerregion {
  display: none;
}
.removepurple .purplebandcont {
  display: none;
}
#countdown {
  height: 148px;
  background-image: url(/images/cat-image2.png);
  background-repeat: no-repeat;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-radius: 3px;
  font-size: 14px;
  color: #a91818;
  letter-spacing: 0.5px;
  font-weight: bold;
  padding-left: 35px;
  padding-right: 105px;
  text-align: center;
  padding-top: 93px;
  background-size: 100% auto;
}
.whitregionc .contforparnts {
  padding-top: 70px;
}
.whitregionc .contforparnts h3 {
  margin-top: 0;
  letter-spacing: 0.7px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.whitregionc .contforparnts p {
  margin: 0;
  max-width: initial;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.6;
  font-weight: 300;
}
.contforparnts .innerdivconbox {
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  padding: 40px;
  border-radius: 3px;
  background-color: #f2f2f2;
}
.topictestcon.cbsetable .panel-body {
  padding: 15px;
}
.topictestcon.cbsetable .panel-body table {
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.classID17 .topictestcon.cbsetable .panel-body table tr td:nth-child(2), .classID17 .topictestcon.cbsetable .panel-body table tr th:nth-child(2) {
  display: none;
}
.thumb-rate {}
.thumb-rate i {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  margin-top: 7px;
  border: 1px solid #eee;
  background-color: #eee;
  border-radius: 4px;
  margin-left: 7px;
  cursor: pointer;
}
.thumb-rate i + i {}
/* #Contact us page */
.contactpges .inerdivcon {
  display: block;
  border: 1px solid #e7e7e7;
  float: left;
  width: 100%;
  border-radius: 3px;
  padding: 25px 60px;
  margin-bottom: 40px;
  letter-spacing: 0.7px;
}
.contactpges .inerdivcon h2 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.contactpges .icondiv {
  line-height: 22px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px auto;
}
.contactpges .icondiv a {
  color: rgb(70, 127, 215);
  line-height: 30px;
  font-weight: 400;
}
.contactpges .icondiv span {
  line-height: 30px;
  min-width: 70px;
  display: inline-block;
}
.contactpges .icondiv span + span {}
.contactpges .locationimg {
  background-image: url(/images/conta-location.png);
  background-position: left 4px;
}
.contactpges .telphoneimg {
  background-image: url(/images/conta-phone.png);
}
.contactpges .faximg {
  background-image: url(/images/conta-fax.png);
}
.contactpges .emailimg {
  background-image: url(/images/conta-email.png);
}
.contactpges form {
  padding: 20px;
  background-color: #dbdee7;
  border-radius: 3px;
}
.contactpges h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.contactpges .form-group {}
.contactpges .form-group:last-child {
  margin-bottom: 0;
}
.contactpges .form-group .form-control, .contactpges .form-group textarea {
  color: #333333;
  height: 38px;
  border: 0;
  font-weight: 400;
  letter-spacing: 0.5px;
  width: 100%;
  padding: 2px 10px;
  border-radius: 0px;
  border: 1px solid #fff;
}
.contactpges .form-group .form-control:focus, .contactpges .form-group textarea:focus {
  border: 1px solid #556080;
}
.contactpges .form-group textarea {
  padding: 10px;
  height: 150px;
}
.contactpges .form-group .btn-block {
  border-radius: 3px;
  background-color: #556080;
  border-color: #556080;
  line-height: 40px;
  font-size: 20px;
  letter-spacing: 0.5px;
}
.contactpges iframe {
  float: left;
  width: 100%;
  border: 0;
  height: 459px;
}
.padinrmoevleft {
  padding-left: 0;
}
/* #parent zone content pages laout */
ul.arrow-four {
  padding: 0px;
}
.arrow-four li {
  background: url(/images/list-icon.png);
  list-style: none;
  padding-left: 29px;
  background-repeat: no-repeat;
  margin-bottom: 6px;
  background-position: 0 3px;
}
.ineconfldim {}
.ineconfldim h1 {}
.ineconfldim h2 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}
.ineconfldim h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 17px;
}
.ineconfldim p {}
.ineconfldim ul {}
.ineconfldim ul li {}
.contentimgegod {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.contentimgegod img {
  width: 100%;
  height: auto;
}
/* Support page */
.supoortapges {
  letter-spacing: 0.7px;
}
.botmconfldregio {}
.botmconfldregio &gt; h2 {
  font-size: 18px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 10px;
}
.botmconfldregio &gt; p {
  color: #58585a;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: 300;
}
.botmconfldregio &gt; .panel-group {}
.botmconfldregio .panel-group .panel {
  border-radius: 3px;
  border: 1px solid #dbdbdb;
}
.botmconfldregio .panel-group .panel + .panel {
  margin-top: 10px;
}
.botmconfldregio .panel-default &gt; .panel-heading {
  background-color: transparent;
  position: relative;
  color: #707070;
  border: 0px;
  border-radius: initial;
  padding: 0px;
}
.botmconfldregio .panel-title {
  color: #707070;
  font-weight: bold;
  margin-bottom: 0px;
  letter-spacing: 0.7px;
}
.botmconfldregio .panel-title a {
  display: block;
  font-weight: 400;
  padding: 13px 15px;
  padding-right: 50px;
  line-height: 1.4;
}
.botmconfldregio .panel-title a[aria-expanded="true"] {
  font-weight: 500;
}
.botmconfldregio .panel-title a:hover, .botmconfldregio .panel-title a:focus {
  text-decoration: none;
}
.botmconfldregio .glyphicon {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 49px;
  height: calc(100% + 1px);
  text-align: center;
  background-color: #556080;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.botmconfldregio .panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #dbdbdb;
}
.botmconfldregio h2 {
  color: #707070;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.7px;
}
.botmconfldregio .topimgecont {
  padding-left: 15px;
  margin-bottom: 15px;
}
.botmconfldregio ol, .botmconfldregio ul {
  margin: 0;
}
.botmconfldregio li {
  padding: 3px 5px;
}
.botmconfldregio .inerimgediv {
  padding-top: 5px;
  padding-bottom: 5px;
}
.botmconfldregio p {}
#videoplayable ol li {
  margin-bottom: 10px;
}
#videoplayable ol li:last-child {
  margin-bottom: 0;
}
.botmconfldregio &gt; div p:last-child {
  margin-bottom: 0;
}
.contentfldregion li {
  color: #58585a;
  letter-spacing: 1px;
  padding: 3px 5px;
  font-size: 14px;
}
.aireportpg canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.aireportpg .podarchart {
  max-width: 700px;
  margin: 0 auto;
}
.twoloagdeivdef.logo-region img {
  max-height: 25px;
  margin-top: 30px;
}
.twoloagdeivdef.logo-region img + img {
  max-height: 80px;
  margin-left: 10px;
  margin-top: 0;
}
/* Exam pages content */
.exampgescont {
  letter-spacing: 0.4px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height: 1.6;
}
.exampgescont h1 {
  letter-spacing: 0;
  margin-bottom: 5px;
  font-weight: 600;
}
.exampgescont h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}
.exampgescont p {}
.exampgescont p:last-child {}
.exampgescont .contentalow {
  padding-bottom: 20px;
  clear: both;
}
.exampgescont .table {
  margin: 0;
}
.exampgescont .table-responsive + p {
  margin-top: 5px;
}
.exampgescont .table &gt; tr &gt; td {}
/*.exampgescont .table &gt; tbody &gt; tr:first-child{background-color: #6b789d;color: #fff;}*/
.footerlinksnavi {
  background-color: #ccebf1;
  padding: 20px 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.footerlinksnavi h3 {
  margin: 0;
  text-align: center;
  color: #000;
  letter-spacing: 0.4px;
  margin-bottom: 15px;
}
.footerlinksnavi .btnglobalstyling {
  background-color: #556080;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px 10px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.4px;
}
.footerlinksnavi ~ #footerregion {
  margin-top: 0 !important;
}
/* Five colum layout */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
/* #footer And header css for all pages */
.header-content {
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 999;
  background-color: #fff;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.header-content .logoregion svg {
  height: 33px;
}
.header-content img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.header-content .spacdeficon {
  display: inline-block;
  padding: 11px 5px;
  position: relative;
  line-height: initial;
}
.header-content .spacdeficon:after {
  position: absolute;
  visibility: hidden;
  content: "";
  width: 100%;
  background-color: #ec5925;
  height: 2px;
  bottom: 0;
}
.header-content .spacdeficon:hover {
  text-decoration: none;
}
.header-content .linkinbtns .spacdeficon:hover:after {
  left: 0;
  visibility: visible;
}
.header-content .homebtnreg a {
  padding-top: 18px;
  padding-left: 0;
  padding-right: 0;
}
.header-content .logoregion a {
  padding-top: 13px;
  padding-left: 0;
  padding-right: 0;
}
.header-content .dropdonmenuco {
  position: absolute;
  top: -100%;
  visibility: hidden;
}
.widthdefimg img, .widthdefimg svg {
  width: 24px;
  height: 24px;
  fill: #555;
}
.linkinbtns {}
.linkinbtns ul {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}
.linkinbtns &gt; ul &gt; li {
  float: left;
  padding-left: 20px;
  position: relative;
}
.linkinbtns &gt; ul &gt; li &gt; a {
  text-align: center;
}
.linkinbtns &gt; ul &gt; li &gt; a span {
  display: block;
  line-height: 10px;
  font-size: 11px;
  color: #58585a;
  margin-top: 1px;
}
.bigleftsize img {}
.overlay + #footerregion {
  display: none;
}
body {
  height: auto;
}
.heightbig {
  height: 100vh;
  position: relative;
}
.heightbig #footerregion {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.footerinerregion {
  background-color: #323232;
  padding: 20px 0;
  color: #fff;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.footerinerregion .logofooter img {
  max-height: 25px;
}
.footerinerregion .logofooter {
  padding-bottom: 20px;
}
.footerinerregion .linkregion ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footerinerregion .linkregion li {
  display: inline-block;
  margin-right: 20px;
}
.footerinerregion .linkregion a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
#subfooter {
  padding: 10px 0;
  background-color: #000000;
}
#subfooter p {
  margin: 0;
  color: #b2b1b1;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
#subfooter .socialicons ul {
  margin: 0;
  padding: 0;
  float: right;
}
#subfooter .socialicons li {
  display: inline-block;
  margin-left: 15px;
}
#subfooter .socialicons a {
  line-height: 30px;
  font-size: 15px;
  background-color: #363e52;
  width: 30px;
  display: block;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
#subfooter .socialicons a i {
  line-height: 30px;
}
.measurement .col-md-3 {
  height: 100%;
  position: absolute;
  border: 0;
  left: 0;
}
.measurement .col-md-3 img {
  bottom: 0;
  position: absolute;
  max-width: 115px;
}
.measurement .col-md-9 {
  width: 100%;
  padding-left: 200px;
}
/* #Upload photo model Css start 
============================================== */
/* #Video Page smart cat cracker model Css start 
============================================== */
.smarscvidemodal.modal {
  text-align: center;
  padding: 0 !important;
}
.smarscvidemodal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}
.smarscvidemodal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.smarscvidemodal .modal-content {
  border-radius: 3px;
}
.smarscvidemodal .modal-content .modal-header {
  background-color: #2a3040;
  color: #fff;
  text-align: center;
  position: relative;
}
.smarscvidemodal .modal-content .modal-header h2 {
  letter-spacing: 0.7px;
  font-weight: 500;
  font-size: 20px;
}
.smarscvidemodal .modal-content .modal-header button {
  position: absolute;
  margin: 0;
  right: 10px;
  top: 10px;
  text-shadow: initial;
  color: #2a3040;
  background-color: #fff;
  opacity: 1;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.smarscvidemodal .modal-content .modal-body {}
.smarscvidemodal .modal-content .modal-body p {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin: 0 auto;
  max-width: 90%;
  text-align: center;
  margin-bottom: 20px;
}
.smarscvidemodal .modal-content .btnscont {
  vertical-align: top;
  max-height: 45px;
  text-align: center;
}
.smarscvidemodal .modal-content .btnscont &gt; * {
  display: inline-block;
  width: 48%;
  border-radius: 3px;
  padding: 0 10px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 15px;
  line-height: 40px;
  vertical-align: top;
}
.smarscvidemodal .modal-content .btnscont &gt; *:hover, .smarscvidemodal .modal-content .btnscont &gt; *:focus {
  background-color: #f16136;
  color: #fff;
  border-color: #f16136;
}
.smarscvidemodal .modal-content .btnscont button {
  background-color: #f16136;
  color: #fff;
  border-color: #f16136;
}
.smarscvidemodal .modal-content .btnscont button:hover, .smarscvidemodal .modal-content .btnscont button:focus {
  background-color: transparent;
  color: #555;
  border: 1px solid #ddd;
}
.smarscvidemodal .modal-content .btnscont a {
  margin-left: 3%;
}
/* #Login Page Css start 
============================================== */
.login-page {
  min-height: 100vh;
  background-color: #2a3040;
  background-image: url(/images/cloud.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.login-page .logo-region img {
  max-height: 25px;
}
.loginpageouter {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loginpageouter .flexdefine {}
.loginpageouter .whitebgdefine {
  background-color: #fff;
  border-radius: 3px;
  float: left;
  max-width: 400px;
  padding: 30px 20px;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
}
.otppageouter .whitebgdefine, .forgotpagepwd .whitebgdefine {
  max-width: 360px;
}
.whitebgdefine .btns {
  padding-top: 5px;
}
.loginpageouter .formregioncont {}
.loginpageouter .contforlast {
  padding-top: 20px;
  letter-spacing: 0.3px;
}
.loginpageouter h2 {
  font-size: 20px;
  padding-bottom: 20px;
  letter-spacing: 0.5px;
  color: #404040;
}
.registerfamily h2 {
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #f1f1f1;
  padding: 7px 10px;
  border-radius: 3px;
  margin-top: 5px;
}
.loginpageouter .form-group {}
.loginpageouter .form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-size: 15px;
}
.loginpageouter .form-group input {
  width: 100%;
  padding: 3px 10px;
  border: 1px solid #e2e2e2;
}
.loginpageouter .form-group .error {
  margin-top: 3px;
  letter-spacing: 0.5px;
  font-size: 13px;
  color: red;
}
.form-group .inputcheckcli {
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-group .inputcheckcli input {
  margin: 0;
  width: auto;
  float: left;
}
.form-group .inputcheckcli span {
  font-size: 13px;
  float: left;
  width: calc(100% - 30px);
  margin-left: 5px;
  line-height: 1.3;
}
.loginpageouter .resend {
  margin-bottom: 20px;
}
.loginpageouter .resend a {
  color: #404040;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.loginpageouter .resend a + a {
  float: right;
}
.loginpageouter .btns {}
.loginpageouter .btn-same {
  line-height: 38px;
  background-color: #556080;
  border-color: #556080;
  float: left;
  margin-right: 0;
}
.loginpageouter .btn-register {
  background-color: transparent;
  color: #556080;
}
.loginpageouter .btn-login:hover, .loginpageouter .btn-login:focus {
  background-color: #444c66;
  color: #fff;
}
.loginpageouter .btn-register:hover, .loginpageouter .btn-register:focus {
  background-color: #556080;
  color: #fff;
}
.loginpageouter .equalbtns {
  min-width: 170px;
}
.loginpageouter .btns .btn + .btn {
  float: right;
}
/* regiester page css start */
.registerouter .whitebgdefine {
  max-width: 500px;
  min-width: 500px;
}
.registerouter .form-group {
  position: relative;
}
.registerouter .svgimageouter {
  float: left;
  width: 25px;
}
.registerouter .svgimageouter svg {
  height: 18px;
  float: left;
  fill: #606b89;
}
.registerouter .svgimageouter + label {
  float: left;
  width: calc(100% - 30px);
}
.registerouter select {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 3px 10px;
  border-radius: 3px;
  height: 38px;
}
.registerouter .col-sm-6 {
  padding-left: 0;
}
.registerouter .col-sm-6 + .col-sm-6 {
  padding-right: 0;
  position: relative;
}
.registerouter .claendarsvg {
  position: absolute;
  right: 7px;
  bottom: 7px;
  margin-bottom: 0 !important;
}
.registerouter .claendarsvg svg {
  height: 21px;
  fill: #606b89;
  float: left;
}
.registerouter .maxl {
  clear: both;
  float: left;
  width: 100%;
}
.registerouter .form-group .radio {
  margin: 0;
  float: left;
  position: relative;
  margin-right: 10px;
}
.registerouter .radio input {
  visibility: hidden;
}
.registerouter .radio span {
  height: 50px;
  width: 50px;
  text-align: center;
  float: left;
  line-height: 50px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  cursor: pointer;
}
.registerouter .radio input:checked + span, .registerouter .radio input:hover + span {
  background-color: #556080;
  border-color: #556080;
  color: #fff;
}
.registerouter .radio .svgimg {
  height: 50px;
  width: 50px;
  text-align: center;
  float: left;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}
.registerouter .radio .svgimg svg {
  width: 20px;
  fill: #556080;
  display: inline-block;
}
.registerouter .radio .svgimg strong {
  font-size: 12px;
  display: block;
  margin-top: -2px;
}
.registerouter .radio input:checked + .svgimg, .registerouter .radio input:hover + .svgimg {
  background-color: #556080;
  border-color: #556080;
  color: #fff;
}
.registerouter .radio input:checked + .svgimg svg, .registerouter .radio input:hover + .svgimg svg {
  fill: #fff;
}
.registerouter .alreadyacouncon p {
  margin: 0;
  float: left;
  line-height: 38px;
}
.registerouter .alreadyacouncon button {
  float: right;
}
/* #Header Css start 
============================================== */
.header-region {
  background-color: #000000;
  padding: 10px 0;
}
.header-region .back {
  margin-top: 12px;
  display: block;
}
.header-region .menubtn {
  background-color: transparent;
  border: 0;
  padding: 0;
}
/* Landing page css Start
============================================== */
.innerpages {
  padding-bottom: 30px;
}
.landing-pg {
  min-height: 100vh;
}
.logo-region {
  padding-top: 0;
  padding-bottom: 20px;
}
.landing-pg h1 {}
.landing-pg .content-region {
  z-index: 2;
}
.landing-pg h2 {
  margin: 0;
  font-weight: 500;
}
.landing-pg h3 {
  margin: 0;
  margin-top: 3px;
  font-weight: 400;
}
.flipingbox {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 70px;
}
.flipingbox .c--anim-btn {
  float: left;
  width: 33.33%;
}
.flipingbox .c--anim-btn span {
  display: block;
}
.arrow-grow {
  position: absolute;
  width: 60%;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.1;
  text-align: left;
}
.people {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: initial;
}
.people img {
  max-width: initial;
  width: 100%;
}
.btns {}
.btn-same {
  line-height: 36px;
  background-color: #9d254d;
  color: rgb(255, 255, 255);
  margin-right: 20px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 0px 25px;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 3px;
  width: 100%;
}
.btn-same:hover, .btn-same:focus {
  color: #fff;
}
.btn-sign {
  background-color: #0584c7;
  margin: 0px;
}
.btns &gt; *:last-child {
  margin-right: 0;
}
.btn-register {}
.equalbtns {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.9px;
}
.btn-register {
  background-color: transparent;
  border: 1px solid #fff;
}
.btn-loginn {
  border: 1px solid #9d254d;
}
.dropdown-menu {
  box-shadow: none;
}
.dropdown-menu h4 {
  margin-top: 0;
  font-size: 17px;
}
.navbar-brand &gt; img {
  max-height: 42px !important;
}
/* OTP page css Start
============================================== */
.form-control {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: none;
  color: #6b7c8a;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e0e0e0;
  height: 36px;
  margin-bottom: 0px;
  padding-left: 15px;
  letter-spacing: 0.9px;
  width: 100%;
}
.inputcheckcli span {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: initial;
}
.from-region-otp {}
.from-region-otp .sub-heading {
  margin-bottom: 10px;
}
.from-region-otp .otpfild {
  margin-bottom: 15px;
}
.otpfild input {}
.resend {
  margin-bottom: 10px;
  text-align: center;
}
.resend a {
  font-size: 13px !important;
  color: blue !important;
}
.from-region-otp .btns {}
.from-region-otp .sub-content {}
.from-region-otp .sub-content p {
  margin-bottom: 0;
}
.from-region-otp .sub-content .btns {
  margin-top: 10px;
}
.btn-grey {
  background-color: #58585a;
}
.btn-blue {
  background-color: #0584c7;
}
.from-region-otp {
  max-width: 500px;
  margin: auto;
}
/* #Login */
.from-region-otp .form-group {
  position: relative;
  margin: 0;
  margin-top: 30px;
}
.from-region-otp .form-group input {
  display: block;
  padding: 10px 10px 0px 5px;
  width: 100%;
  background: none;
  border-bottom: 1px solid #757575;
  border-top: 0;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  text-align: left;
  padding-left: 80px;
}
.from-region-otp .form-group .highlight {
  height: 60%;
  left: 0;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  top: 25%;
  width: 100px;
}
.from-region-otp .form-group .bar::before {
  left: 50%;
}
.from-region-otp .form-group .bar::before, .from-region-otp .form-group .bar::after {
  background: #5264ae none repeat scroll 0 0;
  bottom: 1px;
  content: "";
  height: 2px;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 0;
}
.from-region-otp .form-group .bar::after {
  right: 50%;
}
.from-region-otp .form-group label {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 15px;
  transition: all 0.2s ease 0s;
  margin-bottom: 0;
}
/*.from-region-otp .form-group input:focus ~ label, .from-region-otp .form-group input:valid ~ label {
    color: #5264ae;
    font-size: 14px;
    top: -10px;
}*/
.from-region-otp .form-group input:focus ~ .highlight {
  animation: 0.3s ease 0s normal none 1 running inputHighlighter;
}
@keyframes inputHighlighter {
  0% {
    background: #5264ae none repeat scroll 0 0;
  }
  100% {
    background: transparent none repeat scroll 0 0;
    width: 0;
  }
}
@keyframes inputHighlighter {
  0% {
    background: #5264ae none repeat scroll 0 0;
  }
  100% {
    background: transparent none repeat scroll 0 0;
    width: 0;
  }
}
.from-radio label {
  margin-bottom: 0;
  margin-top: 10px;
}
.from-region-con .resend {
  margin: 0;
  margin-top: 10px;
}
.from-region-con .resend a {
  width: 50%;
  float: left;
}
.from-region-con .resend a + a {
  text-align: right;
}
.from-region-otp .sub-content &gt; p {
  margin-bottom: 3px;
}
.from-region-otp .form-group .error {
  color: #f16136;
}
.contetnpargrp {}
.headingcon-lo {
  align-items: center;
}
.headingcon-lo p {
  margin-bottom: 0;
}
.frogo-username img {
  display: inline-block;
}
.text-logo-small {
  max-height: 22px;
}
.iframe-video {
  width: 100%;
  display: inline-block;
  height: 250px;
}
.text-logo-heading {}
.login-pg {
  max-width: 500px;
}
.login-pg .fromdesginnew label {}
.login-pg .fromdesginnew .resend a, .login-pg .sub-content a {
  font-weight: 400;
  color: grey;
}
/* Placement page css */
.from-region-otp .leftposdefin .form-group label {
  left: 15px;
}
.placement-con .nav-tabs {
  border: 0px;
}
.placement-con .row-eq-height &gt; [class^=col] {
  align-items: flex-end !important;
  display: flex;
}
.placement-con .nav-tabs .nav-item {
  padding: 0;
}
.placement-con .nav-tabs .nav-link {
  padding: 0;
  border: 0;
  background-color: transparent !important;
  text-align: center;
  font-weight: 400;
  width: 100%;
}
.placement-con .nav-tabs .nav-link img {
  padding: 0 10px;
}
.placement-con .nav-tabs .nav-link .activeimg {
  display: none;
}
.placement-con .nav-tabs .nav-link.active .activeimg {
  display: inline-block;
}
.placement-con .nav-tabs .nav-link.active .default {
  display: none;
}
.placement-con .nav-tabs .nav-item span {
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  background-color: #d8d6d6;
  color: #fff;
  line-height: 2.3;
  position: relative;
}
.placement-con .nav-item.firstplace span {}
.placement-con .nav-item.secndplace span {
  background-color: #cecbcb;
}
.placement-con .nav-item.thirdplace span {}
body .placement-con .nav-item .active span {
  background-color: #f15a22;
}
.placement-con .nav-item .active span:after {
  position: absolute;
  content: "";
  top: -2px;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #f15a22;
}
.placement-con .nav-item .active span:before {
  position: absolute;
  content: "";
  bottom: -2px;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #f15a22;
}
.alignmiddlecon .definemidlc {
  display: flex;
  align-items: center;
}
.alignmiddlecon .definemidlc &gt; div {
  width: 100%;
}
/* #Edit Profile page */
.editprofilecon .form-group {}
.editprofilecon .form-group .editsavbtn {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.hide {
  display: none;
}
.editprofilecon .card-body .form-group:first-child {
  margin-top: 0;
}
.editprofilecon .card {
  border: 0;
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 3px;
}
.editprofilecon .card-header {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.editprofilecon .card-body {
  padding: 10px 0;
}
.editprofilecon .headingedit {
  display: block;
  background-color: #f0f1f3;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.editprofilecon .headingedit strong {}
.editprofilecon .headingedit span {
  float: right;
  line-height: 20px;
  color: #fff;
  font-size: 20px;
  background-color: #f15922;
  width: 20px;
  text-align: center;
  border: 1px solid #f15922;
  margin-top: 8px;
}
.editprofilecon.from-region-otp .form-group input {
  padding-right: 40px;
}
.editprofilecon .minussign {
  display: block;
}
.editprofilecon div[aria-expanded="false"] .minussign {
  display: none;
}
.editprofilecon div[aria-expanded="true"] .plusisgn {
  display: none;
}
/*.editprofilecon div[aria-expanded="true"]{
	background-color: transparent;
}*/
.editprofilecon div[aria-expanded="true"] strong {
  color: #f15922;
}
/*.editprofilecon.from-region-otp .form-group label{
	left: 10px;
}*/
/* #Highcharts Css */
.highcharts-credits, .highcharts-text-outline, .highcharts-contextbutton {
  display: none !important;
}
.highcharts-point {
  fill: #f15922;
}
.ocsxpages .card-body {
  padding: 10px;
}
.fromdesginnew &gt; .row {
  margin-bottom: 15px;
}
.fromdesginnew input[type="text"], .fromdesginnew input[type="password"], .fromdesginnew input[type="email"], .fromdesginnew select {
  color: #58585a;
  border-bottom: 1px solid #757575;
  border-left: 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  width: 100%;
  background-color: transparent;
  padding: 0;
  line-height: 30px;
}
.fromdesginnew select {
  height: 31px !important;
  font-size: 14px;
}
.fromdesginnew label {
  margin: 0;
  line-height: 31px;
  font-weight: 500;
}
.form-control:focus {
  box-shadow: initial;
}
.fromdesginnew .input-group-addon {}
.fromdesginnew .input-group-addon i {
  font-size: 22px;
  line-height: 31px;
  vertical-align: middle;
  padding-right: 5px;
}
/* Box layout desgin
============================================== */
.boxes-layout-regular [class^=col] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.boxes-layout-regular .box-inner {
  width: 100%;
  height: 100%;
}
.boxes-layout-regular a {
  font-weight: 400;
  color: #58585a;
  text-decoration: none;
  display: block;
  padding: 25px;
  border-radius: 3px;
}
.boxes-layout-regular img {
  max-height: 30px;
  margin-bottom: 15px;
}
.boxes-layout-regular p {}
.color-st-1 {
  background: -moz-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6ebf8), color-stop(100%, #fff)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* ie10+ */
  background: linear-gradient(0deg, #c6ebf8 0%, #fff 100%); /* w3c */
}
.color-st-2 {
  background: -moz-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6f9f0), color-stop(100%, #fff)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* ie10+ */
  background: linear-gradient(0deg, #b6f9f0 0%, #fff 100%); /* w3c */
}
.color-st-3 {
  background: -moz-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6d6d9), color-stop(100%, #fff)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* ie10+ */
  background: linear-gradient(0deg, #c6d6d9 0%, #fff 100%); /* w3c */
}
.color-st-4 {
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .3)), color-stop(100%, #fff)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* ie10+ */
  background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* w3c */
}
/* #content pages */
.welcome-message {}
.contelayutfild {}
.contflda h2 {}
.contflda h3 {
  font-size: 16px;
}
.innerpages &gt; row {
  z-index: 9;
}
.formstyling {}
.inerhedcop {
  font-weight: bold;
  margin-bottom: 10px;
}
.formstyling h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.formstyling .col-md-12 {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.formstyling p {
  background: #eaeaea;
  padding: 10px;
  font-weight: 500;
  margin-bottom: 5px;
}
.formstyling label {
  margin: 0;
  font-weight: 300;
}
.formstyling label + label {
  padding-left: 10px;
}
.formstyling label input {}
.formstyling label span {}
#appendcont {
  display: none;
}
.colmdefinconfld {}
.colmdefinconfld h3 {}
.colmdefinconfld img {}
.colmdefinconfld ul {}
.colmdefinconfld ul li {}
.stylingimge {
  float: left;
  max-width: 400px;
  padding-right: 20px;
}
.borderlinecon {
  border: 1px solid #e7e7e7;
  text-align: center;
  max-height: 130px;
  min-height: 130px;
}
.borderlinecon img {
  max-height: 60px;
  margin-top: 30px;
}
.conontdetailsfld {
  padding: 30px 0;
}
.conontdetailsfld hr {
  margin-bottom: 10px;
  margin-top: 10px;
}
.conontdetailsfld h2 {
  font-size: 20px;
  margin-bottom: 15px;
}
.conontdetailsfld .form-queries {}
.conontdetailsfld .form-queries label {
  margin: 0;
  letter-spacing: 0.5px;
  display: inline;
  margin-left: 4px;
}
.conontdetailsfld .form-queries .col-sm-2 {
  line-height: 25px;
  letter-spacing: 0.5px;
}
.conontdetailsfld .form-queries input[type="radio"] {
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
#result h2 {
  margin-bottom: 5px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
/* #placment apply page start*/
.placmentscon {
  padding: 30px 0;
}
.navtaboutercon {}
.navtaboutercon .nav-tabs {
  border: 0;
}
.navtaboutercon .nav-tabs &gt; li {
  margin: 0;
  width: 25%;
}
.navtaboutercon .nav-tabs &gt; li &gt; a {
  position: relative;
  background: #fff;
  border-left: 2px solid #e5e5e5;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  border-radius: 0;
  margin: 0;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.7px;
  font-weight: 300;
  text-align: center;
  border-right: 0;
  color: #58585a;
}
.navtaboutercon .nav-tabs &gt; li &gt; a:after, .navtaboutercon .nav-tabs &gt; li &gt; a:before {
  left: 100%;
  top: 44%;
  border: solid transparent;
  content: " ";
  height: 1;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.navtaboutercon .nav-tabs &gt; li &gt; a:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 20px;
  margin-top: -17px;
}
.navtaboutercon .nav-tabs &gt; li &gt; a:before {
  border-color: rgba(170, 170, 170, 0);
  border-left-color: #e5e5e5;
  border-width: 22px;
  margin-top: -19px;
}
.navtaboutercon .nav-tabs &gt; li:last-child &gt; a {
  border-right: 2px solid #e5e5e5;
}
.navtaboutercon .nav-tabs &gt; li:last-child &gt; a:after {
  display: none;
}
.navtaboutercon .nav-tabs &gt; li:last-child &gt; a:before {
  display: none;
}
.navtaboutercon .nav-tabs &gt; li &gt; a:hover, .navtaboutercon .nav-tabs &gt; li &gt; a.active {
  background-color: #556080;
  color: #fff;
}
.navtaboutercon .nav-tabs &gt; li &gt; a:hover:after, .navtaboutercon .nav-tabs &gt; li &gt; a.active:after {
  width: 0px;
  height: 0px;
  border-top: 22px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 18px solid #556080;
  position: absolute;
  content: "";
  top: 17px;
  right: -38px;
  left: initial;
}
.navtaboutercon .nav-tabs &gt; li &gt; a:hover:before, .navtaboutercon .nav-tabs &gt; li &gt; a.active:before {
  display: none;
}
.contplatabfld {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 30px;
  background-color: #f2f2f2;
  padding: 20px;
}
.contplatabfld label {
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.7px;
  color: #707070;
  font-size: 16px;
  line-height: 2;
  float: left;
  width: 100%;
}
.contplatabfld input[type="text"], .contplatabfld select, .contplatabfld .datepicker, .contplatabfld textarea {
  border: 0;
  border-radius: 0;
  height: 45px;
  width: 100%;
  letter-spacing: 0.7px;
  color: #707070;
  padding: 5px 10px;
}
.contplatabfld textarea {
  padding: 10px;
}
.contplatabfld .form-group {
  margin: 0;
  margin-bottom: 20px;
}
.contplatabfld select {
  padding: 0 10px;
}
.contplatabfld .phonefldcon-globalconcss input {
  width: 50px;
  clear: both;
  float: left;
  background-color: #d7d7d7;
}
.contplatabfld .form-control[readonly] {
  background-color: #d7d7d7;
  border-color: #d7d7d7;
}
.contplatabfld .phonefldcon-globalconcss input + input {
  clear: none;
  width: calc(100% - 60px);
  margin-left: 10px;
  background-color: #fff;
}
.contplatabfld .calendrfild {
  position: relative;
}
.contplatabfld .calendrfild .fonticon {
  position: absolute;
  height: 45px;
  font-size: 24px;
  width: 25px;
  right: 20px;
  text-align: center;
  bottom: 0px;
  color: #556080;
  padding-top: 11px;
}
.contplatabfld .nolabelsh {
  padding-top: 32px;
}
.adresfldcon-globalconcss textarea {
  height: 100px;
}
.aboutsefldcon-globalconcss textarea {
  height: 197px;
}
.qualificselted {
  margin-bottom: 30px;
}
.qualificselted .btneduction {
  margin-top: 5px;
}
.qualificselted .btneduction span {
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.7px;
  background-color: #fff;
  padding: 10px 0;
  border-radius: 3px;
}
.qualificselted .btneduction.active span, .qualificselted .btneduction span:hover {
  background-color: #556080;
  color: #fff;
}
.videoconpage {}
.videoconpage h2 {
  margin-bottom: 10px;
}
.videoconpage iframe {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.videoconpage .contflda {}
.contplatabfld select[multiple] {
  padding: 10px;
  height: 100px;
}
.contplatabfld .skillsconfld textarea {
  height: 100px;
}
#confirmationstab {
  padding: 60px;
  text-align: center;
}
.thankyoucontenfld h2 {
  font-size: 50px;
  font-weight: bold;
}
.thankyoucontenfld .tickmark {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 110px;
  line-height: 1;
  color: #9ae064;
}
.thankyoucontenfld p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
#teststab {
  padding: 0;
  padding-bottom: 20px;
}
#teststab &gt; .col-md-4 {
  border-right: 2px solid #fff;
}
#teststab &gt; .col-md-12 {
  margin-top: 20px;
}
#teststab .hedinpgbig {
  margin-left: -15px;
  margin-right: -15px;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  border-bottom: 2px solid #fff;
  padding-bottom: 20px;
  font-size: 18px;
  letter-spacing: 0.7px;
  font-weight: 400;
  padding-top: 20px;
}
#teststab .shadwowbox {
  margin-top: 20px;
  display: block;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 10px 10px;
  float: left;
  width: 100%;
}
#teststab .shadwowbox span {
  line-height: 30px;
  float: left;
}
#teststab .shadwowbox a {
  float: right;
  margin: 0;
  line-height: 30px;
}
/* #inspiring stories */
.inspiringfld {
  padding-top: 25px;
  padding-bottom: 25px;
  letter-spacing: 0.7px;
}
.inspiringfld h2 {
  font-weight: bold;
  margin-bottom: 15px;
}
.inspiringfld h4 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #404040;
  font-weight: 500;
  font-size: 16px;
}
.inspiringfld .comment {
  border: 1px solid #b7b7b7;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 15px;
  line-height: 1.7;
}
.moreelipses {
  display: none;
}
.inspiringfld .morecontent {}
.inspiringfld .morelink {
  color: #007cde;
  display: block;
  text-decoration: none;
  margin-top: 10px;
}
.inspiringfld .less {}
.morecontent span {
  display: none;
}
/* #home page redesgined */
.headerregionnew {
  letter-spacing: 1.7px;
  background-color: #363e52;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.headerregionnew ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.headerregionnew li {
  float: left;
}
.headerregionnew li a {
  float: left;
  padding-right: 25px;
  margin-right: 25px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 15px;
}
.headerregionnew li:last-child a {
  border-right: 0px;
  margin-right: 0;
  padding-right: 0;
}
.banneregioncon {
  background-color: #363e52;
  padding-top: 20px;
  padding-bottom: 10px;
  background-image: url(/images/rocketsmoke.png);
  /* background-size: contain; */
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: calc(100vh - 166px);
  position: relative;
}
.banneregioncon:after {
  position: absolute;
  content: "";
  bottom: 0;
  background-image: url(/images/studyicons2.png);
  left: 0;
  width: 200px;
  height: 253px;
  background-size: auto 253px;
  background-repeat: no-repeat;
}
.banneregioncon:before {
  position: absolute;
  content: "";
  bottom: 0;
  background-image: url(/images/studyicons1.png);
  right: 0;
  width: 201px;
  height: 280px;
  background-repeat: no-repeat;
  background-size: auto 280px;
}
.banneregioncon .conteouter {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
.banneregioncon .rocket {
  padding-bottom: 135px;
}
.banneregioncon .rocket img {}
.banneregioncon .logoregion {}
.banneregioncon h3 {
  color: #fff;
  font-size: 27px;
  margin-top: 15px;
  margin-bottom: 25px;
  letter-spacing: 0.4px;
}
.banneregioncon .btns {}
.countsection {
  background-color: #f2f2f2;
  text-align: center;
}
.countsection .fillwhitecolor {
  background-color: #fff;
}
.countsection h2 {
  font-size: 25px;
  color: #404040;
  font-weight: 700;
  padding-top: 25px;
}
.countsection h3 {
  margin: 0;
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 25px;
  font-size: 18px;
}
.whitregionc {
  padding: 70px 0;
}
.whitregionc h2 {
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.7px;
  margin-bottom: 20px;
  color: #000;
}
.whitregionc p {
  font-size: 18px;
  max-width: 70%;
  margin: 0 auto;
}
.whitregionc a {
  margin-top: 10px;
  display: inline-block;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
}
.expregioncon {
  background-color: #f2f2f2;
  padding: 90px 0;
}
.expregioncon .row {}
.expregioncon h2 {
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.7px;
  margin-bottom: 20px;
}
.expregioncon p {
  font-size: 18px;
  max-width: 70%;
}
.expregioncon img {}
.expregioncon + #footerregion {
  margin-top: 0;
}
.uploadfilsec .inputtype, .uploadfilsec .form-group {
  clear: both;
  float: left;
  width: 100%;
  margin: 0;
}
.uploadfilsec div label {
  padding: 0;
  border: 0;
  border-radius: 0;
  position: relative;
  margin-bottom: 20px;
}
.uploadfilsec input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.uploadfilsec .heading-main {
  background-color: #556080;
  color: #fff;
  padding: 10px 5px;
  text-align: left;
  letter-spacing: 0.7px;
  vertical-align: top;
  float: left;
  width: 100%;
}
.uploadfilsec .heading-main {}
.uploadfilsec .heading-main i {
  font-size: 25px;
  float: left;
  line-height: 20px;
}
.uploadfilsec .heading-main span {
  line-height: 20px;
  vertical-align: top;
  padding-left: 5px;
  float: left;
}
.uploadfilsec .imagefldcon {
  background-color: #fff;
  padding: 10px 20px;
  clear: both;
}
.uploadfilsec .imagefldcon img {}
.uploadfilsec .imagefldcon span {
  white-space: initial;
  line-height: 1.2;
  padding-top: 10px;
  display: block;
  font-size: 13px;
  color: #919191;
}
.btn-newcon {
  background-color: transparent;
  border: 1px solid #ddd;
  color: #000 !important;
  margin-top: 0 !important;
}
.whitregionc .btnfld {
  margin-top: 20px;
}
.topictestcon h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: -15px;
}
.topictestcon .panel-group .panel {
  border-radius: 3px;
  border: 1px solid #ddd;
  clear: both;
}
.topictestcon .acoordinheader ~ .acoordinheader {
  margin-top: 25px;
}
.topictestcon .panel-default &gt; .panel-heading {
  padding: 0;
}
.topictestcon .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}
.topictestcon .panel-title &gt; a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.7px;
}
.topictestcon .panel-group .glyphicon {
  float: right;
  color: #fff;
  height: 23px;
  width: 23px;
  line-height: 23px;
  text-align: center;
  background-color: #363e52;
  font-size: 10px;
  font-weight: normal;
  top: -3px;
  right: -5px;
  border-radius: 3px;
}
.topictestcon .panel-group .panel + .panel {
  margin-top: 10px;
}
.topictestcon .panel-group {
  margin-bottom: 30px;
}
.fundbookspacing .panel-group {
  margin-bottom: 10px;
}
.topictestcon .panel-group:last-child {
  margin-bottom: 0px;
}
.topictestcon .panel-body {
  padding: 15px 0;
}
.topictestcon .filtercontent {}
.topictestcon .filtercontent .contetrorepe-heading h3 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0;
  margin-bottom: 15px;
}
.topictestcon .panel-collapse .col-xs-12:nth-child(4n + 1) {
  clear: both;
}
.filtercontent .contetrorepe h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 15px;
}
.topictestcon .panel-title .progress {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 100px;
  width: 600px;
  background-color: #e8e8e8;
}
.topictestcon .panel-title .progress-bar {
  background-color: #33A301;
  white-space: pre;
  color: #000;
  padding-left: 5px;
}
.topictestcon .progress-bar.progresimg {
  background-color: #ff8282;
}
.topictestcon .progress-bar.progres50 {
  background-color: yellow;
}
.topictestcon .progress-bar.progres75 {
  background-color: green;
}
.contetrorepe .difuclihedin {}
.contetrorepe .difuclihedin a {
  color: #707070;
  letter-spacing: 0.4px;
  padding-left: 10px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  padding: 0px 15px;
  background-color: transparent;
  margin-right: 0;
  line-height: 28px;
  width: 100%;
  margin-bottom: 15px;
}
.contetrorepe .difuclihedin .btn-info {
  border-color: #5bc0de;
}
.contetrorepe .difuclihedin .btn-warning {
  border-color: green;
}
.contetrorepe .difuclihedin .btn-danger {
  border-color: #d9534f;
}
.contetrorepe .difuclihedin .btn-info.active {
  background-color: #5bc0de;
  color: #fff;
  border-color: #5bc0de;
}
.contetrorepe .difuclihedin .btn-warning.active {
  background-color: green;
  color: #fff;
  border-color: green;
}
.contetrorepe .difuclihedin .btn-danger.active {
  background-color: #d9534f;
  color: #fff;
  border-color: #d9534f;
}
.topictestcon .seeallcontbtn {
  background-color: #556080;
  color: #fff;
  letter-spacing: 0.7px;
  font-size: 14px;
  border: 0;
  padding: 3px 40px;
}
.topictestcon .panel-title &gt; a &gt; * {
  display: inline-block;
  vertical-align: top;
}
.topictestcon .panel-title strong {
  min-width: 250px;
  line-height: 20px;
}
.lawtopictest .panel-title strong {
  min-width: 290px;
}
.topictestcon .topicheading h4:nth-of-type(3) ~ *, .contetrorepe .difuclihedin a:nth-of-type(3) ~ * {
  display: none;
}
.contetrorepe .difuclihedin a:nth-of-type(3) ~ * {}
.topictestcon .showdiv {
  display: block;
}
.topictestcon .acoordinheader {}
.topictestcon .contetrorepe-heading &gt; div &gt; h3 {
  margin-bottom: 15px;
}
.videocontentregi {}
.videocontentregi .nav {
  margin-bottom: 20px;
}
.videocontentregi .nav li {}
.videocontentregi .nav .active {}
.videocontentregi .nav li a {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 500;
  color: #58585a;
}
.videocontentregi .tab-content {}
.videocontentregi .videoouter {}
.videocontentregi .videoouter h3 {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  font-family: 'Roboto';
  margin-top: 0;
  letter-spacing: 0.5px;
  line-height: 1.5;
  border: 1px solid #ddd;
  padding: 8px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 0;
}
.videos-innerdiv {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 0;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.videos-innerdiv &gt; .col-xs-12 {
  padding: 0;
}
@media only screen and (min-width:980px) {
  .videos-innerdiv .col-xs-6:nth-child(4n + 1) {
    clear: both;
  }
}
.videos-innerdiv .thumbnail {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  position: relative;
  margin-top: 20px;
}
.videos-innerdiv .thumbnail img {
  padding: 0;
  min-height: 180px;
  max-height: 120px;
}
.videos-innerdiv .thumbnail h3 {
  margin-top: 10px;
  font-size: 14px;
  font-family: 'Roboto';
  letter-spacing: 0.7px;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 10px;
  min-height: 38px;
  font-weight: 400;
  text-align: center;
}
.videos-innerdiv .thumbnail p {
  text-align: center;
  color: blue;
  letter-spacing: 0.5px;
}
.videos-innerdiv .thumbnail a {
  position: absolute;
  left: 50%;
  top: 105px;
  transform: translate(-50%, -50%);
  color: #fff;
  background-color: red;
  border-color: red;
  padding: 7px 15px;
}
.videos-innerdiv .thumbnail .caption {
  padding: 0;
}
.videos-innerdiv .thumbnail .downloadbtn, .videos-innerdiv .thumbnail .taketestviewsol {
  position: relative;
  left: 0;
  top: 0;
  transform: initial;
  border: 1px solid #ddd;
  color: #58585a;
  background-color: transparent;
  letter-spacing: 0.5px;
  text-align: left;
  font-weight: 500;
  white-space: initial;
  font-family: 'Roboto';
}
.videos-innerdiv .thumbnail .taketesbtnglo {
  background-color: #556080;
  color: #fff;
  border-color: #556080;
}
.videos-innerdiv .thumbnail .viewsolbtn {
  background-color: gainsboro;
}
/* #error page css start */
.errorpage .bg {
  background-image: url(/images/error-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: calc(100vh - 218px);
  position: relative;
}
.errorpage h1 {
  font-size: 30px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 20px;
}
.errorpage p {
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 25px;
}
.errorpage .custombutton {
  background-color: #fff;
  border-color: #fff;
  border-radius: 3px;
  color: #8a8a8a;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 10px 0 0;
  padding: 4px 40px;
  text-shadow: initial;
}
.errorpage .custombutton:hover {
  background: #E36F3D;
  border-color: #E36F3D;
  color: #fff;
}
.errorpage .error {
  position: absolute;
  bottom: 70px;
}
.errorpage .purplebandcont {
  display: none;
}
.errorpage #footerregion {
  margin-top: 0;
}
/* #logout page css */
.logheader {
  padding-top: 15px;
  padding-bottom: 15px;
}
.logheader img {}
.topcontentlog {
  border: 1px solid #afb2b8;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 3px;
}
.topcontentlog h2 {
  color: #707070;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.topcontentlog p {
  margin-top: 5px;
  color: #707070;
  letter-spacing: 0.7px;
  font-weight: 300;
  font-size: 12px;
}
.topcontentlog p a {
  color: blue;
  font-weight: 300;
}
.banerregionlog {
  position: relative;
  margin-bottom: 20px;
}
.banerregionlog .baneriner {}
.banerregionlog .inerdibaner {
  background-color: #f0f8ff;
  border-radius: 3px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
}
.banerregionlog img {}
.banerregionlog h2 {
  font-size: 34px;
  font-weight: bold;
  color: #818181;
  letter-spacing: 0.8px;
}
.banerregionlog .contflibenr {}
.fldconsocial {}
.fldconsocial a {
  display: block;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  margin-bottom: 40px;
  text-decoration: none;
  color: #58585a;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.fldconsocial .imgesolcil {}
.fldconsocial .imgesolcil img {}
.fldconsocial .contsocila {
  padding: 10px;
  text-align: center;
  min-height: 130px;
}
.fldconsocial .socialicons {
  padding: 10px 20px;
  font-size: 16px;
}
.fldconsocial .socialicons i {
  font-size: 20px;
}
.fldconsocial .socialicons span {}
.fldconsocial .fa-facebook {
  color: #3b5a9a;
}
.fldconsocial .fa-twitter {
  color: #1aa9e1;
}
.fldconsocial .fa-youtube-play {
  color: #f03a37;
}
.fldconsocial .fa-instagram {
  color: #8a3ab9;
}
/* #error page css end */
/* #Category Home right sidebar css start*/
.homoutefildcon {
  padding: 30px 0;
  font-family: 'Roboto';
}
.rightsidebar-category {}
.rightsidebar-category h2 {
  margin-top: 0;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #009dbb;
  padding: 15px 5px;
  border-radius: 3px;
  font-weight: bold;
  margin-bottom: 2px;
  letter-spacing: 1px;
}
.rightsidebar-category .globregconfld {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.rightsidebar-category .globregconfld h3 {
  margin: 0;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.5px;
  background-color: #009dbb;
  color: #fff;
  border-radius: 3px;
  font-weight: 400;
  padding: 10px 10px;
}
.rightsidebar-category .globregconfld div {
  padding: 0;
}
.rightsidebar-category .globregconfld a {
  display: block;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #009dbb;
  font-size: 14px;
  margin-top: 6px;
  padding: 8px 10px;
  font-weight: 400;
}
.rightsidebar-category .globregconfld a:hover {
  background-color: #ccebf1;
  text-decoration: none;
  border-color: #ccebf1;
}
.rightsidebar-category .twocolmcrfoly a {
  margin-right: 3px;
}
.rightsidebar-category .twocolmcrfoly div:nth-child(2n) a {
  margin-left: 3px;
}
.rightsidebar-category .globliconcont a {
  text-align: left;
  padding-left: 45px;
  position: relative
}
.rightsidebar-category .globregconfld div svg {
  width: 23px;
  position: absolute;
  left: 10px;
  top: 6px;
  fill: #6b789d;
}
/*.rightsidebar-category .resaerchicon a{
	background-image: url(/images/research-icon.png);
}
.rightsidebar-category .personialtyicon a{
	background-image: url(/images/personality-icon.png);
}
.rightsidebar-category .internshipicon a{
	background-image: url(/images/internship-icon.png);
}
.rightsidebar-category .placmentsicon a{
	background-image: url(/images/placement-icon.png);
}*/
/* #Category Home right sidebar css end*/
/* #AI Guru page */
.aiguruouter {
  letter-spacing: 0.5px;
}
.aiguruouter h2 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.aicontiner {
  border: 1px solid #cacaca;
  border-radius: 3px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.aicontiner &gt; div {
  padding: 0;
  margin-bottom: 30px;
}
.aicontiner &gt; div:last-child {
  margin-bottom: 0;
}
.aicontiner textarea {
  background-color: #eeeeee;
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 0.5px;
  min-height: 115px;
  border: 1px solid #cacaca;
  color: #9E9E9E;
  display: block;
}
.aicontiner h3 {
  font-weight: 500;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
}
.aicontiner h3 span {
  font-size: 14px;
  font-weight: 400;
}
.aicontiner .maxl {
  clear: both;
  float: left;
  width: 100%;
}
.aicontiner .radio {
  margin: 0;
  float: left;
  position: relative;
  margin-right: 10px;
  font-weight: 400;
}
.aicontiner .radio input {
  visibility: hidden;
  position: absolute;
}
.aicontiner .radio span {
  float: left;
  line-height: 38px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.aicontiner .radio input:checked + span, .aicontiner .radio input:hover + span {
  background-color: #556080;
  border-color: #556080;
  color: #fff;
}
.aicontiner .fourcollayot .radio {
  width: 23.5%;
  margin-right: 2%;
}
.aicontiner .fourcollayot .radio:last-child {
  margin-right: 0;
}
.aicontiner .fourcollayot .radio span {
  width: 100%;
}
.aicontiner .threcollayot .radio {
  width: 32%;
  margin-right: 2%;
}
.aicontiner .threcollayot .radio:last-child {
  margin-right: 0;
}
.aicontiner .threcollayot .radio span {
  width: 100%;
}
.samplequestouter {}
.samplequestouter ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.samplequestouter li {
  border: 1px solid #cacaca;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 20px;
}
.samplequestouter h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  font-size: 18px;
  line-height: 1.3;
}
.samplequestouter button {}
/* Placment first page
============================================== */
.smashplacments {}
.smashplacments .outersmash {
  background-color: #3b4359;
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(/images/background-stars.png);
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}
.smashplacments .flexdefine {
  display: flex;
  justify-content: center;
  align-items: center;
}
.smashplacments .flexdefine h2 {
  font-family: 'Covered By Your Grace', cursive;
  position: relative;
  font-size: 70px;
  color: #fff;
  text-align: center;
  line-height: .8;
  background-image: url(/images/smash-placmntapl.png);
  background-size: 290px auto;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 50px;
  padding-bottom: 63px;
}
.smashplacments .boxdefinecont {
  background-color: #4f566a;
  color: #fff;
  letter-spacing: 0.7px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 3px;
}
.boxdefinecont h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.boxdefinecont ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.boxdefinecont li {
  padding-left: 80px;
  padding-top: 17px;
  padding-bottom: 17px;
  line-height: 26px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  margin-bottom: 50px;
}
.boxdefinecont li.twlines {
  padding-top: 4px;
  padding-bottom: 4px;
}
.boxdefinecont li:last-child {
  margin-bottom: 0;
}
.boxdefinecont li:after {
  content: "";
  position: absolute;
  height: 50px;
  width: 4px;
  background-color: #fff;
  left: 28px;
  bottom: -50px;
}
.boxdefinecont li:last-child:after {
  display: none;
}
.boxdefinecont li:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
  background-size: 30px auto;
  background-color: #fff;
  border-radius: 50%;
  z-index: 2;
}
.boxdefinecont li.giveusdet:before {
  background-image: url("/images/giveusdetails.png");
}
.boxdefinecont li.selctprfloc:before {
  background-image: url("/images/prefredlocation.png");
}
.boxdefinecont li.writetotest:before {
  background-image: url("/images/writetaketest.png");
}
.boxdefinecont li.mailjobs:before {
  background-image: url("/images/jobsemail.png");
}
.boxdefinecont .proceddbtns {
  margin-top: 30px;
  text-align: center;
}
.boxdefinecont .proceddbtns a {
  margin-right: 0;
  min-width: 160px;
}
.contentregionbot .logoregion img {
  max-height: 25px;
}
.contentregionbot {
  padding-top: 15px;
  padding-bottom: 15px;
}
.contentregionbot h1 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 600;
}
.contentregionbot p {}
.contentregionbot input[type="text"] {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  width: 100%;
  letter-spacing: 0.5px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.contentregionbot input[type="text"]:focus, .contentregionbot button:focus {
  border: 1px solid #556080;
  outline: 0 !important;
}
.informationcon {
  font-size: 13px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 15px;
  margin-top: 20px;
  text-align: center;
}
.informationcon img {
  display: inline-block;
}
.informationcon a {
  display: block;
  margin-top: 10px;
}
.chatboxde {
  position: relative;
  background-color: #eee;
  padding-bottom: 54px;
}
.chatboxde form {
  position: absolute;
  bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  width: calc(100% - 16px);
}
#conversation {
  height: 487px;
  background-color: #eee;
  padding: 10px;
  overflow-y: auto;
  border-radius: 3px;
}
.userRequest {
  float: left;
  min-width: 70%;
  margin-left: 10px;
  background-color: #ffe6cb;
  position: relative;
  padding: 15px;
  border-radius: 3px;
  max-width: 70%;
  color: #653500;
  font-size: 18px;
  font-weight: 300;
  clear: both;
}
.userRequest:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffe6cb;
  position: absolute;
  content: "";
  left: -10px;
  top: 8px;
}
.lexResponse {
  clear: both;
  float: right;
  max-width: 70%;
  min-width: 70%;
  background-color: #c7eafc;
  padding: 15px;
  border-radius: 3px;
  position: relative;
  margin-right: 10px;
  color: #45829b;
  font-size: 18px;
  font-weight: 300;
  text-align: right;
}
.lexResponse:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #c7eafc;
  position: absolute;
  content: "";
  right: -10px;
  bottom: 8px;
}
.lexError {}
.contentregionbot .btn {
  background-color: transparent;
  border: 1px solid #556080;
  color: #556080;
  letter-spacing: 0.7px;
}
.contentregionbot .btn:hover, .contentregionbot .btn:focus, .contentregionbot .btn:visited {
  background-color: #556080;
  color: #fff;
}
.informationcon p {
  margin-bottom: 30px;
}
.contentregionbot button[value="home"] {
  background-color: #f16136;
  border-color: #f16136;
  color: #fff;
}
.contentregionbot button[value="home"]:hover {
  background-color: #f16136;
  border-color: #f16136;
  color: #fff;
}
.chatboxde form span {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 38px;
  padding: 0 25px;
  background-color: #387d71;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.7px;
  border-radius: 3px;
  cursor: pointer;
}
.feedbackform {
  margin-top: 20px;
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, .1);
}
.feedbackform .feed-header {
  padding: 10px 15px;
  background-color: #c7eafc;
  border-color: #c7eafc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.feedbackform .feed-header .close {
  font-size: 28px;
  opacity: 1;
}
.feedbackform .feed-title {
  font-size: 15px;
  letter-spacing: 0.7px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #272525;
  margin: 0;
  font-weight: 500;
  line-height: 1.4;
}
.feedbackform .feed-body {
  padding: 10px;
}
.feedbackform .feed-body .form-group:last-child {
  margin-bottom: 0;
}
.feedbackform .feed-body textarea {
  margin: 0;
  width: 100%;
  vertical-align: top;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-height: 100px;
  letter-spacing: 0.3px;
}
.feedbackform .rating-stars {}
.feedbackform .rating-stars ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  text-align: left;
}
.feedbackform .rating-stars ul li {
  display: inline-block;
  vertical-align: top;
}
.feedbackform .rating-stars ul li i {
  font-size: 20px;
  color: #777;
}
.feedbackform .feed-footer {
  padding: 10px 15px;
  border-top: 1px solid #f0ecec;
}
.feedbackform .feed-footer button {
  line-height: 38px;
  padding: 0 25px;
  background-color: #387d71;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.7px;
  border-radius: 3px;
  cursor: pointer;
}
/* Rating Star Widgets Style */
.feedbackform .rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.feedbackform .rating-stars ul &gt; li.star {
  display: inline-block;
}
/* Idle State of the stars */
.feedbackform .rating-stars ul &gt; li.star &gt; i.fa {
  font-size: 1.5em; /* Change the size of the stars */
  color: #ccc; /* Color on idle state */
}
/* Hover state of the stars */
.feedbackform .rating-stars ul &gt; li.star.hover &gt; i.fa {
  color: #FFCC36;
}
/* Selected state of the stars */
.feedbackform .rating-stars ul &gt; li.star.selected &gt; i.fa {
  color: #FF912C;
}
/* PDP REGION */
.fillcolopdp {
  background-color: #0f1e32;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.fillcolopdp h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
}
.fillcolopdp p {
  font-size: 14px;
  letter-spacing: 0.5px;
  max-width: 75%;
  margin: 0 auto;
  line-height: 1.6;
}
.listitempdp {
  margin: 0;
  padding: 0;
  list-style: none;
}
.listitempdp li {
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 3px;
  float: left;
  width: 100%;
  letter-spacing: 0.7px;
}
.listitempdp .imageleft {
  float: left;
  width: 45px;
  text-align: center;
  margin-right: 25px;
}
.listitempdp img {
  max-height: 30px;
}
.listitempdp h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 500;
}
.listitempdp p {
  color: #303030;
}
.listitempdp .pdpconten {
  float: left;
  width: calc(100% - 70px);
}
.listitempdp .pdpconten a {
  color: #303030;
  font-weight: 400;
}
.boxeslayutpdp {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 0;
}
.boxeslayutpdp &gt; h2 {
  display: block;
  background-color: #0F1E32;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.7px;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.boxeslayutpdp .indivpdp {
  display: block;
  padding: 15px;
}
.boxeslayutpdp .btn {
  background-color: #21BEDA;
  border-color: #21BEDA;
  letter-spacing: 0.7px;
  font-size: 15px;
  font-weight: 400;
}
.boxeslayutpdp .showrecord {
  display: block;
  position: relative;
  margin-top: 20px;
}
.showrecord h3 {
  margin-top: 0;
  margin-bottom: 5px;
  color: #545454;
  font-size: 16px;
  font-weight: 300;
}
.showrecord a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 500;
}
.showrecord span {
  color: #303030;
  font-weight: 300;
}
.indivpdp .fldcont {
  margin-bottom: 20px;
}
.indivpdp .fldcont:last-child {
  margin-bottom: 0;
}
.indivpdp .fldcont h5 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 300;
}
.indivpdp .fldcont p {
  color: #303030;
  font-weight: 300;
  font-size: 14px;
}
.indivpdp .fldcont strong {}
.indivpdp .fldcont span {}
.pdpdcontreld .hedingrgn {
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.pdpdcontreld .hedingrgn h1 {
  margin-bottom: 0;
  display: inline;
  line-height: 35px;
}
.pdpdcontreld .hedingrgn .pull-right {}
.pdpdcontreld .hedingrgn a {
  margin-right: 0;
  line-height: 35px;
  font-size: 14px;
  padding: 0 15px;
}
.link-btn {
  background-color: #ff692e;
  color: #fff !important;
  padding: 5px 7px;
  border-radius: 3px;
  font-weight: normal;
}
/*****form-section-start***/
.from-region h4 {
  margin-top: 0;
  font-size: 18px !important;
  color: #333;
  font-weight: 600;
}
.greycolor-con {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px 30px;
  border-radius: 0px;
  box-shadow: 0 5px 15px 0 rgba(68, 68, 68, .1);
}
.right-con-hed .form-group {
  margin-bottom: 15px;
  padding-left: 0;
  display: flex;
}
.right-con-hed img {
  color: #44355b;
  right: 20px;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(10px, -54%);
  width: 20px;
}
.right-con-hed .fildcontrig img {
  color: #44355b;
  left: 20px;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(10px, -54%);
  width: 20px;
}
.right-con-hed .form-control {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: none;
  color: #6b7c8a;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e0e0e0;
  height: 36px;
  margin-bottom: 0px;
  padding-left: 45px;
  letter-spacing: 0.8px;
}
.right-con-hed input[type="submit"] {
  background-color: #9d254d;
  border-radius: 2px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 37px;
  padding: 1px 15px;
  text-shadow: initial;
  width: 100%;
  border: none;
  margin-bottom: 0;
  letter-spacing: 0.8px;
}
.section-thanku .spot1 {
  background-color: #f5f5f5;
  padding: 30px;
}
/*****form-section-close***/
.arrow {
  padding-left: 0;
}
.input-group-btn &gt; .btn {
  bottom: 0px;
  padding: 8px 10px;
  background: #9d254d;
  color: #fff;
  border: none;
}
/* #responsive start 
============================================== */
@media only screen and (max-width:767px) {
  .padd-low .col-md-2:nth-child(1) ~ * {
    margin-top: 10px;
  }
  .blink {
    color: #ffeb3b !important;
  }
  .nav &gt; li &gt; a {
    padding: 10px 10px !important;
    line-height: 20px !important;
  }
  .credential .modal-dialog {
    width: 100% !important;
    margin: 0;
    padding: 15px;
  }
  a.btn.btn-primary.pull-right {
    font-size: 12px !important;
    margin-bottom: 15px;
  }
  .fst .col-md-6:nth-child(1) ~ * {
    margin-top: 20px;
  }
  .testmonilineer p {
    font-size: 14px;
  }
  .testmonilineer {
    background-color: #fff;
    padding: 20px 10px;
  }
  section h2 {
    font-size: 20px;
  }
  .marvel-device.nexus5 {
    padding: 0px 15px 10px 15px !important;
    width: 100% !important;
    height: 400px !important;
    background: #1e1e1e !important;
    border-radius: 20px !important;
  }
  .snap2020 h1 {
    font-size: 21px;
    font-weight: 600;
  }
  .bullet ul li {
    word-break: break-word;
  }
  .measurement .col-md-3 {
    height: 100%;
    position: inherit;
    text-align: center;
  }
  .measurement .col-md-3 img {
    bottom: 0;
    position: inherit;
    max-width: 115px;
    display: inline-block;
  }
  .measurement .col-md-9 {
    width: 100%;
    padding-left: 0px;
  }
  h1 {
    font-size: 20px;
    line-height: 1.2;
  }
  .p-t-w-m {
    padding-top: 30px;
  }
  .navtaboutercon .nav-tabs &gt; li {
    width: 100%;
  }
  .navtaboutercon .nav-tabs &gt; li &gt; a:hover:after, .navtaboutercon .nav-tabs &gt; li &gt; a.active:after {
    display: none;
  }
  .navtaboutercon .nav-tabs &gt; li &gt; a:after, .navtaboutercon .nav-tabs &gt; li &gt; a:before {
    display: none;
  }
  .navtaboutercon .nav-tabs &gt; li &gt; a {
    border-right: 2px solid #e5e5e5;
  }
  .topictestcon .contetrorepe .smalbtncon {
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .topictestcon .panel-title .progress {
    margin: 0;
    width: 100%;
    margin-top: 5px;
  }
  .topictestcon .panel-title strong {
    min-width: initial;
  }
  .topictestcon .difuclihedin {
    padding: 0;
  }
  .topictestcon .topicheading {
    padding: 0;
    padding-left: 5px;
  }
  .topictestcon .difuclihedin .col-xs-4 {
    padding: 0;
  }
  .topictestcon .difuclihedin .col-xs-4 {
    padding-left: 3px;
  }
  .contetrorepe .difuclihedin a {
    font-size: 10px;
    letter-spacing: 0;
    padding: 0;
  }
  .errorpage .error {
    position: relative;
    bottom: initial;
    padding-top: 100px;
    text-align: center;
  }
  .errorpage #footerregion {
    text-align: center;
  }
  body.erroronly.spacingtop {
    padding-top: 48px !important;
  }
  .videos-innerdiv .thumbnail img {
    min-height: 120px;
    max-height: 100px;
  }
  .videos-innerdiv .col-md-3:nth-child(2n + 1) {
    clear: both;
  }
  .videos-innerdiv .thumbnail a {
    top: 80px;
    margin-top: -15px;
  }
  .videos-innerdiv .thumbnail .downloadbtn {
    margin-bottom: 10px;
  }
  .banerregionlog {
    overflow: hidden;
  }
  .fldconsocial .contsocila {
    min-height: initial;
  }
  #appendcont {
    display: block;
  }
  .hidedivm {
    display: none;
  }
  .stylingimge {
    padding-right: 0px;
    max-width: initial;
  }
  .contplatabfld {
    padding: 20px 0;
  }
  .contplatabfld .adresfldcon-globalconcss {
    padding: 0;
    clear: both;
  }
  .contplatabfld .nolabelsh {
    padding-top: 0;
  }
  .contplatabfld .pincodefldcon-globalconcss, .contplatabfld .phonefldcon-globalconcss, .contplatabfld .satefldcon-globalconcss {
    padding: 0;
  }
  .qualificselted {
    clear: both;
  }
  #confirmationstab {
    padding: 30px 15px;
  }
  .thankyoucontenfld h2 {
    font-size: 30px;
  }
  #teststab &gt; .col-md-4 {
    clear: both;
  }
  #teststab &gt; .col-md-12 {
    clear: both;
    float: left;
    width: 100%;
  }
  .headerregion ul {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
  .headerregion li a {
    padding-right: 15px;
    margin-right: 15px;
    font-size: 14px;
  }
  .banneregioncon {
    padding-top: 30px;
    padding-bottom: 70px;
    min-height: initial;
  }
  .banneregioncon .rocket {
    padding-bottom: 50px;
  }
  .banneregioncon:after, .banneregioncon:before {
    display: none;
  }
  .whitregionc {
    padding: 40px 0;
  }
  .whitregionc p {
    font-size: 14px;
    max-width: 90%;
    line-height: 1.4;
  }
  .equalbtns {
    min-width: 140px;
    font-size: 14px;
  }
  .whitregionc h2 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .expregioncon {
    padding: 40px 0;
    text-align: center;
  }
  .expregioncon h2 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  .expregioncon p {
    font-size: 14px;
    max-width: 90%;
    line-height: 1.4;
    margin: 0 auto;
  }
  .expregioncon img {
    margin-top: 30px;
  }
  .whitregionc a {
    font-size: 14px;
    font-weight: 500;
  }
  .banneregioncon h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.7px;
  }
  .banneregioncon .logoregion img {}
  .hidemobilede {
    display: none;
  }
  .fromdesginnew label {
    line-height: 1.4;
  }
  .table-responsive &gt; .table &gt; thead &gt; tr &gt; th, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th, .table-responsive &gt; .table &gt; thead &gt; tr &gt; td, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td {
    white-space: initial;
  }
  /* #login page */
  .loginpageouter .flexdefine {
    margin: 0;
  }
  .loginpageouter .whitebgdefine {
    padding: 15px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .loginpageouter .equalbtns {
    min-width: 170px;
  }
  .rightsidebar-category {
    clear: both;
  }
  .registerouter .whitebgdefine {
    max-width: initial;
    min-width: initial;
  }
  .registerouter .col-sm-6 {
    padding: 0;
  }
  .registerouter .col-sm-6 + .col-sm-6 {
    padding-top: 15px;
  }
  .registerouter .alreadyacouncon button {
    float: left;
  }
  .smashplacments .outersmash {
    display: block;
  }
  .boxdefinecont li:after {
    height: 80px;
  }
  .linkinbtns {
    display: none;
  }
  .left-menumob {
    display: block;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
  }
  .header-content .homebtnreg a, .header-content .logoregion a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #sidebarcontent {
    display: block;
  }
  #subfooter .socialicons ul {
    float: none;
    margin-top: 10px;
    text-align: center;
  }
  #subfooter p {
    text-align: center;
  }
  .headerregionnew ul {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
  .headerregionnew li a {
    padding-right: 10px;
    margin-right: 10px;
    font-size: 14px;
  }
  .header-content {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .purplebandcont {
    position: fixed;
    top: 48px;
    width: 100%;
  }
  body.spacingtop {
    padding-top: 90px;
  }
  .header-content .logoregion svg {
    height: auto;
    width: 100%;
  }
  .logedoutpge {
    position: relative;
    top: 0;
  }
  .topcontentlog p {
    margin-top: 5px;
  }
  .banerregionlog .inerdibaner {
    display: initial;
  }
  .banerregionlog h2 {
    font-size: 24px;
    margin-top: 10px;
  }
  .banerregionlog h2 br {
    display: none;
  }
  .removepurple {
    padding-top: 54px !important;
  }
}
@media only screen and (min-width:767px) {
  .arrow-grow img {
    max-width: 500px;
  }
}
@media only screen and (max-width:500px) {
  .loginpageouter .equalbtns {
    min-width: 150px;
  }
  .errorpage h1 {
    font-size: 26px;
  }
}
@media only screen and (max-width:350px) {
  .loginpageouter .equalbtns {
    min-width: 120px;
  }
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .linkinbtns &gt; ul &gt; li {
    padding-left: 0;
  }
}
@media only screen and (min-width:768px) {
  .linkinbtns .colmsnlat li {
    float: left;
    width: 120px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    margin-left: 8px;
    margin-bottom: 8px;
    min-height: 120px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .linkinbtns .colmsnlat li.chldmen-iccngfil {
    position: relative;
  }
  .linkinbtns .colmsnlat li.chldmen-iccngfil a:after {
    position: absolute;
    content: "Explore "attr(data-name) "'s aspiration zone";
    width: 100%;
    height: 100%;
    visibility: hidden;
    left: 0;
    top: 0;
    background-color: #363e52;
    border-radius: 3px;
    color: #fff;
    padding-top: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .linkinbtns .colmsnlat li.chldmen-iccngfil a:hover:after {
    visibility: visible;
  }
  .linkinbtns .colmsnlat li a {
    width: 100%;
    height: 100%;
    color: #58585a;
    text-decoration: none;
    font-weight: 400;
  }
  .linkinbtns .colmsnlat li span {
    display: block;
  }
  .linkinbtns .colmsnlat li span:first-child {
    margin-bottom: 10px;
    max-height: 38px;
    min-height: 38px;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .linkinbtns .colmsnlat li span span {
    display: none;
  }
  .linkinbtns .colmsnlat li:nth-child(3n+1) {
    margin-left: 0;
  }
  .linkinbtns .colmsnlat {}
  .linkinbtns .colmsnlat [class*="iccngfill"] {}
  .linkinbtns .colmsnlat .parenmen-iccngfill span:first-child {
    background-image: url(/images/family.svg);
  }
  .linkinbtns .colmsnlat .chldmen-iccngfil.MALE span:first-child {
    background-image: url(/images/boy-bg.svg);
  }
  a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #363e52;
  }
  .linkinbtns .colmsnlat .chldmen-iccngfil.FEMALE span:first-child {
    background-image: url(/images/girl-bg.svg);
  }
}
@media only screen and (min-width:767px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media only screen and (min-width:1000px) {
  .fldconsocial a {
    min-height: 440px;
  }
}
@media only screen and (max-width:767px) {
  .contentimgegod .imagefld {
    text-align: center;
  }
  .contentimgegod img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    width: auto;
  }
  .contactpges .inerdivcon {
    padding: 15px 15px;
    margin-bottom: 20px;
  }
  .contactpges form {
    margin-bottom: 20px;
  }
}
.contfldanew h2 {
  margin: 10px 0;
}
@media only screen and (min-width:767px) {
  .contfldanew img {
    max-height: 500px;
  }
  .contforparnts &gt; div:first-child {
    padding-right: 35px;
  }
  .contforparnts &gt; div:last-child {
    padding-left: 35px;
  }
}
@media only screen and (max-width:991px) {
  #countdown {
    display: none;
  }
  .clmediabnner .boxes {
    margin-bottom: 7.5px;
  }
  .clmediabnner .boxes:nth-child(2n + 1) {
    padding-right: 7.5px;
  }
  .clmediabnner .boxes:nth-child(2n) {
    padding-left: 7.5px;
  }
}
@media only screen and (max-width:1200px) {
  #countdown {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    padding-top: 120px
  }
}
@media only screen and (max-width:767px) {
  .userRequest, .lexResponse {
    min-width: 80%;
    padding: 10px 8px;
    max-width: 80%;
    font-size: 15px;
  }
  .contentregionbot .btn {
    font-size: 13px;
    padding: 5px;
    white-space: initial;
  }
}
@media only screen and (min-width:767px) {
  .informationcon {
    margin-top: 61px;
  }
}
.navbar {
  margin-bottom: 0px !important;
  padding: 0px 0px;
}
.nav-right {
  margin-top: 8px;
  float: right;
  text-transform: uppercase;
  margin-bottom: 0;
}
.nav-right &gt; li {
  list-style: none;
}
.nav-right &gt; li a {
  list-style: none;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.nav-right &gt; ul &gt; li &gt; .dropdown-menu {
  width: 300px;
  padding: 20px;
  right: 0;
  left: initial;
  float: left;
}
.nav-right li.dropdown {
  float: left;
  margin-right: 20px;
}
.navbar-nav &gt; li &gt; a {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.navbar-nav &gt; li &gt; a:hover {
  background: #97124D;
  color: #fff;
}
.sub-nav-region .navbar-nav &gt; li &gt; a {
  font-size: 14px !important;
}
section {
  padding: 40px 0px;
}
section h3 {
  margin-top: 0px;
}
section.analysist h3 {
  font-size: 22px;
  color: #1d274e;
  margin-top: 20px;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  position: relative;
}
.btn-warning {
  padding: 10px 10px;
  background-color: #9d254d;
  white-space: initial;
  border: none;
  border-radius: 3px;
  font-size: 13px;
  margin-bottom: 15px;
  letter-spacing: 0.9px;
  font-weight: 600;
}
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open &gt; .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #9d254d;
  border-color: #9d254d;
}
.exm-btn .col-md-3 {
  width: 20%;
}
a.btn-hover {
  text-decoration: none !important;
  margin-top: 10px !important;
}
a.btn-hover .disabled {
  cursor: not-allowed;
  background: #eaeaea;
  color: #333;
}
.btn-warning:hover {
  background-color: #9d254d;
  text-decoration: none !important;
}
p.text-center.blnk {
  margin-top: 15px;
}
.butns .btn {
  background-color: #FF692E;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-right: 10px;
  padding: 0px 20px;
  text-align: center;
  border-radius: 2px;
  width: 100%;
  line-height: 45px;
  letter-spacing: 0.8px;
}
.blnk strong {
  background: #b30028;
  color: #fff;
  padding: 5px 10px;
}
.blinkui span.blink_me {
  color: #ffffff;
}
.blink_me {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.updates h3 {
  margin-top: 0px;
}
.disabled {
  cursor: not-allowed;
  background: #eaeaea;
}
tr th, td {
  padding: 10px;
  border: 1px solid #ccc;
}
/*tr:first-child{background-color: #054477!important; color: #fff;}*/
.table {
  background: #fff;
  text-align: center;
  color: #000;
}
.table-condensed tr th, .table-condensed td {
  padding: 10px;
  border: 1px solid #ccc;
}
.table-condensed tr:first-child {
  background-color: transparent !important;
  color: #333;
}
#login-dp {
  padding: 0px 0px 20px;
  left: initial;
  width: 320px;
  right: 0;
  top: 43px;
  border: 0px;
}
#login-popup, #login-popup1 {
  padding: 10px 20px 0;
}
#login-dp label {
  text-transform: initial;
  font-weight: 400;
  margin-bottom: 5px;
}
.navbar-collapse.in {
  overflow-y: inherit;
}
.box-con {
  box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 20px 20px;
  border-radius: 3px;
  min-height: 340px;
}
section h4 {
  font-size: 18px;
  color: #1d274e;
  margin-bottom: 10px;
  text-transform: none;
  font-weight: 600;
  font-style: normal;
  margin-top: 15px;
  position: relative;
}
.nav-right h4 {
  text-transform: initial;
  text-align: center;
  font-weight: 500;
  margin: 0 0 10px 0;
  background: #9d254d;
  padding: 10px 0;
  color: #fff;
}
.box-con h4 {
  font-size: 16px !important;
  border-bottom: 2px solid #FF4E0D;
  padding-bottom: 5px;
}
.box-con li {
  margin-bottom: 7px;
}
.socialshareicon {
  position: fixed;
  right: 0;
  top: 70px;
  z-index: 999;
}
.socialshareicon &gt; a {
  clear: both;
  float: right;
}
.socialshareicon .fa {
  clear: none;
  float: left;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.socialshareicon .fa:hover {
  color: white;
  opacity: 0.8;
}
.socialshareicon .fa-facebook {
  background: #3B5998;
  color: white;
}
.socialshareicon .fa-twitter {
  background: #55ACEE;
  color: white;
}
.socialshareicon .fa-google-plus {
  background: #dd4b39;
  color: white !important;
}
.socialshareicon .fa-linkedin {
  background: #007bb5;
  color: white;
}
.socialshareicon .fa-linkedin {
  background: #007bb5;
  color: white;
}
.socialshareicon .fa-whatsapp {
  background: #254e50;
  color: white;
}
.socialshareicon .fa-reddit-alien {
  background: #ff4200;
  color: white;
}
.socialshareicon .fa-tumblr {
  background: #395976;
  color: white;
}
.socialshareicon .fa-pinterest-p {
  background: #cb2027;
  color: white;
}
.socialshareicon &gt; label {
  float: left;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #ee6723;
  margin-bottom: 0;
  display: none;
}
@media only screen and (max-width: 767px) {
  #login-dp {
    right: initial;
    width: 100%;
    top: 34px;
  }
  .exm-btn .col-md-3 {
    width: 100%;
  }
  .nav-right {
    margin-top: 8px;
    float: left;
    padding: 0;
  }
  .dropdown-menu h4 {
    margin-top: 0;
    font-size: 15px;
  }
  .socialshareicon {
    top: initial;
    width: 100%;
    bottom: 0;
  }
  p {
    word-break: break-word;
  }
  .bullet ul li a {
    word-break: break-word;
  }
  .socialshareicon &gt; a {
    clear: none;
    width: 20%;
  }
  .socialshareicon .fa {
    width: 100%;
    line-height: 45px;
    font-size: 20px;
  }
  .social-icon-out {
    margin-bottom: 45px;
  }
}
* {
  font-family: 'Roboto', sans-serif;
}
@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #40e0d0;
}
.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
.question-block {
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.question-block label {
  margin-right: 20px;
}
.question-block span {
  margin-left: -20px;
  font-weight: 800;
}
.form-control {
  /*    border-radius: 0;
    border: 0px;
    box-shadow: initial;
    height: 40px;
    padding-left: 10px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: 20px center;
    font-family: 'Lato';
    color: #342e37;
    text-transform: inherit;
    padding-top: 0px;*/
}
.btn-upload {
  border-radius: 0;
  background: #5674BA;
  font-weight: bold;
  font-size: 24px;
  border: none;
  color: #fff;
}
.btn-upload:hover {
  background: #054477;
  font-size: 24px;
  color: #fff;
}
.select-pdf {
  width: 95%;
  position: absolute;
  left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  z-index: 9;
  color: #000;
}
/*.select-pdf-btn{background:#054477; color: #fff;}*/
.select-pdf-btn label:hover {
  color: #fff;
}
#ui-id-1 {
  z-index: 99999 !important;
}
h1, h3 {
  position: relative;
  color: #000;
  font-weight: 500;
  font-size: 34px;
  margin-top: 0px;
  margin-bottom: 15px;
}
h1 {
  font-size: 24px;
}
h3 {
  font-size: 18px;
}
.sub-nav-region {
  padding: 0;
}
.header-1 {
  padding: 10px 0px;
}
.header-1 .navbar {
  min-height: inherit;
}
ul.arrow li {
  background: url(../img/arrow-new.png) no-repeat scroll 7px 5px;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  margin: 7px -7px;
  padding: 0 0 0 25px;
  list-style: none;
}
.grey {
  background: #e2e6fd;
}
.table-new th {
  background-color: #ff692e;
  color: #fff;
  text-align: center;
}
.mt-20 {
  margin-top: 20px;
}
.mt-15 {
  margin-top: 15px;
}
.btn-orange {
  background-color: #ff692e;
  border-color: #ff692e;
}
.btn-orange:hover, .btn-orange:focus {
  background: #dd470c;
  border-color: #c93300;
}
.btn-blue {
  background-color: #006699;
  border-color: #005588;
}
.btn-blue:hover, .btn-blue:focus {
  background-color: #005487;
  border-color: #005487;
}
.btn-new {
  border-radius: 2px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  line-height: 48px;
  padding: 0 15px !important;
  text-shadow: initial;
  width: 100%;
  letter-spacing: 1.2px;
}
.mb-10 {
  margin-bottom: 10px;
}
tr.firt {
  background: #9d254d !important;
  color: #fff;
  font-size: 16px;
}
.job-apply-button .btn {
  font-size: 14px;
  background: #2A4AAF;
  padding: 8px 12px;
  font-weight: 600;
}
.page {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marvel-device .screen {
  text-align: left;
}
.screen-container {
  height: 100%;
}
/* Status Bar */
.status-bar {
  height: 25px;
  background: #2991C2;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
}
.status-bar:after {
  content: "";
  display: table;
  clear: both;
}
.status-bar div {
  float: right;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 0 0 8px;
  font-weight: 600;
}
/* Chat */
.chat {
  height: calc(100% - 69px);
}
.chat-container {
  height: 100%;
}
/* User Bar */
.user-bar {
  height: 55px;
  background: #45aaff;
  color: #fff;
  padding: 0 8px;
  font-size: 24px;
  position: relative;
  z-index: 1;
}
.user-bar:after {
  content: "";
  display: table;
  clear: both;
}
.user-bar div {
  float: left;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.user-bar .actions {
  float: right;
  margin: 0 0 0 20px;
}
.user-bar .actions.more {
  margin: 0 12px 0 32px;
}
.user-bar .actions.attachment {
  margin: 0 0 0 30px;
}
.user-bar .actions.attachment i {
  display: block;
  transform: rotate(-45deg);
}
.user-bar .avatar {
  margin: 0 0 0 5px;
  width: 36px;
  height: 36px;
}
.user-bar .avatar img {
  border-radius: 50%;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  display: block;
  width: 100%;
}
.user-bar .name {
  font-size: 17px;
  font-weight: 600;
  text-overflow: ellipsis;
  letter-spacing: 0.3px;
  margin: 0 0 0 8px;
  overflow: hidden;
  white-space: nowrap;
  width: 170px;
}
.user-bar .status {
  display: block;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
/* Conversation */
.conversation {
  height: calc(100% - -14px);
  position: relative;
  background: #efe7dd url("/cat/images/telegram-bg.jpg") repeat;
  z-index: 0;
}
.conversation ::-webkit-scrollbar {
  transition: all .5s;
  width: 5px;
  height: 1px;
  z-index: 10;
}
.conversation ::-webkit-scrollbar-track {
  background: transparent;
}
.conversation ::-webkit-scrollbar-thumb {
  background: #b3ada7;
}
.conversation .conversation-container {
  height: calc(100% - 30px);
  box-shadow: inset 0 10px 10px -10px #000000;
  overflow-x: hidden;
  padding: 0 16px;
  margin-bottom: 5px;
}
.conversation .conversation-container:after {
  content: "";
  display: table;
  clear: both;
}
/* Messages */
.message {
  color: #000;
  clear: both;
  line-height: 18px;
  font-size: 15px;
  padding: 8px;
  position: relative;
  margin: 8px 0;
  max-width: 100%;
  word-wrap: break-word;
  z-index: -1;
}
.message:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
.metadata {
  display: inline-block;
  float: right;
  padding: 0 0 0 7px;
  position: relative;
  bottom: -4px;
}
.metadata .time {
  color: rgba(0, 0, 0, .45);
  font-size: 11px;
  display: inline-block;
}
.metadata .tick {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  height: 16px;
  width: 16px;
}
.metadata .tick svg {
  position: absolute;
  transition: .5s ease-in-out;
}
.metadata .tick svg:first-child {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(180deg);
  transform: perspective(800px) rotateY(180deg);
}
.metadata .tick svg:last-child {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}
.metadata .tick-animation svg:first-child {
  -webkit-transform: perspective(800px) rotateY(0);
  transform: perspective(800px) rotateY(0);
}
.metadata .tick-animation svg:last-child {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}
.message:first-child {
  margin: 16px 0 8px;
}
.message.received {
  background: #fff;
  border-radius: 0px 5px 5px 5px;
  float: left;
}
.message.received .metadata {
  padding: 0 0 0 16px;
}
.message.received:after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  top: 0;
  left: -10px;
}
.message.sent {
  background: #e1ffc7;
  border-radius: 5px 0px 5px 5px;
  float: right;
}
.message.sent:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #e1ffc7;
  top: 0;
  right: -10px;
}
.message span {
  font-size: 14px;
  color: orange;
  font-weight: 600;
  text-align: left;
  display: block;
}
.message span + span {
  font-size: 12px;
  color: #333;
  font-weight: 400;
  text-align: left;
}
.message span + span + span {
  font-size: 10px;
  color: #ccc;
  font-weight: 400;
  text-align: right;
}
/* Compose */
.conversation-compose {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  overflow: hidden;
  height: 50px;
  width: 100%;
  z-index: 2;
}
.conversation-compose div, .conversation-compose input {
  background: #fff;
  height: 100%;
}
.conversation-compose .emoji {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 5px 0 0 5px;
  flex: 0 0 auto;
  margin-left: 8px;
  width: 48px;
}
.conversation-compose .input-msg {
  border: 0;
  flex: 1 1 auto;
  font-size: 16px;
  margin: 0;
  outline: none;
  min-width: 50px;
}
.conversation-compose .photo {
  flex: 0 0 auto;
  border-radius: 0 0 5px 0;
  text-align: center;
  position: relative;
  width: 48px;
}
.conversation-compose .photo:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  top: 0;
  right: -10px;
}
.conversation-compose .photo i {
  display: block;
  color: #7d8488;
  font-size: 24px;
  transform: translate(-50%, -50%);
  position: relative;
  top: 50%;
  left: 50%;
}
.conversation-compose .send {
  background: transparent;
  border: 0;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
  position: relative;
  outline: none;
}
.conversation-compose .send .circle {
  background: #008a7c;
  border-radius: 50%;
  color: #fff;
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversation-compose .send .circle i {
  font-size: 24px;
  margin-left: 5px;
}
/* Small Screens */
@media (max-width: 768px) {
  #flexuse {
    display: flex;
  }
  #contedtop {
    order: 2;
    margin-top: 20px;
  }
  #formcontfld {
    order: 1;
  }
  .row.wrp {
    flex-wrap: wrap;
  }
  .marvel-device.nexus5 {
    border-radius: 0;
    flex: none;
    padding: 0;
    max-width: none;
    overflow: hidden;
    width: 100%;
  }
  .marvel-device &gt; .screen .chat {
    visibility: visible;
  }
  .marvel-device {
    visibility: hidden;
  }
  .marvel-device .status-bar {
    display: none;
  }
  .screen-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .conversation {
    height: calc(100vh - 55px);
  }
  .conversation .conversation-container {
    height: calc(100vh - 70px);
  }
  .marvel-device.nexus5 {
    height: 420px;
  }
  .page {
    height: inherit;
  }
}
.outline-links {
  font-size: 15px;
  font-weight: bold;
  /*color: #333;*/
  margin-bottom: 15px;
  display: block;
  text-align: center;
  border: 1px solid #777;
  padding: 8px 10px;
}
.outline-links {
  background: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
  vertical-align: middle;
}
.outline-links:hover {
  color: #fff;
  text-decoration: none;
  border-color: #006699;
}
.outline-links:before {
  background: #006699 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 100%;
  z-index: -1;
}
.outline-links:hover:before {
  color: #000;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.exm-btn .btn {
  margin-bottom: 10px;
}
.btn-warning.mhu {
  padding: 7px 60px !important;
}
.credential .modal-dialog {
  width: 360px;
}
button.close {
  background: #9d254d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  opacity: inherit;
  color: #fff !important;
  margin-top: -18px !important;
  margin-right: 0px;
  position: relative;
  z-index: 999;
  position: absolute;
  right: -5px;
  font-size: 14px;
}
h4.modal-title {
  text-align: left;
  font-weight: 600;
}
button.close:focus, button.close:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: initial;
}
.modal-body p {
  font-size: 14px;
}
.credential .modal-body {
  position: relative;
  padding: 25px;
}
.modal-body .btn {
  background: #9d254d;
  border: 1px solid #9d254d;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
  line-height: 35px;
  border-radius: 5px;
}
.credential .modal-header {
  min-height: 16.43px;
  padding: 10px 25px;
  border-bottom: none;
  background: #ffdde8;
}
.nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:focus, .nav-tabs &gt; li.active &gt; a:hover {
  color: #fff;
  cursor: default;
  background-color: #9d254d;
  border: 1px solid #9d254d;
  border-bottom-color: #9d254d;
  font-weight: 600;
}
.nav-tabs &gt; li &gt; a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  background: #efefef;
  color: #333;
}
.credential .tab-content {
  background: #eff7ff;
  padding: 10px 0px 15px;
}
@media only screen and (max-width:767px) {
#login-dp {
    padding: 0px 0 15px;
    left: 0px;
    right: initial;
}
	
	#login-dp.loh {
    left: -80px;
}
	
  .dropdown-menu {
    min-width: 280px;
  }
  .nav-right {
    float: left;
    padding-left: 10px;
    margin-top: 0px;
  }
  .navbar-toggle .icon-bar {
    background-color: #fff !important;
  }
  .select-pdf {
    left: -98px !important;
  }
  .right-con-hed .form-control {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: none;
    color: #6b7c8a;
    font-size: 15px;
    font-weight: 400 !important;
    border: 1px solid #e0e0e0;
    height: 34px !important;
    margin-bottom: 0px;
    padding-left: 15px !important;
    letter-spacing: 0.8px !important;
  }
  .input-group-btn &gt; .btn {
    bottom: 0px;
    padding: 7px !important;
    background: #ff692e;
    border: none;
  }
  .right-con-hed input[type=submit] {
    white-space: initial;
    font-size: 15px !important;
    padding: 5px 10px !important;
    font-weight: 500;
    width: 100%;
    line-height: 23px;
  }
  .right-con-hed .form-group {
    margin-bottom: 15px;
    padding-left: 0;
    display: block !important;
  }
  .snap2020 h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .nav-right li.dropdown {
    float: left;
    margin-top: 10px;
  }
  .nav-right .caret {}
  .btn-hover {
    margin-bottom: 5px;
    display: block;
  }
  .updates {
    margin-top: 30px;
  }
  .updates img {
    margin: 0 auto;
  }
  .bnr-ad {
    margin-bottom: 10px;
  }
  .bnr-ad img {
    margin: 0 auto;
  }
  .btnchanging {
    margin-bottom: 10px;
  }
  .box-con {
    margin-bottom: 10px;
    min-height: auto;
  }
}</pre></body></html>