.module-content {width: 100%;max-width: 1600px;margin:0 auto;}
.pcsp-content{font-size:20px; line-height:1.5;padding:0 45px;padding-top: 70px;}

.pcsp-content h1{display: block; margin:15px 0px; padding:0px 0px; color:#333; font-size:30px; line-height:34px;}
.pcsp-content h2, .page-title{font-size: 40px;color: #043263;line-height: 1.2;font-family: Circular Std Bold, Sans-Serif;}
.pcsp-content h3{display: block; margin:15px 0px; padding:0px 0px; color:#333; font-size:16px; line-height:20px;}
.pcsp-content i{font-style: italic;}
.pcsp-content strong, .iac-module > .content > b{font-weight: bold;}
.pcsp-content hr {display: block; margin:3px 0px; border: 0; height: 1px; background: #ccc;}
.pcsp-content ul{display: block;  margin:10px 0px 10px 0px; list-style-position: inside; padding:0px 0px 0px 15px; list-style-type:disc;}
.pcsp-content ul li{padding:2px 0px 2px 0px; line-height:26px;}
.pcsp-content ol{display: block;  margin:10px 0px 10px 0px; list-style-position: inside; padding:0px 0px 0px 15px; list-style-type:disc;}
.pcsp-content ol li{padding:2px 0px 2px 0px; line-height:22px;}

.pcsp-content > ul > li > ul {margin-top: 20px;}

h1 {font-size: 55px;color: white;line-height: 1.2;font-family: Circular Std Bold, Sans-Serif;padding-top: 125px;}
h2 {font-size: 40px;color: #043263;line-height: 1.2;font-family: Circular Std Bold, Sans-Serif;}

table th {background: #9acd66;color: white;padding-left: 10px;height: 40px;font-weight: bold;font-size: 17px;}
table td {font-weight: bold;height: 40px;font-size: 15px;padding-left: 10px;text-align: left;}
table tr:nth-child(even) {background-color: #f2f2f2;}
table tr td:last-child {width: 19%;}

.pageBanner {width: 100%;max-width: 1920px;margin:0 auto;height: 323px;background: url('../../images/image-34.jpg');background-position: 100% 72%;}
.pageBanner > .pageBannerContent {width: 100%;max-width: 1150px;margin:0 auto;padding:0 25px;}

.contentHero {display: flex;flex-direction: row;justify-content: space-between;margin:0 auto;}
.hr {width: 100%;height: 1px;background: #b2b1b1;margin: 50px 0;}
.page-title {text-align: left;margin-bottom: 50px; }
.contentHero > .textSide {max-width: 60%;margin:0 auto;}
.contentHero > .imageSide {width: 450px;height: 250px;}
.contentHero > .imageSide > img {width: 100%;}

.contentBottomHolder {margin:0 auto;margin-top: 50px;max-width: 60%;}

.contentHolder {width: 100%;margin-top: 50px;}
.contentHolder > .textSide {max-width: 800px;width: 100%;}
.contentHolder > .textSide.fullsize {display:flex;max-width: 100%;flex-direction: row;justify-content: center;flex-wrap: wrap;align-items: center;}
.contentHolder > .textSide img {margin: 20px;max-width: 150px;height: auto !important;float: none !important;}
.sliderSide {width: 100%;}
.contentHolder > .imageSide {width: 500px;height: 300px;}
.contentHolder > .imageSide > img {width: 100%;}
.oneSponsor {text-align: center;width: 100%;margin-bottom: 20px;}
.sliderSide > ul.slick-dots {position: absolute;right: -70px;top: 15%;width: auto;}
.sliderSide > ul.slick-dots > li {display: block;margin-top: 15px;}
.sliderSide > ul.slick-dots > li > button {width: 18px;height: 18px;}
.textSide > h2 {width: 100%;text-align: left;margin-bottom: 20px;}

.slick-vertical .slick-slide {height: 700px !important;}

.joinUsBtn {display: inline-block;margin-top: 25px;padding:23px 50px;color: white;background: #9acd66;font-size: 20px;line-height: 1.2;font-family: Circular Std Bold, Sans-Serif;
    cursor: pointer;}
.joinUsBtn:hover {background: #85b058;}
.logospage {float: none !important;width: 100%;max-width:900px!important;margin: 0 auto;}

/* Mosaic Gallery */
.projectsSectionHolder {margin-top: 200px;margin-bottom: 100px;}
.projectsSectionHolder > .projectsContent {width: 100%;max-width: 1170px; margin:0 auto;}

.galleryHolder {display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;width: 100%;height: 870px;}
.galleryHolder > .square_270 {width: 270px;height: 270px;}
.galleryHolder > .square_570 {width: 570px;height: 570px;}
.galleryHolder > .square_270_570 {width: 270px;height: 570px;}
.galleryHolder > .square_570_270 {width: 570px;height: 270px;}

ul.flexGallery {  line-height: 0;

    -webkit-column-count: 5;
    -webkit-column-gap:   0px;
    -moz-column-count:    5;
    -moz-column-gap:      0px;
    column-count:         5;
    column-gap:           0px; }


.mosaicGalHolder {position: relative;width: 100%;max-width: 1170px;height:870px;margin-top: 110px;}
.hoverMask {position: relative;display: none;text-align: center;padding-top: 26%;}
.hoverMask > h2 {font-size: 20px;color:white;width: 100%;text-align: center;font-family: "Circular Std Book", sans-serif;}
.hoverMask > .customBtn {font-size: 16px;  padding: 10px 20px;margin-top: 18px;}
.image270_1 {position: absolute;left:0;top:0;width: 270px;height: 270px;}
.image270_2 {position: absolute;left:300px;top:0;width: 270px;height: 270px;}
.image270_3 {position: absolute;right:0;top:0;width: 570px;height: 570px;}
.image270_4 {position: absolute;left:0;top:300px;width: 270px;height: 570px;}
.image270_5 {position: absolute;left:300px;top:300px;width: 270px;height: 270px;}
.image270_6 {position: absolute;left:300px;bottom:0;width: 570px;height: 270px;}
.image270_7 {position: absolute;right:0;bottom:0;width: 270px;height: 270px;}

.image270_6 > .hoverMask {padding-top: 13%;}
.image270_3 > .hoverMask {padding-top: 37%;}
.image270_4 > .hoverMask {padding-top: 80%;}

.image270_1:hover > .hoverMask,.image270_2:hover > .hoverMask,.image270_5:hover > .hoverMask,.image270_7:hover > .hoverMask {display: block;width: 242px;height: 242px;background:rgba(0,0,0,0.2);margin: 14px;}
.image270_3:hover > .hoverMask {display: block;width: 542px;height: 542px;background:rgba(0,0,0,0.2);margin: 14px;}
.image270_4:hover > .hoverMask {display: block;width: 242px;height: 542px;background:rgba(0,0,0,0.2);margin: 14px;}
.image270_6:hover > .hoverMask {display: block;width: 542px;height: 242px;background:rgba(0,0,0,0.2);margin: 14px;}

.mosaicMobGalHolder {display: none;margin-top: 70px;}
.mosaicMobGalHolder > .oneImageHolder {position: relative;width: 90%;margin:0 auto;margin-bottom: 30px;}
.mosaicMobGalHolder > .oneImageHolder > a > img {width: 100%;}
.oneImageHolder > a > .imageMask {display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.oneImageHolder:hover > a > .imageMask {display: block;text-align: center;padding-top: 30%;}
.imageMask > h2 {color: white;width: 100%;font-size: 27px;font-family: "Circular Std Book", sans-serif;}
.imageMask > .customBtn {font-size: 22px;  padding: 10px 20px;margin-top: 18px;}


@media all and (max-width: 1700px) {

    .sliderSide > ul.slick-dots {right: -35px;}
}

@media all and (max-width: 1400px) {
    .contentHolder > .textSide {max-width: 40%;}
}

@media all and (max-width: 1190px) {
    .mosaicGalHolder {max-width: 940px;height: 640px;margin:0 auto;margin-top: 110px;}
    .image270_1 {left:0;top:0;width: 200px;height: 200px;}
    .image270_2 {left:220px;top:0;width: 200px;height: 200px;}
    .image270_3 {right:0;top:0;width: 500px;height: 420px;}
    .image270_4 {left:0;top:220px;width: 200px;height: 420px;}
    .image270_5 {left:220px;top:220px;width: 200px;height: 200px;}
    .image270_6 {left:220px;bottom:0;width: 500px;height: 200px;}
    .image270_7 {right:0;bottom:0;width: 200px;height: 200px;}

    .image270_1:hover > .hoverMask,.image270_2:hover > .hoverMask,.image270_5:hover > .hoverMask,.image270_7:hover > .hoverMask {width: 172px;height: 172px;}
    .image270_3:hover > .hoverMask {width: 472px;height: 392px;}
    .image270_4:hover > .hoverMask {display: block;width: 172px;height: 392px;}
    .image270_6:hover > .hoverMask {display: block;width: 472px;height: 172px;}

    .image270_6 > .hoverMask {padding-top: 14%;}
}


@media all and (max-width: 1190px) {
    .mosaicGalHolder {max-width: 920px;height: 620px;margin:0 auto;margin-top: 110px;}
    .image270_2 {left:210px;}
    .image270_3 {height: 410px;}
    .image270_4 {left:0;top:210px;height: 410px;}
    .image270_5 {left:210px;top:210px;}
    .image270_6 {left:210px;bottom:0;width: 500px;height: 200px;}

    .image270_6 > .hoverMask {padding-top: 8%;}
    .tabsHolder .ui-state-default {width: 310px !important;}

    .contentHolder img {max-width: 45%;}
}

@media all and (max-width: 900px) {

    .contentHero {flex-wrap: wrap;}
    .contentHero > .imageSide {margin:0 auto;}

    .mosaicGalHolder {display: none;}
    .mosaicMobGalHolder {display: block;}

    .contentHolder {flex-wrap: wrap;}

    .sliderSide {max-width: 100%;margin-top:30px;}
    ul.slick-dots {display: none !important;}

    .contentHolder > .textSide {max-width: 100%;float: none !important;}
    .contentHolder img {float: none !important;margin:10px auto;max-width: none;}

    .slick-vertical .slick-slide {min-height: 700px !important;height: auto !important;}
    .contentHero > .textSide { max-width: 100%;}
}