@charset "utf-8";
* {
  box-sizing: border-box
}
html{
    scroll-behavior: smooth;
}
body {
  font-size: 14px;
  background: #f5f5f5;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  background-size: cover
}
a {
  text-decoration: none;
  color: #fff
}
a:focus, a:hover {
  text-decoration: none;
  color: #fff;
  outline: 0
}
.clear {
  clear: both
}
input:focus::-webkit-input-placeholder {
  color: transparent
}
input:focus::-moz-placeholder {
  color: transparent
}
textarea:focus::-webkit-input-placeholder {
  color: transparent
}
textarea:focus::-moz-placeholder {
  color: transparent
}
select option {
  background-color: #111
}
.app .centerdiv {
  float: left;
  width: 60%;
  margin-right: 20px;
  display: inline-block
}
.app .firstdiv {
  width: 13%;
  float: left;
  margin-right: 20px;
  display: inline-block
}
.app .lastdiv {
  width: 13%;
  float: left;
  display: inline-block
}
.lastdiv img {
  width: 100%
}
.appicon {
  width: 100%;
  vertical-align: middle
}
.appdowndiv {
  width: 100%;
  float: left;
  font-size: 25px;
  line-height: 20px;
  display: inline-block
}
.appdowndiv ul {
  display: block;
  list-style: none;
  padding: 0 !important
}
.appdowndiv li {
  width: 46%;
  margin: 0 2%;
  float: left;
  list-style: none
}
.appdowndiv li img {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 10px
}
.read-more-show {
  text-decoration: underline;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  -ms-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  transition: opacity .25s ease
}
.read-more-show:hover {
  opacity: .8;
  text-decoration: underline !important
}
.read-more-hide {
  text-decoration: underline;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  -ms-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  transition: opacity .25s ease
}
.read-more-hide:hover {
  opacity: .8;
  text-decoration: underline !important
}
.txtBorder {
  width: 0;
  border-bottom: 2px solid #12cfca;
  margin: 0 auto
}
.terms_container {
  background: #f6f8f8;
  padding: 4em;
  text-align: center
}
.terms {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #58595B;
  font-size: 16px;
  text-align: justify;
  padding: 0 5%;
  font-weight: 500;
}
.terms span {
  font-size: 1.4rem;
  font-weight: bold;
}
.terms_title {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  text-align: center
}
.terms li {
  list-style: decimal;
  list-style-position: inside
}
.col-m-3 {
  float: left;
  width: 14.6%;
  margin-right: 2%;
  position: relative;
  -webkit-filter: grayscale(50%);
  transition: all .3s !important;
  -webkit-transition: all .3s !important;
  -moz-transition: all .3s !important
}
.about {
  background: #fff;
  text-align: center;
  padding: 8em 0
}
.about p {
  color: #58595B;
  font-size: 18px;
  text-align: Center;
  padding: 1em 1em 2em 1em;
  line-height: 1.9em
}
.about p a {
  color: #58595B
}
.about p a:hover {
  text-decoration: underline;
  transition: 5s ease;
}
.about-grids {
  width: 100%;
  margin: 0 auto
}
.grid {
  width: 31%;
  float: left;
  background: #fff;
  margin-right: 2%;
  position: relative
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 44px;
  height: 44px;
  border: none;
  text-indent: 100%;
  background: url("../help_files/images/top-move.png") no-repeat right top
}
.logistic_container {
  background: #fff;
  padding: 4em 0;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%
}
.logistic {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  padding: 0 5%;
  font-size: 20px
}
.logistic ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.logistic div {
  width: 33%;
  float: left;
  height: 45px;
  border: 1px solid #d4d4d4;
  display: block;
  padding: 7px 0
}
.logistic div:nth-child(1) {
  width: 40%
}
.logistic div:nth-child(2) {
  width: 30%
}
.logistic div:nth-child(3) {
  width: 30%
}
.header-left {
  background: #001c5c;
  color: #fff;
  height: 65px !important;
  padding: 16px !important
}
.logistic p {
  line-height: 20px;
  color: #000
}
#contactUsForm input[type=radio] {
  margin: 2px 0 0 -20px
}
.locationText {
  float: left;
  width: 50%;
  position: relative;
  background-size: cover
}
.locationWrap {
  position: relative;
  width: 75.3%;
  margin: 0 auto
}
.locationText h2 {
  text-transform: uppercase
}
#ContactInfo .locationWrap {
  position: unset
}
#ContactInfo .contactBtnWrap {
  right: 10%
}
.locationText p {
  font-size: 18px;
  margin: 1rem 0 0 0;
  text-align: justify;
}
.contactBtn {
  font-family: 'Montserrat', sans-serif;
  float: right;
  background: 0 0;
  font-size: 20px;
  padding: 10px;
  border: 1px solid #fff
}
.socialIconDiv {
  margin-top: 20px
}
.socialIconDiv .socialIcon {
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-right: 10px
}
.socialIconDiv .fbImg {
  background-position: -11px -136px;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.socialIconDiv .fbImg, .socialIconDiv .instaImg, .socialIconDiv .linkedInImg, .socialIconDiv .pinterestImg, .socialIconDiv .twitterImg {
  transform: scale(1);
  transition: all 1s ease
}
.socialIconDiv .fbImg:hover, .socialIconDiv .instaImg:hover, .socialIconDiv .linkedInImg:hover, .socialIconDiv .pinterestImg:hover, .socialIconDiv .twitterImg {
  transform: scale(1.15)
}
.socialIconDiv .linkedInImg {
  background-position: -89px -136px;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.socialIconDiv .pinterestImg {
  background-position: -170px -136px;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.socialIconDiv .twitterImg {
  background-position: -255px -136px;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.socialIconDiv .instaImg {
  background-position: -285px -156px;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.contactBtn {
  margin: 20px 0 25px 0
}
.contactBtnWrap {
  position: static;
  bottom: 152px;
  right: 18%;
  width: 75%;
  margin: 0 auto
}
.footerWrapper {
  width: 1200px;
  margin: 0 auto
}
.footerWrapper h2 span.txtBorder {
  border-bottom: 2px solid #fff
}
.footerWrapper h2 {
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase
}
.footerMumTxt {
  float: left
}
.footerSurTxt {
  float: right
}
.footerWrapper h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 2%
}
.footerWrapper address {
  font-family: 'Montserrat', sans-serif;
  font-size: 19px;
  line-height: 30px
}
.footerWrapper h2 {
  padding-top: 20px;
  margin-top: 0
}
.footerLinks {
  text-align: center;
  padding: 20px 0
}
.footerLinks ul li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px !important;
  padding: 0 5px
}
.contactForm {
  display: none
}
.contactForm .commentTxt {
  font-size: 20px;
  margin-bottom: 20px
}
.contactForm .uploadTxt {
  font-size: 16px
}
.contactForm p {
  margin-bottom: 0;
  text-align: justify;
  font-size: 20px;
  line-height: 27px
} /* ======= Placeholder Css ========= */ .contactDiv .form-control {
  background-color: transparent !important;
  color: #58595B !important
}
.contactDiv .form-control::-webkit-input-placeholder {
  font-family: 'Montserrat', sans-serif;
  color: #58595B;
}
.contactDiv .form-control::-webkit-input-placeholder {
  color: #58595B
}
.contactDiv .form-control:-moz-placeholder {
  color: #58595B
}
.contactDiv .form-control::-moz-placeholder {
  color: #58595B
}
.contactDiv .form-control:-ms-input-placeholder {
  color: #58595B
}
.contactDiv .form-control:placeholder-shown {
  color: #58595B
}
.contactForm .form-control {
  background: 0 0;
  border-radius: 0;
  color: #58595B;
  font-size: 18px
}

/*========== JIGAR ==========*/
.contactDiv input[type=text]:disabled {
  background-color: #E3E3E3 !important;
  color: #fff !important;
  border: 1px solid #cccccc !important;
  cursor: not-allowed;
}
.contactDiv input[type=tel]:disabled {
  background-color: #E3E3E3 !important;
  color: #fff !important;
  border: 1px solid #cccccc !important;
  cursor: not-allowed;
}
.contactDiv input[type=email]:disabled {
  background-color: #e3e3e3 !important;
  color: #fff !important;
  border: 1px solid #cccccc !important;
  cursor: not-allowed;
}
.contactDiv .form-control:disabled::-webkit-input-placeholder {
  font-family: 'Montserrat', sans-serif;
  color: #545B77;
}
.contactDiv .form-control:disabled::-webkit-input-placeholder {
  color: #545B77
}
.contactDiv .form-control:disabled:-moz-placeholder {
  color: #545B77
}
.contactDiv .form-control:disabled::-moz-placeholder {
  color: #545B77
}
.contactDiv .form-control:disabled:-ms-input-placeholder {
  color: #545B77
}
.contactDiv .form-control:disabled:placeholder-shown {
  color: #545B77
} /*========== JIGAR ==========*/
.contactForm .form-control:focus {
  border-color: #fff
}
.contactForm input[type=email] {
  border: 1px solid #fff
}
.contactForm .radio label {
  font-size: 16px;
  color: #fff
}
.contactForm .contSelect {
  color: #fff;
  font-size: 18px
}
.contSelect option {
  background-color: #FFFFFF !important;
}
.contactForm .contBtn {
  background: 0 0;
  border-radius: 0;
  font-size: 16px;
  color: #fff;
  padding: 3px 18px;
  width: 100%
}
.btnFile {
  position: relative;
  overflow: hidden
}
.btnFile input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  outline: 0;
  background: 0 0;
  cursor: inherit;
  display: inline
}
.locationContactDiv {
  position: relative
}
.locationContactDiv .locationImg {
  position: relative;
  width: 50%;
  float: right;
  opacity: 1
}
.locationContactDiv .contactForm {
  margin: 0 auto;
  width: 45%;
  position: static;
  top: 0;
  right: 5%;
  float: right;
  margin-bottom: 25px;
  background: #071535;
  padding-left: 2%;
  padding-right: 2%
}
.contactpage .locationContactDiv .contactForm {
  padding-top: 20px
}
.contactForm .contSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 2px 2px 10px;
  background: transparent url("../images/selectIcon.png") no-repeat 96% 50%
}
.carousel-control:focus, .carousel-control:hover {
  opacity: 1 !important
}
.venusPopup {
  background: #e7efff none repeat scroll 0 0;
  border: 1px solid #071534;
  color: #071534;
  left: 0;
  margin: 0 auto;
  padding: 2% 2% 1%;
  position: fixed;
  resize: vertical;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 21%;
  display: none;
  z-index: 99999999
}
.popupButton {
  float: right
}
.popupButton button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #071534;
  color: #071534;
  padding: 3px 10px;
  text-transform: uppercase
}
.popUpText {
  padding-bottom: 40px;
  text-transform: capitalize;
  font-size: 15px;
  color: #071534
}
.overlay {
  background: rgba(15, 7, 4, .65) none repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9
}
.contactForm label {
  font-size: 15px;
  color: red
}
.errorWrap {
  position: relative
}
.errorWrap label {
  position: absolute;
  top: 33px
}
.contactForm .closeBtn {
  position: absolute;
  top: 25px;
  right: 10px;
  font-size: 24px;
  z-index: 9
}
.contactpage .contactForm .closeBtn {
  top: 25px
}
.contactForm .closeBtn {
  -webkit-transform: rotate(360deg) rotate(0);
  -webkit-transition: all .5s;
  -webkit-transition-timing-function: cubic-bezier(1, .8, .5, 1);
  -moz-transform: rotate(360deg);
  -moz-transition: all .5s;
  -moz-transition-timing-function: cubic-bezier(1, .8, .5, 1);
  -o-transform: rotate(360deg);
  -o-transition: all .5s;
  -o-transition-timing-function: cubic-bezier(1, .8, .5, 1)
}
.contactForm .closeBtn:hover {
  -webkit-transform: rotate(0) rotate(0);
  -webkit-transition-delay: 0;
  -o-transition: all .5s;
  -moz-transform: rotate(0);
  -moz-transition-delay: 0;
  -o-transition: all .5s;
  -o-transform: rotate(0);
  -o-transition-delay: 0;
  -o-transition: all .5s
}
.closeBtn-1 .closeBtn {
  float: right;
  padding-right: 10px;
  font-size: 24px;
  padding-top: 10px
}
/*.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #211c5f;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.hvr-sweep-to-right:hover {
  color: #fff
}
.hvr-sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}*/
.glyphicon-triangle-right {
  position: absolute;
  top: 50%
}
.glyphicon-triangle-left {
  position: absolute;
  top: 50%
}
input, textarea:focus::-webkit-input-placeholder {
  color: transparent
}
input, textarea:focus:-moz-placeholder {
  color: transparent
}
.firstLetter {
  font-size: 120%
}
.carousel-caption {
  position: absolute;
  top: 10%
}
.carousel-caption p {
  font-size: 30px;
  text-transform: uppercase
}
.carousel-caption h1.ethicalTitle p {
  font-family: 'Montserrat', sans-serif;
  font-size: 34px;
  margin: 0
}
.ethicalTitle p.firstLetter {
  margin: 0
}
.carousel-caption .pHeight {
  height: 450px;
  line-height: 450px
}
.slideOneTxt {
  background: #070013;
  padding: 0 8%;
  position: absolute;
  bottom: 0;
  z-index: 9999;
  display: none
}
.slideOneTxt h1 {
  font-family: Flaticon;
  font-size: 48px;
  padding: 0;
  text-transform: uppercase;
  line-height: 10px
}
.slideOneTxt h1 p {
  font-family: 'Montserrat', sans-serif;
  font-size: 27px;
  margin: 0
}
.slideOneTxt hr {
  max-width: 7%;
  border-top: 2px solid #fff;
  margin-top: 10px;
  margin-bottom: 50px
}
.listCompany {
  margin-top: 20px
}
.listCompany dl dt {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px
}
.listCompany dl dt:before {
  display: inline-block;
  padding-right: 8px
}
.listCompany dl dt span {
  border-bottom: 1px solid #fff;
  padding: 0 0 1px 0;
  font-family: Montserrat
}
.listCompany dl dd {
  font-size: 16px;
  color: #eeeeee;
  text-transform: uppercase;
  background-color: #001689;
  padding: .2rem;
  font-weight: 600;
  border-radius: 3px;
}
.ethicalBg .carousel-control.right {
  z-index: -99
}
.ethicalBg .carousel-control.left {
  z-index: -99
}
.arrowToggle {
  position: absolute;
  height: 45px;
  width: 90px;
  -moz-border-radius: 90px 90px 0 0;
  -webkit-border-radius: 90px 90px 0 0;
  border-radius: 90px 90px 0 0;
  background: #0e001a;
  bottom: 0;
  left: 48%;
  text-align: center;
  z-index: 9999999999
}
.ethicalBg .item:nth-child(1) {
  background: url(/images/ethical-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  -webkit-transition: .1s ease-in-out left;
  -moz-transition: .1s ease-in-out left;
  -o-transition: .1s ease-in-out left;
  transition: .1s ease-in-out left
}
.ethicalBg .item:nth-child(2) {
  background: url(/images/ethical-bg-2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  -webkit-transition: .1s ease-in-out left;
  -moz-transition: .1s ease-in-out left;
  -o-transition: .1s ease-in-out left;
  transition: .1s ease-in-out left
}
.arrowToggle i {
  padding-top: 6px;
  -webkit-transition: padding-top .25s ease-in-out;
  -moz-transition: padding-top .25s ease-in-out;
  -ms-transition: padding-top .25s ease-in-out;
  -o-transition: padding-top .25s ease-in-out;
  transition: padding-top .25s ease-in-out
}
.arrowToggle i:hover {
  padding-top: 0
}
.carousel-indicators li img {
  display: inline-block
}
.hide {
  display: none
}
.sprite {
  background: url(/images/sprite.png) no-repeat;
  display: inline-block
}
.spriteIcon {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  height: 40px;
  vertical-align: top;
  width: 40px;
  background: #fff
}
.spriteIcon .badge {
  position: absolute;
  top: 30px;
  right: 30px;
  padding: 5px 10px;
  background: red;
  color: #fff
}
/*.spriteIcon .menubtn {
  background-position: 11.9% .7%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 95%
}*/
.spriteIcon .profilePic {
  background-position: 1% .3%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 95%
}
.file-input-wrapper {
  height: 36px;
  overflow: hidden;
  position: relative
}
.file-input-wrapper > input[type=file] {
  font-size: 200px;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  width: 135px
}
.file-input-wrapper > .btn-file-input {
  display: inline-block;
  width: 100%;
  height: 26px;
  background: 0 0;
  font-size: 15px;
  border: 1px solid white;
  color: white;
  background-color: #001689;
}
@media screen and (min-width:768px) {
  .carousel-indicators {
    bottom: 70px !important
  }
}
#ethicalWrap {
  position: relative
}
.ethicalOuter {
  position: relative;
  width: 100%
}
.ethicalOuter.image1 {
  background: url(/images/ethical-bg.jpg) no-repeat 0 0/cover
}
.ethicalOuter.image2 {
  background: url(/images/ethical-bg-2.jpg) no-repeat 0 0/cover
}
.ethicalOuterContent {
  height: 100%;
  width: 100%
}
.ethicalTitleDiv {
  width: 100%;
  text-align: center;
  margin: 0 auto
}
.titleMiddleText {
  padding: 15% 0 17%;
  text-align: center;
  width: 100%
}
.titleMiddleText p {
  font-size: 50px;
  font-family: Montserrat
}
.ethicalBody {
  overflow: hidden
}
.ethicalOuter p img {
  width: 100%
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s
}
.fade-in.one {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s
}
.fade-in.two {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  animation-delay: .8s
}
.fade-in.three {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s
}
.fade-in.four {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s
}
.carousel-indicators li {
  background: url(/images/diamondIcon.png) no-repeat;
  display: inline-block;
  border: none;
  width: 13px
}
.carousel-indicators .active {
  border: none;
  width: 16px;
  height: 12px;
  background: url(/images/diamondIconActive.png) no-repeat;
  display: inline-block;
  margin: 0
}
.secondMenuDiv {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 116px;
  right: -100%;
  height: 100%
}
/*.spriteIcon .menucross {
  background-position: 23.5% .5%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 95%
}*/
.leftSecondMenuDiv {
  border-left: 1px solid #ccc;
  display: inline-block;
  width: 298px;
  float: right;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  position: relative;
  right: 0;
  background-color: #001c5c;
  z-index: 99;
  height: 100%
}
.leftSecondMenu {
  width: 300px;
  display: inline-block;
  float: right
}
.leftSecondMenu ul {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
  float: right;
  padding: 0
}
.leftSecondMenu li.active, .leftSecondMenu li:hover {
  background: url(/images/sub-menu-border.jpg) no-repeat left 25px top
}
.leftSecondMenu ul li {
  display: block;
  padding-left: 40px
}
.leftSecondMenu li a:hover span, .leftSecondMenu li.active a span {
  border-bottom: 1px solid #cacbcf
}
.leftSecondMenu ul li a {
  color: #ccc;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
}
.leftSecondMenu > ul > li > a {
  padding-bottom: 30px
}
.rightSecondMenu {
  display: inline-block;
  vertical-align: top;
  width: 82%;
  margin-bottom: 20px;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  position: relative;
  right: -100%;
  z-index: 9
}
.rightWrapper {
  width: 80%;
  margin: 0 auto;
  padding: 80px 0;
  overflow: hidden
}
.halfBox {
  width: 50%
}
.allBox {
  background: #06112b;
  margin-top: 20px;
  float: left;
  vertical-align: top;
  margin-left: 20px;
  overflow: hidden;
  position: relative;
  height: 250px
}
.allBox:nth-child(3n+1) {
  margin-left: 0
}
.allBox img {
  width: 100%;
  max-width: 100%;
  opacity: .7
}
.allBox p {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  font-size: 30px;
  color: #ccc;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  height: 100%
}
.allBox a {
  display: inline-block;
  height: 100%;
  padding-top: 105px;
  width: 100%
}
.smallBox {
  width: 23%
}
.subMenu {
  display: none
}
.firstLetter::first-letter {
  font-size: 120%
}
.firstLetter {
  display: inline-block
}
.differentiationTitle {
  float: left;
  width: 50%;
  padding: 2% 8%;
  display: table-cell;
  position: relative
}
.differentiationTitle h1 {
  font-family: Flaticon;
  font-size: 34px;
  text-transform: uppercase
}
.differentiationDiv h1 p {
  font-family: Montserrat
}
.roundFanciesTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: right;
  overflow: hidden
}
.differentiationTitle .bottomBorder {
  width: 8%;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 32%
}
.differentiationWrapperLeft {
  padding: 10% 10% 10% 16%
}
.differentiationWrapperRight {
  padding: 10% 16% 10% 10%
}
.differentiationWrapper h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Flaticon;
  font-size: 20px;
  line-height: 40px;
  color: #fffddf; /*margin-bottom: 8%*/
}
.differentiationWrapper .differentiationTxt {
  font-size: 21px;
  font-family: 'Montserrat', sans-serif;
  text-align: justify;
  line-height: 32px
}
.roundFanciesImg {
  background: url(/images/roundsFancies.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: left
}
.flawlessImg {
  background: url(/images/flawless.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: right
}
.flawlessTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: left;
  overflow: hidden
}
.preferredDiamondTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: right;
  overflow: hidden
}
.preferredDiamondImg {
  background: url(/images/preferredDiamond.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: left
}
.lookBidImg {
  background: url(/images/lookAndBid.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: right
}
.lookBidTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: left;
  overflow: hidden
}
.onlineSalesTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: right;
  overflow: hidden
}
.onlineSalesImg {
  background: url(/images/lookAndBid.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: left
}
.matchedPairTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: left;
  overflow: hidden
}
.matchedPairImg {
  background: url(/images/matchedPair.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: right
}
.venusExclusiveTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: right;
  overflow: hidden
}
.venusExclusiveImg {
  background: url(/images/lookAndBid.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: left
}
.inHouseTxt {
  min-height: 700px;
  width: 50%;
  background: #0e001b;
  float: left;
  overflow: hidden
}
.inHouseImg {
  background: url(/images/inHouseBuying.jpg) center center no-repeat;
  min-height: 700px;
  background-size: cover;
  -webkit-background-size: cover;
  width: 50%;
  float: right
}
.differentiationDiv {
  overflow: hidden
}
.toTop {
  width: 50%;
  float: right;
  padding: 3% 8%;
  background: #fff
}
.toTop h1 a {
  color: #0e001b;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600
}
.toTop h1 a:before {
  content: url(/images/toTopIcon.png);
  display: inline-block;
  vertical-align: middle;
  padding-right: 2%
}
.differentiationcontainer {
  position: relative
}
.differentiationSectionLinks {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9
}
.differentiationSectionLinks li {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  width: 200px;
  position: relative;
  right: -60%;
  transition: all .3s ease 0s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.differentiationSectionLinks li:nth-child(odd) {
  background-color: #f0f8ff
}
.differentiationSectionLinks li:nth-child(even) {
  background-color: #fff
}
.differentiationSectionLinks li a {
  color: #000;
  display: inline-block;
  width: 85px;
  padding: 10px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.differentiationSectionLinks li:hover {
  right: 0
}
.differentiationSectionLinks li:hover a {
  width: 100%
}
.ethicalWrap {
  display: block
}
.JourneySection {
  background: rgba(0, 0, 0, 0) url(/images/bg.jpg) no-repeat fixed 0 0/cover
}
.JourneyDiv {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  text-align: center
}
.blueOverlayBg {
  background: rgba(7, 21, 52, .3) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999
} /*.txtUppercase { text-transform: uppercase }*/ .JourneyTitleDiv {
  padding-top: 20px;
  width: 100%;
  text-align: center;
  padding-bottom: 20px
}
.JourneyTitle p {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  display: inline-block
}
.JourneyTitle {
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 0
}
.JourneySlider .imgClass1 {
  width: 30%;
  display: inline-block;
  vertical-align: middle
}
.JourneySlider .imgClass1 img {
  width: 100%;
  max-width: 100%
}
.JourneySlider .contentDes {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  height: 260px;
  line-height: 25px;
  font-size: 20px;
  width: 40%;
  text-align: justify;
  margin-left: 70px;
  vertical-align: middle;
  overflow: auto
}
.JourneySlider .contentDes p {
  margin-bottom: 5px
}
.JourneySlider .sliderHeader {
  display: block;
  width: 100%
}
.JourneySlider .moveLeft {
  width: 100%;
  position: relative;
  margin-top: 1.5%;
  border-bottom: 1px solid #ccc
}
.JourneySlider .moveLeft p {
  font-size: 50px;
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  top: -28px;
  left: 95px;
  background: #11163e none repeat scroll 0 0;
  padding: 0 10px;
  color: #fff
}
.JourneySlider .moveLeft p::after {
  background: #0e001a none repeat scroll 0 0;
  content: url(/images/slider-arrow.png);
  font-size: 9px;
  height: 7px;
  margin-top: 0;
  position: absolute;
  right: 792px;
  top: 66%;
  width: 42px;
  display: none
}
.JourneySlider .contentDiv {
  padding: 2.8% 0
}
.JourneyTitle .progressNav {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 50px
}
.JourneyTitle .progressNav ul {
  display: block;
  padding-bottom: 79px;
  padding-top: 10px
}
.progressNav ul li {
  display: inline-block;
  border-bottom: 1px solid #a8a8a8;
  position: relative;
  width: 12%
}
.JourneyTitle .progressNav ul li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  padding: 5px
}
.JourneyTitle .progressNav ul li a::before {
  background: rgba(0, 0, 0, 0) url(/images/diamondIcon.png) repeat scroll 0 0;
  border-radius: 5px;
  bottom: -6px;
  content: "";
  height: 10px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 14px
}
.JourneyTitle .progressNav ul li:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  right: 0;
  width: 1px;
  margin: 4px auto 0 auto
}
#carousel .flex-active-slide a {
  color: #EEEEEE;
  background-color: #001689;
}
#carousel li.flex-active-slide:after {
  background: #888;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  right: 0;
  width: 1px;
  margin: 4px auto 0 auto
}
.JourneyTitle .contentDes ul {
  margin-left: 20px
}
.JourneyTitle .contentDes ul li {
  list-style: none;
  margin-top: 5px
}
.JourneyTitle .contentDes ul li:before {
  content: "\2022";
  display: inline-block;
  font-size: 33px;
  margin: 0 0 0 -17px;
  padding: 0;
  text-align: left;
  width: 17px
}
.JourneyTitle .contentDes p {
  display: block;
  width: 100%
}
/*.historySection {
  background: rgba(0, 0, 0, 0) url(/images/diamond1-bg.jpg) no-repeat fixed 0 0/cover
}*/
.blueOverlayBg {
  background: rgba(7, 21, 52, .3) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999
}
.txtUppercase {
  text-transform: uppercase
}
.historyTitleDiv {
  padding-top: 30px;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}
