images/jig-imgimages/jig-img* {
    box-sizing: border-box;
}
body {
    font-size: 14px;
    color: #fff;
    background: #000055;
    background-size: cover;
}
a {
    text-decoration: none;
    color: #fff;
}
a:focus, a:hover {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}
/*input[type=text] {
  width: 130px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
*/
input[type=text]:focus {
  width: 100%;
}
.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: #111111;
}
#staticHeader {
    display: block;
    padding-bottom: 7%;
}
.logoFull img {
    width: 100%;
    max-width: 100%;
}
.contactWrapper {
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    padding: 0px 2%;
    width: 100%;
    position: fixed;
    z-index: 99;
    background: linear-gradient(90deg, rgba(7, 21, 52, 1) 11%, rgba(0, 28, 92, 1) 70%, rgba(0, 28, 92, 1) 100%);
}
.contactWrapper .app {
    width: 35%;
    margin: 20px 0% 0px 15%;
    float: left;
    display: block;
}
.contactWrapper .app img {
    margin: 10px 0px 0px 0px;
}
.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: 0px !important;
}
.appdowndiv li {
    width: 46%;
    margin: 0% 2%;
    float: left;
    list-style: none;
}
.appdowndiv li img {
    width: 100%;
    border: 1px solid #ffffff;
    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: 0.8;
    filter: alpha(opacity=80);
    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: 0.8;
    filter: alpha(opacity=80);
    text-decoration: underline !important;
}
.txtBorder {
    width: 0px;
    border-bottom: 2px solid #ffffff;
    margin: 0 auto;
}
.terms_container {
    background: #FFF;
    padding: 4em 0em;
    text-align: center;
}
.terms {
    width: 100%;
    font-family: 'ProximaNovaAltRegular';
    color: #000;
    font-size: 20px;
    text-align: justify;
    padding: 0 5%;
}
.terms_title {
    font-family: 'ProximaNovaAltRegular';
    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 300ms!important;
    -webkit-transition: all 300ms!important;
    -moz-transition: all 300ms!important;
}
.about {
    background: #ffffff;
    text-align: center;
    padding: 8em 0em;
}
.about p {
    color: #444444;
    font-size: 1.2em;
    text-align: Center;
    padding: 1em 1em 2em 1em;
    line-height: 1.9em;
}
.about p a {
    color: #444444;
}
.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 0em;
	text-align:center;
	}
.logistic{
	width:90%;
	font-family:'ProximaNovaAltRegular';
	color:#000;
	padding-left:25%;
	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;
}
.header-left {
    background: #001689;
    color: #FFF;
    height: 65px !important;
    padding: 16px !important;
}
.logistic p{
	line-height:20px;
	color:#000;
	}
#staticHeader .logoFull {
    float: left;
    width: 16%;
}
@media  (min-width:1300px) and (max-width:1599px){
#staticHeader .logoFull {
    float: left;
    width: 19%;
}
}
#contactUsForm input[type=radio] {
    margin: 2px 0 0 -20px;
}
#staticHeader .menuIconStatic {
    float: right; /*margin-top:2.5%;*/
}
#staticHeader .menuIconStatic ul {
    margin: 0
}
#staticHeader .menuIconStatic ul li {
    display: inline-block;
    padding: 45px 8px 0;
    vertical-align: middle;
    float: left
}
#staticHeader .menuIconStatic ul li:last-child {
    padding: 40px 0;
    float: left;
}
.locationText {
    float: left;
    width: 50%;
    position: relative; /*top:87px;*/
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/Map.png") no-repeat;
    background-size: cover;
}
.locationWrap {
    position: relative;
    width: 75.3%;
    margin: 0 auto;
}
.locationText h2 {
    font-family: 'Flaticon';
    text-transform: uppercase;
}
#ContactInfo .locationWrap {
    position: unset;
}
#ContactInfo .contactBtnWrap {
    right: 10%;
}
.locationText p {/*font-family: "ProximaNovaAltThin";*/
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
    margin: 0px;
}
.contactBtn {
    font-family: 'ProximaNovaAltRegular';
    float: right;
    background: transparent;
    font-size: 20px;
    padding: 10px;
    border: 1px solid #ffffff;
}
.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 .linkedInImg, .socialIconDiv .pinterestImg, .socialIconDiv .twitterImg, .socialIconDiv .instaImg{
    transform: scale(1);
    transition: all 1s ease;
}
.socialIconDiv .fbImg:hover, .socialIconDiv .linkedInImg:hover, .socialIconDiv .pinterestImg:hover, .socialIconDiv .twitterImg, .socialIconDiv .instaImg:hover {
    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 #ffffff;
}
.footerWrapper h2 {
    font-size: 30px;
    font-family: 'goudyolst_btroman';
    text-transform: uppercase;
}
.footerMumTxt {
    float: left;
}
.footerSurTxt {
    float: right;
}
.footerWrapper h3 {
    font-family: 'goudyolst_btroman';
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 2%;
}
.footerWrapper address {
    font-family: 'goudyolst_btroman';
    font-size: 19px;
    line-height: 30px;
}
.footerWrapper h2 {
    padding-top: 20px;
    margin-top: 0px;
}
.footerLinks {
    text-align: center;
    padding: 20px 0px;
}
.footerLinks ul li a {
    font-family: 'goudyolst_btroman';
    font-size: 18px !important;
    padding: 0px 5px;
}
.contactForm {
    display: none;
}
.contactForm .commentTxt {/*font-family:'goudyolst_btroman'; */
    font-size: 20px;
    margin-bottom: 20px;
}
.contactForm .uploadTxt {/*font-family:'ProximaNovaAltThin';*/
    font-size: 16px;
}
.contactForm p {/*font-family:'ProximaNovaAltThin';*/
    margin-bottom: 0%;
    text-align: justify;
    font-size: 20px;
    line-height: 27px;
}
/* ======= Placeholder Css ========= */
.form-control{background-color: transparent !important; color: #fff !important}
.form-control::-webkit-input-placeholder {/*font-family:'ProximaNovaAltThin';*/
color: #ffffff;
}
.form-control:-moz-placeholder {/*font-family:'ProximaNovaAltThin';*/
color: #ffffff;
}
.form-control::-moz-placeholder {/*font-family:'ProximaNovaAltThin';*/
color: #ffffff;
}
.form-control:-ms-input-placeholder {/*font-family:'ProximaNovaAltThin';*/
color: #ffffff;
}
.form-control:placeholder-shown {/*font-family:'ProximaNovaAltThin';*/
color: #ffffff;
}
/* ====== End of placeholder Css ======= */
.contactForm .form-control {
    background: transparent;
    border-radius: 0px;
    color: #ffffff;
    font-size: 18px;
}
.contactForm .form-control:focus {
    border-color: #ffffff;
}
.contactForm input[type="email"] {
    border: 1px solid #ffffff;
}
.contactForm .radio label {/*font-family:'ProximaNovaAltThin';*/
    font-size: 16px;
    color: #ffffff;
}
.contactForm .contSelect {
    color: #ffffff;/*font-family:'ProximaNovaAltThin';*/
    font-size: 18px;
}
.contactForm .contBtn {
    background: transparent;
    border-radius: 0px;/*font-family:'ProximaNovaAltThin';*/
    font-size: 16px;
    color: #ffffff;
    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;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: transparent;
    cursor: inherit;
    display: inline;
}
.locationContactDiv {
    position: relative;/* top:90px;*/
}
.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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/selectIcon.png") no-repeat 96% 50%;
}
.contBtn {
  background: transparent ;
  border-color: #ffffff ;
  border-radius: 0px ;
  font-size: 16px;
  color: #fff;
  padding: 3px 18px;
}
.carousel-control:focus, .carousel-control:hover {
    opacity: 1 !important;
    filter: alpha(opacity=10) !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, 0.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: #ff0000;
}
.errorWrap {
    position: relative;
}
.errorWrap label {
    position: absolute;
    top: 38px;
    font-size: 13px;
    color: #ff0000;
}
.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 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.8, 0.5, 1);
    -moz-transform: rotate(360deg);
    -moz-transition: all 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0.8, 0.5, 1);
    -o-transform: rotate(360deg);
    -o-transition: all 0.5s;
    -o-transition-timing-function: cubic-bezier(1, 0.8, 0.5, 1);
}
.contactForm .closeBtn:hover {
    -webkit-transform: rotate(0deg) rotate(0);
    -webkit-transition-delay: 0;
    -o-transition: all 0.5s;
    -moz-transform: rotate(0deg);
    -moz-transition-delay: 0;
    -o-transition: all 0.5s;
    -o-transform: rotate(0deg);
    -o-transition-delay: 0;
    -o-transition: all 0.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 rgba(0, 0, 0, 0);
    -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: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.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: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover {
    color: white;
}
.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;
}
/*.locationText{height: 625px !important;}*/
/* ############ Ethical Sourcing Css Starts ############ */
.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: 'ProximaNovaAltRegular';
    font-size: 34px;
    margin: 0px;
}
.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: 0px 0px 0px 0px;
    text-transform: uppercase;
    line-height: 10px;
}
.slideOneTxt h1 p {
    font-family: 'ProximaNovaAltRegular';
    font-size: 27px;
    margin: 0px;
}
.slideOneTxt hr {
    max-width: 7%;
    border-top: 2px solid #fff;
    margin-top: 10px;
    margin-bottom: 50px;
}
/*.slideOneTxt p:nth-child(2){margin-bottom:30px;}*/
.listCompany {
    margin-top: 20px;
}
.listCompany dl dt {
    font-family: 'ProximaNovaAltRegular';
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 12px;
}
.listCompany dl dt:before {/*content:url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/diamondIcon.png);*/
    display: inline-block;
    padding-right: 8px;
}
.listCompany dl dt span {
    border-bottom: 1px solid #ffffff;
    padding: 0px 0px 1px 0px;
    font-family: ProximaNovaAltRegular;
}
.listCompany dl dd {
    font-family: ProximaNovaAltRegular;
    font-size: 20px;
}
.ethicalBg .carousel-control.right {
    z-index: -99;
}
.ethicalBg .carousel-control.left {
    z-index: -99;
}
.arrowToggle {
    position: absolute;
    height: 45px;
    width: 90px;
    border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    background: #0e001a;
    bottom: 0px;
    left: 48%;
    text-align: center;
    z-index: 9999999999;
}
.ethicalBg .item:nth-child(1) {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 0.1s ease-in-out left;
    -moz-transition: 0.1s ease-in-out left;
    -o-transition: 0.1s ease-in-out left;
    transition: 0.1s ease-in-out left;
}
.ethicalBg .item:nth-child(2) {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 0.1s ease-in-out left;
    -moz-transition: 0.1s ease-in-out left;
    -o-transition: 0.1s ease-in-out left;
    transition: 0.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: 0px;
}
.carousel-indicators li img {
    display: inline-block;
}
.hide {
    display: none;
}
.sprite {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/sprite.png) no-repeat;
    display: inline-block;
}
.spriteIcon {
    cursor: pointer;
    /*border: 1px solid #000;*/
    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;
 /* border-radius: 50%;*/
  background: red;
  color: white;
}
.spriteIcon .menubtn {
    background-position: 11.9% 0.7%;
    display: inline-block;
    height: 100%;
    margin: 0 auto;
    width: 95%;
}
.spriteIcon .profilePic {
    background-position: 1% 0.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: transparent;
    font-size: 15px;
    /* font-family:'ProximaNovaAltThin'; */
    border: 1px solid;
    color:#fff;
}

