/*
Theme Name: ICI

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {font-family: 'Gilroy';
     font-weight: 600;
    
    src: url('fonts/34E2CD_0_0.eot');src: url('fonts/34E2CD_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/34E2CD_0_0.woff2') format('woff2'),url('fonts/34E2CD_0_0.woff') format('woff'),url('fonts/34E2CD_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Gilroy';
      font-weight: 400;
    src: url('fonts/34E2CD_1_0.eot');src: url('fonts/34E2CD_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/34E2CD_1_0.woff2') format('woff2'),url('fonts/34E2CD_1_0.woff') format('woff'),url('fonts/34E2CD_1_0.ttf') format('truetype');}

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?a72o5w');
  src: url('fonts/icomoon.eot?a72o5w#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?a72o5w') format('truetype'), url('fonts/icomoon.woff?a72o5w') format('woff'), url('fonts/icomoon.svg?a72o5w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
     font-family: 'Gilroy', sans-serif;
    color: #17193f;
    
}


.white-logo{
    filter:  brightness(0) invert(1);
}

.home #primary{
    
}
*{
	box-sizing: border-box;
}

.home3rdBnr {
	width: 100%;
	height: 96rem;
}

.home3rdBnrCon .text18 {
    color: #ffffff;
    text-align: left;
   width: 52%;
    margin: 0 21% 0 27%;
   
	  font-weight: 300;
  line-height: 1.33;
  letter-spacing: normal;
}

.home3rdBnrCon .column3 {
    display: flex;
    align-items: center;
}

.home3rdBnrCon .column2 {
	flex-direction: column;
    display: flex;
    justify-content: center;
   
}
.home3rdBnrCon {
	display: flex;
	 align-items: center;
}



.partnerWith {
	 font-family: 'Gilroy', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #ffffff;
	display: block;
	
	margin: -12rem 0 2.1rem 12.7rem;
}

.home3rdBnr .column2 img {
 width: 76%;
  height: auto;
	display: block;
	margin-left: 19%;
	
	
}
.grid {
	display: flex;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	    z-index: 0;
	pointer-events: none;
}
.gridNoFix{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.column1 {
	flex: 0 0 10.8%;
    width:10.8%;
}
.grid .column1{
    height: calc(100vh - 12rem);
    align-self: flex-end;
}
.singleContent .grid .column1,.single-event .nexte .column1 {
    height: 100%;
    top:0;
}
.column2 {
	flex: 0 0 30.4%;
    
     width:30.4%;
}
.aboutColumn2{
   /*flex: 0 0 32.4%;*/
    flex: 0 0 30.1%;
     width:30.1%; 
    
    
}
.portColumn2  {
    flex: 0 0 32.4%;
     width:32.4%; 
}
.column3 {
	flex: 0 0 35.6%;
     width:35.6%;
}
.aboutColumn3{
  flex: 0 0 23.52%;
    width: 23.52%;
}

.column4 {
	flex: 0 0 12.4%;
      width:12.4%;
}
.aboutColumn4{
    flex: 0 0 24.48%;
      width:24.48%;
}
.column5 {
	flex: 0 0 10.8%;
     width:10.8%;
}

.column2_3{
    flex: 0 0 68%;
    width:68%;
}
.portfolioTopColumn2_3{
    flex: 0 0 66.1%;
     width:66.1%
}
.column2_3_4{
    flex: 0 0 80%;
     width:80%;
}

.aboutColumn2_3_4{
     flex: 0 0 79.1%;
     width:79.1%;
}

.aboutColumn3_4{
     flex: 0 0 48.3%;
     width:48.3%;
}
.column3_4_5{
    flex: 0 0 58.8%;
     width:58.8%;
}
.aboutColumnTop3{
      flex: 0 0 33.7%;
     width:33.7%;
}
.aboutColumnTop4  {
       flex: 0 0 12.3%;
     width:12.3%;
}
.page-template-team .aboutColumnTop4  {
       flex: 0 0 14.6%;
     width:14.6%;
}
.singleColumn2{
     flex: 0 0 32%;
     width:32%;

} 
.singleColumn3{
    flex: 0 0 46.4%;
     width:46.4%;
}
.border-right {
	border-right: solid 1px rgba(191, 191, 191, .3);
}

.topBnr .column1  {
	background-color: #4a90e2;
	height: 27.2rem;
	
}



.topBnr .column4 {
	height: 27.2rem;
	  background-color: #ffffff;

}


header .column2_3{
    display: flex;
    justify-content: flex-end;
    padding-right: 13rem;
}
.topBnr {
	    z-index: 1;
    position: relative;
	height: 100vh;
	 background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 24rem;
}

.topBnra:before{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
     background-color: rgba(9, 12, 92, 0.4);
}
.topBigTxt .text72 {
	font-size: 7.2rem;
  font-weight: 600;
  line-height: 1.11;
 letter-spacing: 0.71px;
  color: #ffffff;	
text-align: left;
	    margin: 0;
}

.fontSize72 {
		font-size: 7.2rem;
}



.fontSize32 {
	font-size: 3.2rem;
}

.topSmallTxt .text32 {
    width: 74%;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.71px;
    color: #ffffff;
    text-align: left;
    margin: 0;
    padding-left: 6.3rem;
}

.topBigTxt {
	display: flex;
    align-items: center;
	
	background-color: #4a90e2;
	height: 27.2rem;
	
}

.topSmallTxt {
    display: flex;
    align-items: center;
   
    background-color: #4a90e2;
    height: 27.2rem;
}

.topBnr  .grid .column1,.topBnr  .grid .column4{
	height: 100%;
	background: none;
}

.belowTopBnrCon {
    height: 67.2rem;
    width: 100%;
    position: relative;
	
}

.belowTopBnrImg {
	height: 67.2rem;
	    width: 62.8%;
	    background-size: cover;
    background-position: center;
    position: absolute;
    left:0;
        top:0;
	
}

.belowTopBnrTxt {
   flex: 0 0 35.5%;
    background-color: #FFFFFF;
    position: absolute;
   
    padding: 9.3rem 20rem 0 11.7rem;
 z-index: 999;
    bottom: 0;
    align-self: flex-end;
}

.belowTopBnrTxt .text48 {
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: 1px;
  color: #17193f;
}

.fontSize48 {
	 font-size: 4.8rem;
}

.underPortTextCon .text48 {
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0.96px;
  color: #17193f;
}

.teamAreaConTxt .text48 {
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: 1px;
  color: #17193f;
}

.readMore {
	  font-family: 'IBM Plex Serif', serif;
  font-size: 1.6rem;
  font-weight: 300;
  font-style: italic;
  color: #ff00ff;
	text-decoration: none;
    letter-spacing: 0;
    transition: .3s letter-spacing;
    position: relative;
    display: flex;
    padding-right: 7.5rem;
    white-space: nowrap;
   
	
}
.hoverPas{
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: #ff00ff;
    opacity: 0;
    transition: .3s all;
}
.cls3 {
    justify-content: space-between;
}
.cls3:after{
    content: '';
    flex-grow: 1;
}

.cls3 li .readMore{
    padding-right: 0;
}
.cls3 .hoverPas{
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,0);
    pointer-events: none;
    opacity: 1;
    
    border-bottom: 1px solid #000;
    
}

.readMore:after{
    display: inline-block;
    content: '';
    width: 6.8rem;
    height: 2rem;
    background-image: url("img/arrow-btn.svg");
    background-repeat: no-repeat;
    background-position: right center;
    flex-shrink: 1;
    transition: .3s all;
    right: 0;
    top:0;
    margin-left: 1rem;
}
.homeCompaniesList   .readMore:after, .readMorePinkUnderLinea:after{
    display: none;
}
.readMore:hover{
    letter-spacing: 5px;
}
.readMore:hover:after{
    width: 4rem;
}
.belowTopBnrTxt .text18 {
	margin: 4rem 0 4.9rem 0;
	  font-weight: 300;
  line-height: 1.33;
  color: #17193f;
}

.belowTopBnrTxt .text48 {
	margin: 0;
}



.fontSize18 {
	 font-size: 1.8rem;
}

.teamAreaConTxt .text18 {
  font-weight: 300;
margin: 2.6rem 0 4.7rem 0;
  line-height: 1.33;
}

.underPortLogoTxtCon .text18 {
	  font-weight: 300;
  line-height: 1.33;
	margin: 5.5rem 0 0 0;
}

.belowTopBnrArea .column3 {
	background-color: #FFFFFF; 

	position: relative;
	
}

.home3rdBnr {
	background-size: cover;
    background-position: center;
	margin-top: 24rem;
}

.underPortArea .text48 {
	 line-height: 1.08;
  letter-spacing: 0.96px;
	margin: 0;
}

.text24 {
	  font-family: 'Gilroy', sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.33;
  color: #17193f;
}

