@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

html, body, button, input, select, textarea, p{
	color:#4B4646;
	font-family: 'Jost', sans-serif;
	box-sizing: border-box;
    font-weight:400;
    font-size: 16px;
    line-height: 1.7em;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
/* ==========================================================================
   Links
   ========================================================================== */    
	a { color:#353535;}
	a:focus {outline:none;}
	a:hover, a:focus {color:#ca3438}
	a:active, a:hover {outline:0; text-decoration:none;}
/* ==========================================================================
   Typography
   ========================================================================== */
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {font-weight:400; color: #000;}
	h1, .h1 {font-size: 45px;}
	h2, .h2 {font-size: 32px;}
	h3, .h3 {font-size: 28px;}
	h4, .h4 {font-size: 22px;}
	h5, .h5 {font-size: 16px;}
  .container{
    max-width: 1170px;
    width: 100%;
  }
  .btn-primary {
    background-color: #f6121c;
    border-color: #f6121c;
    color: #ffffff;
  }
  .btn-primary:hover {
    background-color: #c12626;
    border-color: #c12626;
    color: #FFFFFF;
  }
  .bg-light{
    background: #f2f2f2 !important;
  }
.page{
  padding: 5rem 0;
}
.page-spaces{
  padding: 10rem 0 4rem 0;
}
.page-body{
  background: #f6f6f6;
}
  
/* ==========================================================================
   Global
   ========================================================================== */
  .header{
    padding: 0.6rem 0;
    position: absolute;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 99;
  }
  .slidetop{
    margin-top: 2rem;
  }
  .social-border{
    border-bottom: solid 1px #f2f2f2;
  }
  .social-border li{
    padding: 0 0.2rem;
  }
.banner-seciton{
    background: url(../img/Home-banner_Bg.jpg) no-repeat top center;
    background-size: cover;
    height: 100vh;
    background-attachment: fixed;
    display:  flex;
    align-items: center;
    justify-content: center;
}
.events-section{
    background-image: url(../img/bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    background-attachment: fixed;
    padding: 4rem 0;;
 }
.bnnr-heading h2::after {
    content: '';
    display: block;
    margin: 15px auto 0;
    width: 100px;
    height: 3px;
    background: #fff;
}
.home-heading h2::after {
    content: '';
    display: block;
    margin: 5px auto 0;
    width: 100px;
    height: 3px;
    background: #ca3438;
}
.contact-heading h2::after {
  content: '';
  display: block;
  width: 100px;
  height: 3px;
  margin: 5px 0;
  background: #ca3438;
}
.flip-box {
    background-color: transparent;
    width: 100%;
    height: 200px;
     perspective: 1000px;
      margin-bottom: 2rem;
  }
  
  .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
  }
  
  .flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
  }
  
  .flip-box-front {
    color: white;
    background-image: linear-gradient(160deg, #16396b 0%, #e2383e 100%);
    padding-top: 3.5rem;
  }
  
  .flip-box-back {
    background-color: #FECC00;
    color: #000;
    transform: rotateY(180deg);
    padding-top: 3.5rem;
  }
  .flip-box-back h3{
	  color:#000 !important;
  }
.flip-box-back a{
    border: 2px solid #000;
    padding: 8px;
    color: #000;
    border-radius: 4px;
    margin-top: 3px;
    text-transform: none;
}
.flip-box-back a:hover
{
    text-decoration: none;
}
.hme-vdo {
    position: relative;
    width: 100%;
  }
 
  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #3D3F3FB5;
  }
  
  .hme-vdo:hover .overlay {
    opacity: 1;
  }
  
  .hme-vdo-txt {
    color: white;
    font-size: 11px;
    position: absolute;
    top: 34%;
    left: 35%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    line-height: 1.3;
  }
  .home-vdo-sec .list-inline-item:not(:last-child) {
      margin-right: .0rem;
  }
  .home-vdo-sec li {
    width: 100%;
    max-width: 19.3333%;
    margin-bottom: 0.5rem;
    margin-left: 0.3rem !important;
  }
  .patron-img:hover{
      transform: scale(1.05);
  }
  .patrons-list-sec1 li{
    margin-left: 1.8rem !important;
  }
  .patrons-section .list-inline-item:not(:last-child) {
      margin-right: 0.8rem !important;
  }
 
.patron-hdng {font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px;}
.patron-img {  max-width: 153px;} 
.patron-group {
    position: relative;
}
.patron-group > p::before
{
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width: 25%;
    top: 10%;
    left: 6%;
    right: 0%;
    bottom: 99%;
}
.patron-group > p::after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width: 25%;
    top: 10%;
    left: 70%;
    right: 0%;
    bottom: 99%;
}
.patrons-list-sec5 .patron-group > p::before
{
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width:41%;
    top: 10%;
    left: 2%;
    right: 0%;
    bottom: 99%;
}
.patrons-list-sec5 .patron-group > p::after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width: 42%;
    top: 10%;
    left: 57%;
    right: 0%;
    bottom: 99%;
}
.patrons-list-sec3 .patron-group > p::before
{
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width:41%;
    top: 10%;
    left: 2%;
    right: 0%;
    bottom: 99%;
}
.patrons-list-sec3 .patron-group > p::after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width: 42%;
    top: 10%;
    left: 57%;
    right: 0%;
    bottom: 99%;
}
.patrons-list-sec1 p, .patrons-list-sec2 p, .patrons-list-sec3 p,.patrons-list-sec4 p,.patrons-list-sec5 p{text-align: center;}
 