@media screen and (min-width: 768px) {
.carousel-indicators {
    bottom: 70px !important;
}
}
#ethicalWrap {
    position: relative;
}
.ethicalOuter {
    position: relative;
    width: 100%;
}
.ethicalOuter.image1 {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ethical-bg.jpg) no-repeat 0 0/cover;
}
.ethicalOuter.image2 {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 'ProximaNovaAltRegular';
}
.ethicalBody {
    overflow: hidden;
}
.ethicalOuter p img {
    width: 100%;
    max-width:100%;
}
/* ############ Ethical Sourcing Css Ends ############ */
/* ######### Fade In Animation ##########*/
@-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: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.fade-in.two {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/diamondIcon.png") no-repeat;
    display: inline-block;
    border: none;
    width: 13px;
}
.carousel-indicators .active {
    border: none;
    width: 16px;
    height: 12px;
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/diamondIconActive.png") no-repeat;
    display: inline-block;
    margin: 0px;
}
/* ######### End of Fade In Animation ##########*/

/* header css changes by Deepti */
.secondMenuDiv {/*width: 100%;*/
    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% 0.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: #001689;
    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:hover, .leftSecondMenu li.active {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/sub-menu-border.jpg) no-repeat left 25px top;
}
.leftSecondMenu ul li {
    display: block; 
/*  padding-bottom:35px; */
    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: "ProximaNovaAltRegular";
    text-transform: uppercase;
    display: block;
}
.leftSecondMenu > ul > li > a {
    padding-bottom: 35px;
}

