/*
Theme Name: Wohl Legacy
Author: Cskills
Version: 2
*/

.content_1440{
    max-width: 1440px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

/* common classes start here */
.content_1160 {
  max-width: 1200px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  overflow: visible;
}

.content_1000 {
  max-width: 1084px;
  width: 100%;
  padding: 0 42px;
  margin: 0 auto;
}

.content_1048 {
  max-width: 1132px;
  width: 100%;
  padding: 0 42px;
  margin: 0 auto;
}
.content_1048.commonBottomspace {
  padding-bottom: 40px;
}

.content_1100 {
  max-width: 1140px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

.content_800 {
  max-width: 840px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

.content_600 {
  max-width: 684px;
  width: 100%;
  padding: 0 42px;
  margin: 0 auto;
}

.upperTitle {
  text-transform: uppercase;
}
.commonTopspace {
  padding-top: 50px;
}
.commonBottomspace {
  padding-bottom: 50px;
}

/* .pageConainer{flex: 1 1 auto;} */
.col_1_1 .col {
  width: 50%;
}
.col_1_1_1_1 .col {
  width: 25%;
}

body.textimageSec .textImageBox .col {
  width: 52%;
  padding-left: 20px;
}
body.textimageSec .textImageBox > .col:first-child {
  width: 48%;
}

.textImageBox .col {
  width: 60%;
  padding-left: 20px;
}
.textImageBox > .col:first-child {
  width: 40%;
  padding-right: 50px;
  padding-left: 0px;
}
.textImageBox > .col:first-child h2 {
  text-transform: uppercase;
  margin-bottom: 28px;
}

/* header start here */
#header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 99999;
  background-color: #fff;
}
.logo {
  float: left;
  padding-left: 20px;
}
.logo img {
  /*width: 274px; width: 200px;*/
  width: 230px;
}
#header .content_1160 {
  padding-top: 22px;
}
#header {
  border-bottom: #1b3c6a solid 6px; /*padding-bottom: 12px;*/
}

#page-wrap {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 154px;
  padding-bottom: 182px;
}
/* body.hasSubmenu #page-wrap{padding-top: 204px; } */
#header.scroll .logo img {
  /*width: 140px;*/
  width: 162px;
}
#header.scroll nav {
  padding-top: 59px;
}

/* header end here */

/* common classes end here */

/* home page start here */
body.page-template-page-home .textImageBox .col,
body.page-template-page-home .textImageBox .col .imageBox,
body.page-template-page-home .textImageBox .col .content {
  opacity: 1;
}

.botomSlideBox,
.projectsSlideBox {
  padding-bottom: 50px;
}
.homeSliderBox ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.homeSliderBox ul li {
  margin: 0px;
  padding: 0px;
}

/* Full-bleed home slider: centre slide fixed at 1440px, neighbouring
   slides fill the remaining space out to the screen edges. */
.homeSliderBox {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
.homeSlider .slick-slide {
  position: relative; /* re-anchor .slideInfo to each slide (lost without fade) */
  width: 1440px;
  max-width: 100vw;
}
/* Show the caption only on the active (centre) slide */
.homeSlider .slick-slide:not(.slick-center) .slideInfo {
  opacity: 0;
  visibility: hidden;
}

.slideInfo {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  z-index: 99;
  text-align: center;
  color: #fff;
  background-color: rgba(27, 60, 106, 0.7);
  border-radius: 5px;
  padding: 20px 25px 28px 25px;
}
.slideInfo h2 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 6px;
  color: #fff;
  word-wrap: break-word;
}
.slideInfo h3 {
  font-family: "HalisR-Medium";
  font-size: 25px;
  line-height: 28px;
  margin-bottom: 20px;
  color: #fff;
  word-wrap: break-word;
}
.smallTitle {
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
}

.imageTextBox .content {
  width: 42%;
  position: relative;
  z-index: 99;
  float: left;
  color: #1e5b4f;
  font-family: "HalisR-Light";
  font-size: 18px;
  line-height: 22px;
  background-color: #fff;
}
.imageTextBox {
  position: relative;
  overflow: hidden;
  padding-top: 8px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 30px;
}