.historyDiv {
  width: 100%;
  text-align: center;
  position: relative;
}
.historyTitle p {
  font-size: 30px;
  display: inline-block
}
.historyTitle {
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 0
}
.imgClass {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  /*  -moz-box-shadow: 0 0 10px 4px rgba(3, 0, 5, .95);
  -webkit-box-shadow: 0 0 10px 4px rgba(3, 0, 5, .95);
  box-shadow: 0 0 10px 4px rgba(3, 0, 5, .95);*/
}
.imgClass img {
  width: 100%;
  max-width: 100%
}
.contentDes {
  display: inline-block;
  height: 260px;
  font-size: 18px;
  width: 40%;
  text-align: justify;
  margin-left: 70px;
  vertical-align: middle;
  overflow: auto;
}
.contentDes p {
  margin-bottom: 5px
}
.sliderHeader {
  display: block;
  width: 100%
}
.moveLeft {
  width: 100%;
  position: relative;
  margin-top: 1.5%;
  border-bottom: 1px solid #ccc
}
.moveLeft p {
  font-size: 40px;
  position: absolute;
  top: -28px;
  left: 95px;
  background: #001689 none repeat scroll 0 0;
  padding: 2px 10px;
  color: #fff;
}
.moveLeft p::after {
  background: #0e001a none repeat scroll 0 0;
  content: url(/images/slider-arrow.png);
  font-size: 9px;
  height: 7px;
  margin-top: 0;
  position: absolute;
  right: 792px;
  top: 66%;
  width: 42px;
  display: none
}
.contentDiv {
  padding: 2.8% 0
}
.progressNav {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 50px
}
.progressNav ul {
  display: block;
  padding-bottom: 79px;
  padding-top: 10px
}
.progressNav ul li {
  display: inline-block;
  border-bottom: 1px solid #a8a8a8;
  position: relative;
  width: 12%
}
.progressNav ul li a {
  font-size: 20px;
  padding: 6px 12px;
  color: #58595B;
}
.progressNav ul li a::before {
  background: rgba(0, 0, 0, 0) url(/images/diamondIcon.png) repeat scroll 0 0;
  border-radius: 5px;
  bottom: -6px;
  content: "";
  height: 10px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 14px
}
.progressNav ul li:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  right: 0;
  width: 1px;
  margin: 4px auto 0 auto
}
/*#carousel .flex-active-slide a {
  border: 1px solid #888
}*/
#carousel li.flex-active-slide:after {
  background: #888;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  right: 0;
  width: 1px;
  margin: 4px auto 0 auto
}
.contentDes ul {
  margin-left: 20px
}
.contentDes ul li {
  list-style: none;
  margin-top: 5px
}
.contentDes ul li:before {
  content: "\2022";
  display: inline-block;
  font-size: 33px;
  margin: 0 0 0 -17px;
  padding: 0;
  text-align: left;
  width: 17px
}
.contentDes p {
  display: block;
  width: 100%;
  font-weight: 400;
}
.historyTitle.locationTitle p {
  font-size: 30px;
  padding-bottom: 5px;
  letter-spacing: 1px;
  line-height: 30px;
  text-align: center;
  margin: 0;
}
.locationInfo {
  margin-top: 30px;
  height: 510px;
  overflow: hidden
}
.contactForm p.contactInfo {
  margin-top: 20px;
  margin-bottom: 20px
}
.contactForm .form-control {
  height: 30px;
  font-size: 16px
}
.contactForm textarea.form-control {
  height: 55px;
  resize: none
}
#contactUsForm .radio {
  margin: 0
}
#contactUsForm .row.textAreaRow {
  margin-bottom: 20px;
  margin-top: 20px
}
#contactUsForm .row.commentRelated {
  margin-top: 20px;
  margin-bottom: 20px
}
#contactUsForm .row.commentRelated .commentTxt {
  color: #58595B !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}