.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: 0.7;
    filter: alpha(opacity=70);
}
.allBox p {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 30px;
    color: #ccc;
    font-family: 'ProximaNovaAltThin';
    font-weight: bold;
    height: 100%;
}
.allBox a {
    display: inline-block;
    height: 100%;
    padding-top: 105px;
    width: 100%;
}
.smallBox {
    width: 23%;
}
.subMenu {
    display: none;
}
/* ---------------- Differentiation Page CSS ------------------*/
.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: 'ProximaNovaAltRegular';
}
.roundFanciesTxt {
    min-height: 700px;
    width: 50%;
    background: #0e001b;
    float: right;
    overflow: hidden;
}
.differentiationTitle .bottomBorder {
    width: 8%;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    left: 32%;
}
.differentiationWrapperLeft {
    padding: 10% 10% 10% 16%;
}
.differentiationWrapperRight {
    padding: 10% 16% 10% 10%;
}
.differentiationWrapper h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Flaticon';
    font-size: 20px;
    line-height: 40px;
    color: #FFFDDF;
    margin-bottom: 8%;
}
.differentiationWrapper .differentiationTxt {
    font-size: 21px;
    font-family: 'ProximaNovaAltThin';
    text-align: justify;
    line-height: 32px;
}
.roundFanciesImg {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/roundsFancies.jpg") center center no-repeat;
    min-height: 700px;
    background-size: cover;
    -webkit-background-size: cover;
    width: 50%;
    float: left;
}
.flawlessImg {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/preferredDiamond.jpg") center center no-repeat;
    min-height: 700px;
    background-size: cover;
    -webkit-background-size: cover;
    width: 50%;
    float: left;
}
.lookBidImg {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 'ProximaNovaAltThin';
    font-size: 40px;
    font-weight: 600;
}
.toTop h1 a:before {
    content: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 'ProximaNovaAltRegular';
    font-size: 16px;
    width: 200px;
    position: relative;
    right: -60%;
    transition: all 0.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%;
}
/*.differentiationTitle h1 span{border-bottom:1px solid #ffffff;}*/
/* ------------- End of Differentiation Page CSS --------------*/
.ethicalWrap {
    display: block;
}
/* History Page - Nilam */
.txtUppercase {
    text-transform: uppercase;
}
.historySection {
   background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/diamond1-bg.jpg") no-repeat fixed 0 0 / cover;
}
.historyDiv {
    position: relative;
    font-family: 'ProximaNovaAltRegular';
}
.blueOverlayBg {
    background: rgba(7, 21, 52, 0.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: 20px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
.historyDiv {
    width: 100%;
    text-align: center;
}
.historyTitle p {
    font-family: 'ProximaNovaAltRegular';
    font-size: 30px;
    display: inline-block;
}
.historyTitle {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.imgClass {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 0px 10px 4px rgba(3, 0, 5, 0.95);
    -moz-box-shadow: 0px 0px 10px 4px rgba(3, 0, 5, 0.95);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(3, 0, 5, 0.95);
}
.imgClass img {
    width: 100%;
    max-width: 100%;
}
.contentDes {
    display: inline-block;
    font-family: 'ProximaNovaAltLight';
    height: 260px;
    line-height: 25px;
    font-size: 20px;
    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%;
    width: 100%;
    position: relative;
    margin-top: 1.5%;
    border-bottom: 1px solid #ccc;
}
.moveLeft p {
    font-size: 50px;
    font-family: 'ProximaNovaAltSemibold';
    position: absolute;
    top: -28px;
    left: 95px;
    background: #11163e none repeat scroll 0 0;
    padding: 0 10px;
    color: #fff;
}
.moveLeft p::after {
    background: #0e001a none repeat scroll 0 0;
    content: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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-family: 'ProximaNovaAltSemibold';
    font-size: 21px;
    padding: 5px;
}
.progressNav ul li a::before {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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%;
}
/*.manufactureTitle {left: 0; margin: 0 auto; position: fixed; right: 0;}*/

/* our loaction - nilam */
.historyTitle.locationTitle p {
    font-size: 30px;
    padding-bottom: 5px;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    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;
}
.contactForm label {
    color: #ff0000;
    font-size: 12px;
    font-weight: normal;
    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:hover, .pageLink:focus {
    color: #fff;
    text-decoration: underline;
}
.VenusLocation .LocationTitle {
    font-size: 25px;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-family: ProximaNovaAltRegular;
}
.VenusLocation table {
    margin-bottom: 25px;
    width: 100%;
}
.VenusLocation table tr:first-child td {
    font-size: 19px;
    line-height: 40px;
    font-family: 'ProximaNovaAltSemibold';
}
.VenusLocation table td {
    font-size: 16px;
    line-height: 25px;
    font-family: "ProximaNovaAltThin";
}
#ContactInfo .locationWrap {
    width: 90%;
}
.ourLocationWrap {
    margin-top: 25px;
}
.VenusLocation tr td:first-child {
    width: 45%;
}
/*.contactPage .locationImg {opacity:0.1;}*/
.openClose {
    display: none;
}
.slideOneTxt p.ethicalContent {
    font-family: "ProximaNovaAltRegular";
    margin-top: 2px;
    font-size: 20px;
}
.slideOneTxt h1 p {
    font-size: 30px;
}
/* manufacturing-process */
.manufactureWrapper {
    position: relative;
    top: 0px;
}
.wrapper {
    width: 100%;
    height: 100%;
}
/*.bannerText{left:5%;width:34%; line-height:25px;position: absolute;top:50%;transform: translateY(-50%);text-align:center;}
.bannerText h1{font-size:35px; font-family:ProximaNovaAltRegular;}
.bannerText p{font-size:20px;line-height:30px;margin-top:10px; font-family:"ProximaNovaAltThin";
	text-align: justify;}
.bannerText h2{text-align: justify; font-size:25px;}
.diamondGallery {float: right; position: relative; top:50%; transform: translateY(-50%);
    width: 57%;}
.diamondImage h1 {display: inline-block; font-size: 25px; left: 22px; margin: 0; position: absolute;
    top: -35px;}
.diamondGallery .diamondImageDiv{width:32%;}
.headingDiamond{display:inline-block; text-align:left;}
.diamond{display:inline-block;}
.diamondImage  {position:relative;}
.diamondImage a{position:absolute;text-align:center;}
.diamondOne .diamondImage{left: 52px;top: 44px;}
.diamondTwo .diamondImage {left: 329px; top: 44px;}
.diamondThird .diamondImage {left: 606px; top: 44px;}
.diamondFourth .diamondImage{ left: 195px; top: 280px;}
.diamondfifth .diamondImage {left: 489px; top: 280px;}
.divOpacity{opacity:0.25;   transition-duration:0.1s; transition-timing-function: linear;}
.textTitle{font-size:34px;text-align: center;width: 100%; text-align:center; margin-top:40px;}
.diamond a{width:55%; display:block; webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); -ms-transition: all 200ms ease-in;  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in;
  transform: scale(1);}
.diamond a:hover{z-index: 2; -webkit-transition: all 200ms ease-in;  -webkit-transform: scale(1.1);
  -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1);-moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.1); transition: all 200ms ease-in; transform: scale(1.1);
	background-color:transparent;}
.diamond a img{width:100%; max-width:100%;}*/
.diamondImage {
    display: inline-block;
    width: 100%;
}
.diamondImage h1 {
    font-size: 30px;
}
.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 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
.diamondImage a:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms 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: ProximaNovaAltRegular;
}
.bannerText p {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
    font-family: "ProximaNovaAltThin";
    text-align: justify;
}
.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: 99999999;
}
.diamondSection h1 {
    font-family: ProximaNovaAltRegular;
    font-size: 72px;
    text-transform: uppercase;
}
.diamondSection p {
    font-family: "ProximaNovaAltRegular";
    font-size: 20px;
}
.diamondSlider .owl-prev {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/left-arrow.png) no-repeat;
    width: 100px;
    height: 100px;
    color: transparent;
    position: absolute;
    left: 0;
    top: 350px;
}
.diamondSlider .owl-next {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/right-arrow.png) no-repeat;
    width: 100px;
    height: 100px;
    color: transparent;
    position: absolute;
    right: 0;
    top: 350px;
}
.manufacturePage {
    overflow: hidden !important;
    background: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/manufacturing-bg.jpg') no-repeat scroll 0 0/cover;
}
.bactToDiamond {
    font-size: 16px;
    left: 1%;
    position: relative;
    top: 142px;
    font-family: ProximaNovaAltRegular;
    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%;
    font-family: "ProximaNovaAltRegular";
}
/*login page */
.loginPage {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/bg-login.jpg) no-repeat 0 87px;
    font-family: 'ProximaNovaAltLight';
}
.loginPage.loginPagebody {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/bg-login.jpg) no-repeat 0 0px;
    font-family: 'ProximaNovaAltLight';
}
.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 {
}
.enterSite p a {
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 6px 22px;
    font-size: 25px;
    font-family: 'ProximaNovaAltLight';
    background: transparent;
    border-radius: 0px;
}
.lofinForm {
    width: 45%;
    display: block;
    margin: 0 auto;
}
.lofinForm input {
    border: 0 none;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0;
    background: transparent;
    color: #fff;
    text-transform: none;
    font-size: 20px;
    font-family: 'ProximaNovaAltLight';
    width: 100%;
    outline: 0 none;
}
.lofinForm p:first-child {
    margin-bottom: 44px;
}
.rememberMe {
    text-transform: capitalize;
    font-size: 16px;
    font-family: 'ProximaNovaAltLight';
}
.rememberMe input {
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 0px;
}
.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: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
    padding: 5px 0;
    border-radius: 0px;
}
.signUpText {
    color: #ffffff;
    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 0px;
    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 css - Deepti */
footer {
    background: #1a1b1f none repeat scroll 0 0;
}
footer img {
    width: 100%;
}
.footerlogoImg {
    display: inline-block;
    margin: 35px 0;
}

footer h2 {
    font-size: 22px;
}


footer ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid;
    list-style: none;
    width: 100%;
    overflow: hidden;
}
footer ul li {
    float: left;
    height: 170px;
    vertical-align: middle;
    border-right: 1px solid;
    width: 33%;
    padding: 0 50px;
}
footer ul li:last-child {
    border-right: none;
}
/* footer ul li:first-child, footer ul li:last-child{width:20%!important;} */
footer ul li:first-child {
    background: #1a1b1f;
}
.socialIcon {
    display: inline-block;
    height: 35px;
    width: 35px;
}
.fbImg {
    background-position: 37% 2.3%;
    display: inline-block;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
.fbImg, .linkedInImg, .pinterestImg, .twitterImg, .instaImg, .youtubeImg{
    transform: scale(1);
    transition: all 1s ease;
}
.fbImg:hover, .linkedInImg:hover, .pinterestImg:hover, .twitterImg:hover, .instaImg: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;
}
/********************** Home page css -Deepti ******************/
.openClose {
    display: none;
}
.floatLeft {
    width: 50%;
    float: left;
}
/* standard font css */
body {
    font-family: 'ProximaNovaAltRegular';
}
.boldFont {
    font-family: 'ProximaNovaAltSemibold';
}
.lightFont {
    font-family: 'ProximaNovaAltLight';
}
.wow {
    visibility: hidden;
}
/* standard color css */
.colore8e8e8 {
    color: #e8e8e8;
}
.readMore {
    font-size: 20px;
    display: inline-block;/*box-shadow:0 2px 0 -1px #2a2b83;*/
    padding-bottom: 2px;
    color: #2a2b83;
    margin-bottom: 25px;
    transition: all 0.3s ease 0s;
    position: relative;
}
.readMore:hover, .readMore:focus {
    color: #2a2b83;
}
.readMore::before {
    background: #2a2b83 none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transition: all 0.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, 0.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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/home_page/slider-diamond-icon.png") repeat scroll 0 0/cover;
    display: block;
    height: 19px;
    margin: 5px 7px;
    transition: opacity 200ms 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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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;
}
/* Venus Jewel Differentation */
.venusJewelDifferentationSection {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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 0.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 0.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 css */
.gradingSystemSection {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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 #2a2b83;
}
.gradingSystem-caption .readMore {
    margin-bottom: 85px;
    color: #2a2b83;
    transition: all 0.3s ease 0s;
    position: relative;
}
.gradingSystem-caption .readMore::before {
    background: #2a2b83 none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 28%;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 45%;
}
.gradingSystem-caption .readMore:hover::before {
    left: 0;
    width: 100%;
}
.gradingSystem-caption .head {
    color: #2a2b83;
    font-size: 30px;
    margin-top: 50px;
    text-transform: uppercase;
}
.gradingSystem-caption .desc {
    color: #2a2b83;
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 50px;
    padding-top: 50px;
}
.homepageRow {
    text-align: Center;
    overflow: hidden;
}
.homepageRow .head {
    color: #2a2b83;
    font-size: 30px;
    margin-top: 50px;
    text-transform: uppercase;
}
.homepageRow .desc {
    color: #242424;
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 50px;
}
.solitaireParDiv {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/home_page/customer-commitment-img.jpg") no-repeat fixed center center/cover;
    padding-bottom: 260px;
    padding-top: 500px;
    position: relative;
}
/* detail banner css */
.detailBannerDiv {
    position: relative;
    overflow: hidden;
}
.detailBannerDiv img {
    transform: scale(1.15);
    transition: all 1s ease 0s;
}
.detailBannerDiv:hover img {
    transform: scale(1);
    opacity: 0.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:before, .detailCaption p:after {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 200px;
    left: 200px;
    right: 200px;
    top: 350px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.detailCaption p:before {
    border-bottom: 2px solid #2a2b83;
    border-top: 2px solid #2a2b83;
    transform: scale(0, 1);
}
.detailCaption p:after {
    border-left: 2px solid #2a2b83;
    border-right: 2px solid #2a2b83;
    transform: scale(1, 0);
}
.detailBannerDiv:hover .detailCaption p:before {
    opacity: 1;
    transform: scale(1);
}
.detailBannerDiv:hover .detailCaption p:after {
    opacity: 1;
    transform: scale(1);
}
/* event div css */
.eventsDiv {
/*  display: inline-block;*/
    text-align: center;
    overflow: hidden;
} /* 3 march - Deepti */
.eventsDiv h1 {
    font-size: 50px;
    margin-top: 60px;
}
.eventsDiv .txtBorder {
    margin-bottom: 65px;
}
/* .eventRowDiv{margin-top:65px;} */
.eventrow {
    float: left;
    position: relative;
    overflow: hidden;
    text-align: Center;
    width: 49%;
    margin: 5px;
}
/* .eventRowDiv .bigBox{width: 60%;}
.eventRowDiv .smallBox{width: 40%;} */
.eventrow img {
    height: auto;
    width: 100%;
}
.eventCaption {
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    color: #ffffff;
}
.eventCaption a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.eventHead {
    font-size: 25px;
    text-transform: uppercase;
    margin-top: 80px;
    transform: translate3d(0px, 20px, 0px) scale(1.1);
    transition: all 0.3s ease 0s;
}
.eventrow:hover .eventHead {
    opacity: 1;
    transform: translate3d(0px, 0, 0px) scale(1);
}
.eventDesc {
    border: 2px solid #fff;
    margin: 8% auto 0;
    padding: 10px;
    width: 80%;
    font-size: 23px;
    opacity: 0;
    transform: translate3d(0px, 20px, 0px) scale(1.1);
    transition: all 0.3s ease 0s;
}
.eventrow:hover .eventDesc {
    opacity: 1;
    transform: translate3d(0px, 0, 0px) 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 0em;
}
/*our people */
#ourPeopleWrapper {
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ourpeoplebg.jpg") no-repeat scroll 0 0px;
    background-size: cover;
}
#ourPeopleWrapper .historyTitleDiv {
    margin-top: 0px;
    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: 'ProximaNovaAltRegular';
    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: 34px;
    padding-bottom: 10px;
    padding-top: 25px;
    text-align: center;
    width: 100%;
}
.benefitBox p {
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}
.ourPeopleLogoDiv {
    border-top: 1px solid #9393a3;
    padding-top: 2%;
}
.ourPeopleLogoDiv p {
    background: #231f67;
    border-radius: 50px;
    display: inline-block;
    height: 100px;
    margin-bottom: 0;
    margin-right: 10%;
    margin-top: 0;
    position: relative;
    width: 100px;
    padding-bottom: 0px;
}
.ciractive{border:1px solid #FFFFFF}

.ourPeopleLogoDiv p:last-child {
    margin-right: 0px;
}
.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: justify;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.benefitInfo {
    height: 180px;
    overflow: hidden;
}
.employeBenefitaDiv .benefitSlider {
    display: block;
    width: 100%;
    border: 1px solid #ffffff;
}
.employeBenefitaDiv .owl-prev {
    color: transparent;
}
.employeBenefitaDiv .owl-next {
    color: transparent;
}
.employeBenefitaDiv .owl-prev {
    background: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/left-arrow.png") no-repeat scroll 0 0/cover;
    bottom: 0px;
    color: rgba(0, 0, 0, 0);
    height: 30px;
    left: 47%;
    position: absolute;
    width: 30px;
}
.employeBenefitaDiv .owl-next {
    background: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/right-arrow.png") no-repeat scroll 0 0/cover;
    bottom: 0px;
    color: rgba(0, 0, 0, 0);
    height: 30px;
    position: absolute;
    right: 47%;
    width: 30px;
}
.ourPeopleLogoDiv p {
    dwebkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
.ourPeopleLogoDiv p:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}
.divOpacityLogo {
    opacity: 0.45;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}
.ciractiveciractive {
 border: 1px solid #ffffff;
}
.sitemapDiv {
    display: block;
    margin: 2% auto;
    width: 80%;
}
.sitemapDiv div{
	display: inline-block;
    float: left;
    width: 33%;
}

.sitemapDiv h3{
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.sitemapDiv .h4{
    font-size: 18px!important;
    line-height: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.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 div:nth-child(3){
	height:270px;
}	
.sitemapDiv {
    width: 95%;
}
}
@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 #ffffff;
}
.employeBenefitaDiv1 .owl-prev {
    color: transparent;
}
.employeBenefitaDiv1 .owl-next {
    color: transparent;
}
.employeBenefitaDiv1 .owl-prev {
    background: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/left-arrow.png") no-repeat scroll 0 0/cover;
    top: 30px;
    color: rgba(0, 0, 0, 0);
    height: 30px;
    left: 5%;
    position: absolute;
    width: 30px;
}
.employeBenefitaDiv1 .owl-next {
    background: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/right-arrow.png") no-repeat scroll 0 0/cover;
    top: 30px;
    color: rgba(0, 0, 0, 0);
    height: 30px;
    position: absolute;
    right: 5%;
    width: 30px;
}
/* hover effect
.benefitBox:hover .front { -webkit-transform: rotateY(-180deg);  transform: rotateY(-180deg);}
.benefitBox:hover .back {-webkit-transform: rotateY(0); transform: rotateY(0);}
.benefitSlider{width:90% !important; position:relative;}
.benefitSlider  .owl-prev{position:absolute; background:url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ourpeople-pre.png) no-repeat;
	width:34px; height:34px; color:transparent; top:98px; left:-60px;}
.benefitSlider  .owl-next{position:absolute; background:url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ourpeople-next.png) no-repeat;
	width:34px; height:34px; color:transparent; top:98px; right:-60px;}
.backDiv .mCustomScrollBox{height:65%;}*/

/* our leadership css- Deepti */
/* .ourLeadershipSection{background:url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/our_leadership/slide1.jpg");background-attachment:fixed;} */
.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;
    /* overflow: hidden; */
    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;
}
@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;
    }
}