.imageTextBox .content::before {
  content: " ";
  position: absolute;
  display: block;
  width: 200%;
  height: calc(100% + 50px);
  min-height: 180px;
  left: 0;
  z-index: -1;
  background: #dfe5e4;
  transform-origin: top right;
  -ms-transform: skew(-35deg, 0deg);
  -webkit-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
  bottom: -30px;
}
.imageTextBox .content > div {
  padding-left: 15px;
  padding-bottom: 150px;
  padding-top: 40px;
  font-size: 25px;
  line-height: 28px;
  font-weight: bold;
}

.text-img-img{
  aspect-ratio: 4/3;
}

.imageTextBox .imageBox {
  width: 50%;
  float: left;
  z-index: 999;
  position: relative;
}

.imageTextBox.Leftalignimage .content {
  float: right;
}
.imageTextBox.Leftalignimage .imageBox {
  float: left;
}
.imageTextBox.Leftalignimage .content::before {
  left: auto;
  right: 0;
  transform-origin: bottom top;
  -ms-transform: skew(35deg, 0deg);
  -webkit-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.readMore {
  font-size: 16px;
  line-height: 24px;
  font-family: "HalisR-Medium";
  background-color: #1b3c6a;
  color: #fff;
  padding: 8px 15px;
  border-radius: 5px;
  min-width: 180px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.readMore:hover {
  color: #fff;
  background-color: #583463;
  text-decoration: none;
}

.botomSlideBox h2,
.projectsSlideBox h2 {
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.botomSlideBox ul,
.projectsSlideBox ul {
  padding: 0px 30px;
}
.botomSlideBox ul li,
.projectsSlideBox ul li {
  padding: 0px;
}
.botomSlideBox .imageHolder {
  overflow: hidden;
}
.overlayBox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 12px;
  background-color: rgba(000, 000, 000, 0.3);
}

.overlayContainer {
  width: 100%;
  height: 100%;
  border: #fff solid 2px;
  color: #fff;
  text-align: center;
}

.overlayContainer .title {
  font-family: "HalisR-Medium";
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  padding: 0 14px;
}
/* home page end here */

/* about pages start here */
.childpages {
  background-color: #1b3c6a;
  padding: 10px;
}
.childpages ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  display: block !important;
}
.childpages ul li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  padding: 5px 4px;
  position: relative;
  padding-right: 0px;
}
.childpages ul li .menudot {
  padding-right: 9px;
  line-height: 0px;
}
.childpages ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-family: "HalisR-Medium";
  text-transform: uppercase;
  text-decoration: none;
}
.childpages ul li a:hover {
  color: #aaabc0;
  text-decoration: none;
}
.childpages ul li:first-child .menudot {
  visibility: hidden;
  padding-right: 0px;
}
/* .childpages ul li::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    right: -2px;
    bottom: 10px;
} */
.childpages ul li:last-child::after {
  display: none;
}
/* about pages end here */

