.contactPage .footer {padding:80px 0px 20px 0px;}

.contactSectionA .container {padding-top: 80px; padding-bottom: 100px; background:url(../images/lucenta-solutions-career-01.webp) no-repeat top right;}
.contactSecAContent {}
.contactSecAContent h1 {font-family: "proxima_novaextrabold"; font-size: 64px; margin: 0px 0px 20px 0px; max-width: 550px;}
.contactSecAContent .desc {font-size:18px; margin: 0px 0px 40px 0px; max-width: 440px;}
.contactSecAContent .call {margin:0px 0px 0px 12px;}
.contactSecAContent .email span,
.contactSecAContent .call span {position: relative; padding-left: 28px;}
.contactSecAContent .email span:before,
.contactSecAContent .call span:before {content: ""; width: 20px; height: 20px; position: absolute; left: 0px; top: -2px; background: url(../images/sprite.webp) no-repeat -100px -226px;}
.contactSecAContent .call span:before {background-position:-101px -281px;}

.contactSecBox {margin: 50px 0px;}
.contactLeftBlock {background: var(--blue); padding: 40px 40px; position: relative;}
.contactLeftBlock:before {content: "";right: -100px; top: 0px; height: 100%; width: 100px; background:var(--darkBlue); position: absolute;}
.contactLeftBlock h2 {font-size: 36px; font-family: "proxima_novaextrabold"; color: #ffffff; margin: 0px 0px 15px 0px;}
.contactLeftBlock .desc {font-size: 18px;color: #ffffff; margin: 0px 0px 35px 0px;padding-bottom: 25px; position: relative;}
.contactLeftBlock .desc:before {content: ""; width: 50px; height: 4px; position: absolute; left: 0px; bottom: 0px; background:#ffffff;}

.contactTestiMonailItem {color: #ffffff;}
.contactTestiMonailItem .text {margin:0px 0px 30px 0px; font-size: 20px;}
.contactTestiMonailItem .writerInfo {position: relative;padding-left: 50px;text-align: left; display: inline-block;}
.contactTestiMonailItem .writerInfo:before {content: ""; position: absolute; left: 0px; width:30px; height:30px; top:8px; background: url(../images/testmonial-icon.webp) no-repeat 0px 0px;background-size: auto 20px;}
.contactTestiMonailItem .name {margin:0px 0px 2px 0px; font-size: 22px; font-family: "proxima_novabold";}
.contactTestiMonailItem .position {font-size:16px;}
.contactTestiMonailItem .ratingBlock {margin: 0px 0px 5px 0px;}

.contactRightBlock {background: #ffffff; box-shadow: -2px 10px 20px rgba(7, 85, 171, 0.15); padding: 40px;}
.contactRightBlock h2 {font-size: 36px; font-family: "proxima_novaextrabold";margin:0px 0px 20px 0px;}
.contactRightBlock .desc {font-size:18px; margin:0px 0px 20px 0px;}


#contactTestiSlider {margin:20px 0px 20px 0px;}
#contactTestiSlider button.owl-dot {background-color: #ffffff; opacity: 0.5;}
#contactTestiSlider button.owl-dot.active {opacity: 1;}
#contactTestiSlider .owl-dots {margin-top: 30px;}

.contactSectionC {padding:70px 0px;}
.contactInfoBox {text-align: center; border-right:solid 1px #ccc;}
.contactInfoBox:nth-child(3) {border-right:none;}
.contactInfoBox .icon {display: inline-block; height: 60px; width: 60px; background: var(--blue) url(../images/sprite.webp) no-repeat 3px -262px;border-radius: 50%; margin: 20px 0px 0px 0px; transition:transform 0.3s linear;}
.contactInfoBox h3 {font-size: 32px; margin: 10px 0px; font-family: "proxima_novaregular";}
.contactInfoBox .desc {font-size: 18px; font-family: "proxima_novasemibold"; margin: 0px 0px 10px 0px;}
.contactInfoBox .desc a { color: var(--black); display: block;}
.contactInfoBox .desc a:hover {text-decoration: none;}
.contactInfoBox:nth-child(2) .icon {background-position:3px -317px;}
.contactInfoBox:nth-child(3) .icon {background-position:5px -369px;}
.contactInfoBox:hover .icon {transform:scale(0.95);}


.contactSectionE {padding: 10px 0px 100px 0px;}
.contactSectionE h2 {font-size: 20px; color: #697182; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0px 15px 20px;font-family: "proxima_novasemibold";}
.contactSectionE .owl-item {text-align: center;}
.contactSectionE .owl-item img {display: inline-block; width: auto;}
.contactSectionE .owl-dots {text-align: center;}














.aboutSectionG {padding: 90px 0px 50px 0px; text-align: center;}
.aboutSectionG h2 {margin:0px 0px 20px 0px; font-size: 56px; line-height: 1.2; font-family: "proxima_novaextrabold";}
.aboutSectionG .desc {font-size: 18px;margin:0px auto 30px auto; max-width: 820px;}
.aboutSectionG .col-lg-3 {margin-top: 50px;}
.certiFicateBox {border:solid 1px #ccc; padding: 20px 15px; position: relative; border-radius: 10px; height: 100%; display: block;}
.certiFicateBox:before {content: ""; position: absolute; top: -22px; left: calc(50% - 22px); height: 44px; width: 44px; background: url(../images/circle-start.webp) no-repeat 0px 0px;}
.certiFicateBox .img {height: 150px; line-height: 150px;vertical-align: middle;}
.certiFicateBox h3 {margin:0px 0px 10px 0px; font-size:22px; font-family: "proxima_novabold"; color: var(--black);}
.certiFicateBox .desc {margin:0px 0px 10px 0px; font-size:16px; color: #666666;}
.certiFicateBox:hover {border-color: var(--blue); text-decoration: none;}
.certiFicateBox .img img {transition: transform 0.3s linear;}
.certiFicateBox:hover .img img {transform: scale(0.95);}





@media(max-width: 1024px) {

  .aboutSectionG {padding:40px 0px 30px 0px;}
  .aboutSectionG h2 {font-size: 36px;}


}

@media(max-width: 767px) {

  .aboutSectionG {padding:30px 0px 10px 0px;}
  .aboutSectionG h2 {font-size: 26px;}
  .aboutSectionG .col-lg-3 {margin-top: 35px;}
  .certiFicateBox h3 {font-size:18px;}
  .aboutSectionG .desc {font-size: 16px; margin: 0px auto 10px auto;}
  .certiFicateBox .img {height: 100px; line-height: 100px; max-height: 100px;}

  .contactSectionA .container {padding-top: 40px; padding-bottom: 200px; background-position: bottom center; background-size: auto 190px;}
  .contactSecAContent h1 {font-size:32px;margin: 0px 0px 15px 0px;}
  .contactSecAContent .call, .contactSecAContent .email {display: block; text-align: center; margin: 0px 0px 10px 0px;}
  .contactSecBox {margin: 0px;}
  .contactSecAContent .desc {font-size: 16px; margin: 0px 0px 20px 0px;}

  .contactLeftBlock { padding:15px;}
  .contactLeftBlock:before {display: none;}
  .contactLeftBlock h2 {font-size:24px; margin: 0px 0px 10px 0px;}
  .contactLeftBlock .desc {font-size: 16px; margin: 0px 0px 15px 0px;padding-bottom: 15px;}

  .contactTestiMonailItem .text {font-size: 16px;}
  .contactTestiMonailItem .name {font-size:18px;}
  .contactTestiMonailItem .position {font-size:16px;}

  .contactRightBlock {padding: 15px;}
  .contactRightBlock h2 {font-size:20px; margin:0px 0px 10px 0px;}
  .contactRightBlock .desc {font-size:16px; margin:0px 0px 20px 0px;}


  .contactSectionC {padding:30px 0px 0px 0px;}
  .contactInfoBox {border-right: none; margin-bottom: 20px;}
  .contactInfoBox h3 {font-size: 22px; }
  .contactInfoBox .desc {font-size: 16px; }

  .contactPage .footer {padding: 30px 0px 20px 0px; margin-top: 20px;}

  .contactSectionE {padding: 10px 0px 30px 0px;}
  .contactSectionE h2 {text-align: center; margin: 0px 0px 20px 0px;}

}