/* .leadershipDescInfo > div { max-height: 684px !important; } */

/*.ourLeadershipDiv {
    display: inline-block;
    width: 33%;
    padding: 15px;
}*/
.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, 0.3) none repeat scroll 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 140px 0;
    text-align: center;
}/* 3 march - Deepti */
.ourLeadership-caption h2 {
    transform: translate3d(0px, 10px, 0px);
    transition: all 1s ease 0s;
    margin-bottom: 20px;
}
.ourLeadershipImg:hover img {
    transform: scale(1);
}
.ourLeadershipImg:hover .ourLeadership-caption h2 {
    transform: translate3d(0px, 0px, 0px);
}
.ourLeadershipShowMoreDiv {
    display: none;
    background: rgba(7, 21, 52, 1) none repeat scroll 0 0;
    position: absolute;
    top: 0;/*height:100%;*/
    padding: 80px;
    z-index: 8;
    left: 0;
    right: 0;
    height: 100%;
}
.leadershipCloseBtn {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 16px;
}
.leadershipImgDiv {
    float: left;
    width: 36%;
}
.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: 25px;
}
.leadershipDesc h2 {
    margin-top: 0;
}
/* Our Customer Commitment css - Deepti */
.ourCustomerCommitmentBody {
    overflow: hidden;
    background: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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;
}
.ourCommitmentDescDiv p {
    width: 100%;
    font-size: 20px;
    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,0.3);
    width: 100%;
    height: 360px;
    transition: all 0.6s ease 0s;
}
.outCommitmentSliderDiv {
    width: 49%;
    background: rgba(225, 225, 225,1) none repeat scroll 0 0;
    color: #242424;
    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 #242424;
}
.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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/home_page/slider-diamond-icon.png") repeat scroll 0 0;
    display: block;
    height: 19px;
    margin: 5px 7px;
    transition: opacity 200ms 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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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%;
}
/* eventsAndNews */
#eventsWrapper {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 'ProximaNovaAltLight';
    height: 225px;
    width: 100%;
    background: #0e001a;
    opacity: 0.95;
    padding: 20px;
    border-bottom: 1px dashed #fff;
    cursor: pointer;
}
.eventDetailBox :last-child {
    border: 0 none;
}
.titleDate {
}
.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 {
}
.eventVenusLogo span {
    color: #fff;
    font-size: 16px;
}
.eventInfo {
    background: #0e001a;
    opacity: 0.85;
    margin-top: 35px;
    padding: 20px; /*height:465px;*/
}
.eventInfo h2 {
    font-family: 'ProximaNovaAltSemibold';
    font-size: 25px;
    text-decoration: underline;
}
.eventText {
    margin-top: 42px;
}
.eventText p {
    font-family: 'ProximaNovaAltLight';
    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;
}
/* Grading System css - Deepti */
.mobileGrading {
    display: none;
}
.gradingBody {
    overflow: hidden;
}
.gradingSystemWrapper {
    overflow: hidden;
}
.gradingSystemDiv {
    width: 50%;
    float: right;
    background: #001689 none repeat scroll 0 0;
    margin-right: 0;
    padding: 15px 40px 40px;
    transform: translate3d(0px, -100%, 0px);
    transition: all 0.6s ease 0s;
}
.gradingSystemHead {
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
}
.gradingSystemDesc {
    font-size: 20px;
    text-align: justify;
}
.gradingSystemContent {
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.gradingSystemContent .readMoreDiv {
    display: block;
    text-align: right;
}
.gradingSystemContent .readMore {
    margin-top: 30px;
    color: #fff;
    transition: all 0.3s ease 0s;
    position: relative;
}
.gradingSystemContent .readMore::before {
    background: #fff none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 28%;
    position: absolute;
    right: 0;
    transition: all 0.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 #332984;
    font-size: 16px;
}
.darkBlueBgClr {
    background-color: #180b31;
}
.lightBlueBgClr {
    background-color: #28206c;
}
.b1b {
    border-bottom: 1px solid #fff;
}
/*forgot password */
.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: transparent;
    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 h1 {
}
.forgotPasswordDiv h2 p {
    margin-bottom: 0px !important;
}
.fillUpText {
    font-size: 18px;
    margin-top: 25px;
}
/* Differentation New Page css - Deepti */
.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, 0.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, 0.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(0.9);
    transition: all 0.6s ease 0s;
}
.differentationDivImg span:hover {
    transform: scale(1);
    background: rgba(225, 225, 225, 0.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: #001689 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    position: absolute;
    transition: all 0.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: /*rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ourpeople-pre.png") no-repeat scroll 0 0;*/ none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 35px;
    height: 35px;
}
.contactSlider .owl-next {
    color: transparent;
    background: /*rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ourpeople-pre.png") no-repeat scroll 0 0;*/ none;
    position: absolute;
    top: 50%;
    right: 0;
    ;
    width: 35px;
    height: 35px;
}
/* venus in community css - Deepti */
.communitySection {
    background: #001689 url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_community/community.png")  no-repeat scroll center top  113px / 70% 70%;
	overflow: hidden;
}
@media screen and (min-width:1024px) and (max-width:1280px){.communitySection {
    background: #001689 url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_community/community.png") no-repeat scroll center top 113px / 80% 70%;}
}
@media screen and (min-width:1367px) and (max-width:1440px) {.communitySection {
    background: #001689 url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_community/community.png") no-repeat scroll center top 113px / 85% 70%;}
}
/*@media screen and (min-width:1281px) and (max-width:1366px){.communitySection {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_community/CSR_1366x768.jpg") no-repeat scroll center top 113px / 100% 100%;}
}
@media screen and (min-width:1367px) and (max-width:1440px) {.communitySection {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_community/CSR_1440x900.jpg") no-repeat scroll center top 113px / 100% 70%;}
}
@media screen and (min-width:1441px) and (max-width:1600px) {.communitySection {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_community/CSR_1600x900.jpg") no-repeat scroll center top 113px / 100% 70%;}
}*/

/*.communityDiv {background-color:#fff;float: right;width: 50%;color:#1e1e1e;}*/
.communityImg {
    left: 13%;
    position: absolute;
    top: 30%;
    z-index: 9;
    box-shadow: 5px 4px 7px 0 #888;
}
.communityHead {
    text-align: center;
    width: 42%;
    text-transform: uppercase;
    color: #fff;
    background: rgba(43, 46, 136, 0.7) none repeat scroll 0 0;
}
.communityHead h2 {
    font-size: 34px;
    color: #fff;
}
.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: 1px solid;
    padding: 35px 30px 0 100px;
    text-align: justify;
    width: 70%;
    font-size: 20px;
    height: 493px;
    color: #fff;
    margin: 12px auto 55px;
    background: rgba(43, 46, 136, 0.7) none repeat scroll 0 0;
    max-height: 493px;
    padding-bottom: 30px;
}
.communityDesc .communityListImg {
    display: inline-block;
    width: 15px;
    margin-right: 12px;
}
.communityDesc .communityListImg img {
    width: 100%;
    height: auto;
}
.communityDesc .communityDescText {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}
.communityDiv .owl-prev {
    background: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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;
}
.LoginText {
    border: 1px solid #ffffff;
	/*border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;*/
    display: inline-block;
    float: none;
    font-family: "ProximaNovaAltSemibold";
    font-size: 18px;
    padding: 0px 8px;
    text-align: center;
   
}
.menuIconStatic .openMenu, .menuIconStatic .openClose {
    background: none;
}
.leadershipBody {
    background: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/our_leadershipbg.png') no-repeat scroll 0 0 / cover;
}
.CustomerCommitmentBody {
    background: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/our-customer-commitmentbg.jpg') no-repeat scroll 0 0 / cover;
}
.differentationBody {
    background: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/differatiation_bg.jpg') no-repeat scroll 0 0 / cover;
    background-attachment: fixed;
}
/*.locationInfo  p{height:450px;}*/
.contactDiv {
    width: 60%;
}
 
#contactUsForm .row.firstRow {
    margin-bottom: 10px;
}
.firstRowDiv {
    margin-bottom: 10px;
}
#contactInfo {
    background: #001689;
}
/* exhibitionBannerImg css - Deepti */
.p40l {
    padding-left: 40px;
}
.p40r {
    padding-right: 40px;
}
.exhibitionBannerImg {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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;
}
/* left img overlay */
.exhibitionLeftImg .exhibitonImgOverlay {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    height: 100%;
    left: -100%;
    padding: 33px 35px;
    position: absolute;
    text-align: left;
    top: 0;
    transition: all 0.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;
}
/* right img overlay */
.exhibitionRightImg .exhibitonImgOverlay {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    height: 100%;
    right: -100%;
    padding: 33px 35px;
    position: absolute;
    text-align: left;
    top: 0;
    transition: all 0.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 #ffffff;
    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: white;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -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: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.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: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover {
    color: white;
}
.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: 0px;
}
/* scroll to bottom css - Deepti */
a#goToBottom, a#goToBottom1 {
    width: 50px;
    height: 50px;
    /* opacity:0.5; */
    position: fixed;
    bottom: 15px;
    right: 15px;
    outline: none !important;
    background-image: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_arrow_down.png');
    background-repeat: no-repeat;
    z-index: 9;
}
/* scroll to top css - Deepti */
a#backToTop {
    width: 50px;
    height: 50px;
    /* opacity:0.5; */
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    outline: none !important;
    background-image: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_arrow_up.png');
    background-repeat: no-repeat;
    z-index: 9;
}
.next-diff{width: 50px;
    height: 50px;
    /* opacity:0.5; */
    position: fixed;
    
    right: 15px;
    outline: none !important;
    background-image: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/venus_arrow_down.png');
    background-repeat: no-repeat;
    z-index: 9;}