.underPortArea {
		height: 100vh;
	    width: 100%;
	    background-size: cover;
    background-position: center;
	z-index: 1;
	position: relative;
	display:none;
}

.homeSliderListImages,.homeSliderList  {
    height: 100vh;
}
.underPortArea.sticks{
    position: sticky;
    bottom: 0;
    top:0;
}
.homeSliderListImages .slick-list ,.homeSliderListImages  .slick-track{
    height: 100%;
}
.sbBtns{
    z-index: 99999999;
}
.sbDots{
      z-index: 999999999;
    pointer-events: none;
}
.sbDots button{
    pointer-events: none;
}
.sbDots .column3{
     display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
 .slick-dots {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15rem;
}
.slick-dots button{
    width: 7px;
    height: 7px;
    padding: 0;
    background-color: rgba(23, 25, 63, 0.2);
    transition: .3s all;
    margin-right: 1.4rem;border:none;


}
.slick-dots .slick-active button{
    background-color: rgba(23, 25, 63,1);
}
.sbBtns .column2 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.sbBtns .column3 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.sbBtns button{
    width: 10rem;
    height: 10rem;
    border:none;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: auto;
}
.gallery li.tg{
     height: 66.4rem;
}
#loadMore.inactive{
    opacity: .3;
    pointer-events: none;
}
.eventTop  .gallery button{
     height: 100%;
    width: auto;
    padding: 0;
    border:none;
    /* width: 102rem; */
}
.sbBtns .column{
    pointer-events: none;
} 
.sbBtns .slick-next{
    background-color: #ff5eff;
    background-image: url("img/next.svg");

}
.justAdded{
    opacity: 0;
    animation: .3s showItems;
    animation-fill-mode: forwards;
    height: 0;
}
@keyframes showItems{
    0%{opacity: 0;height: 0;}
    100%{opacity: 1;height: 17.5rem;}
}
.sbBtns .slick-prev{
    background-color: #fff;
      background-image: url("img/prev.svg");

}
.sbBtns .column{
    height: 100%;
}
.homeSliderListImages  , .homeSliderList{
position: absolute !important;}
.homeSliderListImages li{
    position: relative;
}
.homeSliderListImages li:before{
    position: absolute;
    content: '';
display: block;
    width: 100%;
    height: 100%;
   /* background-color: rgba(255,255,255,.8);*/
}
.hoSliderItem {
	display: flex;
}

.underPortLeftCon {
	
	flex: 0 0 10%;
	
}
.home .topLogo path{
    fill:#fff;
    transition: .3s all;
}
.home header.sideMen .topLogo path{
    fill: rgb(74, 144, 226);
}

.underPortTextCon {
	background-color: #FFFFFF;
	padding: 12.4rem 0 0 0;
	    height: 68rem;
    width: 100%;
    overflow: hidden;
}
.underPortTextCon ul li{
    padding: 0 10.4rem;
}
.underPortTextCon .text24 {
	margin: 4.9rem 0 0 0 ;
}
.underPortLogoTxtCon {
	text-align: left;
	padding:37.8rem 2rem 0 31.9rem;
}
   
.sldLogoCon {
	max-height: 9.9rem;
}
.height96 {
	height: 96rem;
}
	
.homeSliderList .column2 {
	display: flex;
	align-items: flex-end;
}

.homeSliderList .column3  {
	display: flex;
	align-items: baseline;
}


.teamArea .grid{
    position: absolute;
}
.teamAreaCon {
    height: 69.9rem;
    width: 100%;
    z-index: 0;
    position: relative;
	
}

.teamArea {
	padding-top: 10rem;
    background-color: #fff;
    position: relative;
    z-index: 11;
}

.teamAreaConTxt {
	 
    background-color: #FFFFFF;
   
  
    padding: 5.2rem 20rem 8.3rem 11.7rem;
    z-index: 9999;
    align-self: flex-start;
}
.teamAreaConTxt h2{
    margin-top: 0;
}
.teamAreaConImg {
    height: 69.9rem;
    width: 62.8%;
    background-size: cover;
    background-position: center;
    position: absolute;
    left:0;
        top:0;
}

.portfolioArea .text72 {
	  color: #17193f;
  letter-spacing: 1px;
	padding-left: 12.2rem;
	  font-weight: 600;
	  line-height: 1.11;
 
}
.portfolioArea .grid,.underPortArea .grid{
    position: absolute;
    z-index: 999999;
}
.portTopCon {
	display: flex;
	align-items: baseline;
	padding-top: 5rem;
}

.homeCompaniesListTop {
	display: flex;
    flex: 1 1 auto;
}
.homeCompaniesListImages li ,.homeCompaniesList li{
   height: 53.4rem;
}
.portTopListItem {
	 font-family: 'Gilroy', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
  margin: 0;
  color: #9b9b9b;
    border:none;
    background-color: #fff;
    padding: 0;
    transition: .3s all;
	
}

.homeCompanyItem a {
	text-decoration: none;
}

.homeCompanyItem {
	padding-right: 6.9rem;
    flex: 0 0 18rem;
}

.portTopListItemActive {
	  color: #17193f !important;
    letter-spacing: 2px !important;
    font-weight: 600;
}

.homeCompanyFullCon {
	display: flex;
	margin-top: 10.2rem;
}

.homeCompanyAllItem {
	display: flex;
}
.companyColumn2 {
	
	flex-direction: column;
    display: flex;
    justify-content: center;
    height: 100%;
}

.homeCompanyTxtCon {
	padding: 0 13rem 0 12rem;
}

.homeCompanyImg {
	flex-grow: 1;
	height: 53.4rem;
}

.homeCompanyImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.homeCompaniesListImages {
    width: 100%;
}
.readMorePinkUnderLine {
	text-decoration-color: #ff00ff;
	  text-decoration-line: underline;

}

.homeCompanyTxtCon .text18 {
	margin: 3rem 0;
	  font-weight: 300;
  line-height: 1.33;

}
.eventsArea .grid{
    position: absolute;
}
.eventsArea {
	padding: 27.1rem 0 17.5rem 0;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    z-index: 2;
}



.eventsArea .text72 {
	     font-family: 'Gilroy', sans-serif,sans-serif;
	  font-weight: 600;
  line-height: 1;
  color: #17193f;
	    padding-left: 7%;
	margin: 0;
	width: 90%;
}

.eventsAreaCon {
	display: flex;
	margin-bottom: 10.2rem;
}

.eventsAreaCon .column2 {
	       display: flex;
       justify-content: flex-start;
   
}

.homeEventItem {
	display: flex;
}

.homeEventTitle {
	    font-family: 'Gilroy', 'sans-serif',sans-serif;
  font-size: 3.6rem;
  font-weight: 600;
    line-height: 1.11;

  letter-spacing: 0.5px;
  color: #17193f;
	margin: 0;
	
}
.noUnder {
    text-decoration: none;
}
.eventShortLine {
	height: 1px;
	background-color: #17193f;
	width: 41.4%;
}

.homeEventItem .eventShortLine {
	margin: 5.7rem 0 4.7rem 0;
}