.contactForm label {
  color: red;
  font-size: 12px;
  font-weight: 500;
  top: 33px
}
.contactForm .form-control:focus {
  box-shadow: none
}
.contactForm input[type=text] {
  height: 30px
}
.spacebtn {
  margin-right: 12px
}
.footerWrapper .locationTitle p {
  font-size: 30px
}
.pageLink, .pageLink:focus, .pageLink:hover {
  color: #001689;
  font-weight: 500;
}
.VenusLocation .LocationTitle {
  font-size: 25px;
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  font-family: Montserrat
}
.VenusLocation table {
  margin-bottom: 25px;
  width: 100%
}
.VenusLocation table tr:first-child td {
  font-size: 19px;
  line-height: 40px;
  font-family: Montserrat
}
.VenusLocation table td {
  font-size: 16px;
  line-height: 25px;
  font-family: Montserrat
}
#ContactInfo .locationWrap {
  width: 90%
}
.ourLocationWrap {
  margin-top: 25px
}
.VenusLocation tr td:first-child {
  width: 45%
}
.openClose {
  display: none
}
.slideOneTxt p.ethicalContent {
  font-family: 'Montserrat', sans-serif;
  margin-top: 2px;
  font-size: 20px
}
.slideOneTxt h1 p {
  font-size: 30px
}
.manufactureWrapper {
  position: relative;
}
.wrapper {
  width: 100%;
  height: 100%
}
.diamondImage {
  display: inline-block;
  width: 100%
}
.diamondImage h1 {
  font-size: 18px;
  font-weight: 600;
}
.diamondGallery {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%
}
.diamondImageDiv {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 12%
}
.diamond a img {
  width: 100%;
  max-width: 100%
}
.diamondImage a {
  width: 66%;
  display: inline-block;
  webkit-transition: all .2s ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all .2s ease-in;
  -ms-transform: scale(1);
  -moz-transition: all .2s ease-in;
  -moz-transform: scale(1);
  transition: all .2s ease-in;
  transform: scale(1)
}
.diamondImage a:hover {
  z-index: 2;
  -webkit-transition: all .2s ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all .2s ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all .2s ease-in;
  -moz-transform: scale(1.1);
  transition: all .2s ease-in;
  transform: scale(1.1);
  background-color: transparent
}
.bannerTextDiv {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block
}
.bannerText {
  width: 70%;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  margin-top: 1%
}
.bannerText h1 {
  font-size: 35px;
  font-family: Montserrat
}
.bannerText p {
  font-size: 18px;
  line-height: 30px;
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  text-align: justify;
  font-weight: 500;
}
.bannerText h2 {
  text-align: justify;
  font-size: 25px
}
.second {
  display: block;
  width: 100%;
  position: relative
}
.diamondInfoDiv {
  clear: both;
  display: block;
  width: 100%;
  position: relative;
  margin: 1.2% 0
}
.diamondLoop {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  position: relative
}
.sixdiamond .diamondLoopImage {
  width: 26%
}
.diamondLoopImage {
  display: inline-block;
  vertical-align: middle;
  width: 100%
}
.diamondSection {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: absolute;
  z-index: 999
}
.diamondSection h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 72px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.diamondSection p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #EEEEEE;
}
.diamondSlider .owl-prev {
  background: url("../images/left-arrow.png") no-repeat;
  width: 100px;
  height: 100px;
  color: transparent;
  position: absolute;
  left: 0;
  top: 350px
}
.diamondSlider .owl-next {
  background: url(/images/right-arrow.png) no-repeat;
  width: 100px;
  height: 100px;
  color: transparent;
  position: absolute;
  right: 0;
  top: 350px
}
.manufacturePage {
  overflow: hidden !important;
  /*background: url(/images/manufacturing-bg.jpg) no-repeat scroll 0 0/cover*/
}
.bactToDiamond {
  font-size: 16px;
  left: 1%;
  position: relative;
  top: 142px;
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  z-index: 9
}
.owl-nav .off {
  opacity: 0;
  display: none !important
}
.sorting {
  display: inline-block;
  margin-right: 6%;
  left: 115px;
  text-align: justify;
  top: 30%;
  vertical-align: top;
  width: 38%
}
.planing {
  display: inline-block;
  right: 120px;
  text-align: justify;
  top: 16%;
  vertical-align: top;
  width: 30%
}
.sawing {
  display: inline-block;
  left: 115px;
  text-align: justify;
  top: 25%;
  vertical-align: top;
  width: 38%
}
.shaping {
  display: inline-block;
  right: 120px;
  text-align: justify;
  top: 18%;
  vertical-align: top;
  width: 37%
}
.polishing {
  display: inline-block;
  left: 115px;
  position: absolute;
  text-align: justify;
  top: 23%;
  vertical-align: top;
  width: 38%;
  z-index: 99999999
}
.test {
  bottom: 0;
  font-size: 22px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  color: #EEEEEE;
}
.loginPage {
  background: url(/images/bg-login.jpg) no-repeat 0 87px;
  font-family: Montserrat
}
.loginPage.loginPagebody {
  background: url(/images/bg-login.jpg) no-repeat 0 0;
  font-family: Montserrat
}
.loginWrapper {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative
}
.loginDiv {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.leftDiv {
  width: 49%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle
}
.rightDiv {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #fff;
  padding: 70px 0
}
.enterSite {
  display: inline-block;
  margin-top: 120px
}
.enterSite p a {
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding: 6px 22px;
  font-size: 25px;
  font-family: 'Montserrat', sans-serif;
  background: 0 0;
  border-radius: 0
}
.lofinForm {
  width: 45%;
  display: block;
  margin: 0 auto
}
.lofinForm input {
  border: 0 none;
  border-bottom: 1px solid #fff;
  padding: 5px 0;
  background: 0 0;
  color: #fff;
  text-transform: none;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  outline: 0 none
}
.lofinForm p:first-child {
  margin-bottom: 44px
}
.rememberMe {
  text-transform: capitalize;
  font-size: 16px;
  font-family: Montserrat
}
.rememberMe input {
  width: auto;
  vertical-align: middle;
  margin: 0 5px 0 0
}
.rememberForgot {
  margin-top: 22px
}
.rememberForgot p {
  display: inline-block;
  margin: 0
}
.rememberForgot p.forgot {
  text-align: right;
  float: right;
  color: #323bf0;
  font-size: 16px;
  text-transform: capitalize
}
.rememberForgot p.forgot a {
  color: #fff;
  text-decoration: underline
}
.rememberForgot p:first-child {
  margin: 0
}
.signInDiv {
  margin: 80px 0 0 0
}
.signInDiv button {
  width: 100%;
  background: 0 0;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 23px;
  padding: 5px 0;
  border-radius: 0
}
.signUpText {
  color: #fff;
  font-size: 20px;
  width: 100%;
  text-align: center;
  margin-top: 63px;
  display: inline-block
}
.signUpText a {
  color: #fff;
  text-decoration: underline
}
.rememberClass + label {
  background-position: -10px -72px;
  display: inline-block;
  height: 15px;
  margin: 0 8px 0 0;
  padding: 0;
  vertical-align: sub;
  width: 15px
}
.rememberClass:checked + label {
  background-position: -53px -72px;
  display: inline-block;
  height: 15px;
  padding: 0;
  width: 15px
}
.rememberMe input[type=checkbox] {
  display: none
}
footer {
  background: #001689 none repeat scroll 0 0
}
footer a {
  color: #a0aac8;
}
footer img {
  width: 100%
}
.footerlogoImg {
  display: inline-block;
  margin: 35px 0
}
footer h2 {
  font-size: 20px;
  margin-bottom: 14px;
}
footer ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  list-style: none;
  width: 100%;
  overflow: hidden
}
footer ul li {
  float: left;
  height: 200px;
  vertical-align: middle;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  width: 33%;
  padding: 20px 50px;
  text-align: left;
}
footer ul li:last-child {
  border-right: none
}
/*footer ul li:first-child {
  background: #1a1b1f
}*/
.socialIcon {
  display: inline-block;
  width: auto;
}
.socialIcon .fa {
  color: #a0aac8;
  margin-left: 12px;
}
.socialIcon .fa:hover {
  color: white;
  transition: .5s ease;
}
.fbImg {
  background-position: 37% 2.3%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.fbImg, .instaImg, .linkedInImg, .pinterestImg, .twitterImg, .youtubeImg {
  transform: scale(1);
  transition: all 1s ease
}
.fbImg:hover, .instaImg:hover, .linkedInImg:hover, .pinterestImg:hover, .twitterImg:hover, .youtubeImg:hover {
  transform: scale(1.15)
}
.linkedInImg {
  background-position: 56.5% 2.3%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.instaImg {
  background-position: 37% 13.15%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.youtubeImg {
  background-position: 57.5% 12.15%;
  display: inline-block;
  height: 105%;
  margin: 0 auto;
  width: 105%
}
.pinterestImg {
  background-position: 95% 2.3%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
.twitterImg {
  background-position: 76.2% 2.3%;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  width: 100%
}
footer.Mg-topN {
  margin-top: 0
}
.openClose {
  display: none
}
.floatLeft {
  width: 50%;
  float: left
}
.boldFont {
  font-weight: 600;
  color: #EEEEEE;
}
.addressMap {
  font-size: .875rem;
  color: #a0aac8;
}
.social-media-links {
  width: 100%;
  height: 60px;
  background-color: #001689;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lightFont {
  font-weight: 500;
}
.wow {
  visibility: hidden
}
.colore8e8e8 {
  color: #e8e8e8
}
.readMore {
  font-size: 20px;
  display: inline-block;
  padding-bottom: 2px;
  color: #001689;
  margin-bottom: 50px;
  transition: all .3s ease 0s;
  position: relative
}
.readMore:focus, .readMore:hover {
  color: #001689
}
.readMore::before {
  background: #001689 none repeat scroll 0 0;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: all .3s ease-in-out 0s;
  width: 50%
}
.readMore:hover::before {
  width: 100%
}
.homepageSection img {
  width: 100%;
}
.homepageBannerDiv {
  margin-bottom: 15px
}
.homeBanner-caption {
  background: rgba(43, 46, 136, .7) none repeat scroll 0 0;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateY(-50%);
  width: 30%; /*margin: 0 auto;*/ left: 0;
  top: 50%;
  padding: 20px 0
}
.homeBannerHead {
  font-size: 50px
}
.homeBannerDesc {
  font-size: 28px
}
.homeBannerDescBold {
  color: #fff
}
.homepageBannerDiv .animated {
  -webkit-animation-duration: 1000 ms;
  animation-duration: 1000 ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.homepageWrapper {
  width: 100%;
  margin: 0 auto
}
.borderBottome8e8e {
  border-bottom: 2px solid #888;
  height: 2px;
  width: 75%;
  margin: 0 auto
}
.homepageBannerDiv .owl-theme .owl-controls {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%
}
.homepageBannerDiv .owl-theme .owl-dots .owl-dot {
  display: inline-block
}
.homepageBannerDiv .owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 0, 0, 0) url(/images/home_page/slider-diamond-icon.png) repeat scroll 0 0/cover;
  display: block;
  height: 19px;
  margin: 5px 7px;
  transition: opacity .2s ease 0s;
  width: 22px
}
.homepageBannerDiv .owl-theme .owl-dots .owl-dot.active span, .homepageBannerDiv .owl-theme .owl-dots .owl-dot:hover span {
  background: rgba(0, 0, 0, 0) url(/images/home_page/slider-diamond-active-icon.png) repeat scroll 0 0/cover
}
.borderBottome8e8e {
  border-bottom: 2px solid #888;
  height: 2px;
  width: 75%;
  margin: 0 auto
}
.venusJewelDifferentationSection {
  background: url(/images/home_page/differatiation_bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 50px
}
.venusJewelDifferentation-caption {
  width: 65%;
  margin: 0 auto;
  text-align: center
}
.venusJewelDifferentation-caption .txtBorder {
  border-bottom: 2px solid #fff
}
.venusJewelDifferentation-caption .readMore {
  margin-bottom: 85px;
  color: #fff;
  transition: all .3s ease 0s;
  position: relative
}
.venusJewelDifferentation-caption .readMore::before {
  background: #fff none repeat scroll 0 0;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 28%;
  position: absolute;
  right: 0;
  transition: all .3s ease-in-out 0s;
  width: 45%
}
.venusJewelDifferentation-caption .readMore:hover::before {
  left: 0;
  width: 100%
}
.venusJewelDifferentation-caption .head {
  color: #fff;
  font-size: 30px;
  margin-top: 50px;
  text-transform: uppercase
}
.venusJewelDifferentation-caption .desc {
  color: #fff;
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 50px;
  padding-top: 50px
}
.gradingSystemSection {
  background: url(/images/home_page/grading-banner-img.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 50px
}
.gradingSystem-caption {
  width: 65%;
  margin: 0 auto;
  text-align: center
}
.gradingSystem-caption .txtBorder {
  border-bottom: 2px solid #001689
}
.gradingSystem-caption .readMore {
  margin-bottom: 85px;
  color: #001689;
  transition: all .3s ease 0s;
  position: relative
}
.gradingSystem-caption .readMore::before {
  background: #001689 none repeat scroll 0 0;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 28%;
  position: absolute;
  right: 0;
  transition: all .3s ease-in-out 0s;
  width: 45%
}
.gradingSystem-caption .readMore:hover::before {
  left: 0;
  width: 100%
}
.gradingSystem-caption .head {
  color: #001689;
  font-size: 30px;
  margin-top: 50px;
  text-transform: uppercase
}
.gradingSystem-caption .desc {
  color: #001689;
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 50px;
  padding-top: 50px
}
.homepageRow {
  text-align: Center;
  overflow: hidden
}
.homepageRow .head {
  color: #001689;
  font-size: 30px;
  margin-top: 50px;
  text-transform: uppercase
}
.homepageRow .desc {
  color: #58595B;
  font-size: 1.1rem;
  margin-top: 25px;
  margin-bottom: 25px;
}
.solitaireParDiv {
  background: rgba(0, 0, 0, 0) url(/images/home_page/manufacturing-img.jpg) no-repeat fixed 0 0/100% 100%;
  padding-bottom: 200px;
  padding-top: 500px;
  position: relative
}
.hompageRowLeftContent {
  background-color: #ebf1fe;
  padding: 0 65px;
  position: absolute;
  top: 190px;
  width: 50%;
  left: 0;
  text-align: left
}
.virtualiseDiamondDiv {
  background: rgba(0, 0, 0, 0) url(/images/home_page/virtualise-img.jpg) no-repeat fixed 0 0/100% 100%;
  padding-bottom: 260px;
  padding-top: 500px;
  position: relative
}
.hompageRowRightContent {
  background-color: #ebf1fe;
  padding: 0 65px;
  position: absolute;
  top: 190px;
  width: 50%;
  right: 0;
  text-align: left
}
.matchPairDiv {
  background: rgba(0, 0, 0, 0) url(/images/home_page/ethical-sourcing-img.jpg) no-repeat fixed 0 0/100% 100%;
  padding-bottom: 200px;
  padding-top: 500px;
  position: relative
}
.customerCommitmentDiv {
  background: rgba(0, 0, 0, 0) url(/images/home_page/customer-commitment-img.jpg) no-repeat fixed center center/cover;
  padding-bottom: 260px;
  padding-top: 500px;
  position: relative
}
.detailBannerDiv {
  position: relative;
  overflow: hidden
}
.detailBannerDiv img {
  transform: scale(1.15);
  transition: all 1s ease 0s
}
.detailBannerDiv:hover img {
  transform: scale(1);
  opacity: .9
}
.detailCaption {
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}
.detailCaption a {
  display: inline-block;
  width: 100%;
  height: 100%
}
.detailCaption .txtBorder {
  border-bottom: 2px solid #fff
}
.detailCaption h1 {
  color: #fff;
  font-size: 50px;
  margin-top: 10%;
  text-transform: uppercase
}
.detailCaption p {
  color: #fff;
  font-size: 23px;
  margin: 10% auto 0;
  padding: 30px;
  width: 70%
}
.detailCaption p:after, .detailCaption p:before {
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 200px;
  left: 200px;
  right: 200px;
  top: 350px;
  transition: opacity .35s ease 0s, transform .35s ease 0s
}
.detailCaption p:before {
  border-bottom: 2px solid #001689;
  border-top: 2px solid #001689;
  transform: scale(0, 1)
}
.detailCaption p:after {
  border-left: 2px solid #001689;
  border-right: 2px solid #001689;
  transform: scale(1, 0)
}
.detailBannerDiv:hover .detailCaption p:before {
  opacity: 1;
  transform: scale(1)
}
.detailBannerDiv:hover .detailCaption p:after {
  opacity: 1;
  transform: scale(1)
}
.eventsDiv {
  text-align: center;
  overflow: hidden
}
.eventsDiv h1 {
  font-size: 50px;
  margin-top: 60px
}
.eventsDiv .txtBorder {
  margin-bottom: 65px
}
.eventrow {
  float: left;
  position: relative;
  overflow: hidden;
  text-align: Center;
  width: 49%;
  margin: 5px
}
.eventrow img {
  height: auto;
  width: 100%
}
.eventCaption {
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  color: #fff
}
.eventCaption a {
  display: inline-block;
  width: 100%;
  height: 100%
}
.eventHead {
  font-size: 25px;
  text-transform: uppercase;
  margin-top: 80px;
  transform: translate3d(0, 20px, 0) scale(1.1);
  transition: all .3s ease 0s
}
.eventrow:hover .eventHead {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1)
}
.eventDesc {
  border: 2px solid #fff;
  margin: 8% auto 0;
  padding: 10px;
  width: 80%;
  font-size: 23px;
  opacity: 0;
  transform: translate3d(0, 20px, 0) scale(1.1);
  transition: all .3s ease 0s
}
.eventrow:hover .eventDesc {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1)
}
.viewAllDiv {
  text-align: center
}
.viewAllDiv a {
  border: 1px solid;
  display: inline-block;
  margin: 30px 0;
  padding: 10px 30px;
  font-size: 25px;
  text-transform: uppercase
}
.eventNewsBody {
  overflow: hidden
}
.selected .eventVenusLogo span {
  color: #071534
}
.tab_img {
  padding: 2em 0
}

#ourPeopleWrapper .historyTitleDiv {
  margin-top: 0;
  padding-top: 20px
}
.ourPeopleInfoDiv {
  display: block;
  width: 100%;
  margin: 0 auto
}
.ourPeopleInfo {
  width: 100%;
  margin: 20px auto 0 auto;
  font-size: 17px;
  line-height: 20px;
  font-family: 'Montserrat', sans-serif;
  display: block
}
.ourPeopleInfo p {
  font-size: 17px;
  line-height: 30px;
  text-align: justify;
  padding-bottom: 5px
}
.ourPeopleQuote {
  display: block;
  margin: 18px auto 0;
  text-align: center;
  width: 68%
}
.ourPeopleQuote p {
  font-size: 20px;
  line-height: 35px;
  padding-bottom: 2%
}
.benefitSlider {
  margin: 0 auto
}
.benefitBox {
  width: 100%;
  display: inline-block;
  padding: 10px 20px 45px
}
.benefitBox h3 {
  display: inline-block;
  font-size: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  width: 100%
}
.benefitBox p {
  font-size: 18px;
  line-height: 30px;
  text-align: justify
}
.ourPeopleLogoDiv {
  padding-top: 2%
}
.ourPeopleLogoDiv p {
  background: #001689;
  border-radius: 50px;
  display: inline-block;
  height: 100px;
  margin-bottom: 0;
  margin-right: 10%;
  margin-top: 0;
  position: relative;
  width: 100px;
  padding-bottom: 0
}
.LoginTextDiv .clearBtn {
  color: #eee;
  background-color: #001689;
  font-size: 16px;
}
.ciractive {
  border: 1px solid #fff
}
.ourPeopleLogoDiv p:last-child {
  margin-right: 0
}
.ourPeopleLogoDiv p span {
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 57%;
  transform: translateY(-50%);
  width: 55%
}
.ourPeopleLogoDiv p img {
  width: 100%;
  max-width: 100%
}
.employeBenefitaDiv {
  display: block;
  margin: 2% auto;
  width: 80%
}
.employeBenefitaDiv .staticText {
  display: block;
  width: 100%;
  padding: 2% 0
}
.employeBenefitaDiv .staticText p {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 10px;
  color: #58595b;
}
.benefitInfo {
  height: 180px;
  overflow: hidden
}
.employeBenefitaDiv .benefitSlider {
  display: block;
  width: 100%;
  border-radius: .5rem;
}
.employeBenefitaDiv .owl-prev {
  color: transparent
}
.employeBenefitaDiv .owl-next {
  color: transparent
}
.employeBenefitaDiv .owl-prev {
  background: #001689 url("../images/left-arrow.png") no-repeat scroll 0 0/cover;
  color: transparent;
  height: 30px;
  left: 47%;
  position: absolute;
  width: 30px;
  bottom: -20px;
}
.employeBenefitaDiv .owl-next {
  background: #001689 url("../images/right-arrow.png") no-repeat scroll 0 0 / cover;
  color: transparent;
  height: 30px;
  position: absolute;
  right: 47%;
  width: 30px;
  bottom: -20px;
}
.ourPeopleLogoDiv p {
  dwebkit-transition: all .2s ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all .2s ease-in;
  -ms-transform: scale(1);
  -moz-transition: all .2s ease-in;
  -moz-transform: scale(1);
  transition: all .2s ease-in;
  transform: scale(1)
}
.ourPeopleLogoDiv p:hover {
  z-index: 2;
  -webkit-transition: all .2s ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all .2s ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all .2s ease-in;
  -moz-transform: scale(1.1);
  transition: all .2s ease-in;
  transform: scale(1.1)
}
.divOpacityLogo {
  opacity: .45;
  transition-duration: .1s;
  transition-timing-function: linear
}
.ciractiveciractive {
  outline: 8px solid #12cfca;
}
.sitemapDiv {
  display: flex;
  width: 80%;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 2rem;
  flex: auto;
  gap: 2rem;
  background-color: white;
  margin: 1rem auto;
  border-radius: .5rem;
}
.sitemapDiv div {
  display: flex;
  width: 23%;
  flex-direction: column;
  border-left: 4px solid #00a3df;
  border-radius: 10px;
}
.sitemapDiv h3 {
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px dashed rgba(0, 0, 0, .4);
  margin-left: 1rem;
  padding: 0.75rem 0;
}
.sitemapDiv .h4 {
  font-size: 16px !important;
  line-height: 1.6rem;
  padding-left: 1rem;
}
.sitemapDiv a {
  color: #58595B
}
/*.sitemapDiv div:nth-child(3) { height: 250px } .sitemapDiv div:nth-child(6) { height: 201px }*/
@media screen and (min-width:1024px) and (max-width:1279px) {
  .sitemapDiv {
    width: 95%;
    gap: 1.5rem;
  }
}
@media screen and (min-width:320px) and (max-width:736px) {
  .sitemapDiv div {
    width: 100%
  }
  .sitemapDiv div:nth-child(6) {
    height: 50px
  }
  .sitemapDiv h3 {
    font-size: 21px
  }
}
.employeBenefitaDiv1 {
  display: block;
  margin: 2% auto;
  width: 80%
}
.employeBenefitaDiv1 .staticText {
  display: block;
  width: 100%;
  padding: 2% 0
}
.employeBenefitaDiv1 .staticText p {
  text-align: justify;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px
}
.benefitInfo {
  height: 180px;
  overflow: hidden
}
.employeBenefitaDiv1 .benefitSlider {
  display: block;
  width: 100%;
  /*border: 1px solid #fff*/
}
.employeBenefitaDiv1 .owl-prev {
  color: transparent
}
.employeBenefitaDiv1 .owl-next {
  color: transparent
}
.employeBenefitaDiv1 .owl-prev {
  background: #001689 url("../images/left-arrow.png") no-repeat scroll 0 0/cover;
  top: 30px;
  color: transparent;
  height: 30px;
  left: 5%;
  position: absolute;
  width: 30px
}
.employeBenefitaDiv1 .owl-next {
  background: #001689 url("../images/right-arrow.png") no-repeat scroll 0 0/cover;
  top: 30px;
  color: transparent;
  height: 30px;
  position: absolute;
  right: 5%;
  width: 30px
}
.ourLeadershipHead {
  padding: 20px 0;
  text-align: center
}
.ourLeadershipHead h1 {
  font-size: 30px;
  text-transform: uppercase;
  margin: 0
}
.ourLeadershipInfoGrid {
  display: grid
}
.ourLeadershipInfo {
  width: 90%;
  margin: 0 auto 20px;
  text-align: center;
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
.rpshah {
  background: #979797;
  grid-column: 1/4
}
.spshah {
  grid-column: 4/-1
}
.adshah {
  background: red;
  grid-column: 1/3;
  grid-row: 2/3
}
.rrshah {
  background: #65256b;
  grid-column: 3/5;
  grid-row: 2/3
}
.hrshah {
  background: #45effd;
  grid-column: 5/-1;
  grid-row: 2/3
}

.drshah{
  background: #45effd;
  grid-column: 1/3;
  grid-row: 3/4;
}
.sashah{
    grid-column: 3/5;
    grid-row: 3/4;
}
.ahshah{
    grid-column: 5/-1;
    grid-row: 3/4;
}
@media screen and (max-width:600px) {
  .rpshah {
    grid-column: 1/-1;
    grid-row: 1/2
  }
  .spshah {
    grid-column: 1/-1;
    grid-row: 2/3
  }
  .adshah {
    grid-column: 1/-1;
    grid-row: 3/4
  }
  .rrshah {
    grid-column: 1/-1;
    grid-row: 4/5
  }
  .hrshah {
    grid-column: 1/-1;
    grid-row: 5/6
  }
  .drshah {
    grid-column: 1/-1;
    grid-row: 6/7
  }
    .sashah{
        grid-column: 1/-1;
        grid-row: 7/8;
    }
    .ahshah{
        grid-column: 1/-1;
        grid-row: 8/9;
    }
    
}
.ourLeadershipImg {
  width: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden
}
.ourLeadershipImg img {
  width: 100%;
  height: auto;
  transform: scale(1.12);
  transition: all 1s ease 0s
}
.ourLeadership-caption {
  background: rgba(43, 46, 136, .3) none repeat scroll 0 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 140px 0;
  text-align: center
}

.ourLeadership-caption h2 {
  transform: translate3d(0, 10px, 0);
  transition: all 1s ease 0s;
  margin-bottom: 20px
}
.ourLeadershipImg:hover img {
  transform: scale(1)
}
.ourLeadershipImg:hover .ourLeadership-caption h2 {
  transform: translate3d(0, 0, 0)
}
.ourLeadershipShowMoreDiv {
  display: none;
  background: #eeeeee none repeat scroll 0 0;
  position: absolute;
  top: 0;
  padding: 80px;
  z-index: 8;
  left: 0;
  right: 0;
  height: 100%
}
.leadershipCloseBtn {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 16px;
  color: #58595b
}
.leadershipImgDiv {
  float: left;
  width: 36%;
  border: 10px solid #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.leadershipImgDiv img {
  width: 100%;
  height: auto
}
.leadershipDesc {
  float: right;
  width: 55%;
  height: 100%
}
.leadershipDesc .leadershipDescInfo {
  font-size: 18px;
  margin-top: 30px;
  text-align: justify;
  height: 100%;
  max-height: 500px
}
.ourLeadershipDesignation {
  font-size: 20px
}
.leadershipDesc h2 {
  margin-top: 0
}
.ourLeader-heading{
    background-color: #DDDDDD;
    display: inline;
    padding: .5rem 1rem;
    border-radius: .25rem;
    font-weight: 700;
}

.ourCustomerCommitmentBody {
  overflow: hidden;
  /*  background: url("../images/our_customer_commitment/customer-commit.png") no-repeat;
  background-size: cover*/
}
.ourCommitmentSection {
  position: relative
}
.ourCommitmentSection .wow {
  visibility: hidden
}
.ourCommitmentDescDiv {
  display: inline-block;
  padding: 0 70px
}
.ourCommitmentDescDiv h2 {
  margin-top: 50px;
  color: #58595B;
}
.ourCommitmentDescDiv p {
  width: 100%;
  font-size: 16px;
  color: #58595B;
  text-align: justify
}
.ourCommitmentBgImg {
  position: absolute;
  right: 0;
  top: 30%;
  width: 53%
}
.ourCommitmentBgImg img {
  width: 100%;
  height: auto
}
.outCommitmentSliderSection {
  position: absolute;
  right: 0;
  margin: 0 auto;
  top: 0;
  right: -100%;
  background: rgba(40, 40, 130, .3);
  width: 100%;
  height: 360px;
  transition: all .6s ease 0s
}
.outCommitmentSliderDiv {
  width: 49%;
  background: #e1e1e1 none repeat scroll 0 0;
  color: #58595B;
  padding: 30px;
  text-align: center;
  position: absolute;
  top: 30%;
  left: 0;
  border-radius: 12px;
  visibility: hidden
}
.outCommitmentSliderDiv h2 {
  font-size: 25px
}
.outCommitmentSliderDiv p {
  font-size: 18px;
  margin-top: 20px
}
.outCommitmentSliderDiv .txtBorder {
  border-bottom: 2px solid #58595B
}
.outCommitmentSliderDiv .owl-theme .owl-controls {
  bottom: -85px;
  position: absolute;
  text-align: center;
  width: 100%
}
.outCommitmentSliderDiv .owl-theme .owl-dots .owl-dot {
  display: inline-block
}
.outCommitmentSliderDiv .owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 0, 0, 0) url(/images/home_page/slider-diamond-icon.png) repeat scroll 0 0;
  display: block;
  height: 19px;
  margin: 5px 7px;
  transition: opacity .2s ease 0s;
  width: 22px
}
.outCommitmentSliderDiv .owl-theme .owl-dots .owl-dot.active span, .outCommitmentSliderDiv .owl-theme .owl-dots .owl-dot:hover span {
  background: rgba(0, 0, 0, 0) url(/images/home_page/slider-diamond-active-icon.png) repeat scroll 0 0
}
.ourCommitmentDescDiv h2.historyTitle {
  margin: 0
}
.ourCommitmentDescDiv .historyTitle.locationTitle p {
  margin: 0;
  width: auto
}
.titleCommitment {
  display: inline-block;
  text-align: center
}
.ourCommitmentDescDiv .historyTitleDiv {
  width: 100%
}
#eventsWrapper {
  background: url(/images/eventsbg.jpg) no-repeat;
  background-size: cover
}
#eventsWrapper .historyTitleDiv {
  margin: 0;
  padding-top: 40px
}
.eventDisplay {
  display: inline-block;
  width: 70%;
  padding-left: 2.5%
}
.eventScroll {
  display: inline-block;
  width: 25%;
  float: right;
  overflow: hidden
}
.eventDetailBox {
  font-family: 'Montserrat', sans-serif;
  height: 225px;
  width: 100%;
  background: #0e001a;
  opacity: .95;
  padding: 20px;
  border-bottom: 1px dashed #fff;
  cursor: pointer
}
.eventDetailBox :last-child {
  border: 0 none
}
.eventsNewsDiv {
  margin-top: 27px
}
.titleDate h2 {
  display: inline-block;
  font-size: 22px;
  text-decoration: underline;
  margin-bottom: 15px
}
.titleDate span {
  display: inline-block;
  float: right;
  font-size: 15px
}
.eventDetail {
  display: inline-block;
  height: 129px;
  overflow: hidden
}
.eventDetail p {
  display: inline-block;
  text-align: justify;
  font-size: 16px;
  line-height: 30px
}
.eventVenusLogo span {
  color: #fff;
  font-size: 16px
}
.eventInfo {
  background: #0e001a;
  opacity: .85;
  margin-top: 35px;
  padding: 20px
}
.eventInfo h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  text-decoration: underline
}
.eventText {
  margin-top: 42px
}
.eventText p {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px
}
.eventDetailBox:hover {
  background: #fff;
  color: #071534
}
.eventDetailBox:hover .eventVenusLogo span {
  color: #071534
}
.selected {
  background: #fff;
  color: #071534
}
.eventInfo span {
  display: none
}
.mobileGrading {
  display: none
}
.gradingBody {
  overflow: hidden
}
.gradingSystemWrapper {
  overflow: hidden
}
.gradingSystemDiv {
  width: 50%;
  float: right;
  background: #ffffff none repeat scroll 0 0;
  margin-right: 0;
  padding: 40px;
  transform: translate3d(0, -100%, 0);
  transition: all .6s ease 0s
}
.gradingSystemHead {
  margin-bottom: 50px;
  margin-top: 10px;
  text-align: center
}
.gradingSystemDesc {
  font-size: 18px;
  text-align: justify;
}
.gradingSystemDesc p {
  text-align: justify;
}
.gradingSystemContent {
  opacity: 0;
  transition: all .3s ease 0s
}
.gradingSystemContent .readMoreDiv {
  display: block;
  text-align: right
}
.gradingSystemContent .readMore {
  margin-top: 30px;
  color: #001689;
  transition: all .3s ease 0s;
  position: relative
}
.gradingSystemContent .readMore::before {
  background: #001689 none repeat scroll 0 0;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 28%;
  position: absolute;
  right: 0;
  transition: all .3s ease-in-out 0s;
  width: 45%
}
.gradingSystemContent .readMore:hover::before {
  left: 0;
  width: 100%
}
.hideDiv {
  display: none
}
.gradingSystemContent table {
  width: 100%;
  margin: 50px auto 0
}
.gradingSystemContent table tr td {
  width: 50%;
  padding: 10px;
  border: 1px solid #cbcbcb;
  font-size: 16px;
  font-weight: 500;
}
.darkBlueBgClr {
  background-color: #F1F1F1
}
.lightBlueBgClr {
  background-color: #FFFFFF
}
.b1b {
  border-bottom: 1px solid blue;
  color: blue;
}
.b1b:focus, .b1b:hover {
  border-bottom: 1px solid #001689;
  color: #001689;
}
.forgotPasswordDiv {
  margin: 0 auto;
  width: 45%;
  padding-top: 20px
}
.forgotPasswordDiv .lofinForm {
  width: 65%
}
.forgotPasswordDiv h1 {
  font-size: 34px;
  letter-spacing: 1px
}
.forgotPasswordDiv h1, .forgotPasswordDiv p {
  text-align: center
}
.forgotPasswordDiv p:first-child {
  margin-bottom: 25px
}
.forgotPasswordDiv p {
  margin-bottom: 25px
}
.forgotPasswordDiv textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid;
  display: block;
  height: 115px;
  resize: none;
  width: 100%;
  padding: 10px;
  color: #fff
}
.forgotPasswordForm .lofinForm span {
  display: block;
  text-align: left;
  font-size: 20px;
  margin-bottom: 5px
}
.forgotPasswordForm .lofinForm textarea {
  font-size: 17px
}
.forgotPasswordForm .lofinForm input placeholder {
  color: #fff
}
.forgotSubmitBtn {
  width: 100%;
  background: 0 0;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-size: 22px;
  padding: 5px 10px
}
.remarkDiv {
  margin-top: 10px
}
.remarkDiv {
  margin-top: 15px;
  display: inline-block;
  width: 100%
}
.forgotPasswordDiv h2 p {
  margin-bottom: 0 !important
}
.fillUpText {
  font-size: 18px;
  margin-top: 25px
}
.differentiationDiv .wow {
  visibility: hidden
}
.differentiationHead {
  text-align: center
}
.differentiationHead h1 {
  font-size: 28px
}
.differentationSection {
  margin: 40px auto 0;
  width: 90%
}
.differentationDiv {
  width: 46%;
  float: left;
  padding: 20px;
  background: rgba(43, 46, 136, .6) none repeat scroll 0 0;
  margin: 20px;
  position: relative
}
.differentationDivImg {
  margin: 0 auto;
  padding-bottom: 75px;
  position: relative;
  width: 85%
}
.differentationDivImg img {
  width: 100%;
  height: auto;
  cursor: pointer
}
.differentationDivImg span {
  background: rgba(43, 46, 136, .6) none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 23px;
  font-size: 80px;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100px;
  cursor: pointer;
  transform: scale(.9);
  transition: all .6s ease 0s
}
.differentationDivImg span:hover {
  transform: scale(1);
  background: rgba(225, 225, 225, .8) none repeat scroll 0 0;
  color: #150931
}
.differentationDivInfo {
  height: 200px;
  overflow: hidden
}
.differentationDivInfo h1 p, .differentationDivMoreInfo h1 p {
  font-size: 34px
}
.differentationDivMoreInfo .differentiationTxt {
  height: 640px;
  overflow: hidden
}
.differentationDivInfo p, .differentationDivMoreInfo p {
  font-size: 20px;
  line-height: 30px
}
.differentationDivMoreInfo {
  background: #001c5c none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  position: absolute;
  transition: all .8s ease 0s;
  opacity: 0;
  padding: 50px 30px
}
.differentationClose {
  font-size: 25px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  display: none
}
.companyLogo {
  width: 18%;
  display: inline-block
}
.companyLogo img {
  width: 100%;
  max-width: 100%
}
.AlrosaLogo {
  width: 10%
}
.rioLogo {
  width: 12%
}
.listCompany dl dt span:first-child {
  border-bottom: 0 none
}
.listCompany dl dt span:last-child {
  margin-left: 5px
}
.ethicalContentDiv {
  margin-top: 25px
}
.contactSlider {
  width: 100%
}
.ContactImage {
  width: 100%
}
.contactSlider .owl-prev {
  color: transparent;
  background: 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 35px;
  height: 35px
}
.contactSlider .owl-next {
  color: transparent;
  background: 0 0;
  position: absolute;
  top: 50%;
  right: 0;
  width: 35px;
  height: 35px
}
.communitySection {
  background: #f5f5f5 url("../images/venus_community/community.png") no-repeat scroll center top 85px/65% auto;
  overflow: hidden
}
@media screen and (min-width:1024px) and (max-width:1280px) {
  .communitySection {
    background: #f5f5f5 url("../images/venus_community/community.png") no-repeat scroll center top 85px/95% auto
  }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
  .communitySection {
    background: #f5f5f5 url("../images/venus_community/community.png") no-repeat scroll center top 85px/95% auto
  }
}
.communityImg {
  left: 13%;
  position: absolute;
  top: 30%;
  z-index: 9;
  box-shadow: 5px 4px 7px 0 #888
}
.communityHead {
  text-align: center;
  width: 42%;
  color: #fff;
  border-radius: 0 10px 10px 0;
  background: rgb(0 22 137 / 90%) none repeat scroll 0 0;
  padding: 0.5rem;
}
.communityHead h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 0;
}
.communityLine {
  display: inline-block
}
.communityLine p {
  background-color: #fff;
  float: left;
  height: 2px;
  margin-top: 2px;
  width: 450px
}
.communityLine .communityLineImg {
  float: left;
  vertical-align: bottom;
  width: 13px !important
}
.communityDesc {
  border: 10px solid #fff;
  padding: 35px 30px 0 35px;
  text-align: justify;
  width: 70%;
  font-size: 18px;
  height: 493px;
  margin: 12px auto 55px;
  background: rgb(238 238 238 / 95%) none repeat scroll 0 0;
  max-height: 493px;
  padding-bottom: 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.communityDesc .communityListImg {
  display: inline-block;
  width: 15px;
  margin-right: 12px
}
.communityDesc .communityListImg img {
  width: 100%;
  height: auto;
  filter: brightness(0.5)
}
.communityDesc .communityDescText {
  display: inline-block;
  vertical-align: top;
  width: 90%
}
.communityDiv .owl-prev {
  background: #001689 url("../images/left-arrow.png") no-repeat scroll 0 0/cover;
  color: transparent;
  height: 30px;
  left: 45%;
  position: absolute;
  width: 30px;
  bottom: 10px
}
.communityDiv .owl-next {
  background: #001689 url("../images/right-arrow.png") no-repeat scroll 0 0/cover;
  color: transparent;
  height: 30px;
  position: absolute;
  right: 45%;
  width: 30px;
  bottom: 10px
}
.contactBody .historyTitleDiv {
  padding-top: 0
}
.bttn {
  padding: 0;
}
/*.leadershipBody {
  background: url(/images/our_leadershipbg.png) no-repeat scroll 0 0/cover
}*/
.CustomerCommitmentBody {
  background: url(/images/our-customer-commitmentbg.jpg) no-repeat scroll 0 0/cover
}
.differentationBody {
  background: url(/images/differatiation_bg.jpg) no-repeat scroll 0 0/cover;
  background-attachment: fixed
}
.contactDiv {
  width: 60%
}
#contactUsForm .row.firstRow {
  margin-bottom: 10px
}
.firstRowDiv {
  margin-bottom: 10px
} /*#contactInfo { background: #001c5c }*/ .p40l {
  padding-left: 40px
}
.p40r {
  padding-right: 40px
}
.exhibitionBannerImg {
  background: rgba(0, 0, 0, 0) url(/images/exhibition/diamond-bg.jpg) no-repeat fixed 0 0/cover
}
.exhibitionHeadDiv {
  display: inline-block
}
.exhibitionDiv {
  width: 1280px;
  margin: 0 auto;
  padding: 20px 0 60px 0;
  position: inherit
}
.exhibitionDiv h1 {
  font-size: 30px;
  margin-bottom: 0;
  margin-top: 0
}
.exhibitionEvent {
  display: inline-block;
  width: 100%;
  padding: 30px 0;
  position: relative
}
.exhibitionEvent .exhibitionEventImg {
  float: left;
  width: 50%;
  height: 315px;
  position: relative;
  z-index: 9
}
.exhibitionEvent .exhibitionEventImg img {
  width: 100%;
  height: 315px
}
.exhibitionEvent .exhibitionEventInfo {
  float: left;
  width: 50%;
  height: 315px;
  position: relative
}
.exhibitionEventBlock {
  height: 100%;
  padding-top: 20%
}
.exhibitionEventBlock .exhibitionEventHead {
  font-size: 28px;
  text-align: center;
  height: 100%
}
.exhibitionEventBlock .exhibitionEventHead a {
  text-decoration: underline
}
.exhibitionLeftImg .exhibitonImgOverlay {
  background: rgba(255, 255, 255, .85) none repeat scroll 0 0;
  height: 100%;
  left: -100%;
  padding: 33px 35px;
  position: absolute;
  text-align: left;
  top: 0;
  transition: all .5s ease 0s;
  width: 100%;
  visibility: hidden;
  opacity: 0
}
.exhibitonImgOverlay a {
  color: #4c4c4c;
  font-size: 25px;
  margin-top: 135px;
  padding: 10px 20px;
  text-decoration: underline
}
.exhibitonImgOverlay .exhibitionEventHeadDesc {
  font-size: 20px
}
.exhibitonImgOverlay .exhibitionEventHeadDesc > p {
  margin-bottom: 15px;
  color: #4c4c4c
}
.exhibitionLeftImg:hover .exhibitonImgOverlay {
  left: 0;
  visibility: visible;
  opacity: 1
}
.exhibitionLeftImg:hover .exhibitionEventHead {
  display: none
}
.exhibitionRightImg .exhibitonImgOverlay {
  background: rgba(255, 255, 255, .85) none repeat scroll 0 0;
  height: 100%;
  right: -100%;
  padding: 33px 35px;
  position: absolute;
  text-align: left;
  top: 0;
  transition: all .5s ease 0s;
  width: 100%;
  visibility: hidden;
  opacity: 0
}
.exhibitionRightImg:hover .exhibitonImgOverlay {
  right: 0;
  visibility: visible;
  opacity: 1
}
.exhibitionRightImg:hover .exhibitionEventHead {
  display: none
}
.exhibitionHeadDiv .txtBorder {
  margin: 20px auto 0;
  border-bottom: 2px solid #fff;
  width: 0
}
.dimondSeparator {
  text-align: center
}
.dimondSeparator img {
  padding: 0 15px
}
.beforeLine {
  background-color: #fff;
  display: inline-block;
  height: 1px;
  vertical-align: middle;
  width: 0
}
.afterLine {
  background-color: #fff;
  display: inline-block;
  height: 1px;
  vertical-align: middle;
  width: 0
}
.wow {
  visibility: hidden
}
.showMoreDiv {
  font-size: 22px;
  margin-top: 20px;
  text-align: center
}
.hideDiv {
  display: none
}
.showMoreLink {
  background-color: transparent;
  padding: 5px 18px;
  text-transform: uppercase !important
}
/*.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #001556;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.hvr-sweep-to-right:hover {
  color: #fff
}
.hvr-sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}*/
footer.exhibitionFooter {
  margin-top: 0
}
a#goToBottom, a#goToBottom1 {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  outline: 0 !important;
  background-image: url("../images/venus_arrow_down.png");
  background-repeat: no-repeat;
  z-index: 9
}
a#backToTop {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  display: none;
  outline: 0 !important;
  background-image: url("../images/venus_arrow_up.png");
  background-repeat: no-repeat;
  z-index: 9
}
.next-diff {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  outline: 0 !important;
  background-image: url("../images/venus_arrow_down.png");
  background-repeat: no-repeat;
  z-index: 9
}
.prev-diff {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 50px;
  display: none;
  outline: 0 !important;
  background-image: url("../images/venus_arrow_up.png");
  background-repeat: no-repeat;
  z-index: 9
}
.VenusLocation {
  width: 100%
}
.locationAdd {
  width: 48%;
  display: inline-block;
  vertical-align: top
}
.suratLocation {
  float: right
}
.socialConnect {
  margin-top: 5%
} /*#ContactInfo { background: #001c5c }*/ #preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10000;
  display: table
}
#spinner_container {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: table-cell;
  vertical-align: middle
}
#spinner_container img {
  width: 300px;
  margin: 0 auto
}
.ourPeopleLogoDiv p a {
  display: block
}
.aboutVenusDiv {
  position: relative
}
.leftSecondMenu {
  position: relative
}
.leftSecondMenu .subMenuDiv {
  background: #001c5c none repeat scroll 0 0;
  left: -194px;
  margin: 0 !important;
  padding: 20px 0 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 197px;
  display: none;
  border: 1px solid #fff
}
.leftSecondMenu .subMenuDiv1 {
  background: #001c5c none repeat scroll 0 0;
  left: -247px;
  margin: 0 !important;
  padding: 20px 0 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 250px;
  display: none;
  border: 1px solid #fff
}
.leftSecondMenu ul .subMenuDiv li {
  padding-left: 0;
  text-align: left;
  padding-bottom: 0
}
.leftSecondMenu ul .subMenuDiv1 li {
  padding-left: 0;
  text-align: left;
  padding-bottom: 0
}
.aboutVenusDiv:hover .subMenuDiv {
  display: block;
  animation: .3s ease-in 0s normal none 1 running fadeInRight
}
.aboutVenusDiv:hover .subMenuDiv1 {
  display: block;
  animation: .3s ease-in 0s normal none 1 running fadeInRight
}
.subMenuDiv a {
  margin-left: 38px
}
.subMenuDiv1 a {
  margin-left: 38px
}
.leftSecondMenu ul.subMenuDiv li {
  margin-bottom: 20px
}
.leftSecondMenu ul.subMenuDiv1 li {
  margin-bottom: 20px
}
/*.contactBody {
  background: #071434
}*/
.leftSecondMenu ul.subMenuDiv li.active, .leftSecondMenu ul.subMenuDiv li:hover {
  background: rgba(0, 0, 0, 0) url(/images/sub-menu-border.jpg) no-repeat scroll left 23px top
}
.leftSecondMenu ul.subMenuDiv1 li.active, .leftSecondMenu ul.subMenuDiv1 li:hover {
  background: rgba(0, 0, 0, 0) url(/images/sub-menu-border.jpg) no-repeat scroll left 23px top
}
.historyTitleDiv.manufactureTitle {
  padding-top: 20px
}
.ethicalTitleDiv h1.ethicalTitle {
  margin-top: 0;
  padding-top: 10px
}
.ethicalWrapInner {
  padding-top: 30px
}
.read-more-content {
  display: none
}
.titleInfoDetails {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  padding-left: 2.5%
}
.commitmentSlider {
  width: 100%
}
.commitmentSlider #slider {
  width: 100%
}
.commitmentSlider #slider .slides {
  width: 100%
}
.commitmentSliderDiv {
  width: 100% !important
}
.commitmentSliderDiv p {
  width: 40%;
  float: left
}
.commitmentSliderText {
  width: 40%;
  float: left
}
.commitmentSliderText p {
  width: 100%
}
.commitmentSlider #slider img {
  width: 100%;
  max-width: 100%
}
.commitmentSlider #carousel ul {
  width: 100%;
  padding: 0
}
.commitmentSlider #carousel li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  opacity: .5;
  padding-top: 10px
}
.commitmentSlider #carousel li p {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  height: 45px
}
.commitmentSlider #carousel li img {
  width: 100%;
  max-width: 100%
}
.commitmentSlider #carousel li.flex-active-slide::after {
  background: 0 0
}
.commitmentSlider .imgClass {
  box-shadow: none;
  width: 16%
}
.commitmentSlider #carousel li.flex-active-slide::after {
  height: auto;
  margin: 0
}
.commitmentSlider #carousel li.flex-active-slide {
  opacity: 1;
  cursor: pointer
}
.commitmentSlider #carousel li:hover {
  cursor: pointer
}
#carousel img {
  width: 100%;
  max-width: 100%
}
.commitmentSlider .flex-direction-nav {
  display: none
}
#ethicalWrap .owl-prev {
  background: url(/images/left-arrow.png) no-repeat;
  width: 100px;
  height: 100px;
  color: transparent;
  position: absolute;
  left: 0;
  top: 250px
}
#ethicalWrap .owl-next {
  background: url(/images/right-arrow.png) no-repeat;
  width: 100px;
  height: 100px;
  color: transparent;
  position: absolute;
  right: 0;
  top: 250px
}
.commitmentText {
  padding-bottom: 30px
}
.backBtn {
  border: 0 none;
  color: #fff;
  background: #071534;
  text-transform: capitalize;
  padding: 3px 5px
}
.diamondNameLink, .diamondNameRedirect {
  display: block
}
.topArrowIcon {
  display: none
}
.ethicalSourcingDiv1 {
  background: rgba(0, 0, 0, 0) url("../images/ethical_sourcing/ethical-img1.jpg") no-repeat fixed 100% 100%/cover;
  padding-bottom: 250px;
  padding-top: 400px;
  position: relative
}
.ethicalSourcingDiv2 {
  background: rgba(0, 0, 0, 0) url("../images/ethical_sourcing/ethical-img2.jpg") no-repeat fixed 100% 100%/cover;
  padding-bottom: 250px;
  padding-top: 400px;
  position: relative
}
.homepageRow .subHead {
  color: #001689;
  font-size: 25px;
  margin-bottom: 25px;
  margin-top: 0px
}
.ethicalShowMoreDiv {
  display: none;
  background: #EEEEEE none repeat scroll 0 0;
  height: 90%;
  left: 0;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 85px;
  z-index: 9
}
.ethicalCloseBtn {
  cursor: pointer;
  font-size: 26px;
  position: absolute;
  right: 0;
  top: 16px;
  color: #58595B
}
.ethicalRowLeftContent, .ethicalRowRightContent {
  top: 18%
}
.ethicalShowMoreDiv .desc, .ethicalShowMoreDiv .head, .ethicalShowMoreDiv .subHead {
  color: #58595B;
  margin: 30px 0
}
.ethicalContent {
  color: #58595B;
  font-size: 18px;
  padding-bottom: 50px
}
.ethicalShowMoreDiv .companyLogo {
  width: 45%
}
.ethicalShowMoreDiv .AlrosaLogo {
  width: 20%
}
.ethicalShowMoreDiv .rioLogo {
  width: 20%
}
.manufacturePage #goToBottom {
  display: none !important
}
.ethicalShowMoreDiv .companyLogo.RJCLogo {
  width: 28%
}
.ethicalShowMoreDiv .companyLogo.FMLogo {
  width: 47%
}
.ethicalShowMoreDiv .companyLogo.CMLogo {
  width: 42%;
  filter: invert(1)
}
.ethicalShowMoreDiv .companyLogo.CMLogo p {
  font-weight: 500;
}
.manufacturePage #contactInfo {
  background: 0 0
}
.loginLogo {
  width: 60%;
  margin: 0 auto
}
.loginLogo img {
  width: 100%;
  max-width: 100%
}
.commitmentSlider #carousel li.flex-active-slide p span {
  display: inline-block;
  background-color: #001689;
  padding: .35rem .6rem;
  border-radius: .25rem;
  font-weight: 500;
  color: #EEEEEE;
}
.gradingSystemHead h1 {
  font-size: 30px;
  margin-top: 0;
}
.differentationDiv1 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/roundsFancies.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 0;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv2 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/flawless.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  box-shadow: 0 3px 15px #ccc;
  opacity: .9
}
.differentationDiv3 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/preferredDiamond.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv4 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/lookAndBid.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv5 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/onlinesale.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv6 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/matchedPair.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv7 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/exclusiveDiamond.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv8 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/inHouseBuying.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 184px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDiv9 {
  background: rgba(0, 0, 0, 0) url(/images/differentation/inHouseBuying.jpg) no-repeat fixed center center/cover;
  padding-bottom: 50px;
  padding-top: 184px;
  position: relative;
  box-shadow: 0 3px 15px #ccc
}
.differentationDivMoreInfo-caption {
  margin: 0 auto;
  text-align: center;
  width: 85%;
  display: none
}
.differentationDivMoreInfo-caption .head {
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  text-transform: uppercase
}
.differentationDivMoreInfo-caption .desc {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 25px
}
#menu.opened {
  opacity: 1;
  transform: scale(1);
  transition: all 350ms ease 0s;
  visibility: visible
}
#menu {
  background: rgba(7, 21, 52, .97) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow-y: scroll;
  padding-top: 62px;
  position: fixed;
  text-align: center;
  top: 0;
  transform: scale(1.5);
  transition: all 350ms ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9
}
#menu ul li {
  display: block;
  margin: 0 auto;
  width: 100%
}
#menu ul li::after {
  background: #fff;
  content: " ";
  height: 65px;
  left: 0;
  margin: -65px 0 0;
  position: absolute;
  transition: all 350ms ease 0s;
  width: 0
}
#menu ul li a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ddd -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-radius: .2em;
  border-style: solid none none;
  border-width: 1px 0 0;
  color: #fff;
  display: block;
  height: 65px;
  line-height: 65px;
  margin: 0 auto;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 350ms ease 0s;
  width: 100%;
  z-index: 4
}
.mobsublist {
  background: #fff;
  display: none;
  width: 100%;
  z-index: 9999
}
#menu ul li ul.subulList {
  display: inline-block;
  margin-left: -4px;
  vertical-align: top;
  width: 100%
}
#menu ul li ul.subulList li::after {
  height: auto
}
#menu ul li ul.subulList li a {
  border: 0 none;
  height: auto;
  line-height: normal;
  padding: 5px 0;
  text-transform: uppercase
}
.mobielHeader ul {
  padding-left: 0
}
.mobielHeader {
  display: none
}
.mobielHeader {
  background: #071534 none repeat scroll 0 0;
  display: none;
  transition: top .5s ease 0s;
  width: 100%;
  z-index: 99999
}
#menu ul li a:hover {
  border-color: #fff;
  color: #071534
}
#menu ul li:hover::after {
  width: 100%;
  color: #fff
}
#menu ul li ul li a {
  color: #071534
}
#menu ul li ul.subulList li {
  height: auto;
  margin: 10px 0;
  font-size: 15px;
  color: #071534
}
.our-location-read-more {
  text-align: right !important
}
.readLessDiv {
  float: right
}
.locationText p.emailIDContact {
  margin-top: 15px;
  display: block
}
.locationAdd.suratLocation p.emailIDContact {
  margin-top: 45px;
  display: block
}
.ClientlogoImage {
  height: 140px
}
@media screen and (min-width:1441px) and (max-width:1600px) {
  .ClientlogoImage {
    height: 120px;
  }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
  .ClientlogoImage {
    height: 110px;
  }
}
@media screen and (min-width:1300px) and (max-width:1366px) {
  .ClientlogoImage {
    height: 100px;
  }
}
@media screen and (min-width:1025px) and (max-width:1280px) {
  .ClientlogoImage {
    height: 90px;
  }
}
.companyLogo {
  height: 120px
}
.lastH2 {
  text-align: left
}
.diamondSectionClose {
  display: none
}
.mainHead {
  text-align: center !important
}
.event-banner {
  background-image: url(/images/evnt-news/evnts-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  min-height: 700px;
  padding-bottom: 0;
  padding-left: 6%;
  padding-right: 6%
}
.event-boxs h3 {
  font-size: 22px;
  color: #000;
  line-height: 30px
}
.event-boxs h3 a {
  color: #000;
  border-bottom: 2px solid #a3a3a3;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px
}
/*.contactWrapper.content-bgT {
  background: 0 0;
  border-bottom: none;
  position: inherit
}*/
.boder-bottN {
  border-bottom: none
}
.historyTitle.locationTitle p span {
  font-variant: small-caps
}
.titleBorder {
  border-bottom: 3px solid #fff;
  margin: 0 auto;
  width: 100px
}
.left-newsbox {
  background-color: #fff;
  padding: 9.7em 2.8em
}
.left-newsbox h1 {
  font-size: 35px;
  color: #001
}
.left-newsbox h2 {
  font-size: 25px;
  color: #001;
  padding-right: 2em;
  line-height: 32px;
  margin-top: 23px
}
.PaddingLRN {
  padding-left: 0;
  padding-right: 0
}
.event-boxs {
  background-color: #fff;
  padding: 2em 4.5%
}
.news-wrap {
  width: 100%;
  margin-top: -104px
}
.news-texbox {
  background-color: #fff;
  padding: 1em 1em;
  box-shadow: -4px 0 21px -4px #010117;
  -webkit-box-shadow: -4px 0 21px -4px #010117;
  -moz-box-shadow: -4px 0 21px -4px #010117;
  max-height: 180px;
  width: 100%;
  margin-bottom: 42px
}
.news-texbox img {
  display: inline-block;
  width: 100%;
  height: 100%
}
@media screen and (min-width:1601px) and (max-width:1920px) {
  .news-texbox img {
    display: inline-block;
    width: auto;
    height: 100%
  }
}
.news-texbox.active {
  border-bottom: 7px solid #231f67
}
.news-texbox:hover {
  border-bottom: 7px solid #231f67;
  cursor: pointer
}
.news-texbox h3 {
  font-size: 20px;
  color: #231f67;
  text-align: center;
  height: 52px;
  font-family: Montserrat
}
.news-texbox h4 {
  font-size: 16px;
  color: #000;
  text-align: center
}
.container-fluid.contai-fluidPad {
  padding-left: 1%;
  padding-right: 1%
}
.carousel-inner.caroumedia {
  padding: 0 0
}
.barcodesyan img {
  box-shadow: 2px 2px 21px -4px #010117;
  -webkit-box-shadow: 2px 2px 21px -4px #010117;
  -moz-box-shadow: 2px 2px 21px -4px #010117
}
.media-mob {
  display: none
}
.media-mobsmall {
  display: none
}
.media-carousel {
  margin-bottom: 0;
  padding: 0 0 30px 0;
  margin-top: 30px
}
.media-carousel .carousel-control.left {
  left: -102px;
  height: 94px;
  width: 94px;
  margin-top: 90px;
  background-image: none;
  opacity: 1
}
.media-carousel .carousel-control.left img {
  box-shadow: 2px 2px 21px -1px #010117;
  -webkit-box-shadow: 2px 2px 21px -1px #010117;
  -moz-box-shadow: 2px 2px 21px -1px #010117
}
.media-carousel .carousel-control.right {
  right: -102px !important;
  height: 94px;
  width: 94px;
  margin-top: 90px;
  background-image: none;
  opacity: 1
}
.media-carousel .carousel-control.right img {
  -webkit-box-shadow: 2px 2px 21px -1px #010117;
  -moz-box-shadow: 2px 2px 21px -1px #010117;
  box-shadow: 2px 2px 21px -1px #010117
}
.media-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0;
  margin-right: -19px
}
.media-carousel .carousel-indicators li {
  background: silver
}
.media-carousel .carousel-indicators .active {
  background: #333
}
.col-5ths, .col-lg-5ths, .col-md-5ths, .col-sm-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px
}
.col-5ths {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}
#careers-bg {
  background-size: cover;
  min-height: 600px
}
.careerBox {
  width: 100%;
  display: inline-block;
  padding: 10px 0 30px 0
}
.careerBox h3 {
  display: inline-block;
  font-size: 1.75rem;
  padding-top: 1.75rem;
  text-align: center;
  width: 100%;
}
.subTitle {
  text-align: center;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.subTitle span {
  background-color: #001689;
  font-size: .87rem;
  padding: 2px 12px;
  color: #eeee;
  border-radius: 16px;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  font-weight: 600;
}
.careerBox p {
  font-size: 18px;
  line-height: 30px;
  text-align: center
}
.careerInfo {
  height: 400px
}
.center {
  margin: auto;
  width: 70%;
  border: 1px solid;
  border-radius: 7px;
  padding: 8px
}
.file-upload {
  position: relative;
  display: inline-block;
  padding: 5px
}
.file-upload__label {
  display: block;
  padding: 1em 2em;
  color: #000;
  background: #fff;
  border-radius: .4em;
  transition: background .3s
}
.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 4;
  width: 0;
  height: 100%;
  opacity: 0
}
.text-red {
  color: blue !important
}
.text-light {
  color: #001689 !important;
  font-size: 20px;
  font-weight: 600;
}
.job-description {
  font-size: 16px;
  line-height: 1.8rem;
}
.job-description.job-wrap-text::before {
  display: inline-block;
  content: "";
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 2px;
  width: 6px;
  margin-right: 1rem;
  background-color: #8f8f8f;
}
.custom-list{
    background-color: transparent !important;
    font-size: 16px;
    line-height: 1.5;
}