.prev-diff{width: 50px;
    height: 50px;
    /* opacity:0.5; */
    position: fixed;
    
    right: 50px;
    display: none;
    outline: none !important;
    background-image: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #001689;
}
/*loader*/
#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: #001689 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 ul .subMenuDiv li {
    padding-left: 0px;
    text-align: left;
    padding-bottom: 0;
}
.aboutVenusDiv:hover .subMenuDiv {
    display: block;
    animation: 0.3s ease-in 0s normal none 1 running fadeInRight;
}
.subMenuDiv a {
    margin-left: 38px;
}
.leftSecondMenu ul.subMenuDiv li {
    margin-bottom: 20px;
}
.contactBody {
    background: #071434;
}
.leftSecondMenu ul.subMenuDiv li:hover, .leftSecondMenu ul.subMenuDiv li.active {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/sub-menu-border.jpg") no-repeat scroll left 23px top;
}
.historyTitleDiv.manufactureTitle {
    padding-top: 20px;
}
.ethicalTitleDiv h1.ethicalTitle {
    margin-top: 0px;
    padding-top: 10px;
}
.ethicalWrapInner {
    padding-top: 30px;
}
.read-more-content {
    display: none;
}
.titleInfoDetails {
    font-family: "ProximaNovaAltLight";
    font-size: 20px;
    padding-left: 2.5%;
}
/*commitmentSlider*/
.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) /*#141e36*/ none repeat scroll 0 0;
    opacity: 0.5;
    padding-top: 10px;
}
.commitmentSlider #carousel li p {
    font-family: "ProximaNovaAltLight";
    font-size: 15px;
    height: 45px;
}
.commitmentSlider #carousel li img {
    width: 100%;
    max-width: 100%;
}
.commitmentSlider #carousel li.flex-active-slide::after {
    background: none;
}
.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 li{width:10px !important;} */
#carousel img {
    width: 100%;
    max-width: 100%;
}
.commitmentSlider .flex-direction-nav {
    display: none
}
#ethicalWrap .owl-prev {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/left-arrow.png) no-repeat;
    width: 100px;
    height: 100px;
    color: transparent;
    position: absolute;
    left: 0;
    top: 250px;
}
#ethicalWrap .owl-next {
    background: url(https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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;
}
.diamondNameRedirect, .diamondNameLink {
    display: block;
}
.topArrowIcon {
    display: none;
}
/* Ethical sourcing (new) - Deepti */
.ethicalSourcingDiv1 {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/ethical_sourcing/ethical-img2.jpg") no-repeat fixed 100% 100% / cover;
    padding-bottom: 250px;
    padding-top: 400px;
    position: relative;
}
.homepageRow .subHead {
    color: #2a2b83;
    font-size: 25px;
    margin-bottom: 25px;
    margin-top: 25px;
}
.ethicalShowMoreDiv {
    display: none;
    background: #001689 none repeat scroll 0 0;
    height: 90%;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 12%;
    z-index: 9;
}
.ethicalCloseBtn {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 16px;
}
.ethicalRowRightContent, .ethicalRowLeftContent {
    top: 18%;
}
.ethicalShowMoreDiv .head, .ethicalShowMoreDiv .subHead, .ethicalShowMoreDiv .desc {
    color: #fff;
    margin: 30px 0;
}
.ethicalContent {
    color: #fff;
    font-size: 20px;
    padding-bottom: 50px;
}
.ethicalShowMoreDiv .companyLogo {
    width: 45%;
}
.ethicalShowMoreDiv .AlrosaLogo {
    width: 20%;
}
.ethicalShowMoreDiv .rioLogo {
    width: 20%;
}
/* .ethicalSourcingDiv2 .col-md-3 {width: 20%;}*/
.manufacturePage #goToBottom {
    display: none !important;
}
.ethicalShowMoreDiv .companyLogo.RJCLogo {
    width: 28%;
}
.ethicalShowMoreDiv .companyLogo.FMLogo {
    width: 47%;
}
.ethicalShowMoreDiv .companyLogo.CMLogo {
    width: 42%;
}
/*.ethicalShowMoreDiv .companyLogo.IIDGRLogo {
    width: 33%;
}*/
.manufacturePage #contactInfo {
    background: none;
}
.loginLogo {
    width: 60%;
    margin: 0 auto;
}
.loginLogo img {
    width: 100%;
    max-width: 100%;
}
.commitmentSlider #carousel li.flex-active-slide p span {
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    display: inline-block;
}
.gradingSystemHead h1 {
    font-size: 30px;
    margin-top: 0;
}
/* Differentation (new) - Deepti */
.differentationDiv1 {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 0.9;
}
.differentationDiv3 {
    background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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, 0.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: #ffffff;
    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: #dddddd -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 0.2em;
    border-style: solid none none;
    border-width: 1px 0 0;
    color: #ffffff;
    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: #ffffff;
    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: 0px;
}
.mobielHeader {
    display: none;
}
.mobielHeader {
    background: #071534 none repeat scroll 0 0;
    display: none;
    transition: top 0.5s ease 0s;
    width: 100%;
    z-index: 99999;
}
#menu ul li a:hover {
    border-color: #ffffff;
    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
} /* 3 march -Nilam*/
.locationText p.emailIDContact {
    margin-top: 15px;
    display: block;
}
.locationAdd.suratLocation p.emailIDContact {
    margin-top: 45px;
    display: block;
}
.ClientlogoImage {
    height: 95px;
} /*4 march - nilam */
.companyLogo {
    height: 120px;
} /*02 june 18 - bhawya */
.lastH2 {
    text-align: left;
}
.diamondSectionClose {
    display: none;
}
.mainHead {
    text-align: center!important;
}
/*============----- Event-News Css ============-----*/
.event-banner {
    background-image: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #000000;
    line-height: 30px;
}
.event-boxs h3 a {
    color: #000000;
    border-bottom: 2px solid #a3a3a3;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}
.contactWrapper.content-bgT {
    background: none;
    border-bottom: none;
    position: inherit;
}
.boder-bottN {
    border-bottom: none;
}
.historyTitle.locationTitle p span {
    font-variant: small-caps;
}
.titleBorder {
    border-bottom: 3px solid #ffffff;
    margin: 0 auto;
    width: 100px;
}
.left-newsbox {
    background-color: #fff;
    padding: 9.7em 2.8em;
}
.left-newsbox h1 {
    font-size: 35px;
    color: #000011;
}
.left-newsbox h2 {
    font-size: 25px;
    color: #000011;
    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 0px 21px -4px #010117;
    -webkit-box-shadow: -4px 0px 21px -4px #010117;
    -moz-box-shadow: -4px 0px 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: 'ProximaNovaAltSemibold'
}
.news-texbox h4 {
    font-size: 16px;
    color: #000000;
    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;
}
/* carousel */
.media-carousel {
    margin-bottom: 0;
    padding: 0 0 30px 0;
    margin-top: 30px;
}
/* Previous button  */
.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;
}
/* Next button  */
.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;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active {
    background: #333333;
}
/* End carousel */

/*=========- col-5ths css ===========-*/
.col-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-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%;
}
/*======   CREATED BY JIGNESH   =======*/
#careers-bg {
    background-color: #001689/*#001c5c*/;
    background-size: cover;
    min-height: 600px;
}
.careerBox {
    width: 100%;
    display: inline-block;
    padding: 10px 0px 30px 0px;
}
.careerBox h3 {
    display: inline-block;
    font-size: 34px;
    padding-bottom: 10px;
    padding-top: 25px;
    text-align: center;
    width: 100%;
}
.careerBox p {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.careerInfo {
    height: 400px;
    /*overflow-y: auto;*/
	
}
.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: #FFCD21 !important;
}
.text-light {
    color: #b0dcc6 !important;
    font-size: 30px;
}

.job-description{
    font-size: 20px;
    line-height: 1.8rem;
}

.col{
    padding: 0 !important;
}
.myline {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}
/*====== end of the Jignesh part ======*/






@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 0em;
}
}

@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%;
}
}
/* New Styling Y. */
.events-redesign .eventsNewsDiv .img-responsive {
    width: 100%;
}
.events-redesign .historyTitleDiv {
    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('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/evnt-news/left-arrow.jpg');
    left: 0;
}
.slick-slider .slick-next {
    background: url('https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 'ProximaNovaAltSemibold';
    font-size: 22px;
    line-height: 30px;
    color: #231f67;
}
.news-texbox span {
    font-size: 16px;
    color: #000000;
    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 {
    /*min-height: 230px;*/
    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;
}

/* Events End Y. */
@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;
}
.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;
}
}

@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;
}
}
/* New Style To Resolve COnflicts */
.ourLeadership-caption p {
    margin: 0;
}
.ourLeadership-caption .lightFont.displayNone {
    display: block;
}
.locations {
    padding-top: 20px;
}
.communityDiv .owl-prev {
    background: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/right-arrow.png") no-repeat scroll 0 0 / cover;
    color: transparent;
    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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: #2c2f8c url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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: 15px 40px 40px;
    transform: translate3d(0px, 0%, 0px);
    transition: all 0.6s ease 0s;
}

.grading-detail{
    margin: 0 auto;
    position: absolute;
    left: 5%;
}
.gradingsystem {
    background: #00084A;
}
.ethicalTitleDiv {
    /* padding-top: 20px; */
    width: 100%;
    text-align: center;
    position: absolute;
    top: 20px;
}
.ethicalTitle {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 0px;
    font-size: 30px;
}
.bgw {
    background: #071534;
}
.subMenuDiv {
    background: #fff;
}
.subMenuDiv {
    display: none;
}
.historyTitle {
    text-transform: uppercase;
}
#menu ul li.manufacturingStep ul.subulList {
    display: none;
}
.HistorySlider .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 0em;
    text-align: center;
}
.wrap {
    width: 100%;
    margin: 0 auto;
}
.pp_title {
    font-family: 'ProximaNovaAltRegular';
    color: #000;
    text-align: center;
}
.pp {
    width: 100%;
    font-family: 'ProximaNovaAltRegular';
    color: #000;
    font-size: 20px;
    text-align: justify;
    padding: 0 5%;
}