.homeEventItem .column2 {
		display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.homeEventTxtCon {
    padding-left: 22%;
    text-align: left;
	
}

.homeEventTxtCon .text18 {
     font-weight: 300;
  line-height: 1.33;
	width: 36.6rem;
	margin: 5.1rem 0 3.2rem 0;
}

.homeEventImg {
	flex-grow: 1;
	height: 52.8rem;
	margin-left: 4.5rem;
}

.homeEventImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.belowTopBnrCon .linesElement {
    width: 33.5rem;
    height: 12.2rem;
    background-image: url(img/pattern-isolated.svg);
    background-repeat: repeat;
      position: absolute;
    left: -33.5rem;
    bottom: -6rem;
    z-index: 1;
}

.portfolioArea .linesElement {
	  width: 19.2rem;
  height: 17rem;
	  background-image: url(img/pattern-isolated.svg);
    background-repeat: repeat;
	    background-position: bottom left;
	opacity: 0.5;
}

.unPortCon {
	display: flex;
}

.unPortCon .column2 {
	display: flex;
	    justify-content: flex-end;
}
.teamAreaCon .column4{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.teamAreaCon .linesElement {
  
    width: 18rem;
    height: 43.4rem;
    background-image: url(img/pattern-isolated.svg);
    background-repeat: repeat;
    opacity: 0.5;
    position: relative;
    top: 18rem;
    background-position: bottom left;
}

.homeEventTxtCon .eventdate {
	font-family: 'IBM Plex Serif', serif;
  font-size: 1.6rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.25;
  color: #9b9b9b;
	margin: 0;
	padding-bottom: 4.6rem;
}
.headerInner {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-grow: 1;
}
.mainNav ul{
    display: flex;
    align-items: center;
}

header{
    height: 12rem;
    z-index: 9999999;
    display: flex;
    align-items: center;
    padding: 0  0 0 7.8rem;
    position: relative;
}
.mainNav{
   width: 68%;
    /*padding-right: 10%;*/
    box-sizing: content-box;
    padding-left: 23%;

}

.mainNav ul li{
    flex: 0 0 16%;
    text-align: center;
}
.ourNetwork{
    padding-bottom: 10rem;
}
.mainNav ul a{
    text-transform: uppercase;
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    color: #17193f;
    transition: .3s all;
      letter-spacing: 1px;
    white-space: nowrap;

}
.ourNetwork .readMore{
    align-self: flex-start;
}
.ourNetwork .readMore:after{
    display: none;
}
.btt{
    
  
   
    font-family: 'IBM Plex Serif', serif;
    font-style: italic;
    font-size: 14px;
    color: #ff5eff;
    padding: 0;
    height: 7.5rem;
    background-image: url(img/scroll-up.svg);
    background-size: .7rem 2.4rem;
    background-position: top  center;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    z-index: 99999;
    position: relative;
    top:8rem;
    transition: .3s all;
}
.btt:hover{
    height: 9.5rem;
}
.btt.show{
    top:0;
}
.bttCon{
    width: 10.8%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
}
.bttCon button,.bttCon a{
    pointer-events: auto;
}
.home .mainNav ul a{
    color: #fff;

}
.mainNav ul .current-menu-item a,.mainNav ul a:hover{
    font-weight: 600;
     letter-spacing: 5px;
}
.mainNav ul .contact a{
    position: fixed;
  
  width:10.8%;
    height: 12rem;
    color: #fff;
    font-weight: 400;
    right: 0;
    top:0;
    display: flex;
    justify-content: center;
    align-items: center;
    	  font-family: 'IBM Plex Serif', serif;
font-style: italic;
    text-transform: capitalize !important;
    transition: .3s all;

}
#closeMenu{
     position: absolute;
  
  width:10.8%;
    height: 12rem;
    color: #fff;
    font-weight: 400;
    right: 0;
    top:0;
    display: flex;
    justify-content: center;
    align-items: center;
    	  font-family: 'IBM Plex Serif', serif;
font-style: italic;
    text-transform: capitalize !important;
    z-index: 9999;
      background-color: transparent;
    border: none;
font-size: 1.6rem;
}
.clc{
    display: flex;
    align-items: center;
}
.clc:after{
    content: '';
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    
    background-image: url("img/close.svg");
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 1rem;
}
#openMenu{
     position: fixed;
  
  width:10.8%;
    height: 12rem;
    color: #fff;
    font-weight: 400;
    right: 0;
    top:0;
   
    justify-content: center;
    align-items: center;
    	  font-family: 'IBM Plex Serif', serif;
font-style: italic;
    text-transform: capitalize !important;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: column;
     top:2rem;
    opacity: 0;
    transition: .3s all;
    pointer-events: none;

}
.sideMen #openMenu{
     top:0;
    opacity: 1;
    pointer-events: auto;
}
.sideMen .mainNav ul .contact a{
    top:-2rem;
    opacity: 0;
}
.kav{
    height: 1px;
    width: 6.9rem;
    background-color: #fff;
    position: relative;
    transition: .3s all;
        
}
.kav1{
    top:-10px;
}
.kav3{
    top:10px;
}
.sideNav{
    position: absolute;
    height: 100%;
    width: 43.9rem;
    background-color: #4a90e2;
    right: -43.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s all ease-in-out;

}
.sideMenu{
    opacity: 0;
    visibility: hidden;
     transition: .3s all;
}
.sideMenu.open{
    opacity: 1;
    visibility: visible;
    background-color:rgba(255,255,255,.8); 
}
.sideMenu.open .sideNav{
    right: 0;
}
.sideNav li{
    margin: 2.4rem 0;
}
.sideNav .menu{
    width: 13rem;
}
.sideNav a{
      letter-spacing: 1px;

    font-size: 1.8rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s all;
}

.sideNav a:hover{
      letter-spacing: 5px;
    color: #17193f;
    font-weight: 600;

}
#openMenu:hover .kav1{
    top:-20px;
}#openMenu:hover .kav3{
    top:20px;
}
header:before{
    position: fixed;
    display: block;
     width:10.8%;
    height: 12rem;
    content: '';
    background-color: #4a90e2;
    right: 0;
    top:0;

}

