* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
img {
  border: 0;
  outline: 0;
  max-width: 100%;
}
@font-face {
  font-family: "lato-regular-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.woff") format("woff"),
    url("../fonts/lato-regular-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "lato-semibold-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibold-webfont.woff") format("woff"),
    url("../fonts/lato-semibold-webfont.woff") format("woff"), url("../fonts/lato-semibold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.woff") format("woff"),
    url("../fonts/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.woff") format("woff"),
    url("../fonts/lato-regular-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "bebas-webfont";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/bebas-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas-webfont.woff") format("woff"), url("../fonts/bebas-webfont.woff") format("woff"),
    url("../fonts/bebas-webfont.ttf") format("truetype");
}
body {
  background: #ffffff none repeat scroll 0 0;
  border-top: 1px solid #001940;
  color: #000;
  font-family: "lato-regular-webfont";
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;
}
li {
  list-style: none;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.four-line {
  width: 100%;
  height: 2px;
  position: relative;
}
.span1 {
  width: 25%;
  float: left;
  background: #0a66a9;
  display: block;
  height: 100%;
}
.span2 {
  width: 25%;
  float: left;
  background: #ffd741;
  display: block;
  height: 100%;
}
.span3 {
  width: 25%;
  float: left;
  background: #038e55;
  display: block;
  height: 100%;
}
.span4 {
  width: 25%;
  float: left;
  background: #e93439;
  display: block;
  height: 100%;
}
.clear {
  clear: both;
}
.logo {
  float: left;
  /*margin-bottom: 21px;*/
  margin-bottom: 10px;
  margin-top: 12px;
  width: 220px;
}
.menu {
  float: left;
  margin-top: 15px;
  position: relative;
  width: 801px;
}
.menu > ul {
  margin-left: 25px;
}
.menu li {
  float: left;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0 17px;
  position: relative;
  text-transform: uppercase;
}
.menu li a {
  color: #000;
  padding: 10px 0;
  transition: all ease 0.5s;
  font-family: 'Lato', sans-serif !important;
}
.menu li a:hover {
  border-top: solid 1px #000;
  transition: all ease 0.5s;
}
.right-logo {
  float: right;
  margin-top: 8px;
  width: 200px;
}
.menu li ul {
  display: none;
  left: 13px;
  top: 25px;
  position: absolute;
  width: 250px;
  z-index: 10;
  animation: drop-down ease 0.4s;
}
.menu li:last-child ul {
  right: 0;
  left: auto;
}
@keyframes drop-down {
  0% {
    top: 50px;
    opacity: 0;
  }
  100% {
    top: 25px;
    opacity: 1;
  }
}
.menu li:hover ul {
  display: block;
}
.menu li ul li {
  background: #fff;
  margin-bottom: 2px;
  font-size: 16px;
  padding: 8px 0 8px 8px;
  width: 100%;
  box-sizing: border-box;
  transition: all ease 0.5s;
  text-transform: none;
}
.menu li ul li a {
  color: #696969;
  font-size: 15px;
}
.menu li ul li:hover {
  background: #696969;
  transition: all ease 0.5s;
}
.menu li ul li:hover a {
  color: #fff;
  border-top: 0;
}
header {
  left: 0;
  /*position: absolute;*/
  position: relative;
  top: 2px;
  width: 100%;
  z-index: 92;
}
.blue-bg {
  background: #00b2d0;
  padding: 0px 0;
  width: 100%;
  position: relative;
}
.blue-bg::after {
  background: #1c377f url("../images/blue-bg-world.jpg") repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 24%;
}
.video-div img {
  display: block;
}
.blue-logo {
  float: left;
  width: 190px;
}
.blue-text {
  background: #1c377f url("../images/blue-bg-world.jpg") repeat scroll 0 0;
  float: left;
  margin-top: 0;
  padding: 19px 0;
  text-shadow: 0 2px 3px #000;
  /* width: 300px; */
  width: 23%;
  position: relative;
  z-index: 99;
}
.blue-text::after {
  background: rgba(0, 0, 0, 0) url("../images/right-blue-arrow.png") no-repeat scroll 0 0;
  width: 11px;
  height: 23px;
  position: absolute;
  right: -9px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
}
.blue-logo-slider {
  float: right;
  margin-top: 11px;
  padding: 17px 0;
  /* width: 880px; */
  width: 77%;
}
.blue-logo-slider ul {
  padding-left: 25px;
}
.blue-text h1 {
  font-family: "Lato-Light";
  color: #fff;
  font-weight: normal;
  line-height: normal;
  font-size: 38px;
}
.blue-text h2 {
  color: #fff;
  font-family: "Lato-Bold";
  font-size: 48px;
  font-weight: normal;
  line-height: normal;
  margin: 10px 0;
}
.blue-text p {
  color: #fff;
  font-family: "Lato-Bold";
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
}
.blue-text p img {
  vertical-align: middle;
  margin-left: 5px;
}
.blue-text p a {
  color: #fff;
}
.bg-div {
  background: rgba(0, 0, 0, 0) url("../images/bg.jpg") repeat-x scroll left bottom;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 45px;
  padding-top: 25px;
  width: 100%;
}
.right-text {
  color: #3e3e3e;
  float: right;
  font-size: 31px;
  line-height: normal;
  margin-top: 82px;
  position: relative;
  text-transform: uppercase;
  width: 850px;
}
.pm-pic {
  float: left;
  width: 160px;
  margin-left: 100px;
}
.pm-pic img {
  display: block;
}
.right-text:after {
  background: url(../images/brad-left.png) 0 0 no-repeat;
  content: "";
  height: 38px;
  position: absolute;
  left: -38px;
  top: -45px;
  width: 40px;
}
.right-text::before {
  background: rgba(0, 0, 0, 0) url("../images/brad-right.png") no-repeat scroll 0 0;
  content: "";
  height: 38px;
  position: absolute;
  right: 26px;
  top: -45px;
  width: 40px;
}
.three-img {
}
.three-img li {
  border-radius: 7px;
  float: left;
  margin-right: 23px;
  overflow: hidden;
  position: relative;
  width: 384px;
}
.three-img li:last-child {
  margin-right: 0;
}
.three-img li img {
  display: block;
  width: 100%;
  height: auto;
}
/*.over-img {
  bottom: 68px;
  height: 120px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 122px;
  z-index: 999;
}*/
.over-img {
  bottom: 0;
  height: 85px;
  left: 0;
  margin: 0;
  position: relative;
  text-align: center;
  width: 94px;
  z-index: 999;
}
.three-img li h2 {
  bottom: 12px;
  color: #fff;
  font-family: "Lato-Bold";
  font-size: 30px;
  line-height: normal;
  padding-left: 90px;
  position: absolute;
}
.three-img li h2 span {
  display: block;
  font-family: "lato-regular-webfont";
  font-size: 24px;
  font-weight: normal;
}
.partner {
  /*background:  rgba(0, 0, 0, 0) url("../images/pattern.jpg") repeat scroll left top;*/
  background: #fff;
  width: 100%;
}
.partner-heading {
  color: #3e3e3e;
  font-family: "Lato-Bold";
  font-size: 26px;
  line-height: normal;
  padding-bottom: 24px;
  padding-top: 12px;
  text-transform: uppercase;
}
.partner-logo {
}
.partner-logo li {
  float: left;
  margin: 10px 19px;
  min-height: 69px;
}
.partner-logo li img {
}
.footer {
  background: #363a40 url("../images/footer-bg.png") no-repeat scroll center 100%;
  padding: 28px 0 10px;
  width: 100%;
}
.footer-menu {
  float: left;
  width: 1130px;
}
.footer-left-menu {
  border-right: 1px solid #43474d;
  float: left;
  margin-right: 30px;
  width: 194px;
  height: 190px;
}
.footer-left-menu li {
  background: rgba(0, 0, 0, 0) url("../images/blue-arrow-right.png") no-repeat scroll 0px 2px;
  color: #fff;
  font-size: 11px;
  padding-left: 21px;
  margin-bottom: 11px;
}
.footer-left-menu li a:hover {
  text-decoration: underline;
}
.footer-left-menu li a {
  color: #eaeaea;
  font-family: "arial" !important;
}
.footer-left-menu h2 {
  color: #e4e4e4;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 14px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif !important;
}
.footer-menu .footer-left-menu:last-child {
  border-right: 0;
  margin-right: 0;
}
.footer-social {
  width: 50px;
  float: right;
}
.footer-social li {
  margin-bottom: 11px;
}
.footer-last {
  width: 100%;
  border-top: 1px solid #4a4e53;
  margin-top: 16px;
  padding-top: 10px;
}
p.fot-l {
  color: #eaeaea;
  font-size: 11px;
  float: left;
  width: 48%;
}
p.fot-r {
  color: #eaeaea;
  font-size: 11px;
  float: right;
  width: 48%;
  text-align: right;
}
p.fot-r a {
  color: #eaeaea;
}
.video-div .video {
  width: 100%;
  height: auto;
  display: block;
}
.circle {
  /* text-align: center;
  width: 100%;
  position: absolute;
  top: 400px;
  z-index: 99; */
  text-align: center;
  width: 100%;
  position: absolute;
  top: auto;
  z-index: 99;
  bottom: 140px;
}
.circle li {
  /* background: rgba(0, 0, 0, 0) url("../images/circle-bg.png") no-repeat scroll 0 0;*/
  color: #fff;
  display: inline-block;
  height: 224px;
  margin: 0 10px;
  text-align: center;
  width: 215px;
  font-family: "Lato-Bold";
  vertical-align: top;
  position: relative;
}
.circle h2 {
  /*font-size: 83px;*/
  font-size: 65px;
  line-height: normal;
  /* margin-top: 48px;*/
  margin-top: 70px;
  margin-left: 15px;
}
.count-down.plus:after {
  position: relative;
  content: "+";
  font-size: 26px;
  top: -21px;
  left: 5px;
}
.count-down.plus.orange:after {
}
.circle p {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 15px;
}
.video-div {
  position: relative;
}
.three-img li,
.three-img li h2 {
  transition: all ease 0.6s;
  overflow: hidden;
}
.three-img li {
}
.three-img li img {
  transition: all ease 0.6s;
}
.three-img li:hover img {
  transform: scale(1.1);
  transition: all ease 0.6s;
}
.three-img li .over-img img {
  bottom: 0;
  height: auto;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.three-img li:hover .over-img img.rot {
  transform: scale(1);
  transition: all ease 0.6s;
  transform: rotate(180deg);
}
.three-img li:hover h2 {
}
.layer-up {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.blue-logo-slider {
}
.blue-logo-slider li {
  border-right: 1px solid #3bc4db;
  float: left;
  /* margin-right: 30px;
  padding-bottom: 9px;
  padding-right: 20px; */
  margin-right: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 9px;
}
.blue-logo-slider li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.banner-n {
  position: relative;
}
.banner-caption {
  width: 100%;
  position: absolute;
  top: 184px;
  text-align: center;
  z-index: 1;
}
.banner-caption.medal {
  top: 135px;
}
.medal-sec ul {
  margin: 50px auto 0;
  padding: 0 100px;
  box-sizing: border-box;
  display: flex;
  width: 1200px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.medal-sec ul li {
  width: 200px;
  position: relative;
}
.medal-sec ul li img {
  width: auto;
  animation: rotating 6s linear infinite;
}
.medal-sec ul li img.inner {
  position: absolute;
  top: 10px;
  left: 23px;
  /* animation: rotating-rev 6s linear infinite; */
}
.banner-n img {
  object-fit: cover;
  width: 100%;
  display: block;
  height: auto;
}
.medal-sec ul li .text {
  font-size: 55px;
  position: absolute;
  font-weight: bold;
  background: rgb(242, 225, 163);
  background: -moz-linear-gradient(top, rgba(242, 225, 163, 1) 0%, rgba(188, 135, 42, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(242, 225, 163, 1) 0%, rgba(188, 135, 42, 1) 100%);
  background: linear-gradient(to bottom, rgba(242, 225, 163, 1) 0%, rgba(188, 135, 42, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  top: 50%;
  padding-top: 15px;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.medal-sec ul li .text span {
  display: block;
  font-size: 18px;
  margin-top: 15px;
}
.medal-sec ul li.silver .text {
  background: rgb(217, 219, 221);
  background: -moz-linear-gradient(top, rgba(217, 219, 221, 1) 0%, rgba(140, 142, 144, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(217, 219, 221, 1) 0%, rgba(140, 142, 144, 1) 100%);
  background: linear-gradient(to bottom, rgba(217, 219, 221, 1) 0%, rgba(140, 142, 144, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.medal-sec ul li.bronz .text {
  background: rgb(170, 126, 125);
  background: -moz-linear-gradient(top, rgba(170, 126, 125, 1) 0%, rgba(181, 125, 115, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(170, 126, 125, 1) 0%, rgba(181, 125, 115, 1) 100%);
  background: linear-gradient(to bottom, rgba(170, 126, 125, 1) 0%, rgba(181, 125, 115, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.medal-sec ul li.exc .text {
  background: rgb(234, 211, 193);
  background: -moz-linear-gradient(top, rgba(234, 211, 193, 1) 0%, rgba(126, 103, 89, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(234, 211, 193, 1) 0%, rgba(126, 103, 89, 1) 100%);
  background: linear-gradient(to bottom, rgba(234, 211, 193, 1) 0%, rgba(126, 103, 89, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-box {
  padding: 25px 25px;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  position: relative;
}
.about-box h2 {
  color: #fff;
  font-size: 50px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
}
.border-btm {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  display: inline-block;
}
.color1 {
  width: 33.33%;
  height: 2px;
  background-color: #0a66a9;
  display: inline-block;
  float: left;
}
.color2 {
  width: 33.333%;
  height: 2px;
  background-color: #ffd741;
  display: inline-block;
  float: left;
}
.color3 {
  width: 33.33%;
  height: 2px;
  background-color: #e93439;
  display: inline-block;
  float: left;
}
.about-content {
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 0px;
}
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
/*.site-header
{
  min-height:321px;
}*/
.site-header {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
}
.content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-main {
  width: 75%;
  padding-left: 50px;
}
.sidebar-area {
  position: relative;
  width: 240px;
}
.side-navigation.fixed {
  position: fixed;
  top: 0;
  width: 240px;
}
.side-navigation.bottom {
  position: absolute;
  bottom: 0;
  top: auto;
  width: 290px;
}
.side-navigation .menu-1 {
  margin: 0px;
  padding: 0px;
}
.side-navigation .menu-1 li {
  display: block;
  padding: 18px 10px;
  border-bottom: 1px solid #e9e9e9;
}
.side-navigation .menu-1 li a {
  color: #3e3e3e;
  font-size: 17px;
  font-family: "lato-regular-webfont";
  vertical-align: middle;
}
.side-navigation .menu-1 li img {
  vertical-align: middle;
  padding-right: 12px;
  filter: grayscale(100%);
}
.side-navigation .menu-1 li:hover img,
.side-navigation .menu-1 li:focus img {
  filter: grayscale(0%);
}
.menu-1 li .active a {
  color: #de262b;
}
.content-wskills {
  width: 78%;
  padding-right: 25px;
  float: left;
}
.content-wskills.full {
  width: 100%;
}
.world-skills {
  margin-top: 26px;
  float: left;
}
.world-skills h2 {
  color: #3e3e3e;
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
  line-height: normal;
}
.content-wskills p {
  font-family: "lato-regular-webfont";
  line-height: 20px;
  text-align: justify;
}
.world-skill-india {
  height: auto;
  min-height: 350px;
  background: url(../images/world-bg.jpg) no-repeat center;
  background-size: cover;
  float: left;
  margin-top: 0px;
  padding: 25px 25px;
  width: 100%;
  box-sizing: border-box;
}
.world-skill-india h2 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
}
.world-skill-india p {
  font-family: "lato-regular-webfont";
  line-height: 20px;
  text-align: justify;
  color: #fff;
}
.world-skill-india ul {
  margin: 0;
  padding: 0;
}
.world-skill-india ul li {
  color: #fff;
  display: list-item;
  font-family: "lato-regular-webfont";
  line-height: 20px;
  background: url("../images/list-icon-n.png") 0px 6px no-repeat;
  margin: 10px 10px 10px 0;
  padding-left: 23px;
  text-align: justify;
}
.width-ul {
  float: left;
}
.world-skill-india img,
.wskills-img.light img {
  float: right;
  margin-bottom: 10px;
}
.wskills-img.light > h3,
.wskills-img.light h5 {
  color: #3e3e3e;
}
.wskills-img > h3,
.wskills-img h5 {
  text-align: center;
  color: #fff;
  position: relative;
  left: 10px;
  margin-bottom: 10px;
}
.wskills-img h5 {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}
.india-skills {
  background: url(../images/india-skills-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 25px 25px;
  float: left;
  margin-top: 0px;
}
.world-skills {
  background: url(../images/india-skills-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 25px 25px;
  float: left;
  margin-top: 0px;
  box-sizing: border-box;
  width: 100%;
}
.content-india {
  width: 75%;
}
.vision {
  margin-top: 0px !important;
  background: url(..//images/vision.jpg) no-repeat center;
  background-size: cover;
  min-height: 290px;
}
.heading {
  color: #fff;
  font-size: 26px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
}
.heading-2 {
  color: #fff;
  font-size: 16px;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
}
.team-div {
  width: 25%;
  float: left;
  text-align: center;
  margin-bottom: 30px;
}
.team-div img {
  width: 80%;
  height: auto;
  display: block;
  margin-left: 6%;
}
.team {
}
.team-div h2 {
  text-align: center;
  color: #016fcc;
  font-size: 15px;
  font-family: "lato-regular-webfont";
  padding-bottom: 5px;
  text-transform: none !important;
  margin-top: 25px;
}
.team-div h3 {
  text-align: center;
  color: #757575;
  font-size: 15px;
  font-family: "lato-regular-webfont";
  padding-bottom: 15px;
  text-transform: none !important;
  margin-top: 0px;
  padding: 0px;
}
.img-width {
  width: 100%;
}
.side-navigation .menu-1 li a:hover {
  color: #de252a;
}
.side-navigation .menu-1 li.active1 a {
  color: #de252a;
}
.side-navigation .menu-1 li.active1 img {
  filter: grayscale(0);
}
.faq-bx {
  width: 100%;
}
.content-faq {
  width: 100%;
  float: left;
}
.row-q {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 10px;
}
.r-img {
  float: left;
  vertical-align: middle;
}
.r-cont {
  float: left;
  width: 90%;
}
.r-cont p {
  color: #3e3e3e;
  font-size: 18px;
  font-family: "Lato-Bold";
  padding-top: 15px;
  padding-left: 20px;
}
.faq-ans p {
  color: #6f6f6f;
  font-size: 15px;
  font-family: "lato-regular-webfont";
  text-align: justify;
  padding-top: 0px;
  line-height: 22px;
}
.str-faq {
  width: 98%;
  float: left;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
  margin-left: 20px;
  margin-top: 15px;
}
.faq-ans ul {
  margin-left: 21px;
  margin-top: 10px;
}
.faq-ans ul li {
  display: list-item;
  list-style-image: url(..//images/faq-icon.png);
  margin-left: 15px;
  margin-top: 11px;
  color: #6f6f6f;
  font-size: 15px;
  font-family: "lato-regular-webfont";
  line-height: 22px;
}
.resources {
  text-align: center;
  min-height: 300px;
  box-sizing: border-box;
}
.champions {
  text-align: center;
  min-height: 300px;
  box-sizing: border-box;
  margin-top: 25px;
}
.champions p {
  font-size: 30px;
  text-transform: uppercase;
}
.partner-section {
  width: 68%;
  float: left;
  margin-top: 53px;
}
.testimonils-container {
  padding-top: 50px;
}
.testimonils {
  background: #fff url(../images/petter-new.jpg) 0 0 repeat;
  border: 1px solid #f6f6f6;
  box-sizing: border-box;
  color: #fff;
  float: right;
  overflow: hidden;
  padding: 22px 22px 20px;
  width: 32%;
}
.testi-img {
  float: left;
  text-align: center;
  width: 100%;
}
.testi-img p {
  color: #545558;
  font-size: 11px;
  text-transform: uppercase;
  font-size: 13px;
  margin: 5px 0;
  font-family: "Lato-Bold";
}
.testi-img span {
  color: #545558;
  display: block;
  margin: 7px 0;
}
.testi-decr {
  color: #545558;
  float: right;
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
  position: relative;
  width: 100%;
}
.testi-decr::after {
  background: rgba(0, 0, 0, 0) url("../images/testi-brad-left.png") no-repeat scroll 0 0;
  width: 14px;
  height: 12px;
  content: "";
  position: absolute;
  top: -8px;
  left: -18px;
  display: none;
}
.testi-decr::before {
  background: rgba(0, 0, 0, 0) url("../images/testi-brad-left.png") no-repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 12px;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  width: 14px;
  display: none;
}
.testimonils .heading {
  color: #545558;
  font-size: 26px;
  margin-bottom: 30px;
}
.testimonils .heading:after {
  background: url(../images/heading-line-white.png) 0 0 no-repeat;
  display: none;
}
#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
  display: none;
}
.heading {
  color: #272626;
  font-family: "Lato-Bold";
  font-size: 33px;
  line-height: normal;
  margin-bottom: 19px;
  padding-bottom: 8px;
  position: relative;
  text-transform: uppercase;
}
.heading::after {
  background: rgba(0, 0, 0, 0) url("../images/heading-line.png") no-repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 49px;
}
.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
}
.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.nbs-flexisel-inner {
  overflow: hidden;
  float: left;
  width: 100%;
}
.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
}
.nbs-flexisel-item img {
  position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  cursor: pointer;
  height: 22px;
  position: absolute;
  top: -66px !important;
  width: 22px;
  z-index: 100;
}
.nbs-flexisel-nav-left {
  background: rgba(0, 0, 0, 0) url("../images/left-gray-arrow.png") no-repeat scroll 0 0;
  right: 25px;
}
.nbs-flexisel-nav-right {
  right: 0px;
  background: url(../images/right-gray-arrow.png) no-repeat;
}
.container:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cor-wrap {
  width: 120px;
  height: 62px;
  /* height: 100px;*/
  /* border: 1px solid #e9e9e9;*/
  padding: 0;
  box-sizing: border-box;
}
/*.cor-wrap img{ filter:grayscale(100%); transition:all ease 0.6s}*/
.cor-wrap img {
  filter: grayscale(100%);
  height: auto;
  transition: all 0.6s ease 0s;
  width: 100%;
}
.corporate-slider1 li:hover .cor-wrap img {
  filter: grayscale(0%);
  transition: all ease 0.6s;
}
.corporate-slider1 li {
  float: left;
  margin: 5px;
  text-align: center;
  min-height: auto;
}
.corporate-slider1 li:last-child {
  margin-bottom: 30px;
}
/* Competitors Page css  */
.competitors {
  width: 100%;
  float: left;
}
.competitors-content {
  width: 78%;
  float: left;
  padding-right: 40px;
  margin-top: 20px;
}
.competitors-content h2 {
  color: #3e3e3e;
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.indiaskill {
  margin-bottom: 20px;
}
.competitors-content p,
.indiaskill p {
  font-family: "lato-regular-webfont";
  line-height: 22px;
  text-align: justify;
  color: #5c5c5c;
  font-size: 15px;
}
.competitors-img {
  float: left;
}
.eligible-criteria {
  width: 100%;
  height: auto;
  float: left;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.eligible-criteria:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.criteria-content {
  width: 78%;
  float: left;
  padding-right: 40px;
  margin-top: 20px;
}
.criteria-content h2 {
  color: #3e3e3e;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.criteria-content p {
  font-family: "lato-regular-webfont";
  line-height: 22px;
  text-align: justify;
  color: #3e3e3e;
  font-size: 15px;
}
.criteria-img {
  float: left;
}
.journey {
  width: 55%;
  height: auto;
  float: left;
  padding-right: 50px;
  box-sizing: border-box;
  margin-top: 35px;
}
.journey h2 {
  color: #3e3e3e;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.journey p {
  font-family: "lato-regular-webfont";
  line-height: 22px;
  text-align: justify;
  color: #5c5c5c;
  font-size: 15px;
}
.apply-btn {
  width: 152px;
  display: inline-block;
  text-align: center;
  font-family: "Lato-Bold";
  background-color: #de252a;
  color: #fff;
  font-size: 15px;
  padding: 10px 0px;
  text-transform: uppercase;
  margin-top: 25px;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.apply-btn img {
  vertical-align: baseline;
  padding-left: 5px;
}
.apply-btn:hover {
}
/* Mixins */
/* Vars */
.join-us-inn {
  width: 100%;
  float: left;
}
ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  margin: 0px 0 0;
  padding: 0;
  width: 280px;
  min-width: 175px;
  list-style: none;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: left;
}
ul.tabs li {
  margin: 0;
  cursor: pointer;
  padding: 10px 15px;
  line-height: 31px;
  border-bottom: 1px solid #ddd;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: left;
}
.tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 20;
  width: 900px;
  min-width: 10px;
  text-align: justified;
  float: right;
}
.tab_content {
  display: none;
  height: 100%;
  margin-top: 5px;
  padding: 8px;
}
.tab_drawer_heading {
  display: none;
}
.join-us h2 {
  color: #3e3e3e;
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.join-us p {
  font-family: "lato-regular-webfont";
  line-height: 22px;
  text-align: justify;
  color: #5c5c5c;
  font-size: 15px;
}
ul.tabs li a {
  color: #3e3e3e;
  font-size: 18px;
  font-family: "lato-regular-webfont";
  vertical-align: middle;
}
ul.tabs li img {
  vertical-align: middle;
  padding-right: 12px;
  filter: grayscale(100%);
}
ul.tabs li.active img {
  filter: grayscale(0);
}
ul.tabs li.active a {
  color: #de252a;
}
.content-competitors {
  width: 650px;
  float: left;
}
.img-competitors {
  background: rgba(0, 0, 0, 0) url("../images/apply-bg.jpg") repeat scroll 0 0;
  float: right;
  padding: 20px 0;
  text-align: center;
  width: 200px;
}
.apply-now2 {
  width: 152px;
  height: auto;
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #de252a;
  padding: 8px 0 8px 15px;
  box-sizing: border-box;
  font-family: "Lato-Bold";
  color: #de252a;
  font-size: 17px;
  margin-top: 20px;
  transition: all 300ms ease-in-out;
}
.apply-now2:after {
  content: url(../images/rgt-arrow.png);
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #de252a;
  color: #fff;
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
  transition: all 300ms ease-in-out;
}
.apply-now2:hover {
  background-color: #de252a;
  color: #fff;
}
.apply-now2:hover:after {
  content: url(../images/rgt-arrow-h.png);
  background-color: #fff;
  color: #de252a;
}
.test-join {
  width: 100%;
  height: auto;
  background: url("../images/join-test-bg.jpg") no-repeat top;
  background-size: cover;
  float: left;
  min-height: 300px;
  margin-top: 30px;
  padding: 30px;
  box-sizing: border-box;
}
.test-join h2 {
  color: #646464;
}
.team-join {
  width: 25%;
  float: left;
  text-align: center;
}
.team-join h2 {
  text-align: center;
  color: #001221;
  font-size: 15px;
  font-family: "lato-regular-webfont";
  padding-bottom: 0px;
  text-transform: none !important;
  margin-top: 25px;
}
.team-join h3 {
  text-align: center;
  color: #6d6d6d;
  font-size: 14px;
  font-family: "lato-regular-webfont";
  padding-bottom: 15px;
  text-transform: none !important;
  margin-top: 0px;
  padding: 0px;
}
.journey-img {
  counter-reset: step;
  width: 40%;
  float: right;
  position: absolute;
  bottom: -20px;
  right: 0;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes up {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    transform: rotate(27deg);
  }
}
/* Standard syntax */
@keyframes up {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    transform: rotate(27deg);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes down {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    transform: rotate(27deg);
  }
}
/* Standard syntax */
@keyframes down {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    transform: rotate(27deg);
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Standard syntax */
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.progressbar-li {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 2px;
  transform: rotate(-27deg);
  transform-origin: left;
  background: linear-gradient(to right, #5580ad, #6088b2);
  -webkit-animation: fade 5s;
  /* Safari 4.0 - 8.0 */
  animation: fade 5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.progressbar-li:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #06c;
  border-radius: 50%;
  line-height: 10px;
  text-align: center;
  background-color: #fff;
  position: absolute;
  top: -6px;
  left: 0;
  transition: all 300ms linear;
  animation: circle-first 1s ease-in-out;
}
.progressbar-li:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #06c;
  border-radius: 50%;
  line-height: 10px;
  text-align: center;
  background-color: #fff;
  position: absolute;
  top: -6px;
  right: 0;
}
.progressbar-li li {
  display: inline;
  position: relative;
  width: 15%;
  float: left;
  text-align: center;
  top: -17px;
  left: 18px;
  transform: rotate(27deg);
}
.progressbar-li li:before {
  counter-increment: step;
  content: counter(step);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #666;
  text-align: center;
  line-height: 32px;
  display: block;
  margin: 0px auto 10px auto;
  box-sizing: border-box;
  z-index: 1000;
  background-color: #fff;
}
.progressbar-li li {
  opacity: 0;
}
.progressbar-li li:nth-child(1),
.progressbar-li li:nth-child(3),
.progressbar-li li:nth-child(5) {
  animation: up 2s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.progressbar-li li:nth-child(2),
.progressbar-li li:nth-child(4),
.progressbar-li li:nth-child(6) {
  animation: down 2s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.progressbar-li li:nth-child(1):before {
  color: #02cc9c;
  border: 2px solid #02cc9c;
}
.progressbar-li li:nth-child(2):before {
  color: #dd4349;
  border: 2px solid #dd4349;
}
.progressbar-li li:nth-child(3):before {
  color: #bb6bc9;
  border: 2px solid #bb6bc9;
}
.progressbar-li li:nth-child(4):before {
  color: #abd501;
  border: 2px solid #abd501;
}
.progressbar-li li:nth-child(5):before {
  color: #f2bc47;
  border: 2px solid #f2bc47;
}
.progressbar-li li:nth-child(6):before {
  color: #e9742d;
  border: 2px solid #e9742d;
}
.progressbar-li li span {
  font-family: "lato-regular-webfont";
  font-size: 13px;
}
.progressbar-li li:nth-child(1) span {
  position: absolute;
  top: -70px;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  color: #018e6d;
}
.progressbar-li li:nth-child(1) span:after {
  content: "";
  width: 33px;
  height: 1px;
  border-bottom: 1px dashed #a9a9a9;
  display: block;
  right: 0;
  left: 0;
  margin: 21px auto 0;
  transform: rotate(90deg);
}
.progressbar-li li:nth-child(2) span {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  color: #dd4349;
}
.progressbar-li li:nth-child(2) span:before {
  content: "";
  width: 33px;
  height: 1px;
  border-bottom: 1px dashed #a9a9a9;
  display: block;
  right: 0;
  left: 0;
  margin: 8px auto 20px;
  transform: rotate(90deg);
}
.progressbar-li li:nth-child(3) span {
  position: absolute;
  top: -84px;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  color: #9342a1;
}
.progressbar-li li:nth-child(3) span:after {
  content: "";
  width: 33px;
  height: 1px;
  border-bottom: 1px dashed #a9a9a9;
  display: block;
  right: 0;
  left: 0;
  margin: 21px auto 0;
  transform: rotate(90deg);
}
.progressbar-li li:nth-child(4) span {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  color: #8ea921;
}
.progressbar-li li:nth-child(4) span:before {
  content: "";
  width: 33px;
  height: 1px;
  border-bottom: 1px dashed #a9a9a9;
  display: block;
  right: 0;
  left: 0;
  margin: 8px auto 20px;
  transform: rotate(90deg);
}
.progressbar-li li:nth-child(5) span {
  position: absolute;
  top: -72px;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  color: #efaf25;
}
.progressbar-li li:nth-child(5) span:after {
  content: "";
  width: 33px;
  height: 1px;
  border-bottom: 1px dashed #a9a9a9;
  display: block;
  right: 0;
  left: 0;
  margin: 21px auto 0;
  transform: rotate(90deg);
}
.progressbar-li li:nth-child(6) span {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  color: #e9742d;
}
.progressbar-li li:nth-child(6) span:before {
  content: "";
  width: 33px;
  height: 1px;
  border-bottom: 1px dashed #a9a9a9;
  display: block;
  right: 0;
  left: 0;
  margin: 8px auto 20px;
  transform: rotate(90deg);
}
.str-comp {
  width: 5%;
  height: 2px;
  background: -webkit-linear-gradient(left, #ffd741, #e93439);
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.heading-national {
  margin-bottom: 25px;
  width: 100%;
  text-align: left;
}
.media-resourse {
  width: 100%;
  height: auto;
  float: left;
  text-align: left;
}
.media-resourse h2,
.contact-us h2 {
  color: #3e3e3e;
  font-size: 22px;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.video-gallery {
  width: 100%;
  float: left;
  height: auto;
}
.video-thumb {
  box-sizing: border-box;
  float: left;
  height: 125px;
  margin: 0.5%;
  overflow: hidden;
  position: relative;
  width: 31.5%;
}
.video-thumb img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: -26px;
}
.vid .caption-video {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  opacity: 1;
  padding: 42px 0 8px;
  position: absolute;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
  width: 100%;
  z-index: 1000;
}
.caption-video {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -146px;
  padding: 45px 0px 8px 0px;
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  opacity: 1;
  z-index: 1000;
  transition: all 400ms ease-in-out;
  z-index: 1;
}
.caption-video > span.view-album {
  border: 1px solid;
  color: #fff;
  padding: 7px 14px;
}
.caption-video h2,
h2.img-heading {
  background: rgba(0, 0, 0, 0.4);
  bottom: -6px;
  box-sizing: border-box;
  color: #fff;
  font-family: "lato-regular-webfont";
  font-size: 14px;
  font-weight: normal;
  padding: 10px 0 10px 10px;
  position: absolute;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
  z-index: 2;
}
h2.img-heading {
  padding-top: 10px !important;
}
.kazan-videos.video-section .video-thumb-cont li {
  width: 48%;
  margin: 0 4% 4% 0;
}
.kazan-videos.video-section .video-thumb-cont li:nth-of-type(2n) {
  margin-right: 0;
}
/*.caption-video h2
{
  color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "lato-regular-webfont";
  box-sizing:border-box;
  padding:0px 0px 0px 0px;
  font-weight:normal;
}*/
.caption-video:hover {
}
.btn-video {
  height: auto;
  display: inline-block;
  text-align: center;
}
.video-thumb:hover .caption-video {
  opacity: 1;
  bottom: 0;
}
.caption-video img {
  width: auto;
  height: auto;
  margin-top: 5px;
}
.video-section {
  width: 100%;
  float: left;
  margin: 0px 0px;
  margin-top: 30px;
}
.image-section {
  width: 100%;
  float: left;
  margin: 20px 0px;
}
.str-resources {
  width: 98%;
  height: 1px;
  display: inline-block;
  margin: 0 auto;
  background-color: #f4f4f4;
}
.img-heading {
  padding-top: 20px !important;
}
.icon-ul {
  margin: 15px 0px 0px;
  padding: 0;
}
.icon-ul li {
  margin-top: 11px;
  color: #6f6f6f;
  font-size: 15px;
  font-family: "lato-regular-webfont";
  line-height: 22px;
}
.heading-3 {
  color: #3e3e3e;
  font-size: 16px;
  font-family: "Lato-Bold";
  padding: 10px 0 30px;
}
.mailto-btn {
  color: #0a66a9;
}
.team-join img {
  border-radius: 50%;
  transition: all 200ms ease-out;
}
.team-join:hover img {
  box-shadow: 1px 1px 5px #000;
}
.important-links {
  float: right;
  margin-top: 30px;
  width: 32%;
  border-radius: 5px;
  overflow: hidden;
}
.wish-india {
  background: #00b2d0 none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #c7c7c7;
  box-sizing: border-box;
  padding: 30px;
  width: 100%;
}
.important-links1 {
  float: right;
  margin-top: 30px;
  width: 22%;
}
.important-links1 .wish-india {
  background: #00b2d0 none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #c7c7c7;
  box-sizing: border-box;
  padding: 15px 10px;
  width: 100%;
}
.important-links1 .wish-india .heading {
  font-size: 18px;
}
.important-links1 .imp-link li span {
  display: none;
}
.important-links1 .imp-link li p {
  font-size: 13px;
  margin-top: 0;
  vertical-align: top;
}
.wish-india .heading {
  color: #fff;
  font-size: 27px;
  margin-bottom: 0;
}
.wish-india .heading:after {
  display: none;
}
ul.tab-ul {
}
ul.tab-ul li {
  color: #717171;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-right: 15px;
}
.imp-link {
}
.imp-link li {
  border-bottom: 1px dashed #66d1e3;
  margin-bottom: 9px;
  padding: 10px 15px 10px 7px;
  background: url(../images/right-cir.png) no-repeat 96%;
}
.imp-link li:last-child {
  border-bottom: 0;
}
.imp-link li a {
  display: block;
}
.imp-link li span img {
  filter: grayscale(0%);
  transition: all ease 0.6s;
}
.imp-link li:hover span img {
  /*filter:grayscale(100%); transition:all ease 0.6s*/
}
.imp-link li span {
  display: inline-block;
}
.imp-link li p {
  color: #fff;
  display: inline-block;
  font-size: 21px;
  margin-left: 15px;
  margin-top: 11px;
  vertical-align: top;
}
.imp-link li p a {
  color: #585858;
}
.hover-div-data > h3 {
  color: #d70000;
  font-size: 23px;
  margin: 19px 0;
  font-weight: normal;
  font-family: "Lato-Bold";
  text-align: center;
  margin-top: 20px;
}
.hover-div-data > p {
  color: #3e3e3e;
  font-size: 18px;
  margin: 19px 0;
  font-weight: normal;
  font-family: "Lato-Bold";
  text-align: left;
  margin-top: 20px;
  display: inline-block;
  float: left;
}
.icon-ul {
  counter-reset: step;
}
.icon-ul {
  counter-reset: step;
}
/*.icon-ul li:nth-of-type(1)
{
  background-color:#0a66a9;
  color:#fff;
  padding:15px 0px 15px 25px;
  text-align:center;
  position:relative;
  font-family: "Lato-Bold";
}
*/
/*.icon-ul li::after
{
  background-color: #df1e24;
  box-sizing: border-box;
  content: "";
  font-family: "Lato-Bold";
  height: 2px;
  position: absolute;
  left: 0;
  text-align: center;
  top: -2px;
  width: 33%;
}*/
.icon-ul li {
  background-color: #fff;
  box-shadow: 0 1px 3px #e8e8e8;
  box-sizing: border-box;
  color: #7e7e7e;
  float: left;
  font-size: 14px;
  margin-bottom: 5px;
  margin-right: 15px;
  min-height: 115px;
  padding: 28px 0 0;
  position: relative;
  text-align: center;
  width: 30%;
  cursor: pointer;
}
.join-ul li {
  border: 1px solid #30c0d0;
  cursor: default;
}
.icon-ul li strong {
  display: block;
  font-family: "Lato-Bold";
  text-transform: uppercase;
  color: #3e3e3e;
}
/*.icon-ul li::before {
  background-color: #0a66a9;
  box-sizing: border-box;
  content: "";
  font-family: "Lato-Bold";
  height: 2px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -2px;
  width: 33%;
}*/
/****** Technical Description *****/
.Tech-Description .icon-ul {
  width: 100%;
}
.Tech-Description .icon-ul li {
  padding: 23px 10px;
  text-align: left;
  min-height: 115px;
}
.download-ul li {
  border: solid 1px #30c0d0;
}
.download-ul li:nth-child(2n) {
  border: solid 1px #ffa200;
}
.download-ul li:nth-child(3n) {
  border: solid 1px #0d466e;
}
.download-ul li:nth-child(4n) {
  border: solid 1px #fd0068;
}
.Tech-Description .icon-ul li a {
  color: #000;
  background: url("../images/download.png") no-repeat right 3px;
  display: block;
  padding: 7px 2px;
  margin-right: 5px;
}
.Tech-Description .icon-ul li:before {
}
/*.Tech-Description .icon-ul li:nth-of-type(1):before {background-color: #0a66a9; color: #fff; box-shadow:none;}
.Tech-Description .icon-ul li:nth-of-type(1) {background-color:#fff;}*/
ul.corporate {
  margin: 20px 0;
}
ul.corporate li {
  list-style: outside none disc;
  margin: 0 0 0 25px;
  padding: 10px 0 0 10px;
}
h3.text {
  color: #fff;
  margin: 15px 0 5px;
}
a.white-text {
  color: #fff;
}
.apply {
  background: #ffd741 none repeat scroll 0 0;
  color: #4c4c4c;
  display: block;
  margin: 13px 14px 0;
  padding: 9px 0;
  text-transform: uppercase;
  font-family: "Lato-Bold";
  position: relative;
  transition: all ease 0.6s;
}
.apply::after {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #4c4c4c;
  border-top: 5px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 6px;
  width: 0;
  transition: all ease 0.6s;
}
.apply:hover {
  background: #0a66a9;
  transition: all ease 0.6s;
  color: #fff;
}
.apply:hover:after {
  border-left: 5px solid #fff;
}
.docu-li {
}
.docu-li li {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 2px 4px #ccc;
  box-sizing: border-box;
  float: left;
  margin: 1.5%;
  padding: 10px;
  width: 30%;
}
.docu-img {
  border-right: 1px solid #ccc;
  float: left;
  margin-right: 10px;
  width: 60px;
}
.docu-text {
  width: 169px;
  float: right;
  padding-top: 5px;
}
.docu-text p {
  color: #7e7e7e;
  font-size: 13px;
}
.ic-left {
  width: 60px;
  float: left;
  border-right: 1px solid #ccc;
}
.ic-right {
  color: #7e7e7e;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin-right: 0;
  margin-top: -3px;
  text-align: right;
  text-transform: uppercase;
  width: 165px;
}
.ic-right span {
  color: #cccccc;
  display: block;
  font-size: 9px;
  font-weight: normal;
}
.down-pop {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.heading-2 {
  color: #3e3e3e;
  font-size: 16px;
  font-family: "Lato-Bold";
  padding-top: 10px;
  padding-bottom: 10px;
}
h3.heading-2 {
  font-size: 20px;
}
.hover-div-data {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  box-shadow: 0 0 3px rgba(150, 150, 150, 0.12);
  box-sizing: border-box;
  height: 150px;
  left: 0;
  margin: auto;
  padding: 18px;
  position: fixed;
  right: 0;
  text-align: left;
  top: 0px;
  width: 490px;
  z-index: 100000;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.3s;
  transform: scale(1.1);
}
.hover-div-data.hover-pop-active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.hover-close {
  color: #7b7b7b;
  cursor: pointer;
  font-size: 14px;
  padding-top: 5px;
  position: absolute;
  right: 5px;
  top: 3px;
  width: 20px;
}
/*.team-detail li {
  cursor: pointer;
  display: inline-block;
  margin: 20px;
  text-align: center;
  width: 120px;
  vertical-align: top;
}*/
.team-detail ul.round-img li {
  cursor: pointer;
  display: inline-block;
  min-height: 202px;
  text-align: center;
  vertical-align: top;
  width: 19%;
}
.team-detail ul.meet-experts {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.team-detail ul.meet-experts li {
  width: 23%;
  margin: 0 1% 10px;
}
.team-detail ul.meet-experts li p {
  line-height: 16px;
  font-size: 14px;
}
.team-detail ul.meet-experts li img {
  width: 100%;
  height: auto;
  border: solid 5px #f7f7f7;
  transition: linear 0.3s;
}
.team-detail ul.meet-experts li:hover img {
  border: solid 5px #f6c2c4;
}
.team-detail li {
  cursor: pointer;
  display: inline-block;
  min-height: 107px;
  text-align: center;
  vertical-align: top;
}
.team-detail li h3 {
  color: #272626;
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 6px;
}
.team-detail li p {
  font-size: 12px;
  color: #969696;
  text-transform: capitalize;
  font-family: "Lato-Bold";
  text-align: center;
}
.team-img img {
  filter: grayscale(100%);
  transition: all ease 0.6s;
  border-radius: 50%;
  background: #b6b4b4;
}
.team-detail li:hover .team-img img {
  filter: grayscale(0%);
}
.section-right {
  float: right;
  width: 327px;
}
.team-decription {
  display: none;
}
.hover-div-data-btn a {
  display: inline-block;
  float: right;
  box-sizing: border-box;
  margin-top: 10px;
}
.border-top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #048d55;
}
.border-top:before {
  content: "";
  width: 33%;
  height: 2px;
  background-color: #ffd741;
  position: absolute;
  top: 0;
  left: 0;
}
.border-top:after {
  content: "";
  width: 33%;
  height: 2px;
  background-color: #e93439;
  position: absolute;
  top: 0;
  right: 0;
}
.team-detail li {
  background-color: #fff !important;
}
.join-ul li {
  width: 310px !important;
}
.downloads {
  width: 853px;
  float: right;
  text-align: left;
  margin-bottom: 5px;
}
.join-ul {
  counter-reset: step;
}
.join-ul li p {
  display: block;
  font-family: "Lato-Bold";
  color: #3e3e3e;
  font-size: 14px;
  padding-left: 100px;
  padding-right: 23px;
  text-align: left;
  box-sizing: border-box;
}
.join-ul li p::before {
  background: #30c0d0;
  color: #fff;
  content: counter(step, decimal);
  counter-increment: step;
  font-family: "lato-regular-webfont";
  font-size: 55px;
  height: 100%;
  left: 0;
  line-height: 115px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 85px;
}
.join-ul li.yellow p::before {
  background: #ffa200;
}
.join-ul li.pink p::before {
  background: #fd0068;
}
.join-ul li.blue p::before {
  background: #0d466e;
}
.join-ul li.yellow {
  border: 1px solid #ffa200;
}
.join-ul li.pink {
  border: 1px solid #fd0068;
}
.join-ul li.blue {
  border: 1px solid #0d466e;
}
.journey2-bx {
  box-sizing: border-box;
  padding: 25px 0px;
  background-color: #f2f2f2;
  overflow: hidden;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating-rev {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotating-rev {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.circle-1 img {
  -webkit-animation: rotating 16s linear infinite;
  -moz-animation: rotating 16s linear infinite;
  -ms-animation: rotating 16s linear infinite;
  -o-animation: rotating 16s linear infinite;
  animation: rotating 16s linear infinite;
}
.circle-2 img {
  -webkit-animation: rotating 8s linear infinite;
  -moz-animation: rotating 8s linear infinite;
  -ms-animation: rotating 8s linear infinite;
  -o-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
}
.circle-3 img {
  -webkit-animation: rotating 12s linear infinite;
  -moz-animation: rotating 12s linear infinite;
  -ms-animation: rotating 12s linear infinite;
  -o-animation: rotating 12s linear infinite;
  animation: rotating 12s linear infinite;
}
.circle-4 img {
  -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
}
.circle-div {
  position: absolute;
  width: 230px;
  height: 230px;
  top: 0;
  left: 0;
}
.circle-1 {
  border: 0 none;
  height: 166px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 166px;
  bottom: 0;
}
.circle-2 {
  bottom: 0;
  height: 188px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 188px;
}
.circle-3 {
  bottom: 0;
  height: 210px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 210px;
}
.circle-4 {
  bottom: 0;
  height: 230px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 230px;
}
h2.sub-heading {
  color: #272626;
  font-family: "lato-regular-webfont";
  font-size: 27px;
  line-height: normal;
  margin-bottom: 19px;
  padding-bottom: 8px;
  position: relative;
  text-transform: uppercase;
}
h2.sub-heading:after {
  background: rgba(0, 0, 0, 0) url("../images/heading-line.png") no-repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 49px;
}
.tabs-left-menu {
  display: inline-block;
  float: left;
  list-style: outside none none;
  margin: 0;
  min-width: 175px;
  padding: 0;
  position: relative;
  transition: all 0.3s ease 0s;
  vertical-align: top;
  width: 280px;
  z-index: 10;
}
.tabs-left-menu li {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  line-height: 31px;
  margin: 0;
  padding: 10px 15px;
  text-align: left;
  transition: all 0.3s ease 0s;
}
.tabs-left-menu li.active img {
  filter: grayscale(0);
}
.tabs-left-menu li a {
  color: #3e3e3e;
  font-family: "lato-regular-webfont";
  font-size: 18px;
  vertical-align: middle;
}
.tabs-left-menu li a:hover {
  border: 0;
  outline: 0;
}
.tabs-left-menu li.active a {
  color: #de252a;
  border: 0;
  outline: 0;
}
.tabs-left-menu li img {
  filter: grayscale(100%);
  padding-right: 12px;
  vertical-align: middle;
}
.news-event {
  padding: 50px 0;
}
.evnt-cal-tab {
}
.evnt-cal-tab h2 {
  background: #495057 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  font-family: "Lato-Bold";
  height: 88px;
  line-height: 90px;
  text-align: center;
  width: 88px;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}
.evnt-cal-tab li .new-evnt-data {
  position: relative;
  overflow: hidden;
  display: none;
}
.evnt-cal-tab li:first-child .new-evnt-data {
  display: block;
}
.evnt-cal-tab ul::after {
  background: #c8cacc none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  z-index: -9;
}
.evnt-cal-tab ul {
  position: relative;
}
.evnt-cal-tab ul li {
  margin-top: 20px;
}
.news-date {
  font-size: 20px;
  font-weight: bold;
  margin-top: 19px;
  text-transform: uppercase;
  width: 510px;
}
.news-data {
  background: #f1f1f1 none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  padding-bottom: 20px;
  width: 510px;
  position: relative;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .news-date {
  float: left;
  text-align: right;
  position: relative;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .news-data {
  float: right;
}
.evnt-cal-tab li .data-news-evnt:nth-child(odd) .news-date {
  float: right;
}
.data-news-evnt {
  clear: both;
  float: left;
  margin-bottom: 40px;
  margin-top: 15px;
  width: 100%;
}
.evnt-cal-tab li .data-news-evnt:nth-child(odd) .color-date {
  background: #fd0068;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .color-date {
  background: #30c0d0;
}
.evnt-cal-tab li .data-news-evnt:nth-child(odd) .news-data::after {
  background: rgba(0, 0, 0, 0) url("../images/red-circle.png") no-repeat scroll 0 0;
  content: "";
  height: 19px;
  position: absolute;
  right: -34px;
  top: 17px;
  width: 19px;
  z-index: 9;
  left: auto;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .news-data:after {
  background: rgba(0, 0, 0, 0) url("../images/blue-circle.png") no-repeat scroll 0 0;
  content: "";
  height: 19px;
  position: absolute;
  left: -34px;
  top: 17px;
  width: 19px;
  z-index: 9;
}
.evnt-cal-tab li .data-news-evnt:nth-child(odd) .news-data .color-date::after {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #fd0068;
  width: 0;
  height: 0;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  right: -10px;
  top: 16px;
  width: 0;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .news-data .color-date::after {
  border-right: 10px solid #30c0d0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: -8px;
  content: "";
  top: 16px;
}
.evnt-cal-tab li .data-news-evnt:nth-child(odd) .loc {
  background: url(../images/red-location-icon.png) 0 1px no-repeat;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .loc {
  background: url(../images/blue-location-icon.png) 0 1px no-repeat;
}
.evnt-cal-tab li .data-news-evnt:nth-child(odd) .web {
  background: url(../images/red-web-icon.png) 0 1px no-repeat;
}
.evnt-cal-tab li .data-news-evnt:nth-child(even) .web {
  background: url(../images/blue-web-icon.png) 0 1px no-repeat;
}
.color-date {
  border-radius: 10px 10px 0 0;
  padding: 5px 15px;
}
.evnt-cal-tab li .data-news-evnt .color-date h4 {
  color: #fff;
  display: inline-block;
  font-family: "Lato-Bold";
  font-size: 37px;
  line-height: normal;
  padding-top: 3px;
}
.evnt-cal-tab li .data-news-evnt .color-date h5 {
  color: #fff;
  display: inline-block;
  font-family: "Lato-Light";
  font-size: 21px;
  line-height: normal;
  padding-left: 9px;
  vertical-align: top;
  font-weight: normal;
}
.evnt-cal-tab li .data-news-evnt .color-date h5 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.news-data > p {
  color: #171717;
  font-size: 14px;
  line-height: 20px;
  padding: 15px 22px 6px;
}
.loc {
  color: #171717;
  font-size: 14px;
  margin-left: 22px;
  padding-left: 20px;
  margin-bottom: 5px;
}
.web {
  font-size: 13px;
  color: #025795;
  padding-left: 20px;
  margin-left: 22px;
}
.web a {
  color: #025795;
}
.news-event .container {
  width: 1070px;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.overlay.allready-show {
  visibility: visible;
  opacity: 1;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: "lato-regular-webfont";
  text-align: center;
}
.popup h3 {
  margin-top: 10px;
  color: #333;
  font-family: "lato-regular-webfont";
  text-align: center;
  font-size: 14px;
}
.popup .close {
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -6px;
  text-align: center;
  text-decoration: none;
  top: -12px;
  transition: all 200ms ease 0s;
  width: 30px;
  transition: all ease 0.5s;
}
.popup .close:hover {
  background: #cfcfcf;
  transition: all ease 0.5s;
}
.popup .content {
  max-height: 100%;
  overflow: auto;
  font-family: "lato-regular-webfont";
  line-height: 20px;
  text-align: justify;
  margin-top: 15px;
}
.popup .image {
  width: 100%;
  margin: 0 auto 30px;
  text-align: center;
}
.header-right {
  float: right;
  width: 778px;
}
@media screen and (max-width: 700px) {
  .box {
    width: 70%;
  }
  .popup {
    width: 70%;
  }
}
@keyframes popup {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 00px;
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  display: block;
  font-size: 0 !important;
  height: 14px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  top: 36px;
  transition: all 0.3s ease-in-out 0s;
  width: 23px;
  z-index: 10;
}
.flex-direction-nav a {
}
.flex-direction-nav a.flex-next:before {
  content: "\f002";
}
.flex-direction-nav .flex-prev {
  font-size: 40px;
  display: inline-block;
  content: "";
  background: url(../images/right-arrow-gray.png) 0 0 no-repeat;
}
.flex-direction-nav .flex-next {
  background: rgba(0, 0, 0, 0) url("../images/left-arrow-gray.png") no-repeat scroll 0 0;
  content: "";
  display: inline-block;
  font-size: 40px;
  right: 24px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: "\f003";
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.left-slider-img {
  float: left;
  margin-left: 60px;
  width: 300px;
}
.right-slider-text {
  float: right;
  margin-top: 50px;
  width: 710px;
}
.up-text {
  color: #3e3e3e;
  font-family: "Lato-Light";
  font-size: 42px;
  line-height: normal;
  position: relative;
  margin-left: 27px;
}
.up-text span {
  display: block;
}
.up-text p {
  display: inline-block;
  padding-left: 66px;
  padding-right: 66px;
  position: relative;
  font-family: "Lato-Light";
}
.up-text::after {
  background: rgba(0, 0, 0, 0) url("../images/brad-bl-left.png") no-repeat scroll 0 0;
  content: "";
  height: 37px;
  left: 0;
  position: absolute;
  top: 0;
  width: 49px;
}
.up-text p::before {
  background: rgba(0, 0, 0, 0) url("../images/brad-bl-right.png") no-repeat scroll 0 0;
  content: "";
  height: 37px;
  right: 0;
  position: absolute;
  bottom: 0;
  width: 49px;
}
.hr-line {
  border-bottom: 1px dashed #ccc;
  margin: 26px 0;
  width: 100%;
}
.slider-name {
  color: #3e3e3e;
  font-size: 18px;
  margin-right: 94px;
  text-align: right;
  font-family: "Lato-Light";
}
.wrapdiv {
  background: #df9d09 none repeat scroll 0 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.wrapdiv {
  background-image: url("../images/border-circle.png");
  background-position: 97%;
  background-repeat: no-repeat;
}
.wrapdiv.wrapdiv-sec {
  background: url("../images/border-circle.png") no-repeat 97% #00b2d0;
}
.wrapdiv.wrapdiv-thir {
  background: url("../images/border-circle.png") no-repeat 97% #0762d3;
}
.follow-us {
  background: rgba(0, 0, 0, 0) url("../images/petter-new.jpg") repeat scroll 0 0;
  position: relative;
  width: 100%;
}
.follow-text {
  color: #545558;
  float: left;
  font-size: 22px;
  text-transform: uppercase;
  width: 200px;
  border-right: 1px solid #ccc;
  height: 100px;
  box-sizing: border-box;
  padding-top: 42px;
  font-family: "Lato-Bold";
}
.follow-link {
  float: right;
  width: 999px;
}
.follow-link li {
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  float: left;
  height: 100px;
  padding-top: 25px;
  text-align: center;
  width: 25%;
}
.follow-link li:last-child {
  border-right: 0;
}
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
}
.slicknav_menu {
  *zoom: 1;
}
.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}
.slicknav_menu .slicknav_icon {
  float: left;
  width: 1.125em;
  height: 0.875em;
  margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute;
}
.slicknav_menu .slicknav_no-text {
  margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_menu:before {
  content: " ";
  display: table;
}
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}
.slicknav_nav {
  clear: both;
}
.slicknav_nav ul {
  display: block;
}
.slicknav_nav li {
  display: block;
}
.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
  cursor: pointer;
}
.slicknav_nav .slicknav_item a {
  display: inline;
}
.slicknav_nav .slicknav_row {
  display: block;
}
.slicknav_nav a {
  display: block;
}
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}
.slicknav_brand {
  float: left;
}
.slicknav_menu {
  background: #4c4c4c none repeat scroll 0 0;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 16px;
  padding: 5px;
  position: relative;
  z-index: 99999999;
}
.slicknav_menu * {
  box-sizing: border-box;
}
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}
.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222;
}
.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
}
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}
.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff;
}
.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
}
.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222;
}
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}
.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}
.slicknav_menu {
  display: none;
}
.journey-img-new {
  float: right;
  height: 270px;
  position: relative;
  width: 509px;
}
.journey-img-new li.jr-1 {
  left: 0;
  top: 212px;
  opacity: 0;
  color: #018e8f;
}
.journey-img-new li.jr-1 b {
  border-color: #018e8f;
}
.journey-img-new li.jr-2 b {
  border-color: #dd4349;
}
.journey-img-new li.jr-3 b {
  border-color: #9342a1;
}
.journey-img-new li.jr-4 b {
  border-color: #b4b121;
}
.journey-img-new li.jr-5 b {
  border-color: #efaf25;
}
.journey-img-new li.jr-6 b {
  border-color: #e9742d;
}
.journey-img-new li.jr-2 {
  left: 73px;
  top: 175px;
  color: #dd4349;
}
.journey-img-new li.jr-3 {
  left: 147px;
  top: 139px;
  opacity: 0;
  color: #9342a1;
}
.journey-img-new li.jr-4 {
  left: 231px;
  top: 99px;
  color: #b4b121;
}
.journey-img-new li.jr-5 {
  left: 309px;
  top: 60px;
  color: #efaf25;
}
.journey-img-new li.jr-6 {
  color: #e9742d;
}
.journey-img-new li {
  display: inline-block;
  position: absolute;
  right: 42px;
  top: 24px;
  vertical-align: top;
  width: 82px;
  opacity: 0;
  transition: all ease 0.6s;
  z-index: 2;
}
.journey-img-new li span {
  display: block;
  left: -28%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.journey-img-new li:nth-child(2n + 1) span {
  left: -30px;
  top: -73px;
}
.journey-img-new li:nth-child(2n + 1) span::after {
  border-bottom: 1px dashed #ccc;
  content: "";
  height: 2px;
  left: 27px;
  position: absolute;
  top: 55px;
  transform: rotate(90deg);
  width: 39px;
}
.journey-img-new li:nth-child(2n) span::after {
  border-bottom: 1px dashed #ccc;
  content: "";
  height: 2px;
  left: 20px;
  position: absolute;
  bottom: 55px;
  transform: rotate(90deg);
  width: 39px;
}
.journey-img-new li:nth-child(2n) span {
  bottom: -73px;
}
.journey-img-new li b {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: 32px;
  line-height: 30px;
  position: relative;
  text-align: center;
  width: 32px;
  z-index: 99;
  font-weight: normal;
}
.progressbar-li-new {
  margin-top: 106px;
  /* transform: rotate(-27deg);*/
}
.progressbar-li-new:after {
  content: "";
  display: block;
  width: 460px;
  height: 245px;
  background: url(../images/gg.png) no-repeat 0 0;
  position: absolute;
  top: 16px;
  left: -22px;
  transform: rotate(1deg);
  z-index: 0;
}
@-webkit-keyframes up {
  0% {
    top: 150px;
  }
  100% {
    top: 212px;
    opacity: 1;
  }
}
@keyframes up {
  0% {
    top: 150px;
  }
  100% {
    top: 212px;
    opacity: 1;
  }
}
@-webkit-keyframes up1 {
  0% {
    top: 250px;
  }
  100% {
    top: 175px;
    opacity: 1;
  }
}
@keyframes up1 {
  0% {
    top: 250px;
  }
  100% {
    top: 175px;
    opacity: 1;
  }
}
@-webkit-keyframes up2 {
  0% {
    top: 100px;
  }
  100% {
    top: 139px;
    opacity: 1;
  }
}
@keyframes up2 {
  0% {
    top: 100px;
  }
  100% {
    top: 139px;
    opacity: 1;
  }
}
@-webkit-keyframes up3 {
  0% {
    top: 200px;
  }
  100% {
    top: 99px;
    opacity: 1;
  }
}
@keyframes up3 {
  0% {
    top: 200px;
  }
  100% {
    top: 99px;
    opacity: 1;
  }
}
@-webkit-keyframes up4 {
  0% {
    top: 0px;
  }
  100% {
    top: 60px;
    opacity: 1;
  }
}
@keyframes up4 {
  0% {
    top: 0px;
  }
  100% {
    top: 60px;
    opacity: 1;
  }
}
@-webkit-keyframes up5 {
  0% {
    top: 100px;
  }
  100% {
    top: 24px;
    opacity: 1;
  }
}
@keyframes up5 {
  0% {
    top: 100px;
  }
  100% {
    top: 24px;
    opacity: 1;
  }
}
.onscreen.progressbar-li-new li.jr-1 {
  -webkit-animation: up 1s;
  /* Safari 4.0 - 8.0 */
  animation: up 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.onscreen.progressbar-li-new li.jr-2 {
  -webkit-animation: up1 1s;
  /* Safari 4.0 - 8.0 */
  animation: up1 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}
.onscreen.progressbar-li-new li.jr-3 {
  -webkit-animation: up2 1s;
  /* Safari 4.0 - 8.0 */
  animation: up2 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}
.onscreen.progressbar-li-new li.jr-4 {
  -webkit-animation: up3 1s;
  /* Safari 4.0 - 8.0 */
  animation: up3 1s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}
.onscreen.progressbar-li-new li.jr-5 {
  -webkit-animation: up4 1s;
  /* Safari 4.0 - 8.0 */
  animation: up4 1s;
  animation-delay: 5s;
  animation-fill-mode: forwards;
}
.onscreen.progressbar-li-new li.jr-6 {
  -webkit-animation: up5 1s;
  /* Safari 4.0 - 8.0 */
  animation: up5 1s;
  animation-delay: 6s;
  animation-fill-mode: forwards;
}
/* form css */
.raman {
  border: 1px solid #ccc;
  width: 100%;
  display: inline-block;
}
.competitor-form {
  padding: 50px 0;
  /* width: 600px; */
  width: 100%;
}
.competitor-form form#form .comp_form {
  width: 45%;
  margin: 0 auto;
}
.competitor-form form#form .comp_form.comp_form_1 li:first-child {
  display: none;
}
.competitor-form form#form .comp_form.comp_form_2 {
  display: none;
}
.competitor-form form#form .comp_form li.heading {
  background: #f5f5f5;
  padding: 10px;
  border-bottom: 3px solid;
}
.competitor-form form#form .comp_form li.heading::after {
  display: none;
}
.competitor-form .twince_form {
  margin-top: 30px;
}
.competitor-form .parentnomination,
.competitor-form .input_fields_wrap {
  display: inline-block;
  width: 100%;
}
.competitor-form ul {
  /* border: 1px solid; */
}
.competitor-form ul li {
  /* float: left; */
  /* margin-bottom: 17px;*/
  min-height: 38px;
  /* width: 510px; */
  width: 100%;
}
.competitor-form .indiaskill-registerNow {
  width: 600px;
  margin: 0 auto;
}
.competitor-form .indiaskill-registerNow  li input,.competitor-form .indiaskill-registerNow  li select{
  height: 30px;  
}
.competitor-form .indiaskill-registerNow li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.competitor-form ul.comp_form li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;
}
.competitor-form ul.comp_form li.field_heading {
  min-height: auto;
  line-height: 1.5;
  margin-bottom: 17px;
}
.competitor-form ul li.note {
  display: block;
}
.competitor-form ul li span {
  /* float: left;
    width: 190px; */
  width: 35%;
}
.competitor-form ul li .declare_text p {
    margin-bottom: 8px;
}
.competitor-form ul li .declare_text p {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.competitor-form ul li .declare_text p span {
    display: block;
    width: 94%;
}

.competitor-form ul li span.ct,.competitor-form ul li span#ct,.competitor-form ul li span.skl,
.competitor-form ul li span#dt {
  width: 62%;
}
.competitor-form ul li span.ct select,.competitor-form ul li span#ct select,.competitor-form ul li span.skl select,
.competitor-form ul li span#dt input {
  width: 100%;
  min-height: 38px;
}
.competitor-form ul li span b {
  color: red;
  font-weight: normal;
}
.competitor-form ul li input {
  background: #f7f7f6 none repeat scroll 0 0;
  border: 1px solid #ccc;
  float: left;
  padding: 5px;
  width: 256px;
  /* margin-left: 21px; */
  box-sizing: border-box;
  width: 62%;
  height: 38px;
  outline: none;
}
.competitor-form ul select {
  background: #f7f7f6 none repeat scroll 0 0;
  border: 1px solid #ccc;
  float: left;
  padding: 5px;
  width: 256px;
  /* margin-left: 21px; */
  box-sizing: border-box;
  width: 62%;
  height: 38px;
  outline: none;
}
.competitor-form ul textarea {
  background: #f7f7f6 none repeat scroll 0 0;
  border: 1px solid #ccc;
  float: left;
  padding: 5px;
  width: 256px;
  /* margin-left: 21px; */
  box-sizing: border-box;
  width: 62%;
  height: 38px;
  resize: none;
  outline: none;
}
.competitor-form ul li.form-subm input {
  background: #ffd741 none repeat scroll 0 0;
  border: 0 none;
  color: #4c4c4c;
  cursor: pointer;
  display: block;
  float: none;
  font-family: "Lato-Bold";
  margin: 39px 14px 0 auto;
  padding: 9px 0;
  position: relative;
  text-transform: uppercase;
  transition: all 0.6s ease 0s;
  width: 200px;
  display: inline-block;
  /* width: 68%; */
  height: 38px;
  outline: none;
}
.competitor-form ul li.form-subm {
  text-align: center;
  width: 100%;
}
.competitor-form ul li.form-subm input:hover {
  background: #0a66a9 none repeat scroll 0 0;
  color: #fff;
  transition: all 0.6s ease 0s;
}
.contact-us {
  margin-top: 40px;
  margin-bottom: 20px;
}
.contact-us-left {
  width: 1200px;
  float: left;
}
.con-left {
  float: left;
  margin-right: 20px;
  width: 550px;
}
.con-left span {
  display: inline-block;
}
.con-left p {
  color: #807f7f;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  margin-left: 17px;
  vertical-align: top;
}
.con-left > ul {
  margin-top: 10px;
}
.con-left li {
}
.con-left li span {
  display: inline-block;
  vertical-align: bottom;
}
.con-left li p {
  color: #807f7f;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  margin-left: 17px;
  vertical-align: top;
}
.con-left li p a {
  color: #807f7f;
}
.con-left li {
  margin-bottom: 17px;
}
.con-right {
  float: left;
  margin-left: 72px;
  width: 550px;
}
ul.form-sec li {
  width: 100%;
  margin-bottom: 10px;
}
ul.form-sec li input {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: "lato-regular-webfont";
}
ul.form-sec li textarea {
  width: 100%;
  font-size: 14px;
  font-family: "lato-regular-webfont";
  box-sizing: border-box;
  padding: 10px 0 0 10px;
}
ul.form-sec li.submit {
  width: auto;
  float: left;
}
ul.form-sec li.submit input,
.apply-new,
li.form-subm input#Reset,
li.form-subm input#Submit,
span.custom-link a {
  background: #ffd741;
  border: 0 none;
  color: #4c4c4c;
  height: auto;
  padding: 10px 15px;
  transition: all ease 0.5s;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  margin: 20px auto 0;
  font-size: 16px;
  display: inline-block;;
  /* border-radius: 3px; */
}


li.form-subm input#addmore,
span.custom-link a {
  background: #ffd741;
  border: 0 none;
  color: #4c4c4c;
  height: auto;
  padding: 10px 15px;
  transition: all ease 0.5s;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  margin: 20px auto 0;
  font-size: 16px;
  display: inline-block;;
  /* border-radius: 3px; */
}
.form-subm input#Submit,
span.custom-link a {
  background: #ffd741;
  border: 0 none;
  color: #4c4c4c;
  height: auto;
  padding: 12px 15px;
  transition: all ease 0.5s;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  margin: 20px auto 0;
  font-size: 16px;
  border-radius: 3px;
  width: 200px;
}
.form-subm {
  width: 100%;
  text-align: center;
}
.form-subm input {
  width: 200px;
}
ul.form-sec li.submit input:hover,
.apply-new:hover,
li.form-subm input#Reset:hover,
li.form-subm input#Submit:hover,
span.custom-link a:hover {
  background: #0a66a9 !important;
  color: #fff;
  transition: all ease 0.5s;
}
.form-subm input#Submit:hover,
span.custom-link a:hover {
  background: #0a66a9 !important;
  color: #fff;
  transition: all ease 0.5s;
}
.con-right-location {
  width: 434px;
  float: right;
}
.contact-us-right {
  border: 5px solid #f5f5f5;
  box-sizing: border-box;
  height: 200px;
}
.contact-us-right iframe {
}
.con-right > p {
  background: #0baf0b;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.ib-hd {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.ib-hd h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 12px;
}
.ib-hd p {
  line-height: 20px;
  margin-bottom: 18px;
  text-align: justify;
}
.competitor-form .ib-hd li {
  background: rgba(0, 0, 0, 0) url("../images/rgt-arrow-n.png") no-repeat scroll 0px 3px;
  margin-top: 5px;
  min-height: inherit;
  padding-left: 25px;
  margin-bottom: 0;
  margin-top: 8px;
  line-height: 22px;
  text-align: justify;
  width: 100%;
  float: none;
  box-sizing: border-box;
}
.vid-text {
  /* left: 0;
  margin: auto;
  max-width: 1200px;
  position: absolute;
  right: 0;
  top: 170px;
  z-index: 9;
  text-align: center; */
  left: 0;
  margin: auto;
  max-width: 1200px;
  position: absolute;
  right: 0;
  top: 270px;
  z-index: 9;
  text-align: center;
  transform: translateY(-50%);
}
.vid-text h1 {
  color: #fff;
  line-height: normal;
  /* margin-bottom: 10px; */
  font-size: 45px;
}
.vid-text h2 {
  color: #fff;
  line-height: normal;
  font-weight: normal;
  font-style: italic;
}
/* Dashboard Page Css */
ul.dashboard-page {
  background: #797979;
  box-sizing: border-box;
  float: left;
  padding: 15px;
  width: 100%;
}
ul.dashboard-page > li {
  float: left;
  width: 48%;
}
.dashboard-page > li:nth-child(2n) {
  float: right;
}
.icon-ul.join-ul {
  float: left;
  width: 100%;
}
ul.dashboard-page li span {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  width: 100%;
  color: #3e3e3e;
  font-family: "lato-regular-webfont";
  display: none;
}
ul.dashboard-page li select {
  background: #eaeaea none repeat scroll 0 0;
  border: 0;
  height: 35px;
  padding-left: 10px;
  width: 100%;
  font-family: "lato-regular-webfont";
  color: #3e3e3e;
}
ul.dashboard-page li.form-subm {
  margin-top: 15px;
}
ul.dashboard-page-data span.total_result {
  color: #3e3e3e;
  display: block;
  font-size: 22px;
  padding: 10px;
  text-align: center;
  text-decoration: underline;
}
ul.dashboard-page-data li {
  border: 0 none;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  outline: 0 none;
  width: 100% !important;
  text-align: left;
}
ul.dashboard-page-data li > span.state-name {
  background: #0762d3;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 22px;
  padding: 10px 0 10px 10px;
  text-transform: uppercase;
  width: 100%;
  min-height: 40px;
}
ul.dashboard-page-data li ul {
  margin-top: 20px;
}
ul.dashboard-page-data li ul li {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding: 15px;
  text-align: left;
  margin-bottom: 20px;
  min-height: auto;
  width: 32.5% !important;
}
ul.dashboard-page-data li ul li:nth-child(3n) {
  margin-right: 0;
}
ul.dashboard-page-data li ul li span {
  display: block;
  width: 100%;
}
ul.dashboard-page-data li ul li span b {
  padding-right: 30px;
}
ul.dashboard-page-data li > span.state-name b {
  /*background: #df9d09;*/
  display: block;
  float: right;
  font-weight: normal;
  margin-top: -10px;
  padding: 10px 0 10px 10px;
  text-transform: capitalize;
  width: 26%;
}
ul.dashboard-page li select option,
ul.dashboard-page li select optgroup {
  font-family: arial;
}
ul.dashboard-page-data li p:before {
  display: none;
}
ul.dashboard-page-data li p {
  padding: 0;
  text-align: center;
  font-size: 18px;
}
span.custom-link a {
  float: right;
  padding: 10px;
  color: #000;
  margin-top: 5px;
  font-size: 16px;
  margin-left: 10px;
}
.content-competitors.competitors-dashboard-page {
  width: 100%;
}
.competitor-form ul li.captch input {
  width: 62%;
  float: right;
}
li.captch img {
  float: left;
}
/* Notices and Update Page */
.search-bar-section {
  background: #f1f1f1 none repeat scroll 0 0;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 25px;
  text-align: center;
  float: left;
  width: 100%;
}
.search-bar-section input.form-text,
.search-bar-section select {
  box-sizing: border-box;
  color: #000000;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 30px;
  padding-left: 10px;
  width: 220px;
  margin-right: 15px;
}
input#datepicker {
  background: #fff url("../images/Date.png") no-repeat 192px 5px;
  outline: 0;
  border: 1px solid #ccc;
}
.search-bar-section input.form-submit {
  background: #3a3a3a none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  height: 30px;
  margin-right: 15px;
  margin-top: 0;
  padding-left: 0;
  text-align: center;
  width: 80px;
}
.table-wrap-for-resp table {
  border: 1px solid #cccccc;
  width: 100%;
  border-collapse: collapse;
}
.table-wrap-for-resp table thead {
  background: #0587d1 none repeat scroll 0 0;
}
.table-wrap-for-resp table th {
  border-right: 1px solid #dddddd;
  color: #ffffff;
  float: none;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0 !important;
  text-align: center !important;
}
.table-wrap-for-resp table td {
  border: 1px solid #cccccc;
  padding: 11px;
  line-height: 20px;
  color: #6a6a6a;
}
.table-wrap-for-resp table td.views-field-field-news-date {
  color: #008ad2;
  font-weight: bold;
}
.table-wrap-for-resp table .views-field.views-field-nothing {
  border-right: 0 none;
  box-sizing: border-box;
  text-align: right;
}
.pr-new-document {
  border: 1px solid #cccccc;
  padding: 1px 6px;
}
.pr-new-document a {
  color: #007aba;
}
.views-field.views-field-field-news-date {
  width: 10%;
}
.views-field.views-field-body {
  /*width: 15%;*/
}
.views-field.views-field-nothing {
  width: 13%;
}
.views-field.views-field-title {
  width: 50%;
}
.views-field.views-field-field-news-category {
  width: 17%;
}
p.not-found {
  color: #ff0000;
  min-width: 100% !important;
  padding: 10px 0 10px 10px;
  font-weight: bold;
}
ul.wild-card {
  margin: 20px 0;
}
ul.wild-card li {
  margin-top: 10px;
  display: block;
  position: relative;
  padding-left: 15px;
  line-height: 21px;
}
ul.wild-card li:after {
  position: absolute;
  content: "";
  background: #000;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  left: 0;
  top: 10px;
}
a.ok-btn {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  float: none;
  margin: 10px auto;
  padding: 10px 0;
  text-align: center;
  width: 20%;
}
span.short-text {
  font-size: 12px;
  display: block;
  color: #fff;
  margin-top: 22px;
}
a.side-link {
  position: fixed;
  right: 0;
  top: 50%;
  transition: all linear 0.3s;
  z-index: 9;
  transform: translateY(-50%);
}
a.side-link:hover {
  filter: grayscale(100%);
}
.criteria-content.com-txt {
  margin-top: 0;
}
.criteria-content.com-txt p {
  margin-bottom: 20px;
}
.com-face {
  width: 580px;
  float: left;
  text-align: center;
  background: url(../images/comp-face-bg.jpg) 0 0 no-repeat;
  height: 305px;
  box-sizing: border-box;
  color: #fff;
  padding-top: 100px;
}
.com-face h3 {
  font-size: 27px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 8px;
}
.com-face a {
  background: url(../images/black-right-arrow.png) 92% no-repeat #ffd741;
  padding: 10px 33px 10px 15px;
  color: #000;
  font-weight: bold;
  margin-top: 11px;
  display: inline-block;
}
.com-twit {
  width: 583px;
  float: right;
}
.com-share {
  padding: 15px 0 30px 0;
}
.statemu.container {
  padding: 15px 0 40px 0;
}
.statemu.container h3 {
  font-size: 15px;
  color: #3e3e3e;
  font-weight: normal;
  margin-bottom: 30px;
  margin-top: 15px;
}
.st-left {
  width: 589px;
  float: left;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
}
.st-left img,
.st-right img {
  display: block;
}
.st-right {
  width: 589px;
  float: right;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.roadmap.container {
  padding: 20px 0 40px 0;
}
.roadmap.container li {
  float: left;
  width: 286px;
  height: 327px;
  border: 5px solid #ec1f24;
  box-sizing: border-box;
  margin-right: 18px;
  margin-top: 15px;
  position: relative;
}
.roadmap.container li.road-1 {
  background: #fdf4f4;
  border: 5px solid #ec1f24;
}
.roadmap.container li.road-2 {
  background: #f2f7fa;
  border: 5px solid #035fa7;
}
.roadmap.container li.road-3 {
  background: #f3f9f6;
  border: 5px solid #038e4f;
}
.roadmap.container li.road-4 {
  background: #fffdf3;
  border: 5px solid #fcd912;
}
.roadmap.container li:after {
  content: "";
  height: 18px;
  background: #fff;
  width: 5px;
  position: absolute;
  top: 70px;
  left: -5px;
}
.roadmap.container li::before {
  content: "";
  height: 18px;
  background: #fff;
  width: 5px;
  position: absolute;
  top: 48px;
  right: -5px;
}
.roadmap.container li.road-1:after,
.roadmap.container li.road-1:before {
  background: #fdf4f4;
}
.roadmap.container li.road-2:after,
.roadmap.container li.road-2:before {
  background: #f2f7fa;
}
.roadmap.container li.road-3:after,
.roadmap.container li.road-3:before {
  background: #f3f9f6;
}
.roadmap.container li.road-4:after,
.roadmap.container li.road-4:before {
  background: #fffdf3;
}
.roadmap.container li:last-child {
  margin-right: 0;
}
.roadmap.container li h3 {
  font-size: 15px;
  color: #272626;
  font-weight: normal;
  font-weight: bold;
  border-bottom: 4px solid #ec1f24;
  margin-bottom: 16px;
  padding: 25px 20px;
}
.roadmap.container li.road-1 h3 {
  border-bottom: 4px solid #ec1f24;
}
.roadmap.container li.road-2 h3 {
  border-bottom: 4px solid #035fa7;
}
.roadmap.container li.road-3 h3 {
  border-bottom: 4px solid #038e4f;
}
.roadmap.container li.road-4 h3 {
  border-bottom: 4px solid #fcd912;
}
.text {
  font-size: 14.5px;
  color: #3e3e3e;
  padding: 10px 20px;
  line-height: 22px;
  text-align: justify;
}
.know-champ {
  width: 100%;
  padding: 45px 0;
  background: #f2f2f2;
}
.know-champ input.search-champ {
  width: 100%;
  padding: 14px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  margin-bottom: 21px;
  box-sizing: border-box;
  font-weight: bold;
}
ul.search-champ {
}
ul.search-champ li {
  width: 390px;
  height: 170px;
  background: #fff;
  float: left;
  margin: 0 15px 15px 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
ul.search-champ li:nth-child(3n) {
  margin-right: 0;
}
ul.search-champ li a {
  display: block;
  height: 100%;
}
ul.search-champ li.state-bg-color1 {
  background: #ff4f00;
}
ul.search-champ li.state-bg-color2 {
  background: #132b70;
}
ul.search-champ li.state-bg-color3 {
  background: #048a50;
}
ul.search-champ li.state-bg-color4 {
  background: #1bc0e0;
}
ul.search-champ li.state-bg-color5 {
  background: #7d03a5;
}
ul.search-champ li h4 {
  width: 210px;
  float: left;
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
  padding: 70px 0 0 20px;
  /* font-weight: n; */
}
.search-champ-state-map {
  width: 150px;
  float: right;
  margin-top: 30px;
}
.search-champ-state-map img {
  width: 100%;
  height: auto;
}
.map-txt {
  width: auto !important;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  left: 0;
  bottom: 0;
  top: 90px;
}
.ab-left {
  /* width: 662px; */
  width: 762px;
  float: left;
}
.container.chempion {
  margin: 50px auto;
}
.container.chempion .text {
  padding: 0;
}
.container.chempion .text p {
  margin-bottom: 32px;
  line-height: 23.8px;
}
.ab-right {
  /* width: 492px; */
  width: 380px;
  float: right;
}
.blue-bg-com {
  background: url(../images/b-g.jpg) 0 0 no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding: 50px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 24px;
}
.numb li:last-child {
  border-right: 0;
}
.numb li span {
  display: block;
  font-size: 26px;
}
.numb li {
  width: calc(25% - 1px);
  border-right: 1px solid #e6e6e6;
  text-align: center;
  float: left;
  height: 150px;
  padding-top: 14px;
  box-sizing: border-box;
  font-size: 70px;
  color: #233f8b;
  font-family: bebas-webfont;
  line-height: normal;
}
.numb li:nth-child(1) {
  color: #c02929;
}
.numb li:nth-child(2) {
  color: #c02929;
}
.numb li:nth-child(3) {
  color: #048a50;
}
.numb li:nth-child(4) {
  color: #ff4f00;
}
.container.numb {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  /* overflow: hidden; */
}
.container.key-heighlight {
  padding: 50px 0;
}
.container.key-heighlight .key-heighlight-left {
  width: 760px;
  float: left;
}
.container.key-heighlight .key-heighlight-left li {
  width: 33%;
  text-align: center;
  float: left;
  padding: 0 29px;
  box-sizing: border-box;
  min-height: 199px;
}
.container.key-heighlight .key-heighlight-left li h3 {
  margin-top: 15px;
  line-height: 20px;
}
.key-heighlight-right {
  width: 385px;
  float: right;
}
.container.twit-share {
  margin-bottom: 20px;
}
.blue-bg-com a {
  color: #fff;
}
/*new css 1*/
/*life after worldskill*/
.law-list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 120px;
}
.law-list li {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.law-list ul li > img {
  /* height: 180px; */
  width: auto;
}
.law-list ul li:nth-of-type(even) {
  margin-top: -19px;
  transform: translateX(-61px);
}
.law-list ul li:nth-of-type(odd) {
  margin-top: -186px;
}
.law-list ul li:last-child {
  margin-top: -104px;
}
.skillBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  left: 0;
  border-radius: 26px;
  height: 155px;
}
.law-list ul li:nth-of-type(even) .skillBox {
  flex-direction: row;
}
.skillBox .personImg {
  flex: 0 0 28%;
}
.skillBox .details {
  flex: 0 0 67%;
}
.law-list ul li:nth-of-type(even) .skillBox {
  margin-left: 45px;
  text-align: left;
  /* border: solid 2px #e7e7e7;
  border-left: none; */
}
.law-list ul li:nth-of-type(odd) .skillBox {
  margin-right: 45px;
  text-align: right;
  right: 0;
}
.personImg img {
  filter: grayscale(1);
  transition: all 0.6s;
}
.law-list li:hover .personImg img {
  filter: grayscale(0);
  transition: all 0.6s;
  transform: scale(1.08);
}
.personName {
  font-weight: 600;
  line-height: 1.3;
  font-size: 21px;
  padding-top: 45px;
  transition: all 0.6s;
}
.blue .personName {
  color: #233f8b;
}
.yellow .personName {
  color: #fcd912;
}
.red .personName {
  color: #ed1f24;
}
.black .personName {
  color: #040707;
}
.green .personName {
  color: #106735;
}
.skyblue .personName {
  color: #00b2d0;
}
.orange .personName {
  color: #fd7900;
}
.violet .personName {
  color: #0762d3;
}
.yellow2 .personName {
  color: #f2d112;
}
.red2 .personName {
  color: #ed1f24;
}
.navyblue .personName {
  color: #223d85;
}
.law-list li.active .skillArea {
  font-size: 12px;
}
.law-list li.active .personName {
  font-size: 15 px;
  padding-top: 0;
}
.skillArea {
  line-height: 1.2;
  transition: all 0.5s;
  /* font-size: 17px; */
  font-weight: 300;
}
.skillArea.show {
  transition: all 0.5s;
  color: #555;
}
.skillArea span {
  color: #ff6a6a;
  display: block;
}
.law-list ul li:nth-of-type(odd) .skillBox .contentBox {
  transform: translateX(30px);
  transition: all 0.5s;
}
.law-list ul li:nth-of-type(even) .skillBox .contentBox {
  transform: translateX(-30px);
  transition: all 0.5s;
}
.law-list ul li:nth-of-type(odd) .skillBox .contentBox.show {
  transform: translateX(0px);
  transition: all 0.5s;
  opacity: 1;
  visibility: visible;
  -webkit-animation: opa 1s forwards;
  -moz-animation: opa 1s forwards;
  animation: opa 1s forwards;
}
.law-list ul li:nth-of-type(even) .skillBox .contentBox.show {
  transform: translateX(-0px);
  transition: all 0.5s;
  visibility: visible;
  -webkit-animation: opa 1s forwards;
  -moz-animation: opa 1s forwards;
  animation: opa 1s forwards;
}
.contentBox {
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  margin-top: 5px;
  font-size: 13px;
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner-text {
  position: absolute;
  bottom: 80px;
  left: auto;
  right: 80px;
  max-width: 1200px;
  margin: 0 auto;
  width: 570px;
  text-align: center;
}
.banner-button {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.leftBtn,
.rightBtn {
  width: 49%;
}
.leftBtn a,
.rightBtn a {
  font-size: 16px;
  color: #fff;
  background: #fe0800;
  /* box-shadow: inset 0 0 10px #000; */
  padding: 15px;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  /* width: 250px; */
  display: block;
}
.leftBtn a {
  background: #3bc4db;
}
.banner-text img {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 5px;
  margin-right: 19px;
  width: auto;
}
.banner-date {
  color: #fff;
  margin: 15px 0;
  font-size: 18px;
}
.fact-slider .item {
  width: 280px;
  height: 140px;
  background: #f6f8fc;
  text-align: center;
  border: 1px solid #ccc;
  padding: 36px;
  position: relative;
  overflow: hidden;
}
.fact-slider .item:hover .hover-pr {
  top: 0;
  display: flex;
}
.fact-slider .item a {
  color: #272626;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fact-txt {
  align-self: center;
  font-size: 22px;
  color: #272626;
  /* font-weight: 300; */
}
.pr-realease {
  margin-top: 40px;
}
.pr-real {
  width: 280px;
  height: 140px;
  background: #f6f8fc;
  text-align: center;
  border: 1px solid #ccc;
  padding: 36px;
  display: inline-block;
  vertical-align: top;
  margin-right: 21px;
  position: relative;
  overflow: hidden;
}
.hover-pr {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  color: #fff;
  padding: 24px;
  font-size: 17px;
  line-height: normal;
  line-height: 24px;
  text-shadow: 0 0 1px #000;
  transition: all ease 0.6s;
  display: none;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.pr-real:hover .hover-pr {
  top: 0;
  display: flex;
}
.kazan-images.pr-realease {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kazan-images.pr-realease h2 {
  width: 100%;
}
.kazan-images.pr-realease .pr-real {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
  height: auto;
  padding: 0;
}
.kazan-images.pr-realease .pr-real img {
  display: block;
}
.kazan-images.pr-realease .pr-real .kazan-heading {
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
}
.kazan-images.pr-realease .pr-real p {
  font-size: 14px;
  line-height: 20px;
}
.kazan-images.pr-realease .pr-real:nth-of-type(2n) {
  margin-right: 0;
}
.image-group {
  display: none;
}
.hover-pr a {
  color: #fff !important;
  align-self: center;
  text-align: center;
}
.press-cove {
  margin-top: 20px;
  margin-bottom: 15px;
  clear: both;
}
.press-slider.nbs-flexisel-ul {
  width: 12000px;
}
.press-slider.nbs-flexisel-ul li {
  position: relative;
}
.press-slider.nbs-flexisel-ul li h3 {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  margin: 0 8px;
  padding: 8px;
  position: absolute;
  bottom: 0;
  width: 95%;
  text-align: left;
}

 /*Register Option Button Css*/
         .register-btn {
    padding: 40px 0px;
}
.register-btn ul{
    width:50%;
    display:block;
    margin: 0 auto;
}
.register-btn ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.register-btn ul li a span {
    align-self: center;
}
.register-btn ul li a span img {
    width: 33px;
    height: 33px;
}
.register-btn ul li a img.user-icon{
}
.register-btn ul li a p {
    font-size: 18px;
    color: #fff;
    align-self: center;
    font-weight: 600; 
    font-family: 'Lato', sans-serif !important;
}
.register-btn ul li {
    display: inline-block;
    margin: 10px;
    background-color: #12aee1;
    padding: 6px 18px;
    border-radius: 10px;
    width: 45%;
    transition: 0.1s ease-in-out;
}
.register-btn ul li:hover {
    background-color: #f5b120;
    transition: 0.1s ease-in-out;
    transform: scale(1.02);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.register-option-section{
    padding: 50px;
}

/*New Form Css*/
.form-heading h2 {
    color: #272626;
    /*font-family: "Lato-Bold";*/
    font-family: 'Lato', sans-serif !important;
    font-size: 33px;
    line-height: normal;
    margin-bottom: 30px;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}
.form-heading p {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-family: arial;
}
span.form-calender-align input{
    width:90% !important;
}
span.form-calender-align img{
    border: 1px solid #ccc;
    width: 33px;
    padding: 4px;
    height: 38px;
    background-color: #eee;
}


/*17-12-2020*/
.competitor-form ul li input#declare ,.competitor-form ul li input#declare2 ,
.competitor-form ul li input#condition {
    float: none;
    width: 3%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: auto;
}

/*22-01-2021 datatable design*/

.data-table-btns a {
    background-color: #12aee1;
    color: #fff;
    padding: 10px 18px;
    margin: 0 4px;
    font-size: 14px;
    font-family: arial;
    border-radius: 20px;
}

.data-table-btns {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.school-datatable-sec{
    padding: 50px 0px;
}
table.school-table{
	border-spacing: 0;
}
table.school-table thead{
	text-align: left;   
}
.school-table>tbody>tr>td>a:hover{
    color: #f5b120 ;
}
.school-table>tbody>tr>td>a {
    color: #000;
}
/* top-left border-radius */
    table.school-table tr:first-child th:first-child,
    table.school-table tr:first-child td:first-child {
        border-top-left-radius: 6px;
    }
    
    /* top-right border-radius */
    table.school-table tr:first-child th:last-child,
    table.school-table tr:first-child td:last-child {
        border-top-right-radius: 6px;
    }
    
    /* bottom-left border-radius */
    table.school-table tr:last-child td:first-child {
        border-bottom-left-radius: 6px;
    }
    
    /* bottom-right border-radius */
    table.school-table tr:last-child td:last-child {
        border-bottom-right-radius: 6px;
    }

table.school-table thead tr th{
 border-bottom: 2px solid #f5b120 !important;
   border-bottom: 2px solid #f5b120 !important;
    background-color: #12aee1;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
    /* height: 40px; */
    padding: 14px 5px;
 
}

table.school-table tbody th, table.school-table tbody td {
    border-bottom-width: 0;
}

table.school-table th, table.school-table td {
    border-left-width: 0;
}
.school-table>tbody>tr>td, .school-table>tbody>tr>th, .school-table>tfoot>tr>td, .school-table>tfoot>tr>th, .school-table>thead>tr>td, .school-table>thead>tr>th {
    border: 1px solid #ddd;
}
.school-table>tbody>tr>td, .school-table>tbody>tr>th, .school-table>tfoot>tr>td, .school-table>tfoot>tr>th, .school-table>thead>tr>td, .school-table>thead>tr>th {
    padding: 16px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: arial;
    font-size: 14px;
    padding-left: 5px;
}
table.school-table td, table.school-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.table-brder-shadow {
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 12px;
    position: relative;
    width: 100%;
    overflow-x: auto;
}
.pagination {
  display: inline-block;
  float: right;
  margin-top: 20px;
  font-family: arial;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.pagination a {
  color: #000;
    float: left;
    padding: 12px 16px;
    text-decoration: none;
    font-family: arial;
    font-size: 17px;
}

.pagination a.active {
  background-color: #12aee1;
  color: #fff;
}

.pagination a:hover:not(.active) {
	background-color:  #f5b120;
	color: #fff;
}
/*25-01-2021*/
.lang-btn{
	float: right;
    margin-top: 26px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
}
.lang-btn a {
    position: relative;
    padding: 15px;
    color: #000;
    float: left;
    text-decoration: none;
    margin-bottom: -1px;
}
.lang-btn a.active{
	background-color: #12aee1;
    color: #fff;
}


/* 9-7-21 */


.orient_webinar td td {
  border: none;
  padding: 5px;
}
.orient_webinar .table table {
  width: 100%;
}

.orient_webinar td, .orient_webinar th {
  border: 1px solid #ccc;
  padding: 10px;
}
.orient_webinar th {
  background: rgb(18, 174, 225);
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.orient_webinar {
  margin: 10px 0;
}

/* 9-7-21 */