/********* Responsive css *************/

/* max width 1920px */
@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;
    }
}
@media (max-width:1370px) {
    .historyTitleDiv.manufactureTitle, .ourLeadershipHead {
        padding-top: 35px;
    }
    .readTextdiv {
        display: none;
    }
    .event-banner, .contactpage .locationContactDiv .contactForm, .contactBody .historyTitleDiv {
        padding-top: 30px;
    }
    .contentDiv {
        padding: .8% 0;
    }
    .mb50 {
        margin-bottom: 130px;
    }
    .main-community-container {
        padding-top: 35px;
    }
    #ourPeopleWrapper .historyTitleDiv {
        padding-top: 35px;
    }
    .historyTitleDiv {
        padding-top: 35px;
    }
    .rightSecondMenu {
        width: 75%;
        margin-left: 2%;
    }
    .rightWrapper {
        width: 107%;
    }
    .halfBox {
        width: 45%;
    }
    /* .smallBox{width:22%;} */
    .rightWrapper {
        padding: 15px 0;
    }
    .secondMenuDiv {
        top: 116px;
    } /* 3 march - Deepti */
    /* CSR */
    .communityImg {
        top: 35%;
        width: 47%;
    }
    .communityImg img {
        width: 100%;
        max-width: 100%;
    }
    .differentationDivMoreInfo .differentiationTxt {
        height: 500px;
    }
    /* .eventrow{height:480px;} */  /* 3 march - Deepti */
    footer ul li {
        padding: 0 40px;
    }
    /*our location */
    /*.locationInfo{height:325px;}*/
    .contactDiv {
        width: 80%;
    }
    .col-lg-4.firstRowDiv {
        width: 48%;
    }
    /*manufacture-process*/
    .diamondInfoDetails {
        height: 400px;
        overflow: hidden;
    }
    .bannerText {
        height: 240px;
    }
    /*history*/
    .ethicalTitleDiv h1.ethicalTitle {
        padding-bottom: 80px;
    }
    /*leaderShip*/
    .leadershipDesc .leadershipDescInfo {
        height: 475px;
    }
    .differentationDivMoreInfo-caption {
        width: 95%;
    } /* 3 march - Deepti */
    /*csr - 3 march Nilam */
    .communityDesc {
        height: 380px;
    }
    .communityHead h2 {
        margin-top: 0;
    }
    .titleCommitment {
        margin-top: 0;
        margin-bottom: 20px;
    } /* 3march Nilam*/
    .differentationDescInfo {
        height: 338px;
    }
    /* #staticHeader {padding-bottom: 8%;} */
    #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;
    }
    /*manufacture-process*/
    .diamondInfoDetails {
        height: 400px;
        overflow: hidden;
    }
    .contentDiv {
        padding: 6.8% 2px 2.8%;
    }
    .imgClass {
        width: 40%;
    }
    .contentDes {
        width: 40%;
    }
    .progressNav ul {
        padding-top: 100px;
    }
    .ethicalShowMoreDiv .head, .ethicalShowMoreDiv .subHead, .ethicalShowMoreDiv .desc {
        margin: 45px 0;
    }
    .ourLeadership-caption {
        padding-top: 190px;
    }
    .readTextdiv {
        display: none;
    }
}
@media (max-width:1260px) {
    /* css by deepti */
    #staticHeader .logoFull {
        width: 20%;
    }
    /* css by nilam */
    .historyTitle.locationTitle p {
        font-size: 28px;
    }
    .locationText p {
        font-size: 18px;
    }
    .historyTitleDiv {
        padding-top: 30px;
    }
    #ourPeopleWrapper .historyTitleDiv {
        padding-top: 30px;
    }
    /*.locationText{height:auto !important;}*/
    .rightSecondMenu {
        width: 75%;
        margin-left: 2%;
    }
    .rightWrapper {
        width: 107%;
    }
    .halfBox {
        width: 45%;
    }
    /* .smallBox{width:22%;} */
    .rightWrapper {
        padding: 28px 0;
    }
    .readTextdiv {
        display: none;
    }
}
@media (max-width:1028px) {
    /* css by nilam */
    .contactDiv {
        width: 85%;
    }
    #staticHeader {
        padding-bottom: 70px;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
}
@media (max-width:1024px) and (orientation: landscape) {
    .contentDiv {
        padding: 0 2px 0;
    }
    .commitmentSlider .imgClass {
        vertical-align: top;
    }
    .gradingSystemContent .mobileGradingClose {
        top: 5px;
    }
}
/* ipad */
@media (max-width:1024px) {
    .contactWrapper {
        position: fixed;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    /* header css - Deepti */
    #staticHeader {
        padding-bottom: 60px;
    }
    /* home page - Deepti */
    .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;
    }
    /* our leadership - Deepti */
    .ourLeadershipInfo {
        width: 100%;
        padding-bottom: 15px;
    }