.topLogo{
    height: 12rem;
  
    position: fixed;
    left:0;
    top:0;
    width: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.scrollTop{
      font-family: 'IBM Plex Serif', serif;
font-style: italic;
      font-size: 14px;
    color: #ff5eff;
    padding: 0;
    height: 5.5rem;
    background-image: url("img/scroll-up.svg");
    background-size: .7rem 2.4rem;
    background-position: top 3px center;
    background-repeat: no-repeat;
border:none;
    background: none;

}

.scrollTop:after{
    content: 'Back to Top';
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-end;
}
.scrollToExplore{
          font-family: 'IBM Plex Serif', serif;
font-style: italic;
      font-size: 14px;
    color: #ff5eff;
    padding: 0;
    height: 5.5rem;
    background-image: url("img/scroll-down.svg");
   
    background-position: bottom 3px center;
    background-repeat: no-repeat;
border:none;
    background-color: transparent;
    transition: .3s all;
}
.scrollToExplore:hover{
    height: 8rem;
}
.scrollToExplore:after{
      content: 'Scroll to Explore';
    display: flex;
   
    width: 100%;
    align-items: flex-start;
   
    padding: 1rem 0;
    position: relative;
    top:-2rem;
    background-color: #fff;
}
.vidCon{
    overflow: hidden;
    cursor: pointer;
}
.icn{
    background-position: left 2rem bottom 2rem;
    background-repeat: no-repeat;
}
.vidsList{
    justify-content: space-between;
     
    display: flex;
    width: 83%;
    margin: auto;
    height: 45rem;
}
.videosContainer h2{
    width: 83%;
     margin: 19rem auto 11rem auto;
}
.videos{
    background-color: #fff;
    position: relative;
    z-index: 2;
}
.vbc{
   
  border-bottom: solid 1px #17193f;
    padding-bottom: 3.5rem;
    transition: .3s all;
}
.vidsList li:hover .vbc{
    border-bottom: solid 2px #ff00ff;
}
.thatSticks{
    height: 100%;
}
.vidBullets li{
    font-size: 1.8rem;
    line-height: 1.56;
    display: flex;
    align-items: center;
    opacity: 0;
    position: relative;
    top:.5rem;
}
.vidBullets li:before{
    display: block;
    width: .9rem;
    height: 2px;
    background-color: #4a90e2;
    content: '';
    margin-right: 1rem;
    transform: skewY(-45deg);
}
.vidBullets{
    display: none;
}
.vidsList h3{
    font-size: 1.8rem;
      letter-spacing: 6px;
color: #4a90e2;
    margin: 1.9rem 0 1.6rem 0;


}
.control{
     background-color: #e6e6e6;
    height: 8px;
    bottom:-8px;
    transition: .3s all;
    opacity: 0;
}
.vidsList li.opened .control{
    bottom: 0;
    opacity: 1;
}
.controlProgress{
      background-color: #4a90e2;
    height: 8px;
}
.videosContainer h2 .smallerText {
    font-size: 1.6rem;
      letter-spacing: 5px;
display: block;
    font-weight: 400;
}

.videosContainer h2 .biggerText {
    font-size: 7.2rem;
      letter-spacing: 1px;
display: block;
     font-weight: 600;
}
.vidsList li{
    flex:0 0 29%;
  
}
.vidCon {
   padding-bottom: 59%;
    height: 0;
}
.vidCon video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.portfolioArea{
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.videos .grid{
    position: absolute;
}
.underPortAreaTit{
    z-index: 99999;
}
.upat{
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
}
.sImg{
    background-size: cover;
    background-position: center;
}
.testemonilas>ul{
    width: 134rem;
    margin: auto;

}
.testemonilas .grid{
    position: absolute;
}
.testemonilas{
    background-color: #f4f4f4;
    padding: 15rem 0;
position: relative;
    z-index: 22;
}


.testemonilas li.testItem{
    width: 33.3333%;
    margin: 0 4rem;
    background-color: #fff;
    padding: 7.9rem 4.3rem;
    box-sizing: border-box;
}
.testImgCon{
    width: 11rem;
    height: 10.5rem;
}
.testImgCon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
      filter: grayscale(100%);
}
.testemonilas li p.theTes{
    font-size: 1.6rem;
      font-family: 'IBM Plex Serif', serif;
    font-style: italic;
      line-height: 1.5;
      color: #9b9b9b;
    margin-top: 3rem;
   
    margin-bottom: 4rem;
    


}
.arrowsTes{
    display: flex;
    justify-content: center;
}
.arrowsTes .prev{
    background-image: url("img/prev.svg");
    border: none;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
}

.arrowsTes .next{
    background-image: url("img/gallery-arrow-btn-active.svg");
    border: none;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
     width: 10rem;
    height: 10rem;
}
.arrowsTes  .slick-dots{
    display: flex;
}
.theSep{
    display: block;
    height: 1px;
    width: 65%;
    background-color: #17193f;
    margin-bottom: 4rem;

}
.testemonilas li h2{
    font-size: 2.2rem;
      letter-spacing: 6px;
color: #4a90e2;
      margin-top: 0;
    margin-bottom: 1rem;
    
}
.testemonilas li p.thePos{
    font-size: 1.6rem;
     line-height: 1.25;
    white-space: pre-line;
    color: #17193f;
    margin: 0;
  

}
.arrowsTes {
    margin-top: 3.2rem;
}
.arrowsTes  .slick-dots{
    padding-left: 5.7rem;
    padding-right: 5.7rem;
}

footer{
      background-color: #17193f;
    padding: 12.9rem 10.8% 5.3rem 10.8%;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;

}
.facebook a:before {
    content: "\E902";
    font-family: 'icomoon' !important;
}
.twitter a:before {
    content: "\E901";
    font-family: 'icomoon' !important;
}
.linkedin a:before {
    content: "\E900";
    font-family: 'icomoon' !important;
}
.footerSocial a:before{
     font-family: 'icomoon';
    color: #ff00ff;

}
.footerSocial a{
    text-decoration: none;
     font-size: 1.4rem;
}
.footerMenu{
    padding-left: 18rem;
}
.footerMenu a{
    text-decoration: none;
    font-size: 1.2rem;
      line-height: 2;

    text-transform: uppercase;
    color: #9b9b9b;
    
transition: .3s all;
    }
    .footerMenu a:hover{
        color: #ff00ff;
    }
 .footerMenu a:active{
        font-weight: 600;
    }
.footerSocial{
    padding-left: 5.6rem;
}
.footerSocial ul{
    display: flex;
}
.footerSocial li{
    margin-right: 2rem;
}
.crpt{
    margin: 29rem 0 0 0;
    font-size: 1.1rem;
      color: #9b9b9b;
    opacity: 0.6;

    
}
.aboutTopBanner{
    padding-top: 23rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin-top: -12rem;
   
  
}
.aboutTopBanner .grid{
    position: absolute;
}
.rest{
    flex-grow: 1;
    height: 72.8rem;
      display: flex;
    flex-direction: column;
    justify-content: center;
     padding-left: 25rem;
    background-size: cover;
}

.rest h1{
    color: #fff;
      letter-spacing: 5px;
font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
.rest .quote{
    font-size: 4.8rem;
    font-weight: 600;
    color: #fff;
    width: 74.9rem;
      line-height: 1.08;
    margin-top: 0;
    margin-bottom: 0;

}

.rest .quoted{
    font-size: 1.6rem;
    font-weight: 400;
     font-family: 'IBM Plex Serif', serif;
    font-style: italic;
}
.abtText{
    padding: 24rem 0;
}
.abtText h2{
    padding-left: 12.7rem;
      line-height: 1.17;
  letter-spacing: 1px;
font-size: 4.8rem;
    width: 49.4rem;
    box-sizing: content-box;
    margin: 0;
    position: relative;
    z-index: 999;
}
.abtText p{
    font-size: 1.8rem;
      line-height: 1.33;
    padding-left: 14rem;
    margin: 0;
    width: 36.6rem;
     box-sizing: content-box;
    position: relative;
    top:.4rem;

}
.partneredWith{
  
    
    height: 58.3rem;
}

.pwImg{
    background-size: cover;
      background-position: left center;
    background-repeat: no-repeat;
    width: 47.76%;
}
.pwImg:after{
    width: 13.1rem;
    height: 13.1rem;
    position: absolute;
    display: block;
    content: '';
    bottom:-13.3rem;
    right: -13.3rem;
    background-image: url("img/pattern-isolated.svg");
    background-position: bottom left;
}
.partneredWith h2{
      letter-spacing: 5px;
  color: #17193f;
    font-size: 1.6rem;
    font-weight: 400;
}
.partneredWithText{
    position: relative;
    background-color: #fff;
    align-self: flex-start;
    padding: 3.9rem 11.8rem 10rem 11.8rem;
}
.partneredWithText p{
    font-size: 1.8rem;
      line-height: 1.33;
width:36.6rem;
    margin: 4rem 0;
    
}


.videos.about{
    background-color: transparent;
}

.videos.about h2{
    padding-left: 8.2%;
    line-height: 1.17;
    letter-spacing: 1px;
    font-size: 4.8rem;
    width: 49.4rem;
    box-sizing: content-box;
    margin: 0;
}
.videos .abtText{
    padding: 35rem 0 10.6rem 0;
}
.networkText h2 {
    letter-spacing: 5px;
    color: #17193f;
    font-size: 1.6rem;
    font-weight: 400;
}
.networkText{
    padding-left: 25.5rem;
    flex-grow: 1;
}
.networkText p{
    
    line-height: 1.17;
    letter-spacing: 1px;
    font-size: 4.8rem;
    width: 75rem;
    box-sizing: content-box;
    margin: 0;
font-weight: 600;
    position: relative;
    z-index: 9;

}
.ourNetwork{
    padding-top: 32rem;
}
.ornmnt{
    flex: 0 0 30%;
    background-image: url("img/pattern-isolated.svg");
}
.pf{
    width: 100%;
    justify-content: space-between;
}
.logosList{
   
    align-items: center;
    width: 126rem;
    flex-wrap: wrap;
    padding-left:3.2rem;
    margin-top: 15rem;
}
.page-template-about .logosList{
    width: 96.8rem;
    padding-left: 12.7rem;
    padding-right: 6.2rem;
    box-sizing: content-box;
}
.companiesListCon  a{
    opacity: .7;
    transition: .3s all;
}
.companiesListCon  a:hover{
    opacity: 1;
}
.page-template-about .logosList li{
    flex:0 0 20%;
    text-align: center;
}
.logosList li{
    
    margin-bottom: 8.8rem;
}
.ourNetwork .readMore{
     margin-top: 17rem;
    text-decoration: underline;
}
.intvs{
    margin-top: 37rem;
}
.intvs h2{
    font-size: 7.2rem;
    padding-left: 12rem;
    margin: 0;
}
.getInTouch{
    height: 49.8rem;
    background-size: cover;
    position: relative;
    z-index: 3;
}
.getInTouch .grid{
    position: relative;
}
.getInTouch p{
    color: #fff;
    white-space: pre;
    font-size: 4.8rem;
    font-weight: 600;
      line-height: 1.17;

    margin: 0 0 4.7rem 0
}
.getInTouch  a{
    
    pointer-events: all;
}
.getInTouch .aboutColumn3 {
    padding-left: 18.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.orn{
    background-image: url("img/pattern-isolated.svg");
}
.getInTouch .orn{
    width: 20.1rem;
    height: 20.3rem;
    position: absolute;
    top:-10rem;
}
.portfolioTopArea,.teamTopArea{
    height: 76.8rem;
}
.portfolioTopImage{
    background-size: cover;
    height: 100%;
    flex-grow: 1;
}
.portfolioTopAreaText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25.5rem;
    flex: 0 0 65.9%;
    position: relative;
}
/*.portfolioTopAreaText:after{
    width: 24.5rem;
    height: 24.5rem;
    position: absolute;
    right: 0;
    bottom: -19.3rem;;
    content: '';
    display: block;
    background-image: url("img/pattern-isolated.svg");
}*/
.teamTopArea{
    position: relative;
    z-index: 1;
    height: 70rem;
}
.portfolioTopAreaText  h1{
   
  font-size: 1.6rem;
 font-weight: 400;
 
  letter-spacing: 5px;
    margin: 0 0 2rem 0;
  
}
.boldBigText{
  
 
  font-size: 4.8rem;
  font-weight: 600;
 
  line-height: 1.17;
  letter-spacing: 1px;
  
}
.page-template-events .pg{
    z-index: 0;
}

.page-template-initiatives-non-full .pg, .page-template-initiatives .pg{
    z-index: 999999999;
}
.portfolioTopAreaText p{
    width: 75rem;
    margin: 0;
    position: relative;z-index:999999999;
}
.portfolioTopImage .orn{
    width: 24.2rem;
    height: 20rem;
    position: absolute;
    bottom: 0;
    left:-16rem;
}

.logosList a{
    border:none;
    background-color: transparent;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
 
    
}
.layout3 a{
       width: 36.6rem;
    height: 14.4rem;
    
}

.layout2 a{
       width: 53.3rem;
    height: 21.7rem;
    
}
.logosList{
    display: flex;
    flex-wrap: wrap;
}
.singleCol2{
    padding: 13rem 12rem;
}
.tagsList{
    display: flex;
    flex-wrap: wrap;
   
    margin-top: 5rem;
}

.tagsList li{
    border:1px solid #9b9b9b;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0 .5rem;
    line-height: 2.4rem;
    color:#9b9b9b;
margin: 0 .7rem .7rem 0;
}
.content p{
   font-size: 1.7rem;
    margin: 0;
      line-height: 1.33;

}
.content{
    margin-top: 2.7rem;
    margin-bottom: 4rem;
}
.comSocialMenu,.comConDet {
    align-items: baseline;
}
.comConDet {
    justify-content: space-between;
}
.comSocialMenu a{
    text-decoration: none;
    color: #ff5eff;
    font-size: 1.3rem;

}
.comSocialMenu li{
    margin-right: 1.8rem;
}
.theConImgCon{
    flex-grow: 1;
    margin-top: 31rem;
    height: 63.2rem;
    box-sizing: content-box;
   /* align-self: flex-end;*/
    position: relative;
    overflow: hidden;
}
.theComImg{
    height: 100%;
    background-size: cover;
   

}
.nextPost{
     background-color: #ff5eff;
    background-image: url(img/next.svg);
      width: 10rem;
    height: 10rem;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: auto;
    display: block;
    
}
.prevPost{
    background-color: #fff;
    background-image: url(img/prev.svg);
    width: 10rem;
    height: 10rem;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: auto;
    display: block;
}
.pagination{
    position: absolute;
    bottom: 0;
    left:-10rem;
    z-index: 9999;
}
.singleContent{
    background-color: rgba(255,255,255,1);
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100vh;
    z-index: 999999999;
   
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}

.singleContent.show{
    opacity: 1;
    visibility: visible;
}

.page-template-portfolio .prevPost{
   position: relative;
    right: -10rem;
    transition: .5s all;
    opacity: 0;
}
.page-template-portfolio .nextPost{
    transform: scale(0);
    transform-origin: 0% 100%;
      transition: .5s all;
}
 .nextPost.show{
    transform: scale(1);
}
.prevPost.show{
    right: 0;
    opacity: 1;
}
.staticBtns .prevPost{
     right: 0 !important;
    opacity: 1 !important;
}

.staticBtns .nextPost{
     transform: scale(1) !important;
}
.prloader{
    background-image: url("img/loader.svg");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999999;
    transition: .3s;

pointer-events: none;
}
#closeSingle,#closeSingleGal{
    z-index: 999999;
}
.prloader.hide{
    opacity: 0;
}
.pg{
    z-index: 99999;
}
.singleContent #primary,.singleContent #main,.singleContent .allPageCon{
    height: 100%;
    width: 100%;
}

