*{margin:0; padding:0; outline:0; box-sizing:border-box; }
body {  font-family: "Open Sans", sans-serif; font-size:14px; }
html { scroll-behavior: smooth; }
h1,h2,h3,h4,h5,h6{font-family:'Montserrat', sans-serif; }
p{ margin:0 0 15px }
p:last-child{ margin-bottom:0; }
.full-wrap{width:100%; clear:both; display:flex; }
.container{ width:1200px; max-width:100%; padding:0 15px; margin:0 auto; }
.header-bar {position: fixed; top:0; background:rgba(255, 255, 255, .75); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding:5px 0; border-bottom:1px solid rgba(0,0,0,.1); z-index:2; opacity:0; visibility:hidden; transition: all cubic-bezier(.215,.61,.355,1) .5s; }
.header-bar.show{ opacity:1; visibility:visible; }
.header-bar .logo img{ display:block; height:60px; width:auto; }
.header-bar .container{ display:flex; justify-content:space-between; align-items:center; }
.header-bar .nav ul { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; list-style:none; }
.header-bar .nav ul li{  }
.header-bar .nav ul li a{ display:block; position:relative; padding:5px 10px; color:#000; font-size:14px; font-family:'Montserrat', sans-serif; text-transform:uppercase; text-decoration:none;}
.hero{ height:calc(100vh - 0px); align-items:center; justify-content:center; background-color:#fff; /*background:#f8eded;  background:url(images/D_F02511.jpg) center center / cover no-repeat; 	background: linear-gradient(45deg, rgba(255,175,189,.5), rgba(100,216,243,.5), rgba(234,236,198,.5), rgba(245,146,176,.5), rgba(52,219,216,.5)) 0 0 / 1000% no-repeat , url(images/D_F02511.jpg) center center / cover no-repeat;*/
	/*-webkit-animation: gradientAnimation 40s ease infinite;
	animation: gradientAnimation 40s ease infinite;*/
}
@-webkit-keyframes gradientAnimation {
	0%   { background-position: 0% 30%, 0 0;}
	50%  { background-position: 100% 70%, 0 0;}
	100% { background-position: 0% 30%, 0 0;}
}
@keyframes gradientAnimation {
	0%   { background-position: 0% 30%, 0 0;}
	50%  { background-position: 100% 70%, 0 0;}
	100% { background-position: 0% 30%, 0 0;}
}
.hero-container{ text-align:center; background:rgba(255, 255, 255, .7); padding:30px; }
.hero-container .logo-center{ margin-bottom:20px; }
.hero-container h1{  font-size:25px; font-weight:500; margin:0 0 10px }
.hero-container p{ font-size:18px; text-align:center; margin:0 0 10px }
.hero-container .content{ margin-bottom:20px; }
.btn{ display:flex; justify-content:center; padding:0 0 0; }
.btn a{ display: inline-block; font-family: 'Montserrat', sans-serif !important; font-weight: 600; background:#f3605c; font-size:15px; color:#fff; text-decoration:none; padding:15px 35px; border-radius:50px; }
.inner-section{ padding:100px 0; display:flex; align-items:center; justify-content:center; position:relative; z-index:1; }
.content{ margin-bottom:40px; text-align:center; }
.forscroll{display:inline-block; top:-70px; position:absolute; width:30px; height:1px;  }
.inner-section .container{  flex-wrap:wrap; }
h2.page-title{ text-align:center; color:#282828; font-family:'Montserrat', sans-serif; font-weight:700; font-size:35px; text-transform:uppercase; margin:0 0 30px; }
.two-section{ display:flex;  }
.two-section > div{ width:50%; padding:25px; border-right: 1px solid #f8eded; }
.two-section > div:last-child{ border-right:0; }
.two-section h2{ font-size:20px; font-weight:600; margin:0 0 15px; }
.partner-list{display: flex; justify-content: center;}
.partner-list ul{ margin:20px 0 0; padding:0 ; list-style:none; display:flex; gap:20px;	 }
.partner-list ul li{  width:25%; display:flex; flex-wrap: wrap; justify-content:center; text-align:center; padding:40px 20px; border:1px solid rgba(0,0,0,.1);  /*margin:0 0 15px; padding-left:20px; background:url(images/check-solid.svg) no-repeat 0 2px / 13px auto;*/ }
.partner-list ul li i{ width:100%; text-align:center; font-size:30px; margin-bottom:15px; color:#f3605c; }
/*.menbers-section, .partner-section{ background-color:#f8eded; }*/
.about-section, .exhibitions-section, .contact-section{ background-color:#f8eded; }
.form{ display:flex; align-items:center; justify-content:center; }
.form ul{ list-style:none; max-width:400px; width:100%; }
.form ul li{ margin:0 0 15px; }
.form ul li input{ display:block; padding:10px; width:100%; border:1px solid #bfbfbf; }
.form ul li input.error{ border-color:red;  }
.form ul li button {font-family:'Montserrat', sans-serif !important; font-weight: 600; background:#f3605c; width: 100%; font-size:15px; color:#fff; text-decoration:none; padding:12px 35px; border-radius:50px; border:0 none; cursor:pointer; }
.form ul li label.error{ color:red; font-size:12px; }
.icons-box{ width:35px; height:35px; display:flex; align-items:center; justify-content:center; margin:0 0 15px; }
.icons-box img{ width:25px; height:auto; }
.icons-box svg{ height:35px; width:auto; fill:#f3605c; }
.icons-box i{ color:#f3605c; font-size:30px; }
.members-logo-wrap{ width:100%; clear:both; display:flex; flex-wrap:wrap; gap:15px; justify-content:center; /*margin-bottom:40px;*/ }
.members-logo-wrap .members-logo{ width:calc(20% - 15px); padding:15px; display:flex; aspect-ratio:1/1; align-items:center; justify-content:center; border:1px solid rgba(0, 0, 0, .1); }
.members-logo-wrap .members-logo img{ object-fit:cover; aspect-ratio:1/1; max-width:95%; height:auto; transition: all cubic-bezier(.215,.61,.355,1) .5s; }
.members-logo-wrap .members-logo:hover img { transform: scale(1.1); }
.gallery-wrap{ display:flex; flex-wrap:wrap; gap:1px; margin-bottom:40px; justify-content:center; }
.gallery-wrap .gallery-img{ width:calc(20% - 1px); overflow:hidden;  }
.gallery-wrap .gallery-img img{ width:100%; height:auto; display:block; transition: all cubic-bezier(.215,.61,.355,1) .5s; cursor:pointer; }
.gallery-wrap .gallery-img:hover img { transform: scale(1.1); }
.footer-wrap{ text-align:center; padding:20px 0; background:#333333; color:#fff; }
.footer-wrap span{ display:inline-block; }

.alert{ border:1px solid transparent; padding:15px; border-radius:4px; text-align:center; max-width:500px; margin:0 auto; }
.alert.success-alert{ color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6; }
.alert.danger-alert{ color:#a94442; background-color:#f2dede; border-color:#ebccd1; }

.burger-icon{display: none; font-size:25px; }


.modal { display:none; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);  justify-content:center; align-items:center; flex-direction:column; }
.modal img { max-width:90%; max-height:80%; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.5); }
/*.controls { margin-top:20px; display:flex; gap:15px; }*/
.modal button { padding:10px 20px; font-size:30px; color:#fff; background: transparent; border:none; cursor:pointer; position:absolute; }
/*.controls button:hover { background-color: #eee;}*/
.modal button#prevBtn{ left:10px; top:50%; margin:-27px 0; }
.modal button#nextBtn{ right:10px; top:50%; margin:-27px 0; }
.modal button#closeBtn{ top:10px; right:10px; }



@media(max-width:1199px){
.menbers-section .content{ max-width:700px; margin-left:auto; margin-right:auto; }
}

@media(max-width:991px){
.hero-container h1{ font-size:24px; max-width:560px; margin:0 auto 10px; }
.members-logo-wrap .members-logo{width: calc(25% - 15px); padding:10px; }
.gallery-wrap .gallery-img{ width: calc(25% - 1px);}
.partner-list ul{ flex-wrap:wrap; }
.partner-list ul li{ width:calc(50% - 10px); }
.burger-icon{display:block;}
.header-bar .nav { width:200px;  position:absolute; right:10px; top:calc(100% + 1px); background:rgba(255, 255, 255, .90); backdrop-filter: blur(5px); 
/*border: 1px solid rgba(0,0,0,.1);*/ box-shadow: 0 0 10px rgba(0,0,0,.1); opacity:0; visibility:hidden; transition: all cubic-bezier(.215,.61,.355,1) .5s; }
.header-bar .nav.active{ visibility:visible; opacity:1; }
.header-bar .nav ul{ display:flex; flex-wrap:wrap; width:100%; }
.header-bar .nav ul li{ width:100%; }
.header-bar .nav ul li a { display:block; position:relative; padding:10px 10px; color:#000; font-size:14px; font-family:'Montserrat', sans-serif; text-transform: uppercase; text-decoration:none; border-bottom:1px solid rgba(0,0,0,.1); }
}

@media(max-width:767px){
.two-section{ flex-wrap:wrap; }
.two-section > div{ width:100%; }
.section-col{ text-align:center; }
.icons-box{ text-align:center; margin-left:auto; margin-right:auto; }
 .gallery-wrap .gallery-img { width: calc(50% - 1px); }
}
@media(max-width:640px){
  .members-logo-wrap .members-logo { width: calc(50% - 15px); }
}