.partners-logo ul li{
  border: solid 1px #F2F2F2;
  margin-bottom: 0.6rem;
  margin-left: 0.5rem !important;
}
.partners-logo ul li img { width: 100%; max-width: 150px; margin-bottom: 1rem;}
.art-partners-logo ul li img { max-width: 128px; margin-bottom: 10px;}
.call-bttn ul li {  margin: 0 3.5rem;}
.lg-thumb-outer.lg-grab {display: none;}
.modal-content{
  border-radius: 0px !important;
}
.section-sticky ul{
  position: sticky; 
  top: 1rem;
}
.collapsible{display: none;}
footer{
  background: #5a5a5a;
}
.bottomklink{
	border-left: solid 1px #ec4a4c;
	border-right: solid 1px #ec4a4c;
	padding: 4rem 0 !important;
}

.socialbg{
	background: url(../img/Home-banner_Bg.jpg) no-repeat top center; background-size: cover; padding:5rem 0;
}
.modal-dialog {
    /*max-width: 320px;*/
    margin: 5.75rem auto 1.75rem auto;
}

@media (min-width: 992px){
	.row-cols-lg-7 > * {
	  -ms-flex: 0 0 16.666667%;
	  flex: 0 0 13.997%;
	  max-width: 13.997%;
	}
}
@media ( max-width:1024px ){
  .page {
    padding: 3rem 0 !important;
  }
  .home-vdo-sec li {
    max-width: 23.333%;
  }
  .modal-dialog {
		/*max-width: 320px;*/
		margin: 5.75rem auto 1.75rem auto;
		padding: 1.6rem;
	}
}
@media ( min-width:767px ){
  .patrons-list-sec5 img { max-width: 132px; }
  .patrons-list-sec1::before,.patrons-list-sec2::before,.patrons-list-sec3::before,.patrons-list-sec4::before,.patrons-list-sec5::before {
    position: absolute;
    content: '';
    border-bottom: 4px solid #e8e8e8;
    width: 96%;
    left: 2%;
    right: 25%;
    margin-top: -2rem;
}
.patrons-list-sec1 .social-pic img { max-width: 30px; margin: 0px 4rem;}
}
@media (max-width:767px){
  h1, .h1 {font-size: 35px;}
	h2, .h2 {font-size: 26px;}
	h3, .h3 {font-size: 22px;}
  h4, .h4 {font-size: 18px;}
  
  .imgm{
	max-width:70px !important;
	text-align:cente;
}

  .slidetop{
    margin-top: 3.6rem;
  }
  .header{
    position: fixed;
    background: #fFFFFF;
    z-index: 22;
    border-bottom: solid 1px #000
  }
  .mobile-header{
    min-height: 66px;
  }
  
 .logo{
   text-align: center;
 }
  .art-partners-logo ul li img { max-width: 97px;  margin-bottom: 10px;}
  .patrons-list-sec1 .child{
      max-width: 150px;
      margin: 10px !important;
      }
    .patrons-list-sec1 .group-child {
        max-width: 144px;
    }
    
    .patrons-list-sec1::before{display: none;}
    .patrons-list-sec5 .patron-group > p::before{
        position: absolute;
        content: '';
        border-bottom: 1px solid #000;
        width:27%;
        top: 3%;
        left: 2%;
        right: 0%;
        bottom: 99%;
    }
	
	.socialmedia img{
		width:40px;
	}
      
  .patrons-list-sec5 .patron-group > p::after {
      position: absolute;
      content: '';
      border-bottom: 1px solid #000;
      width: 27%;
      top: 3%;
      left: 71%;
      right: 0%;
      bottom: 99%;
  }
  .patrons-list-sec3 .patron-group > p::before{
      position: absolute;
      content: '';
      border-bottom: 1px solid #000;
      width:32%;
      top: 3%;
      left: 2%;
      right: 0%;
      bottom: 99%;
  }
.patrons-list-sec3 .patron-group > p::after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    width: 28%;
    top: 3%;
    left: 66%;
    right: 0%;
    bottom: 99%;
}
.patrons-list-sec1 .social-pic img { max-width: 30px; margin: 0px 1rem;}
.partners-logo ul li img { width: 100%; max-width: 100px; margin-bottom: 1rem;}
.demo-gallery > ul > li{ max-width: 100% !important; }
.call-bttn ul li { display: none;}
.banner-seciton {
  height: 70vh;
  padding: 5rem 0;
}
.banner-seciton p {
  font-size: 12px;
}
.page {
  padding: 2.3rem 0;
}
.home-vdo-sec li {
  width: 100%;
  max-width: 47.333%;
}
.page-spaces{
  padding: 3.6rem 0 2rem 0;
}
.collapsible {
	background-color: #777;
	color: white;
	cursor: pointer;
	margin-bottom: 0.6rem;
	padding: 10px 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	display: block;
}
.collapsible:hover {
	background-color: #555;
}
.colcollespe {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}
.patrons-section .list-inline-item:not(:last-child) {
  margin-right: 0.0rem !important;
}