.page-template-portfolio .anMask{
   
    
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: block;
    content: '';
    position: absolute;
    bottom:0;
    right:0;
    background-color: #fff;
    right:0;
    z-index: 999;
    
}

.page-template-team .anMask,.single-event .anMask{
   
    
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: block;
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    background-color: #fff;
    right:0;
    z-index: 999;
    
}
.remove{
    z-index: 9999;
}
.singleContent .coLog,.singleContent .logosList li,.singleContent .content p,.singleContent .readMore,.singleContent .comSocialMenu  li,.singleContent  .tagsList li,.singleContent .content li{
    opacity: 0;
    top:1rem;
    position: relative;
}
.singleContent  #primary{
    position: absolute;
    left:0;
    top:0;
}
.blueBtn{
    position: absolute;
    width: 10.8%;
    height: 12rem;
    background-color: #4a90e2;
 
    
    right: 0;
    top: 0;
   
    font-family: 'IBM Plex Serif', serif;
    font-style: italic;
   font-size: 1.6rem;
    color: #fff;
    border:none;
    padding: 0;
}
.bt{
    display: inline-block;
    position: relative;
    transition: .3s all;
}
.bt:after{
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;;
    content: '';
    background-image: url("img/close.svg");
    vertical-align: middle;
    margin-left: 1rem;
    background-size: 1.6rem;
}
.blueBtn:hover .bt{
    letter-spacing: 5px;
} 
.iciTeamRhumbCon{
    width: 100%;
    height: 0;
    padding-bottom: 115%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-position: top;
    
}
.home #primary{
    margin-top: -12rem;
}
.iciTeamRhumb{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    transition: .3s all;
    transform: scale(1);
    background-size: cover;
    
}


.iciTeamRhumbCon:after{
    content: '';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 25, 63, 0.3);
    transition: .3s all;
}

.iciTeamCon,.insfrTeamCon{
    padding-left: 6.7%;
    flex: 0 0 74%;
    width: 74%;
}

.iciTeamList li{
    flex:  0 0 29.5%;
    margin-bottom: 6rem;
    
   
}
.teamSinMain{
	text-align:justify;
}
.teamList{
     display: flex;
  flex-flow: row wrap;
  
}
.teamList li a{
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}
.posCon{
    flex-grow: 1;
}
.insTeamList li{
    flex:  0 0 21.5%;
    box-sizing: content-box;
    margin-bottom: 17rem;
}
.insfrTeamArea {
    margin-top: 21.8rem;
    position: relative;
    z-index: 999999;
}
.iciTeamArea h2,.insfrTeamArea h2{
    font-family: 'IBM Plex Serif', serif;
    font-style: italic;
      letter-spacing: 5px;
      color: #9b9b9b;
font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 7.7rem;

}
/*.iciTeamList li:nth-child(3n+3){
    margin-left: 5.75%;
}
.iciTeamList li:nth-child(1){
      margin-right: 5.75%;
   }
.iciTeamList li:nth-child(4n+4){
    margin-right: 5.75%;
    
}
.insTeamList li:nth-child(2n+2){
    margin-right: 4.6%;
    
}*/
.iciTeamList {
	justify-content:space-between;
}

.iciTeamList:after{
	content:'';
	display:block;
		flex:0 1 29.5%;
}
.eventsWrapper1{
    margin-top: 15rem
}
.insTeamList li:nth-child(4n+4){
    margin-left: 4.6%;
    margin-right: 0;
}
.spacer{
    margin-top: 10rem;
}
.insTeamList li:nth-child(1){
      margin-right:  4.6%;
   }
.insTeamList li:nth-child(5n+5){
    margin-right:  4.6%;
}
.teamList h3{
    font-size: 2.4rem;
    color: #4a90e2;
    font-weight: 600;
      letter-spacing: 1px;
    margin-top: 4.1rem;
    margin-bottom: 1rem;
    transition: .3s all;
    

}

.pos{
  font-size: 1.8rem;  
    margin: 0;
      color: #17193f;

}


.bottomSep{
    width: 100%;
    height: 1px;
    background-color: #17193f;
    margin-top: 4.6rem;
    transition: .3s all;
    border-bottom: 1px solid #fff;
    box-sizing: content-box;

}
.singleTeamMemberImgCon{
    width: 100%;
    padding-bottom: 128%;
    height: 0;
    position: relative;
   
    
}
.single-team-member #primary{
    padding: 16rem 0;
}
.theContentCon{
    padding: 21rem 15% 0 10%;
	padding: 21rem 9% 0 5%;
    flex: 0 0 43%;
    overflow: auto;
}
.theContentCon h1{
   color: #4a90e2;
      letter-spacing: 5px;
    font-size: 3.2rem;
    font-weight: 600;

}

.page-template-team .singleContent  h1,.single-event .singleContent  h1{
    position: relative;
    top:1rem;
    opacity: 0;
}
.theContentCon .content p.posInner{
    font-size: 1.6rem;
      color: #9b9b9b;
    margin-bottom: 5.4rem;
    margin-top: 0;

}
.singleTeamMemberImg{
     background-size: cover;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    transform: scale(.95);
	background-position:center;
}
.sTeamColumn2{
    position: relative;
    
}
.comSocialMenu {
	list-style:none !important;
}
.theContentCon .content ul{
	list-style:disc;
}
.theContentCon .content p,.theContentCon .content li{
    font-size: 1.8rem;
      line-height: 1.33;
    margin: 0 0 2.4rem 0;

    
}
.sTeamColumn2{
    flex:  0 0 33.1%;
    width: 33.1%;
}
.theContentCon .content p a{
      color: #ff00ff;
      font-style: italic;

    text-decoration: none;
font-family: 'IBM Plex Serif', serif;
}
.teamContent{
    margin: 0;
}
.intvsLeft{
    width: 41.2%;
    flex:   0 0 41.2%;
    height: 100vh;
    position: sticky;
    bottom: 0;
    top:0;
    overflow: hidden;
}
.intvsLeftAn{
    width: 100%;
    height: 100%;
}
.intvsRight{
     flex: 0 0 47.2%;
  
    
}
.column1in{
    flex: 0 0 25.8%;
}
.pageTitleCon{
    display: flex;
    justify-content: center;
    align-items: center;
   
    flex-grow: 1;
}
.pageTitle .svgCon{
    display: none;
}
.pageTitle {
    width: 37.5rem;
}
.intvsLeft h1{
    height: 11.7rem;
}
.pageTitleCon2{
    display: flex;
    justify-content: center;
    align-items: center;
   
    flex-grow: 1;
}
.pageTitle p{
font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 5px;
    margin: 0 0 2rem 0;
    
}
.pageTitle h1{
    white-space: pre-line;
}
.initColumn2{
    flex: 0 0 31.2%;
    width: 31.2%;
}
.initColumn3{
     flex: 0 0 47.2%;
    width: 47.2%;
}
.rightImg{
    height: 17.6rem;
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    background-size: cover;
}