/*    .ourLeadershipDiv {
        width: 49%;
    }*/
    /* grading system - Deepti */
    .gradingSystemDiv {
        width: 60%;
        padding: 30px;
    }
    /* css by nilam */
    #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;
    }
    .locationWrap {
        padding-bottom: 50px;
    }
    .contactBtn {
        font-size: 18px;
        padding: 4px 10px;
    }
    /*our people */
    .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%;
    }
    /*event and news */
    .eventScroll {
        width: 30%;
    }
    .eventDisplay {
        width: 65%;
    }
    /* differentation css - Deepti */
    .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;
    }
    /*menu */
    .rightSecondMenu {
        width: 71%;
    }
    .halfBox {
        width: 42%;
    }
    .smallBox.leaderShipBox a {
        padding-top: 95px;
    }
    .secondMenuDiv {
        top: 97px;
    }
    /* CSR  */
    .communityImg {
        display: none;
    }
    .communityDiv {
        width: 100%;
    }
    /*our location */
    .contactBtnWrap {
        bottom: 195px;
    }
    /*manufacture-process*/
    .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%;
    }
    /*history page*/
    .HistorySlider {
        margin-top: 5%;
    }
    .moveLeft p {
        top: -27px;
    }
    /*customer commitment */
    .customerCommitmentCircle .contentDes {
        width: 50%;
        font-size: 18px;
    }
    /*login*/
    .lofinForm {
        width: 72%;
    }
    #staticHeader .menuIconStatic ul li:last-child {
        padding: 28px 0;
    }
    .gradingSystemSection, .venusJewelDifferentationSection {
        background-attachment: scroll;
        padding-top: 30px;
        padding-bottom: 50px;
    }/* 3 march - Deepti */
    .solitaireParDiv {
        background-attachment: scroll;
        padding-bottom: 300px;
        padding-top: 300px;
    }/* 3 march - Deepti */
    .matchPairDiv {
        background-attachment: scroll;
        padding-bottom: 300px;
        padding-top: 300px;
    }/* 3 march - Deepti */
    .differentationDiv1, .differentationDiv2, .differentationDiv3, .differentationDiv4, .differentationDiv5, .differentationDiv6, .differentationDiv7, .differentationDiv8, .ethicalSourcingDiv1, .ethicalSourcingDiv2, .gradingBody {
        background-attachment: scroll;
        background-size: 100% 100%;
    } /* 3 march - Deepti
	.customerCommitmentDiv{background-attachment:scroll;padding-bottom: 300px;padding-top: 300px;}/* 3 march - Deepti */
    .readTextdiv {
        display: none;
    }
    #ContactInfo .contactBtnWrap {
        bottom: 0px;
    }
    /*menuMobile*/
    .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%;
    }/*4 march - nilam */
    .ethicalShowMoreDiv p.companyLogo.AlrosaLogo {
        width: 37%;
    }/*4 march - nilam */
    .ethicalShowMoreDiv p.companyLogo.rioLogo {
        width: 39%;
    }/*4 march - nilam */
    .ethicalShowMoreDiv .companyLogo.companyLogo {
        width: 82%;
    }/*4 march - nilam */
    /* mobile grading - Deepti */
    .desktopGrading {
        display: none;
    }
    .mobileGrading {
        display: block;
    }
    .mobileGrading .gradingBg {
        position: relative;
    }
    .mobileGrading img {
        width: 100%;
        height: auto;
    }
    .mobileGrading .readMoreDivText {
        background: rgba(43, 46, 136, 0.7) none repeat scroll 0 0;
        padding: 10px 20px;
        position: absolute;
        right: 0;
        top: 50%;
    }
    .mobileGrading .gradingSystemContent {
        background: rgba(43, 46, 136, 0.9) none repeat scroll 0 0;
        height: 100%;
        padding: 10px;
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 1;
        z-index: 9;
        right: -100%;
    }
    .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: 0;
    }
    .LoginTextDiv {
        position: absolute;
        right: 12%;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    .gradingSystemSection, .venusJewelDifferentationSection {
        background-attachment: scroll;
        padding-top: 30px;
        padding-bottom: 50px;
    }/* 4 march - Deepti */
    .solitaireParDiv {
        background-attachment: scroll;
        padding-bottom: 300px;
        padding-top: 240px;
    }/* 4 march - Deepti */
    .matchPairDiv {
        background-attachment: scroll;
        padding-bottom: 300px;
        padding-top: 240px;
    }/* 4 march - Deepti */
    .customerCommitmentDiv {
        background-attachment: scroll;
        padding-bottom: 300px;
        padding-top: 240px;
    }/* 4 march - Deepti */
    #ContactInfo .contactForm {
        top: 500px !important;
    }
    #ContactInfo .locationImg {
        opacity: 1 !important;
    }
    /* location page css - Nilam */
    .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%;
    }
    /* home page css */
    .homepageBannerDiv .owl-theme .owl-dots .owl-dot span {
        width: 16px;
        height: 14px;
        margin: 0 7px;
    }
    .venusJewelDifferentationSection, .gradingSystemSection {
        padding-top: 40px;
    }
    .venusJewelDifferentation-caption, .gradingSystem-caption {
        width: 82%;
    }
    .venusJewelDifferentation-caption .head, .gradingSystem-caption .head {
        margin-top: 0;
    }
    .venusJewelDifferentation-caption .desc, .gradingSystem-caption .desc {
        margin-top: 0;
    }
    .venusJewelDifferentation-caption .readMore, .gradingSystem-caption .readMore {
        margin-bottom: 0;
    }
    /*manufacture-process*/
    /* .bannerText {top:5%; width:90%;}
	.diamondGallery {top:50%; width:90%;} */
    /* .manufactureWrapper .second .owl-carousel .owl-item img{display:none;} */
    .sorting {
        width: 74%;
        top: 25%;
        left: 60px
    }
    .planing, .shaping {
        width: 70%;
    }
    .polishing {
        right: 84px;
        top: 21%;
        width: 75%;
    }
    .sawing {
        width: 70%;
        top: 18%;
    }
    /*history page*/
    .HistorySlider {
        margin-top: 15%;
    }
    .moveLeft p {
        top: -15px;
    }
    .bannerText {
        height: auto;
    }
    .ethicalShowMoreDiv {
        top: 5%;
        height: 90%;
    }
    /*leaderShip page */
    .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: 0px;
    }
    .eventHead {
        font-size: 16px;
    }
    /* differentation new - css */ /* 3 march - Deepti */
    .differentationDescInfo {
        height: 245px;
        padding-bottom: 2%;
    }
    .secondMenuDiv {
        top: 75px;
    }
    .venusPopup {
        width: 40%;
    }/*3march nilam*/
    .ourPeopleLogoDiv p span {
        top: 57%;
    }/*3march nilam*/
    .eventDetail {
        height: 120px;
    }/*3march nilam*/
    #ContactInfo .contactBtnWrap {
        bottom: 46px;
    }
    .ethicalSourcingDiv1, .ethicalSourcingDiv2 {
        padding-bottom: 300px;
        padding-top: 240px;
    }
    .ethicalRowRightContent, .ethicalRowLeftContent {
        padding: 0 20px;
    }
    .titleInfoDetails {
        margin-bottom: 20px;
    }
    #menu {
        padding-top: 74px;
    }
    #staticHeader .menuIconStatic ul li {
        padding: 25px 8px 0;
    }
    .ClientlogoImage {
        height: auto;
    } /*4 march - nilam */
    .companyLogo {
        height: auto;
    } /*4 march - nilam */
    .ethicalShowMoreDiv .companyLogo {
        width: 38%;
    }/*4 march - nilam */
    .ethicalShowMoreDiv p.companyLogo.AlrosaLogo {
        width: 22%;
    }/*4 march - nilam */
    .ethicalShowMoreDiv p.companyLogo.rioLogo {
        width: 22%;
    }/*4 march - nilam */
    .ethicalShowMoreDiv .companyLogo.companyLogo {
        width: 38%;
    }/*4 march - nilam */
    .loginPage {
        background: rgba(0, 0, 0, 0) url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/bg-login.jpg") no-repeat scroll 0 59px;
    }/*4 march -nilam*/
    .forgotPasswordDiv {
        width: 100%;
    }/*4 march -nilam*/
    .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;
    }
}
/* iphone 6 plus  */
@media (min-width:320px) and (max-width:736px) {
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    .progressNav ul li a {
        font-size: 16px;
    }
    /* header css - Deepti */
    #contactUsForm .row.textAreaRow {
        margin-top: 0px;
    }
    #staticHeader {
        padding-bottom: 60px;
    }
    .historyTitle.locationTitle p {
        font-size: 20px;
    }
    /* home page - Deepti */
    .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(0px, 0px, 0px) scale(1);
    }
    .eventDesc {
        font-size: 20px;
        transform: translate3d(0px, 0px, 0px) 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 #fff;
        padding: 0;
        text-align: center;
    }
    footer ul li:first-child, footer ul li:last-child {
        width: 100% !important;
        border-bottom: none;
    }
    /* grading system - Deepti */
    .gradingSystemDiv {
        width: 80%;
        padding: 30px;
        margin-right: 0;
    }
    .gradingSystemHead {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .gradingSystemHead h1 {
        font-size: 30px;
    }
    /* differentation css - Deepti */
    .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;
    }
    /*our people*/
    .ourPeopleLogoDiv p span {
        top: 57%;
    }
    /*manufacture-process*/
    .manufacturePage {
        overflow: auto !important;
    }
    .diamondInfoDiv {
        height: auto !important;
    }
    .manufacturePage {
        background: #071534;
    }
    .diamondLoop {
        height: auto !important;
    }
    .bactToDiamond {
        display: none;
    }
    /* .diamondSection{position:relative; z-index:0;} */
    .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;
    }
    /* .diamondSlider{padding-bottom:50px;} */
    .manufacturePage #goToBottom {
        display: block;
    }
    .sorting {
        margin-right: 0px;
    }
    /*leaderShip */
    .ourLeadershipShowMoreDiv {
        padding: 20px;
    }
    .historySection {
        background-attachment: scroll;
    }
    .imgClass {
        width: 80%;
        margin: 18px auto;
    }
    .contentDes {
        width: 80%;
        margin-left: 0px;
    }
    /*menuMobile*/
    .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;
    }
    /*event and news */
    .eventScroll {
        width: 100%;
    }
    .eventDetailBox {
        width: 100%;
        display: inline-block;
        float: left;
    }
    .eventDisplay {
        display: none;
    }
    .eventNewsBody {
        overflow: scroll;
    }
    .eventScroll .mCSB_inside > .mCSB_container {
        margin-right: 0px;
    }
    .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;
    }
    /* 	#one{background:url(../images/diamond/sorting.jpg) no-repeat;  width:100%; background-size:cover}
		#two{background:url(../images/diamond/Planning.jpg) no-repeat;  width:100%; background-size:cover}
		#three{background:url(../images/diamond/Sawing.jpg) no-repeat;  width:100%; background-size:cover}
		#four{background:url(../images/diamond/shaping.jpg) no-repeat;  width:100%; background-size:cover}
	#five{background:url(../images/diamond/polishing.jpg) no-repeat;  width:100%; background-size:cover}  */
    /* .diamondInfoDetails p{opacity:0; visibility:hidden;} */
    /* manufacturing mobile new css - Deepti */ /* 5 march */
    .diamondLoopImage {
        background-size: 100% 100%;
    }
    .diamondLoopImage > img {
        width: 100%;
        max-width: 100%;
    }
    .diamondSection {
        display: none;
        background: rgba(43, 46, 136, 0.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;
    }
    #one .readTextdiv, #three .readTextdiv, #five .readTextdiv {
        background: rgba(43, 46, 136, 0.7) none repeat scroll 0 0;
        color: #fff;
        position: absolute;
        left: 0;
        padding: 10px;
        top: 30%;
    }
    #two .readTextdiv, #four .readTextdiv {
        background: rgba(43, 46, 136, 0.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, 0.9) none repeat scroll 0 0;
        height: 100%;
        padding: 10px;
        position: absolute;
        top: 8px;
        width: 100%;
        z-index: 9;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        display: none;
    }
    .moreLocationDesc p {
        font-size: 16px;
    }
    .moreLocationDescContent {
        display: none;
        margin-top: 30px;
    }
    .closeloacationDesc {
        float: right;
        font-size: 18px;
    }
    .communitySection {
        background: #2C2F8C url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/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;
    }
    /* .communityDiv{ background: rgba(0, 0, 0, 0) url("../images/venus_community/community-mobile-bg.jpg") no-repeat scroll center center / cover ;} */
    .firstLetter {
        font-size: 20px;
    }
    /* .firstLetter::first-letter {font-size: 24px;} */
    .ethicalTitleDiv {
        top: 8px;
    }
    /* .manufactureTitle{margin-bottom:20px;} */
    .commitmentSlider {
        border-bottom: 1px solid rgb(26, 37, 61);
    }
    .commitmentSlider #carousel {
        display: none;
    }
    .commitmentSlider #mobileCarousel {
        display: block;
    }
    .commitmentSlider #mobileCarousel li p {
        display: none;
    }
    .commitmentSlider #mobileCarousel li {
        background: rgb(20, 30, 54) none repeat scroll 0 0;
        opacity: 0.5;
        cursor: pointer;
    }
    .commitmentSlider .imgClass {
        margin: 0;
    }
    .commitmentSlider #mobileCarousel li.flex-active-slide {
        cursor: pointer;
        opacity: 1;
    }
}
@media (max-width:667px) {
    .diamondInfoDetails {
        height: 200px;
    }
    #one .readTextdiv, #three .readTextdiv, #five .readTextdiv, #two .readTextdiv, #four .readTextdiv {
        top: 38%;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
}
@media (min-width:320px) and (max-width:736px) {
    /* header css - Deepti */
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    #staticHeader {
        padding-bottom: 55px;
    }
    #staticHeader .logoFull {
        width: 127px;
    }
    #menu {
        padding-top: 61px;
    }
    /* home page - Deepti */
    .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;
    }/* 3 march - Deepti */
    .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: 0px;
    }
    .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: 0px;
    }
    .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;
    }/* 3 march - Deepti */
    .viewAllDiv a {
        font-size: 16px;
        padding: 8px 20px;
    }
    /* our leadership - Deepti */
    .ourLeadershipHead h1 {
        font-size: 20px;
    }
    .ourLeadershipDiv {/*width: 100%;*/
    }
    .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;
    }
    /* grading system - Deepti */
    .gradingSystemDiv {
        padding: 10px;
    }
    .gradingSystemHead h1 {
        font-size: 20px;
    }
    .gradingSystemDescDiv {
        font-size: 16px;
    }
    .VenusLocation .LocationTitle {
        font-size: 20px;
    }
    /* location */
    .formBtn .clearBtn {
        margin-bottom: 10px;
    }
    /*our people */
    .ourPeopleQuote p {
        font-size: 16px;
    }
    .benefitBox p {
        font-size: 16px;
    }
    .employeBenefitaDiv .staticText p {
        font-size: 16px;
    }
    .benefitBox h3 {
        font-size: 24px;
    }
    /*event and news */
    .eventScroll {
        width: 100%;
    }
    .eventDetailBox {
        width: 100%;
        display: inline-block;
        float: left;
    }
    .eventDisplay {
        display: none;
    }
    .eventNewsBody {
        overflow: scroll;
    }
    .eventScroll .mCSB_inside > .mCSB_container {
        margin-right: 0px;
    }
    .eventDetailBox {
        height: auto;
    }
    .eventDetail {
        height: auto;
    }
    /* differentation css - Deepti */
    .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;
    }
    /*CSR */
    .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;
    }
    /*history */
    .historyDiv .flexslider .slides > li {
        display: block;
        margin-bottom: 6%;
    }
    .moveLeft p {
        font-size: 25px;
    }
    .progressNav {
        display: none;
    }
    .ethicalShowMoreDiv {
        top: 17%;
    }
    .ethicalSourcingDiv2 .col-md-3 {
        width: 100%;
    }
    /*login */
    .lofinForm {
        width: 80%;
    }
    .loginDiv {
        top: 20%;
    }
    .enterSite {
        margin-top: 30px;
    }
    /*menuMobile*/
    .secondMenuDiv {
        display: none;
    }
    .mobielHeader {
        display: block;
    }
    #staticHeader .menuIconStatic ul li:last-child {
        padding: 10px 0;
    }
    .desktopHeader {
        display: none
    }
    /* differentation new - css */ /* 3 march - Deepti */
    .differentationDivMoreInfo-caption .head, .differentationDivMoreInfo-caption .desc {
        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;
    }
    /*login*/
    .leftDiv {
        width: 100%;
    }
    .rightDiv {
        width: 100%;
        border-left: 0 none;
    }
    .loginLogo {
        width: 72%;
    }
    .communityDesc {
        font-size: 16px;
    }
    .ethicalContent {
        font-size: 16px;
    }/*4 march - nilam*/
    .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;
    }
    #one .readTextdiv, #three .readTextdiv, #five .readTextdiv, #two .readTextdiv, #four .readTextdiv {
        top: 37%;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
}
@media (max-width:568px) {
    .loginDiv {
        top: 130%;
    }
    .diamondInfoDetails {
        height: 160px;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
}
#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;
    }
}
/* iphone 4 - landscape */
@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;
    }
    /* home page - Deepti */
    .eventDesc {
        width: 100%;
    }
    .eventHead {
        margin-top: 50px;
    }
    /*our people*/
    .employeBenefitaDiv .owl-prev {
        left: 38%;
    }
    .employeBenefitaDiv .owl-next {
        right: 38%;
    }
    .ourPeopleLogoDiv p span {
        width: 55%;
    }
    .ourPeopleLogoDiv p {
        margin-right: 4%;
    }
    /*event and news*/
    .eventDetailBox {
        width: 100%;
    }
    /*CSR*/
    .communityLine p {
        width: 250px;
    }
    /*commitment*/
    .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: center;
    }
    #ContactInfo .locationWrap {
        text-align: center;
    }
    .contactForm p {
        font-size: 16px;
    }
    .ourPeopleLogoDiv p {
        width: 60px;
        height: 60px;
    }
    #staticHeader .menuIconStatic ul li {
        padding: 19px 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 .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    /*login text*/
    .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 .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    .ourLeadership-caption {
        padding-top: 40%;
    }
}
@media (max-width:375px) {
    #ContactInfo .contactForm {
        top: 245px !important;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    .ourPeopleLogoDiv p {
        width: 80px;
        height: 80px;
    }
    .eventHead {
        margin-top: 20px;
    } /*4 march -nilam*/
    #one .readTextdiv, #three .readTextdiv, #five .readTextdiv, #two .readTextdiv, #four .readTextdiv {
        top: 33%;
    }
    .diamondInfoDetails {
        height: 471px;
    }
}
@media (max-width:360px) {
    /* home page - Deepti */
    .eventDesc {
        margin: 8% auto 0;
    }
    .hompageRowLeftContent, .hompageRowRightContent {
        width: 65%;
    }
    .hompageRowRightContent {
        top: 34%;
    }
    .hompageRowLeftContent {
        top: 20%;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    /*history*/
    .imgClass {
        width: 80%;
        margin-top: 28px;
    }
    .contentDes {
        margin-left: 12px;
        margin-top: 25px;
        width: 80%;
    }
    .historyDiv .flexslider .slides > li {
        margin-bottom: 12%;
    }
    .ethicalShowMoreDiv {
        top: 9%;
    }
    .diamondSection p, .test {
        font-size: 17px;
    }
    .bannerText p {
        font-size: 19px;
    }
    /*login*/
    .leftDiv {
        width: 100%;
    }
    .rightDiv {
        width: 100%;
        border-left: 0 none;
    }
    .loginLogo {
        width: 72%;
    }
    .loginDiv {
        top: 10%;
    }
    .eventHead {
        font-size: 16px;
        margin-top: 5px;
    }
    /* differentation new - Deepti */ /* 3 march - Deepti */
    .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: center;
    }
    #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;
    }
    /* manufacturing new css - Deepti */
    .diamondInfoDetails {
        height: 320px;
    }
    .ethicalSourcingDiv1, .ethicalSourcingDiv2 {
        padding-bottom: 120px;
        padding-top: 100px;
    }
}
#ContactInfo .resp-none {
    display: none !important;
}
/* iphone 4 - portrait */
@media (max-width:320px) {
    .LoginTextDiv {
        right: 18%;
    }
    /*our people*/
    .employeBenefitaDiv .owl-prev {
        left: 36%;
    }
    .employeBenefitaDiv .owl-next {
        right: 36%;
    }
    .menuIconStatic .openMenu, .menuIconStatic .openClose {
        background: none;
        margin-left: 0px;
    }
    /*leaderShip*/
    .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%;
    }
    #staticHeader .logoFull {
        width: 127px;
    }
    .customerCommitmentDiv .hompageRowRightContent {
        top: 2%;
    }
    .matchPairDiv .hompageRowLeftContent {
        top: 8%;
    }
    .loginDiv {
        top: 90%;
    }
}
/* chrome hack css */
@media screen and (-webkit-min-device-pixel-ratio:0) {}