.small_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}
.small_desc .item {
  border: 1px solid #ccc;
  padding: 1rem 0;
  font-size: 16px;
}
.job_heading {
  font-weight: 600;
  color: #001689;
  margin: .25rem 0;
}
.small_desc .item:nth-child(1) {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: 0.5rem;
}
.small_desc .item:nth-child(3) {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: 0.5rem;
}
.col {
  padding: 0 !important
}
.myline {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #eee
}
@media (min-width :576px) {
  .col-sm-5ths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}
@media (min-width :768px) {
  .col-md-5ths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .tab_img {
    padding: 2em 0
  }
}
@media (min-width :992px) {
  .col-lg-5ths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}
.events-redesign .eventsNewsDiv .img-responsive {
  width: 100%
}
.events-redesign .historyTitleDiv {
  padding-top: 0
}
.JourneyTitleDiv {
  padding-top: 0
}
.events-redesign .eventsNewsDiv {
  position: relative;
  margin-top: 0;
  overflow: hidden;
  margin-top: 10px
}
.slick-slider > button {
  border: 0;
  outline: 0;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}
.slick-slider .slick-prev {
  background: url(/images/evnt-news/left-arrow.jpg);
  left: 0
}
.slick-slider .slick-next {
  background: url(/images/evnt-news/right-arrow.jpg);
  right: 0
}
.eventsNewsDiv div {
  padding: 0
}
.eventsNewsDiv > div {
  padding-top: 15px
}
.partners > button {
  top: 46%
}
.partners .slick-slide {
  padding: 0 10px
}
.partners .slick-slide h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  line-height: 30px;
  color: #231f67
}
.news-texbox span {
  font-size: 16px;
  color: #000;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center
}
.news-texbox {
  position: relative;
  border-bottom: 7px solid transparent
}
.event-banner.events-redesign {
  min-height: 590px
}
@media screen and (min-width:1400px) {
  .event-banner.events-redesign {
    min-height: 550px
  }
}
.event-boxs {
  max-height: 250px
}
.slick-slide {
  outline: 0;
  border: 0
}
.partners {
  max-height: 170px
}
@media screen and (min-width:1300px) {
  .partners {
    max-height: 150px
  }
}
@media screen and (min-width:1400px) {
  .partners {
    max-height: 170px
  }
}
@media screen and (min-width:1200px) {
  .partners {
    max-height: 140px
  }
}
.partners .current {
  border-bottom: 7px solid #231f67
}
.partners .slick-prev {
  left: -40px
}
.partners .slick-next {
  right: -50px
}
.events-redesign p.ampersand {
  font-size: 40px;
  margin: 0 5px
}
.events-redesign p span {
  font-size: 28px
}
.stay-updated-text {
  display: flex;
  align-items: center;
  margin-top: 30px
}
.stay-updated-text h3 {
  margin-left: 10px
}
.event-boxs {
  padding-bottom: 1em
}
.events-redesign .responsive {
  display: none
}
.stay-updated-text {
  margin-top: 45px
}
@media (min-width :1700px) {
  .event-banner.events-redesign {
    min-height: 660px
  }
}
@media (max-width :1400px) {
  .event-boxs {
    padding-left: 8%;
    padding-right: 8%
  }
  .event-banner.events-redesign {
    min-height: 420px
  }
  .partners .slick-slide h4 {
    font-size: 20px
  }
  .events-redesign .historyTitleDiv {
    padding-top: 5px
  }
  .JourneyTitleDiv {
    padding-top: 5px
  }
  .events-redesign .eventsNewsDiv {
    width: 90%;
    margin: auto;
    margin-top: 10px
  }
  .event-boxs {
    max-height: 200px
  }
}
@media (max-width :1024px) and (min-width:991px) and (orientation:landscape) {
  .event-banner.events-redesign {
    min-height: 390px
  }
  .event-banner {
    padding-left: 3%;
    padding-right: 3%
  }
  .event-boxs {
    padding-left: 4%;
    padding-right: 4%
  }
  .news-texbox {
    padding: 2em 1em
  }
  .news-texbox span {
    bottom: 10px
  }
}
@media (max-width :991px) {
  .events-redesign .desktop {
    display: none
  }
  .events-redesign .img-responsive {
    height: auto !important
  }
  .events-redesign .responsive {
    display: block;
    height: auto !important
  }
  .event-boxs {
    max-height: 285px
  }
  .event-banner.events-redesign {
    min-height: 815px
  }
  .events-redesign .eventsNewsDiv {
    height: auto !important
  }
  .slick-slider > button {
    top: 60%
  }
  .event-banner {
    padding: 0
  }
  .events-redesign .eventsNewsDiv {
    width: 100%
  }
  .event-banner.events-redesign {
    padding-top: 12px
  }
  .partners.slick-slider > button {
    top: 48%
  }
}
@media (max-width :450px) {
  .event-boxs {
    padding-left: 1%;
    padding-right: 1%;
    min-height: 80px
  }
  .slick-initialized.slick-slider > button {
    width: 30px;
    height: 30px;
    background-size: contain
  }
  .event-banner.events-redesign {
    min-height: 425px
  }
  .partners .slick-prev {
    left: -30px
  }
  .partners .slick-next {
    right: -30px
  }
  .news-texbox span {
    bottom: 11px
  }
  .stay-updated-text {
    margin-top: 10px
  }
  .partners.slick-slider > button {
    top: 48%
  }
  .partners .slick-slide h4 {
    font-size: 16px;
    line-height: 20px
  }
  .news-texbox {
    margin-bottom: 10px;
    padding: 1em;
    min-height: 150px
  }
  .event-boxs h3 {
    font-size: 14px;
    line-height: 18px
  }
  .event-boxs h3 a {
    font-size: 13px;
    line-height: 15px
  }
  .partners {
    width: 90%;
    margin: auto;
    height: 120px
  }
  .events-redesign p span {
    font-size: 20px
  }
  .events-redesign .historyTitle p.ampersand {
    font-size: 30px
  }
  .JourneyTitle p.ampersand {
    font-size: 30px
  }
}
@media (max-width :375px) {
  .event-banner.events-redesign {
    min-height: 400px
  }
  .partners.slick-slider > button {
    top: 52%
  }
  .news-texbox {
    min-height: 135px
  }
  .event-boxs {
    min-height: 65px
  }
}
@media (max-width :320px) {
  .event-banner.events-redesign {
    min-height: 340px
  }
  .news-texbox span {
    font-size: 10px
  }
  .news-texbox {
    min-height: 110px
  }
  .news-wrap {
    margin-top: -80px
  }
  .partners.slick-slider > button {
    top: 40%
  }
  .partners .slick-slide h4 {
    font-size: 12px;
    line-height: 14px
  }
}
.ourLeadership-caption p {
  margin: 0;
  color: #EEEEEE;
}
.ourLeadership-caption .lightFont.displayNone {
  display: block
}
.locations {
  padding-top: 30px
}
.communityDiv .owl-prev {
  background: #001689 url("../images/left-arrow.png") no-repeat scroll 0 0/cover !important;
  color: transparent !important;
  height: 30px;
  left: 13%;
  position: absolute;
  width: 30px;
  top: 50%;
  transform: translateY(-50%)
}
.communityDiv .owl-next {
  background: #001689 url("../images/right-arrow.png") no-repeat scroll 0 0/cover !important;
  color: transparent !important;
  height: 30px;
  position: absolute;
  right: 13%;
  width: 30px;
  top: 50%;
  transform: translateY(-50%)
}
@media screen and (min-width:1280px) and (max-width:1299px) {
  .communityDiv .owl-prev {
    background: #001689 url(/images/left-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    left: 12%;
    position: absolute;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
  .communityDiv .owl-next {
    background: #001689 url(/images/right-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    position: absolute;
    right: 11%;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
}
@media screen and (min-width:1300px) and (max-width:1439px) {
  .communityDiv .owl-prev {
    background: #001689 url(/images/left-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    left: 12%;
    position: absolute;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
  .communityDiv .owl-next {
    background: #001689 url(/images/right-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    position: absolute;
    right: 11%;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
  .communityDiv .owl-prev {
    background: #001689 url(/images/left-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    left: 12%;
    position: absolute;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
  .communityDiv .owl-next {
    background: #001689 url(/images/right-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    position: absolute;
    right: 11%;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
}
@media screen and (min-width:1600px) and (max-width:1919px) {
  .communityDiv .owl-prev {
    background: #001689 url(/images/left-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    left: 13%;
    position: absolute;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
  .communityDiv .owl-next {
    background: #001689 url(/images/right-arrow.png) no-repeat scroll 0 0/cover;
    color: transparent;
    height: 30px;
    position: absolute;
    right: 11.5%;
    width: 30px;
    top: 50%;
    transform: translateY(-50%)
  }
}
.gradingSystemleftDiv {
  width: 50%;
  float: left;
  margin-right: 0;
  padding: 40px;
  transform: translate3d(0, 0, 0);
  transition: all .6s ease 0s
}
.grading-detail {
  display: block;
  margin: 0 auto;
  border: 10px solid #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}
.ethicalTitleDiv {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 20px
}
.ethicalTitle {
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 0;
  font-size: 30px
}
.bgw {
  background: #071534
}
.subMenuDiv {
  background: #fff
}
.subMenuDiv {
  display: none
}
.subMenuDiv1 {
  background: #fff
}
.subMenuDiv1 {
  display: none
}
.historyTitle {
  text-transform: uppercase
}
#menu ul li.manufacturingStep ul.subulList {
  display: none
}
.HistorySlider .flexslider .slides img {
  width: 100%
}
.JourneySlider .flexslider .slides img {
  width: 100%
}
body.differentiate .different-hasSub .mobsublist, body.differentiate .different-hasSub .subMenuDiv {
  display: none !important
}
.Diiference-list .subMenuDiv {
  width: 280px;
  left: -277px
}
.leftSecondMenu li {
  cursor: pointer
}
.eventNewsBody p {
  margin: 0 0 10px
}
.pp_container {
  background: #fff;
  padding: 4em 0;
  text-align: center
}
.wrap {
  width: 100%;
  margin: 0 auto
}
.pp_title {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  text-align: center
}
.pp {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #58595b;
  font-size: 16px;
  text-align: justify;
  padding: 0 5%;
  font-weight: 500;
}
@media (max-width:1920px) {
  .ourLeadership-caption {
    padding-top: 350px
  }
  .readTextdiv {
    display: none
  }
}
@media (max-width:1600px) {
  .ourLeadership-caption {
    padding-top: 220px
  }
  .readTextdiv {
    display: none
  }
}
@media (min-width:1300px) and (max-width:1599px) {
  .locationInfo {
    height: 300px !important
  }
}
@media (min-width:1600px) and (max-width:1899px) {
  .locationInfo {
    height: 420px !important
  }
  .diamondInfoDetails {
    height: 445px;
    overflow: hidden
  }
}
@media (max-width:1370px) {
  .historyTitleDiv.manufactureTitle, .ourLeadershipHead {
    padding-top: 35px
  }
  .readTextdiv {
    display: none
  }
  .contactBody .historyTitleDiv, .contactpage .locationContactDiv .contactForm, .event-banner {
    padding-top: 30px
  }
  .JourneyTitleDiv {
    padding-top: 30px
  }
  .contentDiv {
    padding: .8% 0
  }
  .mb50 {
    margin-bottom: 130px
  }
  .main-community-container {
    padding-top: 35px
  }
  #ourPeopleWrapper .historyTitleDiv {
    padding-top: 0px
  }
  .JourneyTitleDiv {
    padding-top: 35px
  }
  /*  .historyTitleDiv {
    padding-top: 0px
  }*/
  .JourneyTitleDiv {
    padding-top: 35px
  }
  .rightSecondMenu {
    width: 75%;
    margin-left: 2%
  }
  .rightWrapper {
    width: 107%
  }
  .halfBox {
    width: 45%
  }
  .rightWrapper {
    padding: 15px 0
  }
  .secondMenuDiv {
    top: 116px
  }
  .communityImg {
    top: 35%;
    width: 47%
  }
  .communityImg img {
    width: 100%;
    max-width: 100%
  }
  .differentationDivMoreInfo .differentiationTxt {
    height: 500px
  }
  footer ul li {
    padding: 0 40px
  }
  .contactDiv {
    width: 80%
  }
  .col-lg-4.firstRowDiv {
    width: 48%
  }
  .diamondInfoDetails {
    height: 400px;
    overflow: hidden
  }
  .bannerText {
    height: 240px
  }
  .ethicalTitleDiv h1.ethicalTitle {
    padding-bottom: 80px
  }
  .leadershipDesc .leadershipDescInfo {
    height: 475px
  }
  .differentationDivMoreInfo-caption {
    width: 95%
  }
  .communityDesc {
    height: 380px
  }
  .communityHead h2 {
    margin-top: 0
  }
  .titleCommitment {
    margin-top: 40px;
    margin-bottom: 20px
  }
  .differentationDescInfo {
    height: 338px
  }
  #ContactInfo .contactBtnWrap {
    bottom: 185px
  }
  .locationContactDiv .contactForm {
    padding-bottom: 20px
  }
  .ourLeadership-caption {
    padding-top: 210px
  }
}
@media (max-width:1280px) {
  footer ul li {
    padding: 0 35px
  }
  .eventrow {
    height: 450px
  }
  .locationContactDiv .contactForm {
    padding-bottom: 10px
  }
  .diamondInfoDetails {
    height: 400px;
    overflow: hidden
  }
  .contentDiv {
    padding: 6.8% 2px 2.8%
  }
  .imgClass {
    width: 40%
  }
  .contentDes {
    width: 40%
  }
  .progressNav ul {
    padding-top: 100px
  }
  .ethicalShowMoreDiv .desc, .ethicalShowMoreDiv .head, .ethicalShowMoreDiv .subHead {
    margin: 45px 0
  }
  .ourLeadership-caption {
    padding-top: 190px
  }
  .readTextdiv {
    display: none
  }
}
@media (max-width:1260px) {
  .historyTitleDiv {
    margin-top: 0;
  }
  .historyTitle.locationTitle p {
    font-size: 28px
  }
  .locationText p {
    font-size: 18px
  }
  .historyTitleDiv {
    padding-top: 20px
  }
  .JourneyTitleDiv {
    padding-top: 30px
  }
  #ourPeopleWrapper .historyTitleDiv {
    padding-top: 30px
  }
  .rightSecondMenu {
    width: 75%;
    margin-left: 2%
  }
  .rightWrapper {
    width: 107%
  }
  .halfBox {
    width: 45%
  }
  .rightWrapper {
    padding: 28px 0
  }
  .readTextdiv {
    display: none
  }
}
@media (max-width:1028px) {
  .contactDiv {
    width: 85%
  }
}
@media (max-width:1024px) and (orientation:landscape) {
  .contentDiv {
    padding: 0 2px 0
  }
  .commitmentSlider .imgClass {
    vertical-align: top;
    width: 35%;
  }
  .gradingSystemContent .mobileGradingClose {
    top: 5px
  }
}
@media (max-width:1024px) {
  /*  .contactWrapper {
    position: fixed
  }*/
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  /*  #staticHeader {
    padding-bottom: 60px
  }*/
  .homeBanner-caption {
    width: 50%
  }
  .hompageRowLeftContent, .hompageRowRightContent {
    width: 60%;
    top: 22%
  }
  .detailCaption h1 {
    font-size: 30px
  }
  .detailCaption p::after, .detailCaption p::before {
    border-bottom: none;
    border-top: none
  }
  .eventsDiv h1 {
    font-size: 30px
  }
  .detailCaption p {
    width: 90%;
    margin: 5% auto 0
  }
  .eventRowDiv .bigBox, .eventRowDiv .smallBox {
    width: 48%;
    height: auto
  }
  .eventHead {
    margin-top: 0
  }
  .eventDesc {
    width: 90%
  }
  footer ul li {
    height: 260px
  }
  .ourLeadershipInfo {
    width: 100%;
    padding-bottom: 15px
  }
  .gradingSystemDiv {
    width: 60%;
    padding: 30px
  }
  #contactUsForm .radio {
    margin: 10px 0
  }
  .firstRowDivtwo {
    margin-bottom: 20px
  }
  /*  #staticHeader {
    padding-bottom: 98px
  }*/
  .locationText p {
    font-size: 16px;
    line-height: 27px
  }
  .locationWrap {
    width: 85%
  }
  .locationInfo {
    margin-top: 15px;
    height: 225px;
  }
  .locationWrap {
    padding-bottom: 50px
  }
  .contactBtn {
    font-size: 18px;
    padding: 4px 10px
  }
  .ourPeopleQuote {
    width: 95%
  }
  .ourPeopleLogoDiv p span {
    width: 50%;
    top: 55%
  }
  .ourPeopleLogoDiv p {
    height: 80px;
    width: 80px
  }
  .ourPeopleLogoDiv p {
    margin-right: 7%
  }
  .employeBenefitaDiv .owl-prev {
    left: 44%
  }
  .eventScroll {
    width: 30%
  }
  .eventDisplay {
    width: 65%
  }
  .differentationSection {
    width: 95%
  }
  .differentationDiv {
    margin: 10px
  }
  .differentationDivImg {
    width: 100%;
    padding-bottom: 50px
  }
  .differentationDivImg span {
    bottom: 0
  }
  .differentationDivInfo h1 p, .differentationDivMoreInfo h1 p {
    font-size: 30px
  }
  .differentationDivInfo p, .differentationDivMoreInfo p {
    line-height: 25px
  }
  .differentationDivMoreInfo h1 {
    margin: 0
  }
  .differentationDivMoreInfo {
    padding: 10px
  }
  .differentationDivMoreInfo .differentiationTxt {
    height: 400px
  }
  .rightSecondMenu {
    width: 71%
  }
  .halfBox {
    width: 42%
  }
  .smallBox.leaderShipBox a {
    padding-top: 95px
  }
  .secondMenuDiv {
    top: 97px
  }
  .communityImg {
    display: none
  }
  .communityDiv {
    width: 100%
  }
  .contactBtnWrap {
    bottom: 195px
  }
  .manufactureWrapper .second .owl-carousel .owl-item img {
    width: 100%;
    max-width: 100%;
    height: 768px
  }
  /*  .diamondImage h1 {
    font-size: 25px
  }*/
  .diamondImageDiv {
    width: 17%
  }
  .bannerText {
    width: 92%
  }
  .HistorySlider {
    margin-top: 0
  }
  .JourneySlider {
    margin-top: 5%
  }
  .moveLeft p {
    top: -27px
  }
  .customerCommitmentCircle .contentDes {
    width: 50%;
    font-size: 18px
  }
  .lofinForm {
    width: 72%
  }
  /*  #staticHeader .menuIconStatic ul li:last-child {
    padding: 28px 0
  }*/
  .gradingSystemSection, .venusJewelDifferentationSection {
    background-attachment: scroll;
    padding-top: 30px;
    padding-bottom: 50px
  }
  .solitaireParDiv {
    background-attachment: scroll;
    padding-bottom: 300px;
    padding-top: 300px
  }
  .matchPairDiv {
    background-attachment: scroll;
    padding-bottom: 300px;
    padding-top: 300px
  }
  .differentationDiv1, .differentationDiv2, .differentationDiv3, .differentationDiv4, .differentationDiv5, .differentationDiv6, .differentationDiv7, .differentationDiv8, .ethicalSourcingDiv1, .ethicalSourcingDiv2, .gradingBody {
    background-attachment: scroll;
    background-size: 100% 100%
  }
  .readTextdiv {
    display: none
  }
  #ContactInfo .contactBtnWrap {
    bottom: 0
  }
  .secondMenuDiv {
    display: none
  }
  .mobielHeader {
    display: block
  }
  /*  #staticHeader .menuIconStatic ul li:last-child {
    padding: 22px 0
  }*/
  /*  .desktopHeader {
    display: none
  }*/
  #menu {
    padding-top: 92px
  }
  /*  #staticHeader .menuIconStatic ul li {
    padding: 31px 8px 0
  }*/
  .ethicalShowMoreDiv .companyLogo {
    width: 82%
  }
  .ethicalShowMoreDiv p.companyLogo.AlrosaLogo {
    width: 37%
  }
  .ethicalShowMoreDiv p.companyLogo.rioLogo {
    width: 39%
  }
  .ethicalShowMoreDiv .companyLogo.companyLogo {
    width: 82%
  }
  .desktopGrading {
    display: none
  }
  .mobileGrading {
    display: block
  }
  .mobileGrading .gradingBg {
    position: relative
  }
  .mobileGrading img {
    width: 100%;
    height: auto
  }
  .mobileGrading .readMoreDivText {
    background: rgb(0 22 137 / 85%) none repeat scroll 0 0;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 50%;
  }
  .mobileGrading .gradingSystemContent {
    background: rgb(238 238 238 / 95%) none repeat scroll 0 0;
    height: 100%;
    padding: 10px;
    position: absolute;
    top: 85px;
    width: 100%;
    opacity: 1;
    z-index: 9;
    right: -100%;
    overflow-y: auto;
  }
  .mobileGradingClose {
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    right: 20px;
    top: 8px
  }
  .mobilegradingDiv .readMore {
    color: #fff;
    margin-bottom: 0
  }
  .mobilegradingDiv .readMore::before {
    background: #fff none repeat scroll 0 0
  }
  .gradingSystemDescDiv {
    height: 500px
  }
  .fullwidth {
    display: inline-block;
    width: 100%
  }
  .ethicalShowMoreDiv {
    height: 700px
  }
  .show1024 {
    display: block !important
  }
  .homepageRow .head {
    margin-top: 25px
  }
  .homepageRow .subHead {
    margin-top: 0;
    margin-bottom: 0
  }
  .homepageRow .desc {
    margin-top: 12px;
    margin-bottom: 20px
  }
}
@media (max-width:768px) {
  #mobileCarousel.flexslider .slides img {
    width: 100%
  }
  .main-community-container {
    padding-top: 0
  }
  .locationContactDiv .contactForm {
    position: absolute
  }
  .locations {
    padding-top: 100px
  }
  /*  .LoginTextDiv {
    position: absolute;
    right: 12%
  }*/
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  .gradingSystemSection, .venusJewelDifferentationSection {
    background-attachment: scroll;
    padding-top: 30px;
    padding-bottom: 50px
  }
  .solitaireParDiv {
    background-attachment: scroll;
    padding-bottom: 300px;
    padding-top: 240px
  }
  .matchPairDiv {
    background-attachment: scroll;
    padding-bottom: 300px;
    padding-top: 240px
  }
  .customerCommitmentDiv {
    background-attachment: scroll;
    padding-bottom: 300px;
    padding-top: 240px
  }
  #ContactInfo .contactForm {
    top: 500px !important
  }
  #ContactInfo .locationImg {
    opacity: 1 !important
  }
  .ContactImage {
    width: 100%
  }
  .locationContactDiv .locationImg {
    width: 100%
  }
  .locationText {
    width: 100%
  }
  .locationText {
    height: auto !important
  }
  .contactBtnWrap {
    bottom: 15px
  }
  .locationContactDiv .contactForm {
    width: 100%;
    left: 0;
    padding: 20px;
    z-index: 1
  }
  .boxHeight {
    margin-bottom: 20px
  }
  /*  #staticHeader {
    padding-bottom: 75px
  }*/
  .employeBenefitaDiv .owl-prev {
    left: 42%
  }
  .employeBenefitaDiv .owl-next {
    right: 42%
  }
  .homepageBannerDiv .owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 14px;
    margin: 0 7px
  }
  .gradingSystemSection, .venusJewelDifferentationSection {
    padding-top: 40px
  }
  .gradingSystem-caption, .venusJewelDifferentation-caption {
    width: 82%
  }
  .gradingSystem-caption .head, .venusJewelDifferentation-caption .head {
    margin-top: 0
  }
  .gradingSystem-caption .desc, .venusJewelDifferentation-caption .desc {
    margin-top: 0
  }
  .gradingSystem-caption .readMore, .venusJewelDifferentation-caption .readMore {
    margin-bottom: 0
  }
  .sorting {
    width: 74%;
    top: 25%;
    left: 60px
  }
  .planing, .shaping {
    width: 70%
  }
  .polishing {
    right: 84px;
    top: 21%;
    width: 75%
  }
  .sawing {
    width: 70%;
    top: 18%
  }
  .HistorySlider {
    margin-top: 0
  }
  .JourneyTitleDiv {
    padding: 10px 5px
  }
  .JourneyTitle p {
    font-size: 25px
  }
  .JourneySlider {
    margin-top: 10%
  }
  .JourneySlider .content {
    margin-top: 5%
  }
  .moveLeft p {
    top: -15px
  }
  .bannerText {
    height: auto
  }
  .ethicalShowMoreDiv {
    top: 5%;
    height: 90%
  }
  .leadershipImgDiv {
    width: 50%;
    float: none;
    margin: 0 auto
  }
  .leadershipDesc {
    float: none;
    margin: 5% auto;
    width: 100%;
    height: auto
  }
  .leadershipDesc h2 {
    font-size: 20px
  }
  .ourLeadershipDesignation {
    font-size: 18px
  }
  /*  #staticHeader .menuIconStatic ul li:last-child {
    padding: 17px 0
  }*/
  .eventCaption {
    padding: 16px
  }
  .eventHead {
    margin-top: 0
  }
  .eventHead {
    font-size: 16px
  }
  .differentationDescInfo {
    height: 245px;
    padding-bottom: 2%
  }
  .secondMenuDiv {
    top: 75px
  }
  .venusPopup {
    width: 40%
  }
  .ourPeopleLogoDiv p span {
    top: 57%
  }
  .eventDetail {
    height: 120px
  }
  #ContactInfo .contactBtnWrap {
    bottom: 46px
  }
  .ethicalSourcingDiv1, .ethicalSourcingDiv2 {
    padding-bottom: 300px;
    padding-top: 240px
  }
  .ethicalRowLeftContent, .ethicalRowRightContent {
    padding: 0 20px
  }
  .titleInfoDetails {
    margin-bottom: 20px
  }
  #menu {
    padding-top: 74px
  }
  /*  #staticHeader .menuIconStatic ul li {
    padding: 25px 8px 0
  }*/
  .ClientlogoImage {
    height: auto
  }
  .companyLogo {
    height: auto
  }
  .ethicalShowMoreDiv .companyLogo {
    width: 38%
  }
  .ethicalShowMoreDiv p.companyLogo.AlrosaLogo {
    width: 22%
  }
  .ethicalShowMoreDiv p.companyLogo.rioLogo {
    width: 22%
  }
  .ethicalShowMoreDiv .companyLogo.companyLogo {
    width: 38%
  }
  .loginPage {
    background: rgba(0, 0, 0, 0) url(/images/bg-login.jpg) no-repeat scroll 0 59px
  }
  .forgotPasswordDiv {
    width: 100%
  }
  .eventDesc {
    font-size: 20px;
    margin: 5% auto 0;
    width: 100%
  }
  .gradingSystemDescDiv {
    height: 700px
  }
  .readTextdiv {
    display: none
  }
  .contactBtn {
    display: block;
    margin: auto;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px
  }
  .contactBtnWrap {
    position: static
  }
  .locationWrap {
    padding-bottom: 20px
  }
}
@media (min-width:320px) and (max-width:736px) {
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  .progressNav ul li a {
    font-size: 16px
  }
  #contactUsForm .row.textAreaRow {
    margin-top: 0
  }
  /*  #staticHeader {
    padding-bottom: 60px
  }*/
  .historyTitle.locationTitle p {
    font-size: 20px
  }
  .hompageRowLeftContent, .hompageRowRightContent {
    padding: 0 20px;
    top: 15%;
    width: 60%
  }
  .homeBanner-caption {
    width: 60%
  }
  .detailCaption h1 {
    font-size: 30px;
    margin-top: 8%
  }
  .detailCaption p {
    margin: 6% auto 0;
    padding: 20px;
    width: 100%
  }
  .eventsDiv h1 {
    font-size: 30px
  }
  .eventRowDiv .bigBox, .eventRowDiv .smallBox {
    width: 100%
  }
  .eventHead {
    font-size: 30px;
    transform: translate3d(0, 0, 0) scale(1)
  }
  .eventDesc {
    font-size: 20px;
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1
  }
  footer p {
    font-size: 12px
  }
  footer h2 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 16px
  }
  footer ul li {
    width: 100%;
    float: none;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #646464 !important;
    padding: 20px 0;
    text-align: center;
  }
  footer ul li:first-child, footer ul li:last-child {
    width: 100% !important;
    border-bottom: none
  }
  .gradingSystemDiv {
    width: 80%;
    padding: 30px;
    margin-right: 0
  }
  .gradingSystemHead {
    margin-bottom: 20px;
    margin-top: 20px
  }
  .gradingSystemHead h1 {
    font-size: 30px
  }
  .differentationDiv {
    width: 46%
  }
  .differentationDivImg {
    padding-bottom: 25px
  }
  .differentationDivImg span {
    width: 50px;
    height: 50px;
    font-size: 40px;
    bottom: 0
  }
  .differentationDivInfo h1 p, .differentationDivMoreInfo h1 p {
    font-size: 20px
  }
  .differentationDivInfo p, .differentationDivMoreInfo p {
    font-size: 16px;
    line-height: 21px
  }
  .differentationClose {
    font-size: 16px
  }
  .ourPeopleLogoDiv p span {
    top: 57%
  }
  .manufacturePage {
    overflow: auto !important
  }
  .diamondInfoDiv {
    height: auto !important
  }
  /*  .manufacturePage {
    background: #071534
  }*/
  .diamondLoop {
    height: auto !important
  }
  .bactToDiamond {
    display: none
  }
  .diamondSection {
    width: 100%;
    margin-top: 2%;
    left: 1px;
    top: 0
  }
  .test {
    position: relative
  }
  .diamondImage h1 {
    font-size: 16px
  }
  .diamondImageDiv {
    width: 18%
  }
  .diamondInfoDetails {
    height: auto
  }
  .diamondImageDiv {
    width: 32%
  }
  .topArrowIcon {
    bottom: 0;
    position: fixed;
    right: 26px;
    display: none
  }
  .manufacturePage #goToBottom {
    display: block
  }
  .sorting {
    margin-right: 0
  }
  .ourLeadershipShowMoreDiv {
    padding: 20px
  }
  .historySection {
    background-attachment: scroll
  }
  .historyDiv {
    height: 600px;
  }
  .imgClass {
    width: 80%;
    margin: 18px auto
  }
  .contentDes {
    width: 80%;
    margin-left: 0
  }
  .JourneySlider .imgClass1 {
    width: 80%;
    margin: 1px auto
  }
  .JourneySlider .contentDes {
    width: 80%;
    margin-left: 0
  }
  .secondMenuDiv {
    display: none
  }
  .mobielHeader {
    display: block
  }
  /*  #staticHeader .menuIconStatic ul li:last-child {
    padding: 10px 0
  }*/
  /*  .desktopHeader {
    display: none
  }*/
  .contactDiv {
    width: 100%
  }
  .col-lg-4.firstRowDiv {
    width: 100%
  }
  /*  #staticHeader .menuIconStatic ul li {
    padding: 17px 8px 0
  }*/
  .eventScroll {
    width: 100%
  }
  .eventDetailBox {
    width: 100%;
    display: inline-block;
    float: left
  }
  .eventDisplay {
    display: none
  }
  .eventNewsBody {
    overflow: scroll
  }
  .eventScroll .mCSB_inside > .mCSB_container {
    margin-right: 0
  }
  .eventDetailBox {
    height: auto
  }
  .eventDetail {
    height: auto
  }
  #contactUsForm .file-input-wrapper > .btn-file-input {
    height: 32px
  }
  #contactUsForm .row.commentRelated {
    margin-bottom: 14px
  }
  .locationAdd.suratLocation p.emailIDContact {
    margin-top: 15px
  }
  .diamondLoopImage {
    background-size: 100% 100%
  }
  .diamondLoopImage > img {
    width: 100%;
    max-width: 100%
  }
  .diamondSection {
    display: none;
    background: rgba(43, 46, 136, .9) none repeat scroll 0 0;
    margin-top: 0;
    height: 100%;
    margin-top: 0;
    position: fixed;
    top: 61px;
    padding: 10px
  }
  .diamondSectionClose {
    font-size: 19px;
    position: absolute;
    right: 20px;
    top: 15px;
    position: absolute;
    cursor: pointer
  }
  .test {
    display: none
  }
  .diamondLoopImage {
    position: relative
  }
  .readTextdiv {
    display: block
  }
  #five .readTextdiv, #one .readTextdiv, #three .readTextdiv {
    background: rgba(43, 46, 136, .7) none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    left: 0;
    padding: 10px;
    top: 30%
  }
  #four .readTextdiv, #two .readTextdiv {
    background: rgba(43, 46, 136, .7) none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    right: 0;
    padding: 10px;
    top: 30%
  }
  .readTextdiv h1 {
    font-size: 25px;
    margin: 5px 0
  }
  .readTextdiv .readMore {
    color: #fff;
    margin-bottom: 0
  }
  .readTextdiv .readMore::before {
    background: #fff none repeat scroll 0 0
  }
  .diamondSection h1 {
    font-size: 35px
  }
  .diamondInfoDetails {
    height: 250px
  }
  .diamondSectionClose {
    display: block
  }
  .hide736 {
    display: none
  }
  .desktopLocation {
    display: none
  }
  .mobileLocation {
    display: block;
    position: relative
  }
  .mobileLocation .txtBorder {
    margin-bottom: 20px
  }
  .mobileLocation .locationText {
    padding: 20px;
    float: none
  }
  .readMore_location {
    font-size: 16px;
    margin-bottom: 0
  }
  .moreLocationDesc {
    background: rgba(43, 46, 136, .9) none repeat scroll 0 0;
    height: 100%;
    padding: 10px;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 9;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    display: none
  }
  .moreLocationDesc p {
    font-size: 16px
  }
  .moreLocationDescContent {
    display: none;
    margin-top: 30px
  }
  .closeloacationDesc {
    float: right;
    font-size: 18px
  }
  .communitySection {
    background: #eeeeee url("../images/venus_community/community.png") no-repeat scroll center top 200px/95% 25%;
    overflow: hidden
  }
  .communitySection .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%
  }
  .communitySection .communityDiv .owl-prev {
    left: 0
  }
  .communitySection .communityDiv .owl-next {
    right: 0
  }
  .firstLetter {
    font-size: 20px
  }
  .ethicalTitleDiv {
    top: 8px
  }
  /*  .commitmentSlider {
    border-bottom: 1px solid #1a253d
  }*/
  .commitmentSlider #carousel {
    display: none
  }
  .commitmentSlider #mobileCarousel {
    display: block
  }
  .commitmentSlider #mobileCarousel li p {
    display: none
  }
  .commitmentSlider #mobileCarousel li {
    background: #ffffff none repeat scroll 0 0;
    opacity: .5;
    cursor: pointer
  }
  .commitmentSlider .imgClass {
    margin: 0
  }
  .commitmentSlider #mobileCarousel li.flex-active-slide {
    cursor: pointer;
    opacity: 1
  }
}
@media (max-width:667px) {
  .diamondInfoDetails {
    height: 200px
  }
  #five .readTextdiv, #four .readTextdiv, #one .readTextdiv, #three .readTextdiv, #two .readTextdiv {
    top: 38%
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
}
@media (min-width:320px) and (max-width:736px) {
  #menu {
    padding-top: 61px
  }
  .homeBanner-caption {
    width: 65%;
    padding: 10px 0
  }
  .homeBannerDesc {
    font-size: 16px;
    margin: 0
  }
  .homepageBannerDiv .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 12px
  }
  .readMore {
    font-size: 16px
  }
  .gradingSystemSection, .venusJewelDifferentationSection {
    background-attachment: scroll;
    padding-top: 30px;
    padding-bottom: 0
  }
  .gradingSystem-caption, .venusJewelDifferentation-caption {
    text-align: justify;
    width: 90%
  }
  .gradingSystem-caption .head, .venusJewelDifferentation-caption .head {
    font-size: 20px;
    margin-top: 0;
    text-align: center
  }
  .gradingSystem-caption .desc, .venusJewelDifferentation-caption .desc {
    font-size: 16px;
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 0
  }
  .gradingSystem-caption .readMore, .venusJewelDifferentation-caption .readMore {
    margin-bottom: 30px
  }
  .solitaireParDiv {
    background-attachment: scroll;
    padding-bottom: 200px;
    padding-top: 200px
  }
  .virtualiseDiamondDiv {
    background-attachment: scroll;
    padding-bottom: 200px;
    padding-top: 200px
  }
  .matchPairDiv {
    background-attachment: scroll;
    padding-bottom: 200px;
    padding-top: 200px
  }
  .differentationDiv1, .differentationDiv2, .differentationDiv3, .differentationDiv4, .differentationDiv5, .differentationDiv6, .differentationDiv7, .differentationDiv8, .ethicalSourcingDiv1, .ethicalSourcingDiv2, .gradingBody {
    background-attachment: scroll;
    background-size: 100% 100%
  }
  .customerCommitmentDiv {
    background-attachment: scroll;
    padding-bottom: 200px;
    padding-top: 200px
  }
  .hompageRowLeftContent, .hompageRowRightContent {
    padding: 0 20px;
    top: 30%;
    width: 55%
  }
  .homepageRow .head {
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 0
  }
  .homepageRow .desc {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px
  }
  .detailCaption h1 {
    font-size: 20px;
    margin-top: 5%
  }
  .detailCaption p {
    font-size: 16px;
    margin: 3% auto 0;
    padding: 0;
    text-align: justify;
    width: 95%
  }
  .eventsDiv h1 {
    font-size: 20px;
    margin-top: 30px
  }
  .homepageRow .readMore {
    margin-bottom: 10px
  }
  .eventrow {
    height: auto
  }
  .eventCaption {
    padding: 10px
  }
  .eventHead {
    font-size: 20px
  }
  .eventDesc {
    font-size: 16px;
    margin: 8% auto 0
  }
  .viewAllDiv a {
    font-size: 16px;
    padding: 8px 20px
  }
  .ourLeadershipHead h1 {
    font-size: 20px
  }
  .leadershipDesc .leadershipDescInfo {
    height: 185px;
    font-size: 15px
  }
  .ourLeadership-caption {
    padding-top: 70%
  }
  .ourLeadership-caption .boldFont {
    font-size: 14px
  }
  .ourLeadership-caption .lightFont {
    font-size: 12px
  }
  .ourLeadership-caption .lightFont.displayNone {
    display: none
  }
  .ourLeadership-caption h2 {
    margin-bottom: 10px;
    margin-top: 0
  }
  .gradingSystemDiv {
    padding: 10px
  }
  .gradingSystemHead h1 {
    font-size: 20px
  }
  .gradingSystemDescDiv {
    font-size: 16px
  }
  .VenusLocation .LocationTitle {
    font-size: 20px
  }
  .formBtn .clearBtn {
    margin-bottom: 10px
  }
  .ourPeopleQuote p {
    font-size: 16px
  }
  .benefitBox p {
    font-size: 16px
  }
  .employeBenefitaDiv .staticText p {
    font-size: 16px
  }
  .benefitBox h3 {
    font-size: 24px
  }
  .eventScroll {
    width: 100%
  }
  .eventDetailBox {
    width: 100%;
    display: inline-block;
    float: left
  }
  .eventDisplay {
    display: none
  }
  .eventNewsBody {
    overflow: scroll
  }
  .eventScroll .mCSB_inside > .mCSB_container {
    margin-right: 0
  }
  .eventDetailBox {
    height: auto
  }
  .eventDetail {
    height: auto
  }
  .differentiationHead h1 {
    font-size: 20px
  }
  .differentationDiv {
    width: 100%;
    margin: 0 0 20px
  }
  .differentationDivImg {
    padding-bottom: 25px
  }
  .differentationDivImg span {
    width: 50px;
    height: 50px;
    font-size: 40px;
    bottom: 0
  }
  .differentationDivInfo h1 p, .differentationDivMoreInfo h1 p {
    font-size: 20px
  }
  .differentationDivInfo p, .differentationDivMoreInfo p {
    font-size: 16px;
    line-height: 21px
  }
  .differentationClose {
    font-size: 16px
  }
  .communityHead {
    width: 60%
  }
  .communityDesc {
    padding-left: 40px
  }
  .communityHead h2 {
    font-size: 20px;
    margin-top: 0
  }
  .communityDiv .owl-prev {
    left: 33%
  }
  .communityDesc {
    padding-right: 5px;
    padding-left: 13px
  }
  .historyDiv .flexslider .slides > li {
    display: block;
    margin-bottom: 6%
  }
  .JourneyDiv .flexslider .slides > li {
    display: block;
    margin-bottom: 6%
  }
  .moveLeft p {
    font-size: 25px
  }
  .JourneySlider .moveLeft p {
    font-size: 25px
  }
  .progressNav {
    display: none
  }
  .ethicalShowMoreDiv {
    top: 17%
  }
  .ethicalSourcingDiv2 .col-md-3 {
    width: 100%
  }
  .lofinForm {
    width: 80%
  }
  .loginDiv {
    top: 20%
  }
  .enterSite {
    margin-top: 30px
  }
  .secondMenuDiv {
    display: none
  }
  .mobielHeader {
    display: block
  }
  /*  #staticHeader .menuIconStatic ul li:last-child {
    padding: 10px 0
  }*/
  /*  .desktopHeader {
    display: none
  }*/
  .differentationDivMoreInfo-caption .desc, .differentationDivMoreInfo-caption .head {
    font-size: 16px
  }
  .differentationDescInfo {
    height: 245px;
    padding-bottom: 2%
  }
  .homepageRow .subHead {
    font-size: 16px
  }
  .ethicalCloseBtn {
    top: 5px
  }
  .diamondInfoDetails {
    height: 200px
  }
  #ContactInfo .contactBtnWrap {
    bottom: 12px
  }
  .ethicalShowMoreDiv {
    top: 5%
  }
  .ourPeopleLogoDiv p {
    margin-right: 3%
  }
  .contactForm .contBtn {
    margin-bottom: 15px
  }
  .gradingSystemDescDiv {
    height: 200px
  }
  .eventsDiv .txtBorder {
    margin-bottom: 20px
  }
  .leftDiv {
    width: 100%
  }
  .rightDiv {
    width: 100%;
    border-left: 0 none
  }
  .loginLogo {
    width: 72%
  }
  .communityDesc {
    font-size: 16px
  }
  .ethicalContent {
    font-size: 16px
  }
  .hide640 {
    display: none
  }
  .homepageRow .subHead {
    margin-bottom: 10px;
    margin-top: 10px
  }
  .listCompany dl dd, .listCompany dl dt {
    font-size: 16px
  }
}
@media (max-width:600px) {
  .loginDiv {
    top: 50%
  }
  .diamondInfoDetails {
    height: 500px
  }
  #five .readTextdiv, #four .readTextdiv, #one .readTextdiv, #three .readTextdiv, #two .readTextdiv {
    top: 37%
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
}
@media (max-width:568px) {
  .loginDiv {
    top: 130%
  }
  .diamondInfoDetails {
    height: 160px
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
}
#mobileCarousel, .desk-none {
  display: none
}
@media (max-width:768px) {
  .commitmentSlider #carousel {
    display: none
  }
  .commitmentSlider #mobileCarousel li p {
    display: none
  }
  #mobileCarousel, .desk-none {
    display: block
  }
  .our-location.resp-none {
    display: none !important
  }
}
@media (max-width:480px) {
  .homepageBannerDiv .owl-theme .owl-controls {
    bottom: -17px
  }
  .differentiate .txtBorder {
    margin-bottom: 25px
  }
  #mobileCarousel, .desk-none {
    display: block
  }
  #mobileCarousel.flexslider .slides img {
    width: 100%
  }
  .main-community-container {
    padding-top: 20px
  }
  .eventDesc {
    width: 100%
  }
  .eventHead {
    margin-top: 50px
  }
  .employeBenefitaDiv .owl-prev {
    left: 38%
  }
  .employeBenefitaDiv .owl-next {
    right: 38%
  }
  .ourPeopleLogoDiv p span {
    width: 55%
  }
  .ourPeopleLogoDiv p {
    margin-right: 4%
  }
  .eventDetailBox {
    width: 100%
  }
  .communityLine p {
    width: 250px
  }
  .customerCommitmentCircle .contentDes {
    margin: 0;
    width: 85%;
    font-size: 17px
  }
  .commitmentSlider .imgClass {
    width: 50%
  }
  .ourCommitmentDescDiv {
    padding: 0 30px
  }
  .ourCommitmentDescDiv p {
    font-size: 17px
  }
  .ourCommitmentDescDiv h2 {
    font-size: 22px;
    margin-top: 20px
  }
  .ethicalShowMoreDiv {
    top: 8%
  }
  .gradingSystemDescDiv {
    height: 340px
  }
  .communityDesc .communityDescText {
    width: 85%
  }
  .communityDesc {
    width: 80%
  }
  .communityDiv .owl-next {
    right: 42%
  }
  .communityDiv .owl-prev {
    left: 34%
  }
  .locationAdd {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    width: 100%
  }
  .locationText p {
    text-align: justify
  }
  #ContactInfo .locationWrap {
    text-align: center
  }
  .contactForm p {
    font-size: 16px
  }
  .ourPeopleLogoDiv p {
    width: 60px;
    height: 60px
  }
  /*  #staticHeader .menuIconStatic ul li {
    padding: 15px 8px 0
  }*/
  .differentationDiv1, .differentationDiv2, .differentationDiv3, .differentationDiv4, .differentationDiv5, .differentationDiv6, .differentationDiv7, .differentationDiv8, .gradingBody {
    background-attachment: scroll;
    background-size: 100% 100%;
    padding-bottom: 20px;
    padding-top: 20px
  }
  .ethicalSourcingDiv1, .ethicalSourcingDiv2 {
    padding-bottom: 150px;
    padding-top: 125px
  }
  .solitaireParDiv {
    background-attachment: scroll;
    padding-bottom: 150px;
    padding-top: 125px
  }
  .virtualiseDiamondDiv {
    background-attachment: scroll;
    padding-bottom: 150px;
    padding-top: 125px
  }
  .matchPairDiv {
    background-attachment: scroll;
    padding-bottom: 150px;
    padding-top: 125px
  }
  .customerCommitmentDiv {
    background-attachment: scroll;
    padding-bottom: 150px;
    padding-top: 125px
  }
  .homepageRow .desc {
    margin-bottom: 10px;
    margin-top: 5px
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  /*  .LoginTextDiv {
    right: 15%
  }*/
  /*  .LoginText {
    font-size: 16px
  }*/
  .differentationDescInfo {
    height: 145px;
    padding-bottom: 2%
  }
  .diamondInfoDetails {
    height: 165px
  }
  .loginDiv {
    top: 122%
  }
  .hompageRowLeftContent, .hompageRowRightContent {
    width: 62%;
    top: 35%
  }
  .matchPairDiv .hompageRowLeftContent {
    top: 24%
  }
}
@media (max-width:414px) {
  .loginDiv {
    top: 65%
  }
  .diamondInfoDetails {
    height: 550px
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  .ourLeadership-caption {
    padding-top: 40%
  }
}
@media (max-width:375px) {
  #ContactInfo .contactForm {
    top: 245px !important
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  .ourPeopleLogoDiv p {
    width: 80px;
    height: 80px
  }
  .eventHead {
    margin-top: 20px
  }
  #five .readTextdiv, #four .readTextdiv, #one .readTextdiv, #three .readTextdiv, #two .readTextdiv {
    top: 33%
  }
  .diamondInfoDetails {
    height: 471px
  }
}
@media (max-width:360px) {
  .eventDesc {
    margin: 8% auto 0
  }
  .hompageRowLeftContent, .hompageRowRightContent {
    width: 65%
  }
  .hompageRowRightContent {
    top: 34%
  }
  .hompageRowLeftContent {
    top: 20%
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  .imgClass {
    width: 80%;
    margin-top: 28px
  }
  .contentDes {
    margin-left: 12px;
    margin-top: 25px;
    width: 80%
  }
  .historyDiv .flexslider .slides > li {
    margin-bottom: 12%
  }
  .JourneyDiv .flexslider .slides > li {
    margin-bottom: 12%
  }
  .ethicalShowMoreDiv {
    top: 9%
  }
  .diamondSection p, .test {
    font-size: 17px
  }
  .bannerText p {
    font-size: 19px
  }
  .leftDiv {
    width: 100%
  }
  .rightDiv {
    width: 100%;
    border-left: 0 none
  }
  .loginLogo {
    width: 72%
  }
  .loginDiv {
    top: 10%
  }
  .eventHead {
    font-size: 16px;
    margin-top: 5px
  }
  .communityDesc .communityDescText {
    width: 85%
  }
  .communityDesc {
    width: 80%
  }
  .locationAdd {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    width: 100%
  }
  .locationText p {
    text-align: justify
  }
  #ContactInfo .contactBtnWrap {
    bottom: 8px
  }
  .socialIconDiv {
    text-align: center
  }
  .contactForm p {
    font-size: 16px
  }
  .socialConnect {
    text-align: center
  }
  .ourPeopleLogoDiv p span {
    width: 55%
  }
  .gradingSystemDescDiv {
    height: 330px
  }
  .communityDiv .owl-next {
    right: 40%
  }
  .communityDiv .owl-prev {
    left: 37%
  }
  .virtualiseDiamondDiv {
    background-attachment: scroll;
    padding-bottom: 190px;
    padding-top: 235px
  }
  .matchPairDiv {
    background-attachment: scroll;
    padding-bottom: 190px;
    padding-top: 235px
  }
  .differentationDiv1, .differentationDiv2, .differentationDiv3, .differentationDiv4, .differentationDiv5, .differentationDiv6, .differentationDiv7, .differentationDiv8, .ethicalSourcingDiv1, .ethicalSourcingDiv2, .gradingBody {
    background-attachment: scroll;
    background-size: 100% 100%
  }
  .customerCommitmentDiv {
    background-attachment: scroll;
    padding-bottom: 190px;
    padding-top: 235px
  }
  .customerCommitmentDiv .hompageRowRightContent {
    top: 8%
  }
  .solitaireParDiv {
    background-attachment: scroll;
    padding-bottom: 120px;
    padding-top: 100px
  }
  .virtualiseDiamondDiv {
    background-attachment: scroll;
    padding-bottom: 120px;
    padding-top: 100px
  }
  .matchPairDiv {
    background-attachment: scroll;
    padding-bottom: 120px;
    padding-top: 100px
  }
  .customerCommitmentDiv {
    background-attachment: scroll;
    padding-bottom: 105px;
    padding-top: 115px
  }
  .differentationDiv1, .differentationDiv2, .differentationDiv3, .differentationDiv4, .differentationDiv5, .differentationDiv6, .differentationDiv7 {
    padding-bottom: 15px;
    padding-top: 15px
  }
  .differentationDescInfo {
    height: 155px
  }
  .diamondInfoDetails {
    height: 320px
  }
  .ethicalSourcingDiv1, .ethicalSourcingDiv2 {
    padding-bottom: 120px;
    padding-top: 100px
  }
}
#ContactInfo .resp-none {
  display: none !important
}
@media (max-width:320px) {
  /*  .LoginTextDiv {
    right: 18%
  }*/
  .employeBenefitaDiv .owl-prev {
    left: 36%
  }
  .employeBenefitaDiv .owl-next {
    right: 36%
  }
  /*  .menuIconStatic .openClose, .menuIconStatic .openMenu {
    background: 0 0;
    margin-left: 0
  }*/
  .leadershipDesc .leadershipDescInfo {
    height: 150px
  }
  .ourPeopleLogoDiv p span {
    width: 55%
  }
  .communityDiv .owl-next {
    right: 39%
  }
  .communityDiv .owl-prev {
    left: 38%
  }
  .communityDesc {
    width: 92%
  }
  .communityDesc .communityDescText {
    width: 87%
  }
  .eventsDiv .txtBorder {
    margin-bottom: 34px
  }
  .detailCaption p {
    height: 70px
  }
  .gradingSystemDescDiv {
    height: 285px
  }
  .gradingSystemDiv {
    width: 90%
  }
  .venusPopup {
    width: 78%
  }
  .customerCommitmentDiv .hompageRowRightContent {
    top: 2%
  }
  .matchPairDiv .hompageRowLeftContent {
    top: 8%
  }
  .loginDiv {
    top: 90%
  }
}
.container-fluid {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 275px 275px;
  grid-gap: 20px;
  margin-bottom: 25px;
  overflow: visible;
  padding: 1.5rem 3rem;
}
.Interview {
  grid-row: 1/-1
}
.Awards {
  grid-row: 2/-1
}
.News {
  grid-row: 1/-1
}
.press-releases {
  grid-row: 1/2
}
.facebook-post {
  grid-row: 1/-1;
  width: 350px
}
.facebook-post-mob {
  grid-row: 1/-1;
  width: auto
}
.archive-card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 550px;
  padding: 1.25rem;
  overflow-y: scroll;
  background-color: #fff
}
.archive-card-body-mob {
  -ms-flex: 1 1 auto;
  flex: 1 1 550px;
  padding: 1.25rem;
  background-color: #fff
}
.search-article input {
  width: 100% !important;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  color: #000;
  font-size: 1rem !important
}
.card {
  background-color: #fff;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .1)
}
.bs-example .accordion .card .card-header {
  padding: .75rem;
  margin-bottom: 0;
  background-color: #000064 !important;
  border-bottom: 1px solid rgba(0, 0, 0, .125)
}
h4 {
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  font-size: 1.3rem
}
.card .card-header .btn-link {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px
}
.btn-dark {
  position: relative;
  padding: .8rem !important;
  margin-bottom: 0
}
.text-reagent-gray {
  font-size: .8125rem;
  color: #004cff;
  display: flow-root;
}
.text-reagent-gray-mob {
  font-size: .85rem;
  color: #004cff;
  display: flow-root;
  font-family: 'Montserrat', sans-serif;
  padding-left: 10px
}
.text-fiord-blue {
  width: 100%;
  font-weight: 500;
  color: #000;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: .875rem;
  letter-spacing: 0;
  text-transform: capitalize
}
.text-fiord-blue-mob {
  width: 100%;
  font-weight: 500;
  color: #000;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: .95rem;
  letter-spacing: .1px;
  text-transform: capitalize;
  padding-left: 10px
}
.space {
  height: 20px
}
#myInput {
  font-size: 16px;
  border: 1px solid #ddd;
  color: #000;
  margin: 0 0 0 3rem;
  border-radius: 0.25rem;
}
#myList {
  list-style-type: none;
  padding: 0;
  margin: 0
}
#myList li a {
  margin-top: -1px;
  text-decoration: none;
  font-size: 1rem;
  color: #000
}
#myList :hover:not(.header) {
  background-color: #eee
}
#myList1 :hover:not(.header) {
  background-color: #eee
}
#myList2 :hover:not(.header) {
  background-color: #eee
}
#myList3 :hover:not(.header) {
  background-color: #eee
}
#myList4 :hover:not(.header) {
  background-color: #eee
}
.archive-list-group-item {
  position: relative;
  display: inherit;
  padding: .5rem .5rem .5rem 0;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.archive-avatar {
  vertical-align: middle;
  width: 50px !important;
  height: 50px !important;
  border-radius: 5px;
  margin-right: 10px;
  margin-left: 10px
}
.panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\2212";
  float: right;
  color: grey
}
.panel-heading a.collapsed:after {
  content: "\2b"
}
.panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\2212";
  float: right;
  color: grey
}
.panel-heading a.collapsed:after {
  content: "\2b"
}
#myInput input[type=text] {
  width: 250px !important;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  padding: 12px 20px 12px 50px !important;
  -webkit-transition: width .4s ease-in-out;
  transition: width .4s ease-in-out
}
#myInput input[type=text]:focus {
  width: 40% !important
}
.new_footer {
  position: relative;
}
.footer__address {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -40%);
  padding: 0;
}
.footer__detail_box {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0em 2em;
  width: 100%;
  height: 100%;
  align-items: end;
}
.footer_social_media {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.footer__heading {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.footer__link {
  font-size: 1.1rem;
  letter-spacing: 1px
}
.address__link {
  font-size: 1rem;
}
.social-menu {
  display: flex;
}
.social-menu a .fab {
  background-color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  margin: 1rem 1rem 0rem 0;
  transition: .6s;
}
.social-menu a .fab:hover {
  transform: translate(0, -10%);
}
.horizontal_line {
  width: 60%;
  margin-bottom: 4rem;
}
.horizontal_line hr {
  margin-top: 0rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid rgba(255, 255, 255, 1);
}
.new_footer {
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #001689;
}
.new_footer .content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 2em;
  grid-auto-flow: row;
  padding: 3rem 0;
}
.new_footer .content p {
  margin-bottom: 1.3rem;
}
.new_footer .content a {
  text-decoration: none;
}
.new_footer .content a:hover {
  color: #12CFCA;
}
.new_footer .content .footer_heading {
  margin-bottom: 1.3rem;
  font-size: 1.25rem;
  color: white;
  font-weight: 600;
  position: relative;
}
.new_footer .content .footer_heading::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 3px;
  width: 100px;
  background: rgb(0, 167, 225);
  background: -moz-linear-gradient(90deg, rgba(0, 167, 225, 1) 0%, rgba(18, 207, 202, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 167, 225, 1) 0%, rgba(18, 207, 202, 1) 100%);
  background: linear-gradient(90deg, rgba(0, 167, 225, 1) 0%, rgba(18, 207, 202, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a7e1", endColorstr="#12cfca", GradientType=1);
}
.new_footer .content .links ul li {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
.footer_address {
  margin: 2rem 0;
  font-size: 1.0rem;
}
footer {
  text-align: center;
}
@media (max-width: 767px) {
  .new_footer .content {
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }
  .new_footer {
    position: unset;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .new_footer .content, .new_footer {
    font-size: 14px;
  }
  .services {
    margin-bottom: 3rem;
  }
  .services:last-child {
    margin-bottom: 0;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .new_footer {
    position: unset;
  }
  .services {
    margin-bottom: 3rem;
  }
  .services:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 475px) {
  .services {
    margin-bottom: 3rem;
  }
  .services:last-child {
    margin-bottom: 0;
  }
  .new_footer .content {
    padding: 1.5rem;
  }
}
::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #bebebe;
  background: linear-gradient(90deg, #bebebe 0, #fff 100%);
  overflow-y: scroll
}
::-webkit-scrollbar-track {
  background-color: #fff;
  background: linear-gradient(to right, #201c29, #201c29 1px, #100e17 1px, #100e17)
}
@media screen and (max-width:576px) {
  .container-fluid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    margin-top: 10px;
    margin-bottom: 20px
  }
}
@media screen and (min-width:577px) and (max-width:992px) {
  .container-fluid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 10px
  }
  #t10.collapse {
    display: block
  }
}
.contBtn {
  background-color: transparent;
  color: #001689;
  border: 1px solid #001689;
}
.clearBtn{
    border: 1px solid #E52020;
    color: #E52020;
}
.clearBtn:hover{
    background-color: #FFEADD;
    color: #E52020;
}

.submitBtn:hover {
  background-color: #001689;
  color: #FFFFFF;
  border: 1px solid #001689;
}
.mCSB_container {
  color: #58595B;
}
/*NEW VACANCY PAGE CSS START*/
.page {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px 40px;
}
.pcss3t {
  margin: 2% 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 0;
  text-align: left;
}
.pcss3t > input {
  position: absolute;
  display: none;
}
.pcss3t > label {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
}
.pcss3t > label i {
  display: block;
  float: left;
  margin: 0 8px 0 -2px;
  padding: 0;
  border: 0;
  outline: none;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 17px;
}
.pcss3t > input:checked + label {
  cursor: default;
}
.pcss3t > ul {
  list-style: none;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 13px;
}
.pcss3t > ul > li {
  position: absolute;
  width: 100%;
  overflow: auto;
  padding: 30px 40px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  opacity: 0;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.pcss3t > .tab-content-first:checked ~ ul .tab-content-first, .pcss3t > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -webkit-transform: rotate(0deg);
}
/*----------------------------------------------------------------------------*/
/*                                 EXTENSIONS                                 */
/*----------------------------------------------------------------------------*/
/**/
/* auto height */
/**/
.pcss3t-height-auto > ul {
  height: auto !important;
}
.pcss3t-height-auto > ul > li {
  position: static;
  display: none;
  height: auto !important;
}
.pcss3t-height-auto > .tab-content-first:checked ~ ul .tab-content-first, .pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t-height-auto > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t-height-auto > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t-height-auto > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t-height-auto > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
  display: block;
}
/**/
/* grid */
/**/
.pcss3t .grid-row {
  margin-top: 20px;
}
.pcss3t .grid-row:after {
  content: "";
  display: table;
  clear: both;
}
.pcss3t .grid-row:first-child {
  margin-top: 0;
}
.pcss3t .grid-col {
  display: block;
  float: left;
  margin-left: 2%;
}
.pcss3t .grid-col:first-child {
  margin-left: 0;
}
.pcss3t .grid-col .inner {
  padding: 10px 0;
  border-radius: 5px;
  background: #f2f2f2;
  text-align: center;
}
.pcss3t .grid-col-1 {
  width: 15%;
}
.pcss3t .grid-col-2 {
  width: 32%;
}
.pcss3t .grid-col-3 {
  width: 49%;
}
.pcss3t .grid-col-4 {
  width: 66%;
}
.pcss3t .grid-col-5 {
  width: 83%;
}
.pcss3t .grid-col-offset-1 {
  margin-left: 19%;
}
.pcss3t .grid-col-offset-1:first-child {
  margin-left: 17%;
}
.pcss3t .grid-col-offset-2 {
  margin-left: 36%;
}
.pcss3t .grid-col-offset-2:first-child {
  margin-left: 34%;
}
.pcss3t .grid-col-offset-3 {
  margin-left: 53%;
}
.pcss3t .grid-col-offset-3:first-child {
  margin-left: 51%;
}
.pcss3t .grid-col-offset-4 {
  margin-left: 70%;
}
.pcss3t .grid-col-offset-4:first-child {
  margin-left: 68%;
}
.pcss3t .grid-col-offset-5:first-child {
  margin-left: 85%;
}
/**/
/* typography */
/**/
.pcss3t .typography {
  color: #666;
}
.pcss3t .typography h1, .pcss3t .typography h2, .pcss3t .typography h3, .pcss3t .typography h4, .pcss3t .typography h5, .pcss3t .typography h6 {
  margin: 40px 0 0 0;
  padding: 0;
  font-family: Gabriela, Georgia, serif;
  text-align: left;
  color: #333;
}
.pcss3t .typography h1 {
  font-size: 40px;
  line-height: 60px;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}
.pcss3t .typography h2 {
  font-size: 32px;
  line-height: 48px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}
.pcss3t .typography h3 {
  font-size: 26px;
  line-height: 38px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}
.pcss3t .typography h4 {
  font-size: 20px;
  line-height: 30px;
}
.pcss3t .typography h5 {
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
}
.pcss3t .typography h6 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.pcss3t .typography p {
  margin: 20px 0 0 0;
  padding: 0;
  line-height: 20px;
  text-align: left;
}
.pcss3t .typography ul, .pcss3t .typography ol {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.pcss3t .typography li {
  position: relative;
  margin-top: 5px;
  padding-left: 20px;
}
.pcss3t .typography li ul, .pcss3t .typography li ol {
  margin-top: 5px;
}
.pcss3t .typography ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 4px;
  background: #404040;
}
.pcss3t .typography ol {
  counter-reset: list1;
}
.pcss3t .typography ol > li:before {
  counter-increment: list1;
  content: counter(list1) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.pcss3t .typography a {
  text-decoration: underline;
  color: #1889e6;
}
.pcss3t .typography a:hover {
  text-decoration: none;
}
.pcss3t .typography .pic {
  padding: 4px;
  border: 1px dotted #ccc;
}
.pcss3t .typography .pic img {
  display: block;
}
.pcss3t .typography .pic-right {
  float: right;
  margin: 0 0 10px 20px;
}
.pcss3t .typography .link {
  text-decoration: underline;
  color: #1889e6;
  cursor: pointer;
}
.pcss3t .typography .link:hover {
  text-decoration: none;
}
.pcss3t .typography h1:first-child, .pcss3t .typography h2:first-child, .pcss3t .typography h3:first-child, .pcss3t .typography h4:first-child, .pcss3t .typography h5:first-child, .pcss3t .typography h6:first-child, .pcss3t .typography p:first-child {
  margin-top: 0;
}
.pcss3t .typography .text-center {
  text-align: center;
}
.pcss3t .typography .text-right {
  text-align: right;
}
/**/
/* steps */
/**/
.pcss3t-steps > label {
  cursor: default;
}
/**/
/* animation effects */
/**/
.pcss3t-effect-scale > ul > li {
  -webkit-transform: scale(0.1, 0.1);
}
.pcss3t-effect-rotate > ul > li {
  -webkit-transform: rotate(180deg);
}
.pcss3t-effect-slide-top > ul > li {
  top: -40px;
}
.pcss3t-effect-slide-right > ul > li {
  left: 80px;
}
.pcss3t-effect-slide-bottom > ul > li {
  top: 40px;
}
.pcss3t-effect-slide-left > ul > li {
  left: -80px;
}
/*----------------------------------------------------------------------------*/
/*                                   LAYOUTS                                  */
/*----------------------------------------------------------------------------*/
/**/
/* top right */
/**/
.pcss3t-layout-top-right {
  text-align: right;
}
/**/
/* top center */
/**/
.pcss3t-layout-top-center {
  text-align: center;
}
/**/
/* top combi */
/**/
.pcss3t > .right {
  float: right;
}
/*----------------------------------------------------------------------------*/
/*                               RESPONSIVENESS                               */
/*----------------------------------------------------------------------------*/
/**/
/* pad */
/**/
@media screen and (max-width: 980px) {}
/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
  .pcss3t > label {
    display: block;
  }
  .pcss3t > .right {
    float: none;
  }
}
/*----------------------------------------------------------------------------*/
/*                                   THEMES                                   */
/*----------------------------------------------------------------------------*/
/**/
/* default */
/**/
.pcss3t > label {
  padding: 0 24px;
  background: #e5e5e5;
  font-size: 16px;
  line-height: 49px;
}
.pcss3t > label:hover {
  background: #f2f2f2;
}
.pcss3t > input:checked + label {
  background: #fff;
}
.pcss3t > ul {
  background: #fff;
  text-align: left;
}
.pcss3t-steps > label:hover {
  background: #e5e5e5;
}
/**/
/* theme 1 */
/**/
.pcss3t-theme-1 > label {
  margin: 0 5px 5px 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  color: #808080;
  opacity: 0.8;
}
.pcss3t-theme-1 > label:hover {
  background: #fff;
  opacity: 1;
}
.pcss3t-theme-1 > input:checked + label {
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: blue;
  opacity: 1;
}
.pcss3t-theme-1 > ul {
  border-radius: 5px;
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
}
.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
  border-top-left-radius: 0;
}
@media screen and (max-width: 767px) {
  .pcss3t-theme-1 > label {
    margin-right: 0;
  }
  .pcss3t-theme-1 > input:checked + label {
    margin-bottom: 5px;
    padding-bottom: 0;
    border-radius: 5px;
  }
  .pcss3t-theme-1 > .tab-content-first:checked ~ ul {
    border-top-left-radius: 5px;
  }
}
/**/
/* theme 2 */
/**/
.pcss3t-theme-2 {
  padding: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.pcss3t-theme-2 > label {
  margin-right: 0;
  margin-bottom: 0;
  background: none;
  border-radius: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 1;
}
.pcss3t-theme-2 > label:hover {
  background: rgba(255, 255, 255, 0.2);
}
.pcss3t-theme-2 > input:checked + label {
  padding-bottom: 0;
  background: #fff;
  background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  color: #822bd9;
}
.pcss3t-theme-2 > ul {
  margin: 0 -5px -5px;
  border-radius: 0;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .pcss3t-theme-2 > ul {
    margin-top: 5px;
  }
}
/**/
/* theme 3 */
/**/
.pcss3t-theme-3 {
  background: rgba(0, 0, 0, 0.8);
}
.pcss3t-theme-3 > label {
  background: none;
  border-right: 1px dotted rgba(255, 255, 255, 0.5);
  text-align: center;
  color: #fff;
  opacity: 0.6;
}
.pcss3t-theme-3 > label:hover {
  background: none;
  color: #d9d92b;
  opacity: 0.8;
}
.pcss3t-theme-3 > input:checked + label {
  background: #d9d92b;
  color: #000;
  opacity: 1;
}
.pcss3t-theme-3 > ul {
  border-top: 4px solid #d9d92b;
  border-bottom: 4px solid #d9d92b;
  border-radius: 0;
  box-shadow: none;
}
/**/
/* theme 4 */
/**/
.pcss3t-theme-4 > label {
  margin: 0 10px 10px 0;
  border-radius: 5px;
  background: #78c5fd;
  background: linear-gradient(to bottom, #78c5fd 0%, #2c8fdd 100%);
  background: -o-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
  background: -ms-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
  background: -moz-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
  background: -webkit-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78c5fd', endColorstr='#2c8fdd', GradientType=0);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.5);
  line-height: 39px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  color: #fff;
}
.pcss3t-theme-4 > label:hover {
  background: #90cffc;
  background: linear-gradient(to bottom, #90cffc 0%, #439bde 100%);
  background: -o-linear-gradient(top, #90cffc 0%, #439bde 100%);
  background: -ms-linear-gradient(top, #90cffc 0%, #439bde 100%);
  background: -moz-linear-gradient(top, #90cffc 0%, #439bde 100%);
  background: -webkit-linear-gradient(top, #90cffc 0%, #439bde 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90cffc', endColorstr='#439bde', GradientType=0);
}
.pcss3t-theme-4 > input:checked + label {
  top: 1px;
  background: #5f9dc9;
  background: linear-gradient(to bottom, #5f9dc9 0%, #2270ab 100%);
  background: -o-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
  background: -ms-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
  background: -moz-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
  background: -webkit-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9dc9', endColorstr='#2270ab', GradientType=0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.5);
  text-shadow: none;
}
.pcss3t-theme-4 > ul {
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .pcss3t-theme-4 > label {
    margin-right: 0;
  }
}
/**/
/* theme 5 */
/**/
.pcss3t-theme-5 {
  padding: 15px;
  border-radius: 5px;
  background: #ad6395;
  background: linear-gradient(to right, #ad6395 0%, #a163ad 100%);
  background: -o-linear-gradient(left, #ad6395 0%, #a163ad 100%);
  background: -ms-linear-gradient(left, #ad6395 0%, #a163ad 100%);
  background: -moz-linear-gradient(left, #ad6395 0%, #a163ad 100%);
  background: -webkit-linear-gradient(left, #ad6395 0%, #a163ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad6395', endColorstr='#a163ad', GradientType=1);
}
.pcss3t-theme-5 > label {
  margin-right: 10px;
  margin-bottom: 15px;
  background: none;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  opacity: 1;
}
.pcss3t-theme-5 > label:hover {
  background: rgba(255, 255, 255, 0.15);
}
.pcss3t-theme-5 > input:checked + label {
  background: rgba(255, 255, 255, 0.3);
  color: #000;
}
.pcss3t-theme-5 > input:checked + label:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 10px;
  margin-left: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.pcss3t-theme-5 > ul {
  margin: 0 -15px -15px;
  border-radius: 0 0 5px 5px;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .pcss3t-theme-5 > input:checked + label:after {
    display: none;
  }
}
/*----------------------------------------------------------------------------*/
/*                               CUSTOMIZATION                                */
/*----------------------------------------------------------------------------*/
/**/
/* height */
/**/
.pcss3t > ul, .pcss3t > ul > li {
  height: 370px;
}


/*---------------------------------------------------------------------------*/
/*                               MATCHED PAIR                                */
/*---------------------------------------------------------------------------*/
.py-8{
   padding-top: 8rem; 
   padding-bottom: 8rem; 
}
.mp_section{
    height: 100vh;
}
.mp_section_gray{
    background-color: #F5F5F5;
    height: 100%;
}
.mp_section_white{
    background-color: #FFFFFF;
}
.mp-bg-img{
    background-image: url( "../images/jig-img/matched_pair/hero_image.jpg");
    min-height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-out;
}
.hero-content {
    height: 100vh;
    display: grid;
    grid-template-rows: auto 300px auto;
    margin: 0 auto;
    place-items: inherit;
}
.grid-card{
    text-align: center;
    color: #ffffff;
}
.grid-card.one{
    margin-top: 1.5rem;
}
.company-name{
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 700;
}
.mp-main-heading{
    font-size: clamp(2rem, 3.8vw, 4rem);
    font-weight: 700;
    line-height: normal;
}
.mp-subtitle{
    font-size: clamp(.9375rem, 1.5vw, 1.25rem);
}
.grid-card p{
    font-size: clamp(.9375rem, 1.5vw, 1.05rem);
    text-align: justify;
    padding: 0 1rem;
}

.grid-card-inverted {
    color: #333333;
    display: grid;
    grid-template-rows: repeat(3, minmax(100px, max-content));
    place-items: center;
    gap: 2rem;
}
.section-text{
    font-size: clamp(.9375rem, 1.5vw, 1.25rem);
    text-align: center;
}

.move-down-container {
    display: grid;
    grid-template-rows: auto 100px;
    place-items: center;
    padding: 2rem 0;
}
.move-down-box p {
    font-size: 1.25rem;
    font-weight: normal;
    color: #969696;
}
.move-down span{
	display: block;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #969696;
	border-right: 2px solid #969696;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite;
}

.move-down span:nth-child(2)
{
	animation-delay: -0.2s;
}

.move-down span:nth-child(3)
{
	animation-delay: -0.4s;
}

@keyframes animate{
	
	0%{
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}

.card-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
    gap: 2rem;
}
.card-container .mp-item {
    background-color: #fff;
    padding: 2rem;
    border-radius: .5rem;
    transition: all 275ms ease-in-out;
}
.card-container .mp-item:hover{
    transform: translateY(-6px);
}
.mp-item .icon{
    margin-bottom: 2rem;
}
.mp-item .icon img{
    max-height: 100%;
    width: auto;
    display: block;
    margin: auto;
}
.mp-item .icon-desc{
    color: #001689;
}
.mp-image{
    transition: all 275ms ease-in-out; 
}
.mp-image:hover{
    transform: translateY(-6px);
}

/*=====SECTION THREE=====*/
.grid-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    place-items: center;
}
.viewHeight{
    min-height: 100vh;
}
.mp-content{
    padding: 0 3rem;
}
.mp-heading {
    font-size: clamp(1.8rem, 2.6vw, 2.5rem);
    line-height: normal;
    font-weight: 600;
    margin-bottom: .5rem;
}
.mp-sub-heading{
    padding-bottom: 1rem;
    font-size: clamp(.9375rem, 1.35vw, 1.05rem);
    font-weight: 600;
}
.mp-desc{
    font-size: clamp(.9375rem, 1.5vw, 1.05rem);
    color: #969696;
}
.mp-desc a{
    color: blue;
}
.mp-desc a:hover{
    text-decoration: underline;
}

.mp-table{
    padding-right: 3rem;
    width: 100%;
}
.mp-table .table{
    font-size: 1.1rem;
    text-align: center;
}

.mp-table .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #005f8c;
}
.tableBg{
    background-color: aliceblue;
}

@media only screen and (max-width: 40em) {
    .hero-content {
        grid-template-rows: repeat(3, minmax(100px, max-content));
        background-color: rgba(0,22,137,0.50)
    }
    .grid-card p {
        max-height: 250px;
        overflow-y: auto;
    }
    .py-8 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .mp-content {
        padding: 0 1.5rem;
    }
    .mp-table{
        padding-right: 0;
        width: 100%;
    }
    .mp-table .table{
        font-size: .6875rem;
        text-align: center;
    }
}