.rightImgExt{
    height: 17.6rem;
    width: 100%;
}
.rightOrn{
    width: 20.1rem;
    height: 11.3rem;
    right:0;
    bottom: 17.6rem;
    position: absolute;
}
.intvsRight{
    padding: 24.5rem 0 20rem 14rem;
    overflow: hidden;
}
.c1nn{
    display: flex;
    flex-direction: column;
}
.c1nn .tfx{
    flex-grow: 1;
    background-color: #fff;
}
.intvsRight p{
    width: 37.8rem;
}
.tfx .pageTitleCon {
    background-color: #fff;
}
.nonFullpageTitleCon{
    flex-direction: column;
}
.tfx{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.intvsRight h2{
      letter-spacing: 5px;
font-size: 1.8rem;
}

.intvsRight p{
    font-size: 1.8rem;
      line-height: 1.33;

}
.wwd{
    margin-top: 8.6rem;
    margin-bottom: 1;
}
.oe{
    margin-top: 6.4rem;
    margin-bottom: 1;
}
.moreEvents{
    margin-top: 4rem;
    display: flex;
    margin-bottom: 7.6rem;
}

.collaboratedWith,.adviroryBoard{
   
    padding-right: 13rem;
}

.collaboratedWith h2,.adviroryBoard h2{
    font-size: 2.4rem;
     padding-top: 6.8rem;
    margin: 0;
    border-top: 1px solid #d9d9d9;
}

.page-template-initiatives  .logosList {
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin-top: 6.6rem;
}
.logosList {
    justify-content: space-between;
}
.page-template-initiatives  .logosList li{
    flex: 0 0 32.3333%;
    width: 32.3333%;
    text-align: center;
    padding:  0 !important;
}
.page-template-initiatives  .logosList li:nth-child(1){
    padding-right: 2rem;
    text-align: left;
}

.page-template-initiatives  .logosList li:nth-child(3n+3){
    padding-left: 2rem;
     text-align: right;
}
.page-template-initiatives  .logosList li:nth-child(3n+4){
    padding-right: 2rem;
     text-align: left;
}
.adviroryBoard h3{
    font-weight: 600;
    font-size: 1.8rem;
    padding-left: 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
}
.adviroryBoard p{
    margin: 1rem 0 0 0;
}
.icn{
    z-index: 999;
}
.adviroryBoard .linkedin{
    text-decoration: none;
    color: #ff00ff;
    margin-left: -1.5rem;

}
.icns path{
   fill: rgba(155, 155, 155, 0.5);
    transition: .3s all;
}
.icns .svgCon{
    display: flex;
    justify-content: center;
}
.icns {
    height: 100vh;
    position: fixed;
    z-index: 9999999999;
}
.icns .current path,.icns a:hover path{
    
    fill:#ff00ff;
}

.icns a{
    cursor: pointer;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
}
.icns li{
    margin: 2.5rem 0;
}
.page-template-initiatives,.page-template-initiativesm,.page-template-initiatives-non-full{
    overflow-y: scroll;
}
.page-template-initiatives-non-full .bscImage {
    transform: scale(1.1);
}
.adviroryBoard .linkedin:before{
    font-size: 1.4rem;
}
.adviroryBoard ul{
    width: 38.4rem;
    margin-top: 5rem;
}
.page-template-initiatives-non-full header,.page-template-initiatives header{
    background-color: #fff;
}
.pageContainer{
    margin-top: -12rem;
}
.pageContainer h1{
    position: relative;
}
.adviroryBoard li{
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #17193f;

    
}
.page-template-initiatives-non-full .wrapper,.page-template-initiatives .wrapper{
   /* min-height: calc(100vh + 5rem);*/
}
.page-template-initiatives footer,.page-template-initiatives-non-full footer{
    display: none;
}
.bsc h1{
    position: relative;
}
.intvsRightAn,.intvsLeftAn{
    position: relative;
}
.bsc{
    background-size: cover;
    overflow: hidden;
    position: relative;
}


.bscImage{
    background-size: cover;
}
.intvsRightNfls{
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nfls h2{
    color: #fff;
      letter-spacing: 3.75px;
    font-size: 1.8rem;

}
.nfls  li{
    display: flex;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.56;
    align-items: center;
}
.nfls  li:before{
        display: block;
    width: .9rem;
    height: 2px;
    background-color: #4a90e2;
    content: '';
    margin-right: 1rem;
    transform: skewY(-45deg);
}
.eventsWrapper h1{
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 5px;
    margin: 0 0 2rem 0;
    margin: 0;
}
.eventsWrapper h2{
    font-size: 7.2rem;
      letter-spacing: 1px;
    margin: 0 0 12rem 0;

    
}
.eventsWrapper1{
    padding-top: 16rem;
}

.eventsColumn2_3 h2{
    font-size: 4.8rem;
}
.initColumn2_3{
    flex: 0 0 78.4%;
    width: 78.4%;
}
.bigEventImage{
    flex-grow: 1;
    height: 52.8rem;
    background-size: cover;
   /* margin-top: 22rem;*/
}
.single .bigEventImage{
    height: 66rem;
}
.single .bigEventImage h1{
    width: 100%;
}
.bigEvent .date{
    font-family: 'IBM Plex Serif', serif;
    font-style: italic;
      color: #9b9b9b;

    font-size: 1.6rem;
}
.bigEvent h3{
    font-size: 4rem;
}
.rsvp{
    line-height: 5.6rem;
    display: block;
    width: 17rem;
    padding: 0 3rem;
    background-color: #ff5eff;
    color: #fff;
     font-family: 'IBM Plex Serif', serif;
    font-size: 1.6rem;
    font-style: italic;
    margin-top: 6.8rem;
    text-decoration: none;
     letter-spacing:0;
    transition: .3s all;
    display: flex;
    align-items: center;
    border: none;
   
}
.rsvp:hover{
    letter-spacing: 5px;
}

.rsvp:after {
    display: inline-block;
    content: '';
    width: 6.8rem;
    height: 2rem;
    background-image: url(img/arrow-btn-w.svg);
    background-repeat: no-repeat;
    background-position: right center;
    flex-shrink: 1;
    transition: .3s all;
    right: 0;
    top: 0;
    margin-left: 1rem;
}

.bigEvent p{
    font-size: 1.8rem;
    line-height: 1.33;
    width: 36.6rem;
}
.pl{
    padding-left: 12rem;
    position: relative;
}
.uea{
    text-decoration: none;
    color: #17193f;
    width: 100%;
}
.single-event .pl:after{
    width: 20rem;
    height: 20rem;
    content: '';
   
    background-image: url("img/pattern-isolated.svg");
    position: fixed;
    left:10.8%;
    bottom: auto;
	top:80rem;
    display: block;
    opacity: .8;
}

 .preve .pl:after{
    display: none;
}
.bes{
    height: 1px;
    background-color: #17193f;
    width: 23.9rem;
    margin-top: 13rem;
    transition: .3s all;
}
.doWidth{
    width: 100%;
    justify-content: space-between;
}
.prevEnets h2{
    font-size: 4.8rem;
    margin-bottom: 8rem;
}
a:hover~.bes{
    background-color: #ff00ff;
} 
.theDate{
    text-align: center;
    flex: 0 0 11rem;
     align-self: center;
     display: flex;
    flex-direction: column;
    justify-content: center;
}
.bigDay{
     font-family: 'IBM Plex Serif', serif;
    font-style: italic;
    font-size: 7.2rem;
    color: #4a90e2;
    line-height: 1;


}
.mY{
     font-family: 'IBM Plex Serif', serif;
    font-style: italic;
    font-size: 1.6rem;
    color: #9b9b9b;

}

.theExcerpt{
    flex-grow: 1;
    padding-left: 14rem;
    box-sizing: content-box;
     display: flex;
    flex-direction: column;
    justify-content: center;
}

.theExcerptW{
    width: 75rem;
}
.theExcerpt h3{
    font-size: 2.4rem;
    color: #17193f;
    margin-bottom: 1rem;
    margin-top: 0;
   
}
.theExcerpt p{
  font-size: 1.8rem; 
      line-height: 1.33;
    margin: 0;
  

}
.arLink{
    display: block;
    flex: 0 0 6rem;
    background-image: url("img/gallery-arrow-btn-active.svg");
    background-position: center;
    background-repeat: no-repeat;
    
}
.prevEnets li{
    height: 17.5rem;
    border-top:1px solid #17193f;
    justify-content: space-between;
}
.prevEnets ul{
     border-bottom:1px solid #17193f;
    
}
.prevEnets .loadMore{
    margin-bottom: 0;
}
.prevEnets {
    margin-bottom: 10rem;
}
.eventsColumn2_3{
    width: 78.4%;
    flex: 0 0 78.4%;
    padding-right: 12rem;
}
.loadMore{
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.6rem;
    font-weight: 300;
    font-style: italic;
    color: #ff00ff;
    text-decoration: underline;
    border:none;
    background: none;
    margin: 7.9rem 0;
}
.cls1 li{
    flex: 0 0 66%;
     border: solid 0.5px #e6e6e6;
    height: 40.8rem;
    background-color: #fff;
}

.cls3 li{
     flex: 0 0 27%;
     border: solid 0.5px #e6e6e6;
    height: 44.8rem;
    background-color: #fff;
    flex-direction: column;
    
}
.cls3 li .upEventImage{
    height: 23.3rem;
    flex: 0 0 23.3rem;
    width: 100%;
     background-size: cover;
}
.cls1 li .upEventImage{
    width: 50%;
    flex: 0 0 50%;
    height: 100%;
    background-size: cover;
}
.upEventDets .date{
     font-family: 'IBM Plex Serif', serif;
    font-size: 1.2rem;
      color: #9b9b9b;
    font-style: italic;

}
.cls1 .upEventDets{
    display: flex;
    flex-direction: column;
    padding: 4.4rem 5rem;
    width: 50%;
    flex: 0 0 50%;
}
.upEventDets h3{
    font-size: 3.6rem;
    line-height: 1.17;
    margin: 1.5rem 0 1rem 0;
    
}
.cls3 .upEventDets p{
    max-height: 0;
    transition: .3s all;
    overflow: hidden;
    opacity: 0;
   
    
}
.vap{
  background-color: transparent;
    border:none;
    margin-top: 3rem;
    margin-left: 3rem;
}

.vap:after{
    display: none;
}
.cls1 li:hover .hoverPas {
    border: 1px solid #ff00ff;
    opacity: 1;
}

.cls3 .upEventDets{
    padding:  4.4rem  6.9rem 5.9rem 5rem;
   
    position: relative;
    top:0;
    transition: .3s all;
     flex-grow: 1;
}

.upEventDets p{
    font-size: 1.8rem;
      line-height: 1.33;
   

}

.cls1  .upEventDets p{
     margin-bottom: 2rem;
}
.page-template-events .content-area{
    position: relative;
    z-index: 1;
}
.moreUpcoming h2{
    font-size: 2.4rem;
      letter-spacing: 5px;

}
.moreUpcoming{
    margin: 12.4rem 0 15rem 0;
    
}
.upEventDets p.date{
    max-height: none;
    opacity: 1;
}
.cls3 li .upEventDets{
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    flex: 0 0 21.4rem;
    height: 21.4rem;
}
.cls3 li h3{
    font-size: 2.4rem;
    line-height: 1.17;
    margin: 1rem 0 0 0 ;
}

.cls3 li .readMore{
    margin-top: 2.5rem;
    
}
.cls3 li:nth-child(1),.cls3 li:nth-child(4n+4){
    margin-right: 5.5%;
}

.cls3 li:nth-child(3n+3){
    margin-left: 5.5%;
}

.singleEventColumn2{
    flex: 0 0 26.6%;
    width: 26.6%;
}
.singleEventColumn3{
     flex: 0 0 51.8%;
    width: 51.8%;
}
.evRight.singleEventColumn3{
    padding-right: 12rem;
}
.prtcpntsList{
     flex-wrap: wrap;
	justify-content:space-between;
}
.prtcpntsList li{
    flex: 0 0 31.8%;
   
    width:31.8%;
}

.prtcpntsList li{
   
   
    margin-bottom: 5.7rem;
}
.prtcpntsList li button{
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    text-align: left;
     padding-bottom: 5.7rem;
     border-bottom: 1px solid #17193f;
    height: 100%;
    transition: .3s all;
    position: relative;
	display:flex;
	flex-direction:column;
}
.prtcpntsList li button:after{
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 1px;
    background-color:  #ff5eff;
    display: block;
    opacity: 0;
    transition: .3s all;
}
.prtcpntsList li button:hover:after{
    opacity: 1;
}
.prtcpntsList li button:hover{
     border-bottom: 1px solid #ff5eff;
}
/* .prtcpntsList li:nth-child(1){
    margin-right: 2.2%;
}

.prtcpntsList li:nth-child(3n+3){
    margin-left: 2.2%;
} */
.prtcpntsList li .prtnsntImgCon{
    width: 100%;
    padding-bottom: 114%;
    position: relative;
}
.prtcpntsList li .prtnsntImgCon img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    left: 0;
}
.single-event header,.single-event footer{
    display: none;
}
.single-event .bigEventImage {
    padding-top: 0;
    margin-top: 0;
}

span.title{
    display: block;
      letter-spacing: 5px;

    font-size: 1.6rem;
    margin-bottom: 2rem;
    margin-top: 4rem;
}
.eventDetailsClmn h2{
    font-size: 2.4rem;
    line-height: 1.33rem;
    margin: 0;
}
.eventDetailsClmn p{
    font-size: 2.4rem;
    line-height: 1.33;
      font-weight: 600;

    margin: 0;
}

p.time{
    font-size: 1.8rem;
    margin-top: 1rem;
}
.when,.where{
    position: relative;
    
}
.esDate,.evl{
    display: flex;
    align-items: center;
}
.esDate:before{
    content: '';
    display: block;
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("img/calander-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    left:-3rem;
    background-size: 2.2rem 2.2rem;
    
}
.singleLogosList img{
    max-height: 6rem;
}
.singleLogosList img,.logosList img{
 filter:grayscale(1);
}
p{
    font-size: 1.8rem;
    line-height: 1.33;
}
.evl:before{
    content: '';
    display: block;
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("img/location-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    left:-3rem;
     background-size: 2.2rem 2.2rem;
    
}
.evContent{
    width: 49.3rem;
}
.eventBtm h1{
    margin-top: 7.837rem;
    margin-bottom: 6rem;
}

.eventBtm h2{
    font-size: 2.4rem;
    letter-spacing: 5;
    margin: 7.5rem 0 6.8rem 0;
}
.prtcpntsList h3{
    font-size: 1.8rem;
        color: #4a90e2;
          letter-spacing: 1px;
	min-height:5rem;
    margin: 2.2rem 0 0 0;

    
}

.prtcpntsList p{
    margin: 0;
}
.singleLogosList{
    flex-wrap: wrap;
}
.singleLogosList li{
    flex: 0 0 33.3333%;
    margin-bottom: 5rem;
    text-align: center;
}
.singleLogosList li:nth-child(1),.singleLogosList li:nth-child(4),.singleLogosList li:nth-child(4n+3){
    text-align: left;
}
.singleLogosList li:nth-child(3n+3){
    text-align: right;
}

#back{
    position: fixed;
    width: 10.8%;
    height: 12rem;
    background-color: #4a90e2;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'IBM Plex Serif', serif;
    font-style: italic;
    text-transform: capitalize !important;
    font-size: 1.4rem;
    text-decoration: none;
    color: #fff;
    z-index: 999999999;
transition: .3s all;






}
#back:hover{
    letter-spacing: 5px;
}
.imgGalCon{
    height:66.4rem;
   /* width: 102rem;*/
    
}

.imgGalCon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.gallery li{
    overflow: hidden;
    transition: .3s all;
    border-right:5px solid #fff;
}
.gallery{
    justify-content: flex-end;
}
.galleryCon{
    width: calc(100% - 10.8%);
}
.gallery:hover  li:nth-child(1){
   
}
.gallery li:hover{
    flex: 0 0 50% !important;
    flex-shrink: 1 !important;
    flex-grow: 1 !important;
}
.gallery li:nth-child(1){
    flex: 0 0 50%;
    flex-shrink: 1;
    flex-grow: 1;
}
.gallery li:nth-child(2){
    flex: 0 0 25%;
    flex-shrink: 1;
}

.gallery li:nth-child(3){
    flex: 0 0 11%;
}
.gallery li:nth-child(4){
    flex: 0 0 5.8%;
}
.gallery li:nth-child(5){
    flex: 0 0 6%;
   
}
.gallery li:last-child{
     border-right:none;
}
.sbbtnsRe{
    position: relative;
}
.sbbtnsRe .slick-prev{
    position: absolute;
    right:0;
    bottom:0;
}

.sbbtnsRe .slick-next{
    position: absolute;
    right:-10rem;
    bottom:0;
    z-index: 99999;
}

.sbbtnsRe .dotsTes {
    position: absolute;
    bottom:0;
    right:-20rem;
    z-index: 99999;
}
.sbbtnsRe .slick-dots{
    padding-left: 0;
}
.sbbtnsRe .slick-dots button {
    width: 5px;
    height: 5px;
    padding: 0;
    background-color:#9b9b9b;
    transition: .3s all;
    margin-right: 1.4rem;
    border: none;
}
.sbbtnsRe .slick-dots  li.slick-active  button{
    transform: scale(1.4);
    transform-origin: 50%;
    background-color: #fff;
}
.contactColumn1{
    flex:0 0 18%;
}
.contactColumn2{
    flex:0 0 40.1%;
}
.contactColumn3{
    flex:0 0 26.1%;
}
.contactColumn4{
    flex:0 0 10.8%;
}

.branchesList{
    display: flex;
    flex-wrap: wrap;
}
.branchesList{
    flex-grow: 1;
    overflow: hidden;
    justify-content: space-between;
}
.branchesList li{
    flex:0 0 48%;
    width: 48%;
}
.branchImageCon{
    width: 100%;
    padding-bottom: 71%;
    height: 0;
    position: relative;
}
.branchImageCon img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.contactTop{
    padding-top: 19rem;
}
h1 .smallText,h2 .smallText{
    font-size: 1.6rem;
      letter-spacing: 3px;
font-weight: 400;
    display: block;
}

h1 .bigText{
    font-size: 7.2rem;
      letter-spacing: 1px;
 display: block;
}

h2 .bigText{
    font-size: 4.8rem;
   line-height: 1.17;
  letter-spacing: 1px;
    
}
.contactTop h1{
    margin-bottom:12.9rem; 
}

.branchesList h2{
    color: #4a90e2;
      letter-spacing: 5px;
    margin: 3.2rem 0 2.3rem 0;

}

.cAddress{
    white-space: pre-line;
    font-size: 1.8rem;
      line-height: 1.33;

    margin: 0 0 3.5rem 0;
}

.nom,.nom a{
    font-size: 2.4rem;
      letter-spacing: 7px;

    font-weight: 600;
    color: #17193f;
    text-decoration: none;
    
}
.nh{
   font-size: 1.6rem; 
    color: #4a90e2;
    padding-right: 2rem;


}
.conSep{
    height: 1px;
    background-color: #17193f;
    width: 36.7rem;
    margin-top: 9.1rem;

}
.readMore.cgd{
    text-decoration: underline;
    margin-top: 5rem;
   
}

.page-template-contact .readMore.cgd:after{
    display: none;
}
.contactBottom h2{
     width: 49.4rem;
    margin-top: 17rem;
    margin-bottom: 7.5rem;
}
.contactFormCon form input,.contactFormCon form textarea,.contactFormCon form select{
    width: 100%;
    box-sizing: border-box;
    font-size: 1.6rem;
  
}
.contactFormCon form textarea{
    padding: 1.5rem;
}
.contactFormCon form span{
    display: block;
    position: relative;
}
.contactFormCon form input,.contactFormCon form select{
    line-height: 5.8rem;
    height: 5.8rem;
    border: none;
    border-bottom: solid 1px #9b9b9b;
    margin-bottom: 2rem;
    border-radius: 0;
    background: none;
    
}

.contactFormCon form input:focus{
    outline: none;
}



.contactFormCon form select{
    margin-bottom: 7.1rem;
     -webkit-appearance:none;
}
.menu-634{
    position: relative;
    
    
}
.menu-634:after{
    content:'';
    display: block;
    width: 1.1rem;
    height: .6rem;
    background-image: url("img/drop.svg");
    background-size: 1.1rem .6rem;
    position: absolute;
    right: 1rem;
    top:3rem;
    
}
::placeholder,option,select{
  letter-spacing: 3px;
  color: #9b9b9b;
}
.contactFormCon form select:after{
    content: 'aaa';
}
.twoFields input{
    padding-left: 2rem;
    background-image: url("img/hash.svg") !important;
    background-repeat: no-repeat !important;
    background-position: top 2rem left !important;
    background-size: 8px;
}
select{
   -webkit-appearance: none;
    -moz-appearance: none;
}
.twoFields{
    justify-content: space-between;
}
option{
    height: 15rem;
    line-height: 5rem;
}
.contactFormCon form{
    padding-bottom: 16rem;
}
option{
    font-size: 2rem;
    padding: 5rem;
     -webkit-appearance: menulist-button;
   height: 50px;
}
span.wpcf7-not-valid-tip{
    position: absolute;
    bottom: 1rem;
    color: #e01010;
    font-size: 1.4rem;
}
#sendForm {
    width: 17.7rem;
    border-bottom: none;
    margin-top: 3.4rem;
    background-color: #ff00ff;

}
.twoFields span{
    display: block;
    flex: 0 0 49%;
}