/*********** Responsive css ends ************/


/******** Archive css by jignesh *************/


.container-fluid {
    /*width: 95%;*/
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 275px 275px;
    grid-gap: 20px;
    /*margin-top: 25px;*/
    margin-bottom: 25px;
    overflow: visible;
}

.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: white;
}
.archive-card-body-mob {
    -ms-flex: 1 1 auto;
    flex: 1 1 550px;
    padding: 1.25rem;
    background-color: white;
}
.search-article input{ 
    /*height: 40px!important;*/
    width: 100%!important;
    border: 1px solid #D0D0D0;
    border-radius: 5px;
    color: black;
    font-size: 1rem!important;
}
.card {
    background-color: #fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.bs-example .accordion .card .card-header {
    padding: .75rem;
    margin-bottom: 0;
    background-color: rgba(0,0,100,1)!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: .9rem;
    color: #004cff;
    display: flow-root;
    font-family: lato; 
}
.text-reagent-gray-mob {
    font-size: .85rem;
    color: #004cff;
    display: flow-root;
    font-family: lato; 
    padding-left: 10px;
}
.text-fiord-blue {
    width: 100%;
    font-weight: 500;
    color: #000;
    display: inline-block;
    font-family: lato;
    font-size: 1rem;
    letter-spacing: .3px;
    text-transform: capitalize;
}

.text-fiord-blue-mob {
    width: 100%;
    font-weight: 500;
    color: #000;
    display: inline-block;
    font-family: lato;
    font-size: .95rem;
    letter-spacing: .1px;
    text-transform: capitalize;
    padding-left: 10px;
}
.space{
    height: 20px;
}
/**********Search Button**********/

#myInput {
    background-image: url("https://d1g2oudknjs8jf.cloudfront.net/clntinfo/stpg/images/jig-img/magnifying-glass.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    font-size: 16px;
    border: 1px solid #ddd;
    color: black;
    margin: 0 0 10px 15px;
}
#myList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#myList li a {
    margin-top: -1px; /* Prevent double borders */
    text-decoration: none;
    font-size: 1rem;
    color: black;
    /*width: 65%;*/
}
#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;
    
}
/*.avatar:hover{
    transform: scale(1.5);
    transition: all .5s ease-in-out;
}*/
.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";
}

/*============ SEARCH ============*/
/*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 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
  width: 40% !important;
}*/

/*============ CUSTOM SCROLL BAR ============*/
::-webkit-scrollbar {
   width: 8px;          
}

::-webkit-scrollbar-thumb {   
  border-radius: 30px;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#da1b60));
  box-shadow: inset 2px 2px 2px rgba(255,255,255,.25), inset -2px -2px 2px rgba(0,0,0,.25);*/
    background: rgb(190,190,190);
    background: linear-gradient(90deg, rgba(190,190,190,1) 0%, rgba(255,255,255,1) 100%);
    overflow-y: scroll;
}

::-webkit-scrollbar-track {     
  background-color: #fff;
  background: linear-gradient(to right,#201c29,#201c29 1px,#100e17 1px,#100e17);
}

.locationWrap .form-control {
	background: transparent;
	border-radius: 0px;
	color: #ffffff;
	font-size: 18px;
}

.locationWrap .form-control:focus {
	border-color: #ffffff;
}

.locationWrap input[type="email"] {
	border: 1px solid #ffffff;
}

.locationWrap .radio label { /*font-family:'ProximaNovaAltThin';*/
	font-size: 16px;
	color: #ffffff;
}

.locationWrap .contSelect {
	color: #ffffff; /*font-family:'ProximaNovaAltThin';*/
	font-size: 18px;
}

.locationWrap .contBtn {
	background: transparent;
	border-color: #ffffff;
	border-radius: 0px; /*font-family:'ProximaNovaAltThin';*/
	font-size: 16px;
	color: #ffffff;
	padding: 3px 18px;
	width: 100%;
}

.locationWrap label {
	font-size: 13px;
	color: #ff0000;
}

.errorWrap {
	position: relative;
}


.locationWrap .closeBtn {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 24px;
	z-index: 9;
}

.contactpage .contactForm .closeBtn {
	top: 25px;
}

.locationWrap .closeBtn {
	-webkit-transform: rotate(360deg) rotate(0);
	-webkit-transition: all 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1, 0.8, 0.5, 1);
	-moz-transform: rotate(360deg);
	-moz-transition: all 0.5s;
	-moz-transition-timing-function: cubic-bezier(1, 0.8, 0.5, 1);
	-o-transform: rotate(360deg);
	-o-transition: all 0.5s;
	-o-transition-timing-function: cubic-bezier(1, 0.8, 0.5, 1);
}

.locationWrap .closeBtn:hover {
	-webkit-transform: rotate(0deg) rotate(0);
	-webkit-transition-delay: 0;
	-o-transition: all 0.5s;
	-moz-transform: rotate(0deg);
	-moz-transition-delay: 0;
	-o-transition: all 0.5s;
	-o-transform: rotate(0deg);
	-o-transition-delay: 0;
	-o-transition: all 0.5s;
}

/******************* MEDIA QUERY *******************/
@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; }
    
}


/********* Archive css by jignesh ends ************/