@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Kingsman Demo';
    src: url('KingsmanDemo.woff2') format('woff2'),
        url('KingsmanDemo.woff') format('woff'),
        url('KingsmanDemo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Montserrat"; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;
font-size:16px;
line-height:1.5;
 overflow-x:hidden; width:100%;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--shade: linear-gradient(90deg, var(--blue) 0%, var(--violet) 100%);
--yellow:#efc61e; --blue:#382866; --light:#e5ddaf; --orange:#fdb849; --pink:#e81cff; --violet:#7e768e;}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--dark); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#000;}

a:focus, button:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

h1, h2, h3, h4, h5{margin:0 0 20px; padding:0; font-weight:700;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}

/*body:before{position:fixed; left:5%; top:0; bottom:0; width:2px; content:''; display:block; background:var(--yellow); z-index:100;}*/

.fullArea{width:1280px; max-width:92%; margin:0 auto;}

/* Header */
.headerArea{display:block; position:relative; margin-top:1px; clear:both; padding:5px 0; z-index:999; font-family:'Open sans';}
.logo{display:block; padding:5px 0;}
.logo img{max-width:100%; max-height:140px; transition:all .2s ease-in-out;}
.sticky.headerArea{position:fixed; left:0; top:0; right:0; background:rgba(255,255,255,0.6); backdrop-filter: blur(10px); margin-top:0;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
.sticky.headerArea .logo img{max-height:100px;}
.callBtn{color:#fff; font-weight:600; padding:15px 20px;}
.callBtn i{margin-right:5px;}
.callBtn:hover{color:var(--light);}
.viewMenu{color:#fff; padding:11px 20px; border-radius:5px; font-weight:600; text-transform:uppercase; font-size:14px;}
.viewMenu i{margin-left:5px;}
.viewMenu:hover{background:#fff; color:var(--light);}


.project-slider{display:block; position:relative; overflow:hidden; clear:both; background:var(--dark); background-size:cover;}
.project-slider .carousel-item > img{object-fit:cover; height:100vh; width:100%;}
.project-slider .carousel-item:after{position: absolute; top: 0; left: 0; right: 30%; bottom: 0; background-size: cover; transition: opacity 1s ease-in-out; content:''; display:block;
background: linear-gradient(90deg, rgba(50,45,35,0.9) 30%, rgba(50,45,35,0) 100%); z-index:5;}
.carousel-control-next, .carousel-control-prev{width:7%;}

.bannerContent{z-index:30; color:#fff; position:absolute; left:100px; top:50%; transform:translate(0,-50%); font-size:20px;}
.bannerContent img{position:absolute; right:15%;top:-25%;}
.bannerContent h3{margin-bottom:5px; line-height:1;}
.bannerContent h2{font-size:300%; margin-bottom:25px; padding:0; line-height:1;}
.bannerContent ul{margin:0 0 30px; padding:0; list-style-type:none;}
.bannerContent ul li{margin:0 0 5px; color:#f4f269; font-weight:600;}
.bannerContent a{display:inline-block; color:#fff; border-radius:10px; padding:15px 30px; line-height:1; background:var(--blue); font-weight:600; text-transform:uppercase;}
.bannerContent a:hover{background:var(--yellow); color:#fff;}


.countBoxes{position:relative; background:var(--yellow); padding:20px 0 120px;}
.countBoxes [class^="col-"]{position:relative; margin-bottom:30px;}
.countBoxes [class^="col-"] > div{padding:30px; position:relative; z-index:5; text-align:center;}
.countBoxes [class^="col-"] > div div{font-size:42px; font-weight:700; margin-bottom:15px;}
.countBoxes [class^="col-"] > div h3{font-size:18px; color:var(--blue); font-weight:700; margin-bottom:10px;}
.countBoxes [class^="col-"] > div p{min-height:120px; font-size:15px;}
.countBoxes [class^="col-"] > div a{display:inline-block; background:#fff; color:#222; font-weight:600; padding:8px 15px; border-radius:10px;}
.countBoxes [class^="col-"] > div a:hover{background:var(--blue); color:#fff;}
.countBoxes svg{fill:#fff; position:absolute; bottom:-10px; width:100%; z-index:1;}


.aboutArea{padding:60px 0;}
.aboutArea h2{ font-size:65px; font-weight:400; font-family: 'Kingsman Demo';}
.aboutArea p{margin-bottom:0;}
.aboutArea img{width:600px; max-width:95%; margin:0 auto 0;}

.sixBoxes [class^="col-"]{position:relative; margin-bottom:30px;}
.sixBoxes [class^="col-"]:before{position:absolute; left:15px; right:15px; background:#fff; top:0; bottom:0; border:1px var(--yellow) solid; border-radius:15px; content:''; z-index:-1;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.sixBoxes [class^="col-"] > div{padding:30px; text-align:center;}
.sixBoxes [class^="col-"] > div h5{margin-bottom:10px;}
.sixBoxes [class^="col-"] > div h4{font-weight:26px; color:var(--blue); font-weight:700;}
.sixBoxes [class^="col-"] > div span{background:var(--blue); border:2px #fff solid; width:120px; height:120px; line-height:120px; text-align:center; border-radius:50%; display:inline-block; margin-bottom:15px;}
.sixBoxes [class^="col-"] > div span svg{width:70px;}
.sixBoxes [class^="col-"]:nth-child(2) > div span{background:var(--yellow);}
.sixBoxes [class^="col-"]:nth-child(3) > div span{background:#89023e;}
.sixBoxes [class^="col-"]:nth-child(4) > div span{background:#310a31;}
.sixBoxes [class^="col-"]:nth-child(5) > div span{background:#f8c0c8;}
.sixBoxes [class^="col-"]:nth-child(6) > div span{background:#606c38;}

.sixBoxes [class^="col-"]:hover:before{ background:var(--light);}



.visionArea{display:block; overflow:hidden; clear:both; padding:0; position:relative; padding:60px 0;}
.visionArea > img{position:absolute; right:0; top:0;  height:100%; width:45%; object-fit:cover; display:block;}
.visionArea h2{font-weight:700; font-size:60px; color:var(--blue);}
.visionArea p{font-size:17px;}
.visionArea a{display:inline-block; margin-bottom:50px; background:var(--yellow); color:#222; padding:15px 25px; font-weight:700; border-radius:10px;}

.accordion{}
.accordion .card{background:none;margin-bottom:15px;border: none;border-radius:0;}
.accordion .card-header {background:none;color:var(--blue);cursor: pointer; border-radius:0; padding:0!important; margin-bottom:0px!important;}
.accordion .card-header:hover {background-color:none;}
.accordion .btn-link {text-decoration: none;color:#fff; background:var(--shade); padding:10px 15px; border-radius:0!important; font-size: 1.2rem;display: flex; justify-content: space-between;align-items: center;width: 100%; position:relative;}
.accordion .btn-link.collapsed{text-decoration: none; background:none; color:var(--blue);}
.card-header .btn-link:after {
	position:absolute; right:20px; top:5px;
    font-family: 'Font Awesome 5 Free';
    content:'\f078';
    font-weight:900;
    width:15px; height:30px; font-size:24px;
}
.card-header .btn-link.collapsed:after {content:'\f054'; color:var(--blue);}
.accordion .card-body{ padding:10px 15px 0;}


.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{ margin:0 30px; top:47%; width:45px; height:45px; position:absolute; background:var(--yellow)!important; color:var(--dark)!important; border-radius:50%;}
.owl-carousel .owl-nav button.owl-prev img,.owl-carousel .owl-nav button.owl-next img{height:25px;}
.owl-carousel .owl-nav button.owl-prev{left:-90px;}
.owl-carousel .owl-nav button.owl-next{right:-90px;}



.logoArea{padding:60px 0; text-align:center; background:var(--blue); color:#fff;}
.logoArea h2{ font-size:48px; font-weight:500; color:var(--yellow); font-family: 'Kingsman Demo';}
.logoArea p{font-size:22px;}
/* -- Logos Scroll -- */
.simply-scroll-container{position: relative;}
.simply-scroll-clip{position: relative;	overflow: hidden;}
.simply-scroll-list{overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}
.simply-scroll-list li {padding: 0;	margin: 0;	list-style: none;}
.simply-scroll-list li img{border: none;display: block;	width:200px; background:#fff; padding:8px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.simply-scroll{width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}	
.simply-scroll .simply-scroll-list li{float: left; width: 200px;margin:12px;}
/* -- Logos Scroll End -- */




.newsletterArea{display:block; background:#fff; padding:60px 0; position:relative;}
.newsletterArea:before{position:absolute; right:40%; left:0%; top:0; bottom:0; background:#eee; content:''; display:block;}
.newsletterArea h3{font-size:42px; color:var(--blue);}
.newsletterArea h3 strong{ font-weight:400; font-size:48px; color:var(--yellow); font-family: 'Kingsman Demo';}
.newsletterArea ul{margin:10px 0 0; padding:0; list-style-type:none;}
.newsletterArea ul li{display:block; width:100%; margin:0; border:1px #fff solid;}
.newsletterArea ul li a{display:block; overflow:hidden; text-align:left; padding:8px 15px; background:var(--shade); color:#fff; font-weight:600; border-radius:0;}
.newsletterArea ul li a:hover{background:var(--yellow); color:var(--dark);}
.newsletterArea ul li a i{float:right; font-size:20px;}
.newsletterArea img{max-width:100%;}

.newsletterSingleBox img{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.newsletterSingleBox span{background:var(--yellow); color:var(--blue); display:inline-block; padding:5px 15px; margin-bottom:20px;}
.newsletterSingleBox h4{font-weight:500;}




.communityBulletin{ display:block; overflow:hidden; text-align:center; padding:60px 0 140px; position:relative; color:#fff; background:#444 url('/wp-content/themes/react_theme/react-src/src/images/community.jpg') no-repeat center center fixed; background-blend-mode:overlay; background-size:cover;}
.communityBulletin > div{position:relative; z-index:5;}
.communityBulletin h2{font-size:42px; font-weight:700; color:var(--yellow);  margin-bottom:10px;}
.communityBulletin h2 + p{margin:0 0 30px; font-size:20px;}
.communityBulletin .item a{position:relative; display:block; margin:15px 0; padding:30px; background:linear-gradient(0deg, var(--blue) 0%, var(--violet) 100%); color:#fff;}
.communityBulletin .item a figure{display:block; overflow:hidden; clear:both; border:4px #fff solid;}
.communityBulletin .item a figure img{width:100%; height:100%; object-fit:cover; transition: transform .5s; transform: scale(1);}
.communityBulletin .item a:hover figure img{transform: scale(1.4);}
.communityBulletin .item a p{min-height:150px;}
.communityBulletin .item a span{background:#fff; color:#222; padding:8px 25px; border-radius:5px; text-transform:uppercase; font-size:14px;}
.communityBulletin .item a:hover span{background:var(--yellow); color:#222;}
.communityBulletin > svg{fill:var(--light); position:absolute; bottom:-10px; left:0; width:100%; z-index:1; transform: scaleX(-1);}



.communityInsights{display:block; overflow:hidden; clear:both; padding:40px 0; text-align:center; position:relative; background:var(--light);}
.communityInsights h2{ font-size:48px; font-weight:400; font-family: 'Kingsman Demo';}

.communityInsights [class^="col-"] a{position:relative; display:block; margin:15px 0; background:#fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.communityInsights [class^="col-"] a figure{display:block; overflow:hidden; clear:both; margin:0;}
.communityInsights [class^="col-"] a figure img{width:100%; height:200px; object-fit:cover; transition: transform .5s; transform: scale(1);}
.communityInsights [class^="col-"] a:hover figure img{transform: scale(1.4);}
.communityInsights [class^="col-"] a p{ min-height:80px;}
.communityInsights [class^="col-"] a div{padding:20px; display:block; overflow:hidden;}


.browseJourney > svg{fill:var(--light); position:absolute; top:-10px; left:0; width:100%; z-index:1; transform: scaleY(-1);}
.browseJourney{text-align:center; padding:120px 0 60px; position:relative; background:url('/wp-content/themes/react_theme/react-src/src/images/community2.jpg') no-repeat bottom center fixed; background-color:var(--violet); background-size:cover; background-blend-mode:soft-light; color:#fff;}
.browseJourney h2{font-size:48px; color:var(--yellow); font-weight:700;}
.browseJourney p{margin-bottom:40px; font-size:22px;}


.aspect {
  padding-bottom: 50%;
  position: relative;
  width: 80%;
  margin:0 auto;
}

.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 100%;
  transition: margin-left 0.25s ease-out;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flipbook .page {
  height: 100%;
  width: 100%;
    background:#fff;

}

.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.footerArea{background:#fff; padding:0; display:block; color:#222; overflow:hidden; clear:both; position:relative;}
.footerArea > hr{padding:0; margin:60px 0 0;border-color:rgba(0,0,0,0.4);}
.footerArea > a{width:80px; height:80px; background:var(--yellow); border-radius:50%; margin:-40px auto -40px; display:block; position:relative; z-index:5; text-align:center; font-size:22px;}
.footerArea > a i{ text-align:center; line-height:80px;}
.footerArea > a:hover{background:var(--yellow); color:#fff;}
.footerArea ul{margin:0; padding:0; list-style-type:none;}
.footerArea ul li{margin-bottom:15px; display:block;}
.footerArea ul li a{color:var(--blue); font-size:16px;}
.footerArea ul li a:hover{color:var(--yellow);}
.footerArea [class^="col-"] h4{font-size:22px;  margin-bottom:15px;}
.footerArea [class^="col-"] > a.footerLogo{ position:absolute; left:0;}
.footerArea [class^="col-"] > a + div{margin-left:200px;}
.footerArea [class^="col-"] p{line-height:2;}
.footerArea img{height:150px; width:auto;}
.footerArea iframe{position:absolute; width:100%; height:100%;}
.footerArea [class^="col-"] h3{font-size:30px; font-weight:900; color:var(--blue); margin-bottom:25px;}
.footerArea [class^="col-"] h3 + a{display:inline-block; padding:15px 30px; background:var(--yellow); color:#222; font-weight:600; text-transform:uppercase;}
.footerArea [class^="col-"] h3 + a:hover{background:var(--blue); color:#fff;}


ul.social-links{margin:5px 20px 5px 0; padding:0; list-style-type:none; display:block; text-align:right;}
ul.social-links li{display:inline-block;}
ul.social-links li a{text-align:center; color:var(--blue); background:var(--yellow); display:block; border-radius:50%; width:40px; height:40px; text-align:center;}
ul.social-links li a i{font-size:20px; line-height:40px;}
ul.social-links li a:hover{background:var(--blue); color:var(--yellow);}

.footerBottom{background:var(--blue); color:#fff; padding:20px 0; display:block; overflow:hidden; font-size:16px; position:relative;}


.modal .modal-dialog{max-width:900px}
.modal-content{border:none;position:relative;padding:0!important;font-size:14px;border-radius:0;-webkit-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);-moz-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);box-shadow:0 10px 34px -15px rgba(0,0,0,.24)}
.modal-content .modal-header{padding:0;border:none}
.modal-content button.close{position:absolute;top:0;right:0;padding:0;margin:0;width:40px;height:40px;z-index:1;text-shadow:none;background:var(--dark);color:#fff;opacity:1}
.modal-content .modal-body{border:none;position:relative;z-index:0}
.modal-content .row [class^=col-]:first-child{background:transparent url('/wp-content/themes/react_theme/react-src/src/images/bg-1.jpg') no-repeat center center;background-size:cover}
.modal-content .modal-body h2{font-weight:700;text-transform:uppercase;font-size:42px;margin-bottom:20px;}
.modal-content .modal-body h2 span{font-weight:400}
.modal-content .modal-body h4{text-transform:uppercase;font-size:15px}
.modal-content .modal-body .form-control{margin-bottom:10px}
.modal-content .modal-body .btn-primary{color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:14px;background:var(--dark)!important;width:100%;margin-top:10px;border:none!important}
.modal-content .text{position:relative;z-index:0}
.modal-content .text:after{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;content:'';border:1px solid rgba(0,0,0,.1);z-index:-1}




#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('/wp-content/themes/react_theme/react-src/src/images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('/wp-content/themes/react_theme/react-src/src/images/arrowupsolid.png');}


.innerHeader{background:var(--blue); color:#fff; overflow:hidden;}
.innerHeader h1{ padding:120px 0 150px; text-align:center; display:block; font-size:48px;}
.innerHeader img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; transition: transform 0.1s linear; mix-blend-mode:overlay;}
.innerHeader > div{position:relative; z-index:5;}
.innerHeader svg{fill:var(--light);}


.innerContentArea{background:var(--light); display:block; float:left; width:100%;}
.innerContentArea > div{background:#fff; padding:30px; margin-bottom:0; border-radius:0px 80px 20px 20px; min-height:400px; position:relative; z-index:5; top:-180px; margin-bottom:-100px;
box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;}

.innermainarea{display:block ;overflow:hidden;}
.innermainarea ul{ list-style-type:none; margin:0 0 40px 20px; padding:0;}
.innermainarea ul li{ display:block; margin-bottom:12px; padding-left:25px; position:relative; overflow:hidden;}
.innermainarea ul li:before{ position:absolute; content:'\f138'; display:block; top:0; left:0; font-family: "Font Awesome 5 Free"; font-weight: 900; color:var(--yellow);}
.innermainarea h2{color:var(--blue); border-left:5px var(--yellow) solid; padding-left:15px; line-height:1; margin-bottom:25px;}
.innermainarea h3{color:var(--blue); font-size:22px;}


.breadcrumb{background:var(--blue); color:#fff; border-radius:0 50px 0 0; line-height:1; text-transform:uppercase; font-size:14px;}
.breadcrumb li a{margin-right:10px; padding-right:10px; border-right:1px #fff solid; display:block; color:#fff; font-weight:600;}

.highlightTxtBox{display: block; overflow: hidden; padding: 20px; margin-bottom:25px; background:var(--yellow); border-radius: 0; font-size:17px; border:2px #fff solid; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}


.imgtextBox [class^="col-"]{margin-bottom:30px; position:relative;}
.imgtextBox [class^="col-"]:before{position:absolute; left:15px; right:15px; top:0; bottom:0; content:''; display:block; background:#fff; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.imgtextBox [class^="col-"] > img{width:100%; z-index:4; position:relative;}
.imgtextBox [class^="col-"] > div{padding:20px; position:relative; z-index:5;}
.imgtextBox h3{ font-size:18px; margin-bottom:15px;}


.teamArea{text-align:center; margin-top:30px;}
.teamArea [class^="col-"]{margin-bottom:30px; position:relative;}
.teamArea img{width:250px; height:250px; border-radius:50%; object-fit:cover; object-position: center top; outline:3px var(--yellow) solid; outline-offset:10px; margin-bottom:30px;}
.teamArea h4{margin-bottom:10px;}
.teamArea h5{ font-size:16px; display:inline-block; background:var(--blue); padding:8px 15px; color:#fff; border-radius:30px;}
.teamArea + h3{text-align:center;}
.teamArea + h3 + ul{margin:0; padding:0; display:block; clear:both;}
.teamArea + h3 + ul li:before{display:none;}
.teamArea + h3 + ul li{margin:0; width:31%; margin:1%; float:left; text-align:center; border:2px var(--yellow) solid; padding:15px;}



/* -- Logos Scroll -- */
.communityScroll li:before{display:none!important;}
.communityScroll .simply-scroll-list li {padding: 5px!important;	margin: 0;	list-style: none;}
.communityScroll .simply-scroll-list li img{border: none;display: block; width:100%; height:250px; object-fit:cover; background:#fff; padding:8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.communityScroll .simply-scroll .simply-scroll-list li{float: left; width: 200px;margin:15px;}
/* -- Logos Scroll End -- */


.upcomingListing{margin-bottom:30px;}
.upcomingListing [class^="col-"]{margin:0 0 30px;}
.upcomingListing img{width:100%; border:1px #ddd solid;}
.upcomingListing [class^="col-"] > a div{padding:15px; display:block; overflow:hidden; background:var(--blue); color:#fff;}
.upcomingListing [class^="col-"] > a div h3{font-size:18px; margin-bottom:8px;}
.upcomingListing [class^="col-"] > a div span{font-size:14px; background:var(--yellow); color:var(--blue); display:inline-block; padding:3px 8px;}


.pastEventListing{}
.pastEventListing [class^="col-"]{margin:0 0 30px;}
.pastEventListing img{width:100%; border:1px #ddd solid;}
.pastEventListing [class^="col-"] > a div{padding:20px; display:block; overflow:hidden; background:#fff; margin:1px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.pastEventListing [class^="col-"] > a div h3{font-size:18px; margin-bottom:8px;}
.pastEventListing [class^="col-"] > a div span{font-size:12px; text-transform:uppercase; background:var(--blue); color:#fff; display:inline-block; padding:3px 8px;}
.pastEventListing [class^="col-"] > a:hover div{background:var(--yellow);}


.modal .modal-dialog{max-width:900px}
.modal-content{border:none;position:relative;padding:0!important;font-size:14px;border-radius:0;-webkit-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);-moz-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);box-shadow:0 10px 34px -15px rgba(0,0,0,.24)}
.modal-content .modal-header{padding:0;border:none}
.modal-content button.close{position:absolute;top:0;right:0;padding:0;margin:0;width:40px;height:40px;z-index:1;text-shadow:none;background:var(--blue);color:#fff;opacity:1}
.modal-content .modal-body{border:none;position:relative;z-index:0}
.modal-content .row [class^=col-]:first-child{background:transparent url('/wp-content/themes/react_theme/react-src/src/images/bg-1.jpg') no-repeat center center;background-size:cover}
.modal-content .modal-body h2{font-weight:700;text-transform:uppercase;font-size:42px}
.modal-content .modal-body h2 span{font-weight:400}
.modal-content .modal-body h4{text-transform:uppercase;font-size:15px}
.modal-content .modal-body .form-control{margin-bottom:10px}
.modal-content .modal-body .btn-primary{color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:14px;background:var(--blue)!important;width:100%;margin-top:10px;border:none!important}
.modal-content .text{position:relative;z-index:0}
.modal-content .text:after{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;content:'';border:1px solid rgba(0,0,0,.1);z-index:-1}


.pastEventDetail{padding: 40px 40px 15px; display: block; overflow: hidden;font-size: 17px;}
.pastEventDetail ul{ padding-left: 15px;}
.pastEventDetail ul li{ padding: 3px 0;}
.pastEventDetail span{display: block; margin-bottom: 25px; overflow: hidden; width:100px; clear: both; color: #fff; font-size: 12px; background:var(--blue); padding: 5px 10px; border-radius:5px; box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;}
.pastEventDetail h4{border-bottom: 1px #ddd solid;padding: 8px 0; color: var(--blue); font-weight: 600;}

.popupGallery img{width:100%; height:250px; object-fit:cover; margin-bottom:5px;}
.popupGallery [class^="col-"]{margin-bottom:30px;}
.popupGallery [class^="col-"] strong{ text-align:center; display:block; font-size:12px;}

.application-area{display:block; overflow:hidden; padding:30px; background:var(--yellow); text-align:center; margin-bottom:40px;}
.application-area h3{margin-bottom:5px;}
.application-area p{font-weight:600; font-size:20px;}
.application-area a{display:inline-block; padding:15px 30px; display:inline-block; color:#fff; font-weight:600; background:var(--blue); border-radius:15px;}



.capacityBuildingListing{display:block; overflow:hidden;}
.capacityBuildingListing > div{display:block; overflow:hidden; padding:20px 0 0; margin-top:20px; border-top:2px var(--yellow) dotted;}
.capacityBuildingListing h3{font-size:20px; margin-bottom:10px;}
.capacityBuildingListing h3 + span{background:var(--yellow); display:block; padding:2px 7px; margin-bottom:15px; font-size:14px; display:inline-block;}
.capacityBuildingListing > div ul{margin:10px 0 0; padding:0; list-style-type:none;}
.capacityBuildingListing > div ul li{display:inline-block; width:23%; margin-right:1.5%; padding:0;}
.capacityBuildingListing > div ul li a{display:block; overflow:hidden; border:1px #ddd solid;}
.capacityBuildingListing > div ul li img{width:100%;}
.capacityBuildingListing > div ul li:before{display:none;}

.capacityBuildingListing [class^="col"] ul li{width:31%;}
.capacityBuildingListing [class^="col"] ul li img{width:100%; height:118px; object-fit:cover;}


.contactBox h2{font-size:24px;}
.contactBox ul li{padding-left:0;}
.contactBox ul li::before{display:none;}
.contactBox ul li i{color:var(--blue); margin-right:5px;}
.contactBox ul li a{ font-weight:600; text-decoration:underline;}

.contactBox form{display: block; overflow: hidden; padding: 20px 20px 5px; background:var(--yellow); border-radius: 0; border:2px #fff solid; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.contactBox form input, .contactBox form textarea{width:100%; padding:8px; height:40px; margin-bottom:15px;}
.contactBox form textarea{height:100px;}
.contactBox form input[type="submit"]{background:var(--blue); color:#fff; font-weight:600; height:50px; cursor:pointer; border:none; text-transform:uppercase;}
.contactBox form input[type="submit"]:hover{background:var(--dark);}
.contactBox form h3{font-size:22px;}


/* 02 - 04 - 2024 */

.visionArea .accordion a{display:inline-block; margin-bottom:0; background:var(--blue); color:#fff; padding:8px 20px; font-weight:700; font-size:14px; border-radius:5px;}
.visionArea .accordion a:hover{background:var(--yellow); color:#222;}
ul.newsletterListing{margin:10px 0 0; padding:0; list-style-type:none;}
ul.newsletterListing li:before{display:none;}
ul.newsletterListing li{display:block; width:100%; margin:0; border:1px #fff solid; padding:0;}
ul.newsletterListing li a{display:block; overflow:hidden; text-align:left; padding:8px 15px; background:var(--shade); color:#fff; font-weight:600; border-radius:0;}
ul.newsletterListing li a:hover{background:var(--yellow); color:var(--dark);}
ul.newsletterListing li a i{float:right; font-size:20px;}


.canadadayHead{display:block; border:none!important; text-align:center; padding:25px 0; margin:25px 0; background:#fff url('/wp-content/themes/react_theme/react-src/src/images/canadabg.png') repeat; font-weight:900!important; font-size:60px; color:#000!important;
text-shadow: -2px 0 #fff, 0 1px #fff, 2px 0 #fff, 0 -2px #fff;}

.innerContentArea .simply-scroll .simply-scroll-list li{width: 300px;}
.innerContentArea .simply-scroll-list li img{width:300px; height:250px; object-fit:cover;}



/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){
.headerArea{padding:0;}
ul.social-links{margin: 35px 60px 0 0;}
.footerBottom ul.social-links{margin:10px 0 0 0!important;}


.project-slider .carousel-item > img{height:600px; float:right; object-position: 85% 0;}
.bannerContent{ left:30px;}
.bannerContent h3{font-size:18px!important;}
.bannerContent h2{font-size:30px!important;}
.bannerContent ul li{font-size:14px;}
.bannerContent a{font-size:16px;}
.project-slider .carousel-item:after{right: 20%;}

.welcomeArea ul li{width:32%;}

.aboutArea h3{font-size:24px;}
.aboutArea h2{font-size:30px;}
.aboutArea span{bottom:-80px; left:-20px; right:50px;}
.aboutArea .row{font-size:17px;}

.footerArea [class^="col-"] a.footerLogo{ position:static; margin-bottom:30px; display:block;}
.footerArea [class^="col-"] > a + div{margin-left:0;}

.countBoxes{padding:20px 0 40px;}
.countBoxes [class^="col-"] {margin-bottom:0px;}
.innerHeader{padding:0;}
.innerContentArea > div{top:-100px;}

.teamArea + h3 + ul li{width:47%;}

}

@media (max-width: 767px){
.footerArea{ text-align:center;}
.footerArea > div > .row > [class^="col-"]{margin-bottom:20px;}
.footerArea ul{margin:10px 0;}
.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.welcomeArea ul li{width:100%; border-bottom:1px #ddd solid; margin:0; padding:0;}
.welcomeArea ul li a{display:block; padding:15px;}
.welcomeArea ul li a i{display:inline-block; margin:0; position:relative; top:5px; right:-10px;}

.aboutArea{padding:50px 0;}
.aboutArea span{position:static; display:block; padding:15px;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{top:50%;}
.owl-carousel .owl-nav button.owl-prev{left: -20px;}
.owl-carousel .owl-nav button.owl-next{right: -20px;}

.galleryArea{padding-bottom:0;}

.awards{ text-align:center; padding:30px 0 150px;}
.awards h2{font-size:30px;}
.awards h3{font-size:24px;}
.awards p{font-size:20px;}
.awards [class^="col-"] > div{display:block; position:relative; background:#fff; padding:20px 20px 40px;}
.awards [class^="col-"] > div:before{display:none;}
.awards .carousel-indicators{bottom:-40px; justify-content:center; margin-left: 15%;}
.awards .carousel-indicators li{background:var(--dark);}


.visionArea{margin:0; padding:60px 0 0;}
.visionArea > img{position: static; width: 100%; margin: 20px 0 0;}


.browseJourney h2, .communityBulletin h2, .visionArea h2, .logoArea h2{font-size:26px;}
.browseJourney p {font-size: 16px;}

ul.social-links li a{border-bottom:2px var(--blue) solid; width:35px; height:35px;}
ul.social-links li a i{font-size:16px; line-height:35px;}

.footerArea iframe{position:static; width:100%; height:250px;}


/* 02 - 04 - 2024 */

.newsletterArea ul li{display:block; width:100%; margin:0 0 5px;}
.newsletterArea:before{display:none;}
.newsletterArea h3{font-size:32px;}
.newsletterArea h3 strong{font-size:38px;}
.newsletterSingleBox{ text-align:center; margin-bottom:30px;}
.newsletterSingleBox span{width:100%;}
.newsletterSingleBox h4{ font-size:22px;}

.capacityBuildingListing > div ul li{width:31%; margin-right:1.5%; padding:0;}

}

@media (max-width: 500px){
h2{font-size:36px;}
.teamArea + h3 + ul li{width:98%;}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}