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

.contactSectionA .container {padding-top: 80px; padding-bottom: 100px; background:url(../../images/lucenta-solutions-contact-01.png) no-repeat top right;}
.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.png) no-repeat -100px -226px;}
.contactSecAContent .call span:before {background-position:-101px -281px;}



.contactSectionC {padding:70px 0px;}
.contactInfoBox {text-align: center; border-right:solid 1px #ccc;}
.contactInfoBox:nth-child(3) {border-right:none;}
/*background: var(--blue) url(../../images/sprite.png) no-repeat 3px -262px*/
.contactInfoBox .icon {display: inline-block; height: 60px; width: 60px;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;}

.pageHeading {background: var(--gray); padding: 20px 0px; margin:0px 0px 30px 0px;}
.pageHeading h1 {color: #fff;}

.blogDetailRow {position: relative; padding: 50px 0px;}
.rightAdd {position: sticky; top: 0px;}
.blogDetail .info {margin: 0px 0px 10px 0px; color: var(--gray);}
.blogDetail .title {font-size:40px;  font-family: 'proxima_novaextrabold'; margin: 0px 0px 25px 0px; }
.blogContent p {margin-bottom:15px;font-size:16px; color: #555555; line-height: 1.5;}
.blogDetail h3 {font-size:24px;  font-family: 'proxima_novaextrabold'; margin: 10px 0px 15px 0px; }

.shareOnSocial {padding: 20px 0px 40px 0px;}
.shareOnSocial h3 {font-size:24px;  font-family: 'proxima_novasemibold'; margin:0px 0px 15px 0px; }
.socialLink {list-style: none; padding: 0px; margin:0px;}
.socialLink li {display: inline-block; margin: 0px 5px 5px 0px;}
.socialLink li a {display:block; width: 40px; height: 40px; background: #3e5b98 url(../../images/socil-icons.png) no-repeat 16px 11px; border-radius: 50%;}
.socialLink li a:hover {text-decoration: none;}
.socialLink li a.twitter {background-color: #1da4f7; background-position:-32px 12px;}
.socialLink li a.linkedin {background-color: #12688c; background-position:-79px 11px;}
.socialLink li a.whatsapp {background-color: #1a8c12; background-position:-163px 11px;}
.socialLink li a.message {background-color: #000; background-position:-127px 12px;}




.photoGallery {position: relative;}
.photoBox {width:275px; height:275px; margin: 0px 10px 10px 0px;position: relative; display: inline-block; }
.photoBox img {height: 100%; width: 100%; object-fit: cover;display: block;}
.photoBox .layer {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.1); cursor: pointer;transition:all 0.3s linear;}
.photoBox:hover .layer {background: rgba(0,0,0,0.4);}

#galleryPopup .modal-dialog {max-width: 645px;}
#galleryPopup .modal-header {padding: 1rem 1rem 0.2rem 1rem;}
.galleryFullImg {position: relative; text-align: center;}
.leftControl, .rightControl {position: absolute; right: -10px; top: 45%; background: #efefef url(../../images/sprite.png) no-repeat -85px -45px; width:40px; height:40px; cursor: pointer;}
.leftControl {right: inherit;left: -10px; transform: rotate(180deg);}
#galleryPopup .modal-body {padding: 15px 15px;}
.blogListPage {padding-bottom: 30px;}
.featureImg {margin: 0px 0px 20px 0px;}

.rightSideBlog {border:solid 1px #ccc; padding: 1.5rem 0.5rem;border-radius: 5px;margin-bottom: 30px;}
.rightSideBlog h3 {margin:0px 0px 1rem 0px; font-weight: 700; font-size: 1.6rem;text-align: center;}
.smallPost {display: inline-block; width: 100%; padding: 15px 5px 15px 10px;border-bottom: solid 1px #ccc;}
.smallPost .img {display: inline-block; width: 25%; margin-right: 3%; vertical-align: top;}
.smallPost .img img {border-radius: 3px;}
.smallPost h5 {display: inline-block; width: 70%; margin: 0px; font-size: 1rem;vertical-align: top;
  font-size: 1rem; line-height: 1.5;}
.smallPost h5 a {color: #333; text-decoration: none;display: block;}
.smallPost h5 a:hover {color: var(--darkSky);}
.smallPost:hover {background: #efefef;}
.sideBarCat {border:solid 1px #ccc; padding:15px 0.5rem;border-radius: 5px;margin-bottom: 30px;}
.catsLink {list-style: none; padding: 0px; margin: 0px;}
.catsLink a {display: block; padding: 8px 20px; border-bottom: solid 1px #efefef; color: var(--black); text-decoration: none; font-size: 16px; font-family: "proxima_novasemibold";}
.catsLink a:hover {background: #efefef; color: var(--darkSky);}



.serviceContent {font-size:16px; color: #555555; line-height: 1.5;display: inline-block;width: 100%;}


.pagination {padding:10px 0px; justify-content: center;}
.pagination a, .pagination span {display: inline-block; font-size: 18px; font-weight: 600; color: #fff; line-height:36px; background:var(--gray); padding:0px 5px; text-align: center; height: 36px; text-align: center; min-width: 37px; margin: 0px 5px;}
.pagination a:hover {text-decoration: none;background: var(--darkBlue);}
.pagination span {background:var(--gray);}
.pagination .active span {background: var(--darkBlue);}

@media(max-width: 767px) {

  .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;}


  .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;}
  
  .pageHeading h1 {color: #fff; font-size: 24px;}

  .photoBox {width:calc(50vw - 28px);height:calc(50vw - 28px); margin: 0px 5px 10px 5px;}
  #galleryPopup .modal-title {font-size: 20px;}

  .blogDetailRow {position: relative; padding:20px 0px;}
  .blogDetail .title {font-size:22px; margin: 0px 0px 15px 0px; }
  .blogContent p {font-size:14px;}
  .blogDetail h3 {font-size:16px; margin:5px 0px 10px 0px; }

  .shareOnSocial {padding: 20px 0px 30px 0px;}
  .shareOnSocial h3 {font-size:18px; }
}