/* projects page start here */
.projectsTopsec {
  text-align: center;
  padding-bottom: 25px;
}
.projectsTopsec h2 {
  text-transform: uppercase;
}
.projectsTopsec ul {
  list-style-type: none;
  margin: 0px;
  padding: 0 0 10px 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
.projectsTopsec ul li {
  font-family: "HalisR-Medium";
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0px;
  /* padding: 0px 4px;
  padding-right: 2px; */
  padding: 0 12px;
  width: 134px;

  position: relative;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.projectsTopsec ul li a {
  margin: 0 auto;
}
.projectsTopsec ul li:first-child .menudot {
  padding-right: 0px;
  visibility: hidden;
}
.projectsTopsec ul li .menudot {
  line-height: 0px;
  padding-right: 0px !important;
  color: #1b3c6a;
}
.projectsTopsec .menudot {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.projectsTopsec .menudot {
  padding-right: 0px;
}
.projectsTopsec .menudot span {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #1b3c6a;
}
/* .projectsTopsec ul li::after{
  content:"";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color:#1B3C6A;
  position: absolute;
  right: -4px;
  bottom: 3px;
} */
.projectsTopsec ul li:last-child::after {
  display: none;
}
.projectsTopsec ul li a {
  color: #1b3c6a;
  text-decoration: none;
}
.projectsTopsec ul li a:hover {
  text-decoration: none;
  color: #583463;
}
.projectsTopsec ul li.activeCat a {
  color: #583463;
}

.projectsList {
  padding: 0 30px 50px 30px;
}
.projectsList .overlayBox {
  background-color: transparent;
}
.projectsList .box:hover .overlayBox {
  opacity: 1;
  background-color: rgba(88, 52, 99, 0.9);
}
.projectsList .col:hover .overlayBox {
  opacity: 1;
  background-color: rgba(88, 52, 99, 0.9);
}
.projectsList .col:hover .overlayBox .overlayContainer .title {
  opacity: 1;
}
.projectsList .overlayBox .title {
  opacity: 0;
  padding: 0 18px;
}
.projectsList .box:hover .title {
  opacity: 1;
}

.bottomSlider .overlayBox .title {
  /*opacity: 0;*/
}
.bottomSlider li a:hover .overlayBox {
  opacity: 1;
  background-color: rgba(88, 52, 99, 0.9);
}
.bottomSlider li a:hover .title {
  opacity: 1;
}
.bottomSlider .overlayBox .title .proTitle {
  font-size: 14px;
  line-height: 18px;
  font-family: "HalisR-Medium";
  text-transform: none !important;
}
.bottomSlider .overlayBox .title .subTitle {
  font-size: 20px;
  line-height: 26px;
  padding-top: 8px;
  text-transform: uppercase;
}

.overlayContainer .title > .subTitle {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  padding-top: 15px;
}
.projectsList .proTitle {
  font-family: "HalisR-Medium";
  font-size: 14px;
  line-height: 18px;
  text-transform: none !important;
  text-align: center;
}
.projectsList .title .subTitle {
  width: 100%;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  padding-top: 8px;
}

.loaderBox {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}
.loaderBox a {
  font-family: "HalisR-Medium";
  font-size: 18px;
  line-height: 18px;
  max-width: 170px;
  width: 100%;
  padding: 8px 10px 8px 10px;
  display: inline-block;
  color: #1b3c6a;
  border: #1b3c6a solid 2px;
  cursor: pointer;
  text-decoration: none;
}
.loaderBox a:hover {
  border: #583463 solid 2px;
  color: #583463;
  text-decoration: none;
}

.backLink {
  padding-bottom: 10px;
}
.backLink a {
  color: #4d4d4f;
  text-decoration: none;
}
.backLink a:hover {
  text-decoration: none;
  color: #583463;
}
.ptojectTitle {
  margin-bottom: 30px;
}
/* projects page end here */

/* projects detail page start here */
.deatilsSliderBox.content_800 {
  max-width: 650px;
}
.deatilsSliderBox ul {
  margin: 0px;
  padding: 0px 30px;
  list-style-type: none;
}
.deatilsSliderBox ul li {
  margin: 0px;
  padding: 0px;
}
.detailSlider .slick-arrow {
  background-color: #ffffff;
}
/* projects detail page end here */

/* testimonials box start here */
.testimonialsBox {
  position: relative;
  padding: 44px 0;
  text-align: center;
  color: #1b3c6a;
}
.testimonialsBox::before {
  content: "";
  max-width: 500px;
  width: 100%;
  height: 2px;
  background-color: #1b3c6a;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
.testimonialsBox::after {
  content: "";
  max-width: 500px;
  width: 100%;
  height: 2px;
  background-color: #1b3c6a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.testimonialsBox p {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 24px;
  padding: 0 10px 10px 10px;
  position: relative;
  font-family: "HalisR-Light";
}
.testimonialsBox p::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("images/quote-left.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
}
.testimonialsBox p::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("images/quote-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
}
.author {
  text-align: center;
  font-family: "HalisR-Medium";
  font-size: 14px;
  line-height: 20px;
}
/* testimonials box start here */

/* full width image start here */
.fullimageBox {
  text-align: center;
}
.fullimageBox img {
  margin: 0 auto;
  max-width: 100%;
}
/* full width image start here */

/* full width image text box start here */
.fullwidthImageText {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.fullwidthImageText .imageBox {
  width: 40%;
  margin-bottom: 70px;
  z-index: 999;
  position: relative;
}
.fullwidthImageText .contentBox {
  width: 60%;
  position: relative;
}
.fullwidthImageText .contentBox::before {
  content: " ";
  position: absolute;
  display: block;
  width: 200%;
  height: 100%;
  left: 0;
  z-index: -1;
  background: #dfe5e4;
  transform-origin: top right;
  -ms-transform: skew(-35deg, 0deg);
  -webkit-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}
.contentHolder {
  padding: 70px 30px;
  font-size: 14px;
  line-height: 24px;
  color: #1e5b4f;
}
.contentHolder p {
  padding-bottom: 12px;
}
.contentHolder p:nth-last-of-type(1) {
  padding-bottom: 0px;
}
/* full width image text box end here */

/* small text box start here */
.smallEditor {
  text-align: center;
}
.smallEditor h1,
.smallEditor h2,
.smallEditor h3,
.smallEditor h4,
.smallEditor h5,
.smallEditor h6 {
  text-transform: uppercase;
}
.smallEditor p:last-of-type {
  padding-bottom: 0px;
}
/* small text box end here */

/* what we do list start here */
.workList ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.workList ul li {
  margin: 0px;
  padding: 0px;
}
.workList ul li:nth-child(even) .contentSec {
  float: left;
}
.workList ul li:nth-child(even) .imageSec {
  float: right;
  /*margin-top: 20px;*/
  /*margin-bottom: -20px;*/
  /*align-self: flex-end;*/
}
/*.workList ul li:nth-child(even) .worklistHolder {*/
/*  flex-direction: row-reverse;*/
/*}*/
.workList .col {
  padding: 0 24px 10px 24px;
}
.worklistHolder {
  overflow: hidden;
  height: 100%;
  padding: 20px 0;
  display: flex;
}
.worklistHolder .innertextHolder {
  padding: 20px;
}
.innertextHolder h2 {
  font-size: 22px;
  line-height: 28px;
  color: #1b3c6a;
  text-transform: uppercase;
}
.innertextHolder h2 a {
  color: #1b3c6a;
  text-decoration: none;
}
.innertextHolder h2 a:hover {
  text-decoration: none;
  color: #583463;
}
.innertextHolder p {
  padding-bottom: 12px;
  font-family: "HalisR-Regular";
}
.workList .contentSec {
  width: 50%;
  height: 100%;
  position: relative;
  z-index: 99;
}
.workList .imageSec {
  width: 50%;
  position: relative;
  z-index: 999;
  margin-top: -20px;
  margin-bottom: 20px;
}
.workList .imageSec .box {
  overflow: hidden;
}
.workList .contentSec::before {
  content: " ";
  position: absolute;
  display: block;
  width: 200%;
  height: 100%;
  left: 0;
  z-index: -1;
  background: #dfe5e4;
  transform-origin: top right;
  -ms-transform: skew(-35deg, 0deg);
  -webkit-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}
.workList .imageSec .overlayBox,
.projectsSlideBox .box .overlayBox {
  background-color: transparent;
  padding: 10px;
}
.projectsSlideBox .box {
  overflow: hidden;
}

.projectName {
  font-size: 14px;
  line-height: 18px;
  font-family: "HalisR-Medium";
  /* color:#000000; */
  color: #1b3c6a;
  text-align: center;
  padding: 26px 10px 0 10px;
}
.projectsSlideBox ul li a {
  text-decoration: none;
}
.projectsSlideBox ul li:hover a {
  text-decoration: none;
}
.projectsSlideBox ul li:hover a .projectName {
  color: #583463;
  text-decoration: none;
}
.projectsSlideBox .slick-arrow {
  top: 136px;
}
/* what we do list end here */

/* 404 page start here */
.errorBox {
  height: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
}
.pageNotFound {
  width: 100%;
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
}
.pageNotFound > div {
  border: 6px solid #1b3c6a;
  width: 250px;
  height: 250px;
  margin: 0px auto;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
.pageNotFound > div span {
  color: #1b3c6a;
  font-size: 80px;
  position: absolute;
  right: 24px;
  top: 46%;
  font-weight: bold;
  left: 0px;
  width: 100%;
}
.pageNotFound a {
  color: #1b3c6a;
}
/* 404 page end here */

.loaderImage {
  padding: 10px 0 0 0;
  display: none;
}
.loaderImage img {
  width: 50px;
  margin: 0 auto;
}

/* footer css start here */
#footer {
  position: absolute;
  bottom: 0px;
  background-color: #1b3c6a;
  color: #fff;
  padding: 34px 0;
}
/*#footer{background-color:#1B3C6A; color:#fff; padding:34px 0;}
/* #footer, .pageConainer {flex-shrink: 0;} */
ul.footerMenu {
  padding: 0px;
  margin: 0px;
}
ul.footerMenu li {
  display: inline-block;
  font-family: "HalisR-Medium";
  text-transform: uppercase;
  padding-left: 0px;
  padding-right: 4px;
}
ul.footerMenu li:first-child .menudot {
  visibility: hidden;
  padding-right: 0px;
}
ul.footerMenu li .menudot {
  padding-right: 8px;
}
/* ul.footerMenu li::after{
  content:"";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color:#fff;
  position: absolute;
  right: -4px;
  bottom: 8px;
} */
ul.footerMenu li:last-child::after {
  display: none;
}
ul.footerMenu li:last-child {
  padding-right: 0px;
}
.footerLogo {
  float: left;
  padding-left: 20px;
}
.footerLogo img {
  /*width: 274px; width: 200px;*/
  width: 230px;
}
.footerRight {
  float: right;
  text-align: right;
  margin-left: auto;
}
.footerRight a {
  color: #fff;
  text-decoration: none;
}
.footerRight a:hover {
  color: #aaabc0;
  text-decoration: none;
}
.menu-footer-menu-container {
  padding-bottom: 6px;
}
.copyRight {
  text-transform: uppercase;
}
.footerMenu li.current_page_item a {
  color: #aaabc0;
}
/* footer css end here */

_::-webkit-full-page-media,
_:future,
:root .homeSlider .slick-next {
  right: -1px;
}

_::-webkit-full-page-media,
_:future,
:root .projectsTopsec ul li::after {
  bottom: 6px;
}

.borderOuter {
  position: relative;
}
.borderInner {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 12px;
}
.borderBox {
  border: #fff solid 2px;
  height: 100%;
  width: 100%;
}

.imageBorder::before,
.wp-caption::before {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  bottom: 12px;
  width: calc(100% - 26px);
  height: calc(100% - 26px);
}

.imageBorder,
.wp-caption {
  height: 100%;
  position: relative;
  display: block;
  float: left;
  margin-right: 30px;
}

.imageBorder img,
.wp-caption img {
  margin: 0px !important;
}
.wp-caption {
  width: auto !important;
}
.wp-caption p {
  position: absolute;
  padding: 0px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}

.centerImg {
  text-align: center;
}
.centerImg .imageBorder {
  display: inline-block;
}

/* fancybox code start here */
body.fancybox-active #header {
  z-index: 999;
}
.videoIconContainer {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.videoIcon {
  margin: 0 auto;
  width: 50px;
  height: 50px;
}
/* fancybox code end here */

/* cookies start here */
#cookie-notice {
  font-size: 15px !important;
  line-height: 22px !important;
  font-family: "HalisR-Book" !important;
}
#cookie-notice .cn-button {
  cursor: pointer;
  background: #ffffff;
  margin: 0;
  margin-left: 0px;
  border-radius: 5px;
  padding: 7px 24px;
  color: #583463;
  border: 0;
  text-transform: capitalize;
  font-family: "HalisR-Medium";
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  height: 34px;
}
#cookie-notice .cn-button:hover {
  background-color: #aaabbf;
  color: #fff;
}
#cookie-notice.cookie-notice-hidden {
  border-top: 0px;
}
/* cookies end here */

/* new rows start here */
.fullwidthImageText.Rowbox .contentHolder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.fullwidthImageText.Rowbox .contentHolder h2 {
  text-transform: uppercase;
  margin: 0px;
  padding-bottom: 15px;
}
.fullwidthImageText.Rowbox .imageBox {
  margin-bottom: 46px;
}
.fullwidthImageText.LightGreenBg .contentBox::before {
  background-color: #dfe5e4;
}
.fullwidthImageText.LightGreenBg {
  color: #1e5b4f;
}
.fullwidthImageText.LightGreenBg h2 {
  color: #1e5b4f;
}

.fullwidthImageText.PurpleBg p,
.fullwidthImageText.BlueBg p,
.fullwidthImageText.PurpleBg a,
.fullwidthImageText.BlueBg a {
  color: #ffffff !important;
}
.fullwidthImageText.PurpleBg h2,
.fullwidthImageText.BlueBg h2 {
  color: #ffffff;
}

.fullwidthImageText.PurpleBg .contentBox::before,
.fullwidthImageText.PurpleBg .contentHolder {
  background-color: #583463;
}
.fullwidthImageText.BlueBg .contentBox::before,
.fullwidthImageText.BlueBg .contentHolder {
  background-color: #1a3c6a;
}

.fullwidthImageText.LeftText-RightImage,
.ImageTextBlock.LeftText-RightImage {
  -webkit-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
}
.fullwidthImageText.LeftText-RightImage .contentBox::before {
  right: 0;
  left: auto;
  -ms-transform: skew(35deg, 0deg);
  -webkit-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.twoBlocksSec {
}
.twoBlocksSec.LightGreenBg .contentSec::before {
  background-color: #dfe5e4;
}
.twoBlocksSec.PurpleBg .contentSec::before {
  background-color: #583463;
}
.twoBlocksSec.BlueBg .contentSec::before {
  background-color: #1a3c6a;
}

.twoBlocksSec.PurpleBg h2 a,
.twoBlocksSec.PurpleBg h2,
.twoBlocksSec.BlueBg h2 a,
.twoBlocksSec.BlueBg h2 {
  color: #fff;
}
.twoBlocksSec.PurpleBg p,
.twoBlocksSec.BlueBg p {
  color: #fff;
}
.twoBlocksSec.PurpleBg h2 a:hover,
.twoBlocksSec.BlueBg h2 a:hover {
  color: #cccccc;
}

.ImageTextBlock .imageBox {
  width: 40%;
}
.ImageTextBlock .contentBox {
  width: 60%;
  padding: 0 0 0 30px;
}
.ImageTextBlock .contentBox p {
  line-height: 22px;
}
.ImageTextBlock.greenTitle h2 {
  color: #1e5b4f;
}
.ImageTextBlock.purpleTitle h2 {
  color: #583463;
}
.ImageTextBlock.blueTitle h2 {
  color: #1a3c6a;
}
.ImageTextBlock h2 {
  margin: 0px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.ImageTextBlock.LeftText-RightImage .contentBox {
  padding-left: 0px;
  padding-right: 30px;
}

/* all rows color change start here */
.imageTextBox.LightGreenBg .content::before,
.imageTextBox.LightGreenBg .content {
  background-color: #dfe5e4;
}
.imageTextBox.PurpleBg .content::before,
.imageTextBox.PurpleBg .content {
  background-color: #583463;
}
.imageTextBox.BlueBg .content::before,
.imageTextBox.BlueBg .content {
  background-color: #1a3c6a;
}
.imageTextBox.PurpleBg .content,
.imageTextBox.PurpleBg .content a,
.imageTextBox.BlueBg .content,
.imageTextBox.BlueBg .content a {
  color: #fff;
}

.fullwidthImageText.LightGreenBg .contentBox::before {
  background-color: #dfe5e4;
}
.fullwidthImageText.PurpleBg .contentBox::before {
  background-color: #583463;
}
.fullwidthImageText.BlueBg .contentBox::before {
  background-color: #1a3c6a;
}
.fullwidthImageText.BlueBg a,
.fullwidthImageText.PurpleBg a {
  color: #fff;
}

.whatWeDo ul li.LightGreenBg .contentSec::before {
  background-color: #dfe5e4;
}
.whatWeDo ul li.PurpleBg .contentSec::before {
  background-color: #583463;
}
.whatWeDo ul li.BlueBg .contentSec::before {
  background-color: #1a3c6a;
}

.whatWeDo ul li.PurpleBg .contentSec h2,
.whatWeDo ul li.PurpleBg .contentSec h2 a,
.whatWeDo ul li.BlueBg .contentSec h2,
.whatWeDo ul li.BlueBg .contentSec h2 a,
.whatWeDo ul li.PurpleBg .contentSec p,
.whatWeDo ul li.BlueBg .contentSec p {
  color: #fff;
}
.whatWeDo ul li.PurpleBg h2 a:hover,
.whatWeDo ul li.BlueBg h2 a:hover {
  color: #cccccc;
}
.whatWeDo ul li.PurpleBg a,
.whatWeDo ul li.BlueBg a {
  color: #fff;
}
/* all rows color change end here */

/* new rows end here */

.angleImage {
  float: right;
  width: 100%;
  padding-bottom: 30px;
}

.textImageBox h1,
.textImageBox h2,
.textImageBox h3,
.textImageBox h4,
.textImageBox h5,
.textImageBox h6 {
  display: inherit !important;
  width: auto !important;
  clear: inherit !important;
}
.twoColInfo {
  width: 100%;
  clear: both;
  clear: both;
  overflow: hidden;
  position: relative;
  margin: 0px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.twoColInfo .leftContent {
  width: 50%;
  padding-right: 20px;
}
.twoColInfo .rightContent {
  width: 50%;
  padding-left: 20px;
}