footer{
  background: #5a5a5a;
  padding:1.5rem 0;
}
.bottomklink{
	border-top: solid 1px #ec4a4c;
	border-bottom: solid 1px #ec4a4c;
	padding: 1rem 0 !important;
	margin: 1rem 0;
}
.slide{
	margin-top: 4rem !important;
}

.flip-box{
	max-width: 250px;
	margin: 10px auto;
}
.socialbg{
	background: url(../img/Home-banner_Bg.jpg) no-repeat top center; 
	background-size: 100% 100%;
	padding:2rem 0;
}
.logo {
	padding: 0;
}
.logo img{
	max-width: 170px;
}
.flip-box-inner{
	border: solid 8px rgba(255, 81, 81, 0.5);
}
.hidden-m{
	display:none !important;
}
.partners{
	display: block !important;
}
.partners > div{
	width:50%;
	float:left;
	min-height: 80px;
}
.partners > div:nth-child(5){
	width:100%;
}
  
.boder-top-m{
  border-top:solid 1px #000;
  padding-bottom: 1rem;
  margin-top: 1rem;
}

.partnertittle {
    font-size: 15px;
    padding-bottom: 0.4rem !important;
    margin-bottom: 0rem !important;
    letter-spacing: 0.1px;
    margin-top: 0.4rem !important;
	padding-top: 0rem;
}

.carousel-caption{
	position: relative !important;
	right: 0% !important;
	bottom: 1px !important;
	left: 0% !important;
	z-index: 10 !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	color: #fff !important;
	text-align: center !important;
}

.margintop0{
	margin-top:0px !important;
}

}
/* ======================
     LIGHTGALLERY-CSS
   ======================*/
.partners{
	display: flex;
}
  
.hidden-m{
	display:block;
}
 
.page-head {
  padding: 60px 0;
  text-align: center;
}
.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}
.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}
.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}
.demo-gallery > ul > li {
  width: 100%;
   list-style: outside none none;
}
.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  display: block;
  overflow: hidden;
  position: relative;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.list-inline-item:not(:last-child) {
  margin-right: .0rem;
}

.partnertittle{
	font-size:15px;
	padding-bottom: 0.4rem !important;
	margin-bottom: 0.4rem !important;
	letter-spacing: 0.1px;
}
.competition-box{
	padding-left:1rem;
	padding-right:1rem;
}
.competition-box p{
	line-height:1.4 !important;
}

.font-heading{
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
}

.borderafter::after{
	content:'';
	position:absolute;
	border-right:solid 1px #b0b0b0;
	position:absolute;
	width:100%;
	height:90%;
	top:0px;
	right:0px;
}

.colcollespe ul li {
	text-align:right;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0px;
}
.colcollespe ul li a{
	padding: 0.2rem 0.5rem;
}
.colcollespe .active{
	background: #818181;
    color: #FFF;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
}
.heading-md{
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 500;
	text-decoration:underline;
}
.gallery-5 ul li{
	width:20% !important;
}

.architects-section .name{
	font-size:16px !important;
	font-weight:500;
	color:#000;
}
.architects-section .firmname{
	font-size:15px !important;
	font-weight:400;
	letter-spacing:0.4px;
}
.architects-section h5{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #393939;
}

/*.competition-box figure{overflow: hidden;}
.competition-box figure img{
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
.competition-box figure img:hover{                
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}

.partners-logos{
	max-width:90px !important;
	min-width: 90px !important;
	width:100% !important;
}*/

 

/* Float Shadow */
.partners-logos {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  max-height: 45px;
}
.partners-logos:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.partners-logos:hover, .partners-logos:focus, .partners-logos:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.partners-logos:hover:before, .partners-logos:focus:before, .partners-logos:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

@media(max-width:767px){
	.competition-box {
	  padding: 1.6rem 0;
	}
	.borderafter::after{
		content:'';
		position:absolute;
		border-bottom:solid 1px #b0b0b0;
		position:absolute;
		width:100%;
		height:90%;
		top:3rem !important;
		right:0px;
	}
	
	.colcollespe ul li {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		display: inline;
		letter-spacing: 0px;
	}
	.colcollespe {
		padding: 8px !important;
	}
	.tabs-right{
		display: initial !important;
	}
	.gallery-5 ul li{
		width:50% !important;
	}
	footer{
	  background: #5a5a5a;
	  padding:0rem 0;
	}

	.hiddenmobile{display:none}
	.partners > div{
		width: 28% !important;
		float: left;
		min-height: 65px;
	}
	.partners > div:nth-child(5){
		width:inherit;
	}
	.partners-logos{
		margin-bottom:0.6rem;
	}

}
footer .row .col-12  ul li a{
	color:#fff !important;
	border-bottom:1px solid #fff;
}
footer .plics-link{
	
	text-align: center !important;
}