/*about us page css*/
.aboutSectionA {text-align: center; padding-top: 60px;}
.aboutSectionA .text {max-width: 1100px; margin:0px auto;}
.aboutSectionA h1 {margin: 0px 0px 0px 0px; font-size: 66px; line-height: 1.2; font-family: "proxima_novaextrabold";}
.aboutSectionB {padding:50px 0px; text-align: center; font-size: 18px; line-height: 1.6;}
.aboutSectionB .container {max-width: 1070px;}

.aboutSectionC {padding:0px 0px 50px 0px;}
.aboutSectionC h2 {margin: 40px 0px 40px 0px; font-size: 54px; line-height: 1.2; font-family: "proxima_novaextrabold";}
.aboutSectionC .desc {font-size: 18px; margin: 0px 0px 60px 0px;}
.aboutSectionC .img {transition: transform 0.2s linear;}
.aboutSectionC .img:hover {transform: scale(0.95);}

.aboutSectionD {padding: 100px 0px 0px 0px;}
.aboutSectionD h2 {margin: 40px 0px 40px 0px; font-size: 54px; line-height: 1.2; font-family: "proxima_novaextrabold";}
.chooseBox {position: relative; padding-left: 80px; height: 240px;}
.chooseBox .step {font-size:18px; font-family: "proxima_novaextrabold"; color: var(--blue);display: inline-block; transition: all 0.6s linear; height: 37px; display: block;}
.chooseBox h3 {margin:0px 0px 20px 0px; font-size:36px; line-height: 1.2; font-family: "proxima_novaextrabold";}
.chooseBox h3:before {content: ""; width: 70px; height: 70px;background: url(../images/lucenta-solutions-about-04.html) no-repeat 5px 5px; position: absolute; left: 0px;}
.col-md-4:nth-child(2) .chooseBox h3:before {background-position:-98px 5px;}
.col-md-4:nth-child(3) .chooseBox h3:before {background-position:-211px 5px;}
.col-md-4:nth-child(4) .chooseBox h3:before {background-position:8px -95px;}
.col-md-4:nth-child(5) .chooseBox h3:before {background-position:-99px -94px;}
.col-md-4:nth-child(6) .chooseBox h3:before {background-position:-215px -92px;}
.chooseBox .text {font-size: 18px; height:0px;overflow: hidden;transition: all 0.6s linear;}
.chooseBox:hover .step {height: 1px; color: #fff; }
.chooseBox:hover .text {height:80px; }


.aboutSectionE {padding: 50px 0px;}

.aboutSectionF {position: relative; padding: 100px; background: url(../images/lucenta-solutions-about-05.html) no-repeat center; min-height: 600px; margin-top: 50px;}
.aboutHowWeBox {background: #fff; padding: 35px 40px; max-width: 570px; margin-left: auto;}
.aboutHowWeBox .taglineA {color: var(--blue); font-size: 18px; margin: 0px 0px 10px 0px; font-family: "proxima_novaextrabold";}
.aboutHowWeBox h2 {margin:0px 0px 20px 0px; font-size: 36px; line-height: 1.2; font-family: "proxima_novaextrabold";}
.aboutHowWeBox .desc {font-size: 18px;margin-bottom: 10px;}
.aboutHowWeBox .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.html) 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 (min-width: 1400px) {
  .aboutSectionA {position: relative;margin-bottom: 50px;}
  /*.aboutSectionA:before {content: ""; width: 280px; height: 280px; border-radius: 50%;background-color: var(--blue); position: absolute;right: -130px; bottom: -100px;}*/
  /*.aboutSectionA:after {content: ""; width: 240px; height: 240px; border-radius: 50%; position: absolute; bottom: 0px; right: -90px; border:solid 4px var(--sky); border-top-color:transparent;}*/
  .aboutSectionC .img {max-width: initial; margin:0px 0px -125px 50px; position: relative; z-index: 1;}
  .aboutSectionD .container {position: relative;}
  .aboutSectionD .container:after {content: ""; width: 275px; height: 420px; position: absolute; right: -270px; top: -190px; background: url(../images/lucenta-solutions-about-03.html) no-repeat 0px 0px;}
}

@media(max-width: 1024px) {
  .aboutSectionA {padding-top: 40px; }
  .aboutSectionA h1 {margin: 0px 0px 30px 0px;font-size: 36px;}
  .aboutSectionB {padding:40px 0px;font-size: 16px;}
  .aboutSectionC h2 {margin:30px 0px 30px 0px; font-size: 24px;}
  .aboutSectionC .desc {font-size: 16px; margin: 0px 0px 30px 0px; }
  .aboutSectionD {padding: 0px;}
  .aboutSectionD h2 {margin: 40px 0px 40px 0px;font-size: 34px;}
  .chooseBox h3 {margin: 0px 0px 10px 0px; font-size: 26px;}
  .aboutSectionG {padding:40px 0px 30px 0px;}
  .aboutSectionG h2 {font-size: 36px;}


}

@media(max-width: 767px) {
  .aboutSectionA {padding-top: 30px; }
  .aboutSectionA h1 {margin: 0px 0px 20px 0px;font-size: 26px;}
  .aboutSectionB {padding:30px 0px;font-size: 14px;}
  .aboutSectionC {padding: 0px 0px 30px 0px;text-align: center; }
  .aboutSectionC .img {margin-top: 30px;}
  .aboutSectionC h2 {margin:0px 0px 15px 0px; font-size: 20px;}
  .aboutSectionC .desc {font-size: 14px; margin: 0px 0px 20px 0px; }
  .aboutSectionD h2 {margin:30px 0px 10px 0px;font-size: 26px;}
  .chooseBox {height: auto; margin:20px 20px;}
  .chooseBox h3 {font-size: 18px;}
  .chooseBox .text, .chooseBox:hover .text {height: auto;font-size: 16px;}
  .chooseBox:hover .step {height: 37px;overflow: visible; color: var(--blue);}
  .aboutSectionG {padding:30px 0px 10px 0px;}
  .aboutSectionG h2 {font-size: 26px;}
  .aboutSectionG .col-lg-3 {margin-top: 35px;}
  .aboutSectionE {padding: 30px 0px; }
  .aboutSectionF {min-height: auto; margin-top: 0px; padding:50px 0px;}
  .aboutHowWeBox {padding:15px;}
  .aboutHowWeBox .taglineA {font-size: 16px; }
  .aboutHowWeBox h2 { font-size:22px;margin: 0px 0px 15px 0px;}
  .aboutHowWeBox .desc {font-size: 16px;}
  .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;}


}