input:not(:placeholder-shown) {
  border-bottom: 1px solid #17193f;


   
}
.ornCon{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.ornCon .orn{
    width: 24.5rem;
    height: 26.7rem;
}
.contactFormCon form input:focus,.contactFormCon form textarea:focus{
    border-bottom: 1px solid #ff00ff;
}
.moreUpcoming a{
    text-decoration: none;
    color:#17193f;
    height: 40.8rem;
    display: flex;
    flex-direction: column;

}

.cls3  a{
    height: 44.8rem;
}
.nexteventArea .cls1 a{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.nexteventArea a:hover .readMore {
    letter-spacing: 5px;
}

.videos.about.intvs h2{
    width: 83%;
    margin: 0 auto 14rem auto;
    
    padding: 0;
    font-size: 7.2rem;
      letter-spacing: 1px;
   

}
.intvs a{
     text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-bottom: 1px solid #17193f;
    padding-bottom: 4.7rem;
      transition: .3s all;
    position: relative;
    top:0;
}
.page-template-about .intvs a{
    box-sizing: content-box;
}
.intvs a:hover,.intvs a:active{
    color: #ff00ff;
 border-bottom: 1px solid #ff00ff;
  
}
.intvs a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ff00ff;
    opacity: 0;
      transition: .3s all;
    
}
.intvs a:hover:after,.intvs a:active:after{
    opacity: 1;
}
.intvs a:hover path{
    fill: #ff00ff;
}
.intvs ul{
    padding-bottom: 30.3rem;
}
.intvs a h3{
   
    font-size: 4rem;
      letter-spacing: normal;
    color: #17193f;
  line-height: 1.2;
    flex-grow: 1;
margin-bottom: 3rem;
    transition: .3s all;
}
.intvs path {
    fill: #17193f;
     transition: .3s all;

}
.esDateb{
      font-family: 'IBM Plex Serif', serif;
    font-style: italic;
    font-size: 1.6rem;
    color: #9b9b9b;
    background-image: url("img/calander-icon.svg");
    background-position: left center;
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-size: 1.8rem;

}
.lighBoxGallery{
    background-color: rgba(23, 25, 63, 0.98);
    z-index: 99999999999999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}
.lighBoxGallery.show{
    opacity: 1;
    visibility: visible;
}
.bIma{
    width: 100rem;
    height: 66.4rem;
    margin: auto;
}
.bImac{
   width: 100rem;
    height: 66.4rem;
    margin: auto; 
}
.bIma li  img{
    height: 66.4rem;
    width: auto;
}
.bIma li{
    overflow: hidden;
   
    
}
.imgBigGalCon{
    text-align: center;
    display: flex;
    justify-content: center;
}
*:focus{
    outline: 1px dotted #fc00ff;
}
.dotsBigGallery button{
    height: 11rem;
    width: 11rem;
    background-position: center;
    background-size: cover;
    margin: 0 .9rem;
    opacity: .5;
}
.dotsBigGallery .slick-dots{
    padding: 6.4rem 0 0 0;
    height: auto;
}
.dotsBigGallery .slick-active button{
    opacity: 1;
}
.bImac .slick-prev {
    position: absolute;
    left: -10rem;
    bottom: 0;
    background-color: #fff;
    background-image: url(img/prev.svg);
    
}
.bImac .slick-next {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999;
   
    background-color: #ff5eff;
    background-image: url(img/next.svg);

    
}
.count{
      color: #9b9b9b;
font-size: 1.4rem;
    padding: 1rem 0 2rem 0;
}
.bImac button {
    width: 10rem;
    height: 10rem;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: auto;
}
#videoFromFile {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#videoFromFile video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#snd{
    width: 2.7rem;
    height: 2.7rem;
    background-image: url("img/sound-off.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border:none;
    position: absolute;
    right:3rem;
    bottom: 5rem;
    z-index: 999;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ff5eff !important;
}
#snd.unmute{
     background-image: url("img/sound-on.svg");
}
div.wpcf7-response-output{
    border:none;
    font-size: 1.6rem;
    margin-left: 0;
    margin-right: 0;
      padding-left: 0;
    padding-right: 0;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}