@charset "utf-8";
/* style css Document */
.news .next-pri-arrow{margin-top:-20px !important}
body { margin: 0px; padding: 0px; font-family: 'Barlow Condensed', sans-serif; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Condensed', sans-serif; 
}     
p {font-family: 'Barlow Condensed', sans-serif; font-size: 14px;	color: #333;}
button{font-family: 'Barlow Condensed', sans-serif;  background: linear-gradient(to right, #005F7F 0%, #008A80 100%); border:none !important;}
/*.container {
	max-width: 1200px !important; 
	margin: 0 auto;
}*/
.container::after {
	content: '';
	display: block;
	clear: both;
}
#btnSubmit{
    display:none;
}
.organisation_tbl td{
    font-size:1.4em;
}

.organisation_tbl th{
    font-size:1.5em;
}
.clear::after {
	content: '';
	display: block;
	clear: both;
}
a {
	text-decoration: none;  font-family: 'Barlow Condensed', sans-serif;
}
img {
	max-width: 100%;
}
.video_tag{
    font-size:0.9em;
}
 .share_social{
        display:none;
    }
.topheader{ background: linear-gradient(to right, #005F7F 0%, #008A80 100%); padding: 5px 0px; width: 100%; float: left;}
.topheader ul{ float: right; margin: 0px;} 
.topheader ul li{ display: inline-block; margin: 0px 6px; text-decoration: none;} 
.topheader ul li a{ font-size: 15px; color: #fff;} 
.banner{position: relative; clear:both; z-index: 99999999;}
.banner img{width: 100%;}

.headermain{ position: absolute; top: 30px; z-index: 999; left: 0px; right: 0px; width: 100%;}
.logo img{width: auto;}


.mobilem{z-index: 99999;}


#menuToggle
{
  display: block;
  position: absolute;
  top: 16px;
  right: 26px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 15px;
  height: 2px;
  margin-bottom: 3px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(0.5px, -1px);
  background: #fff;
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
  top: -5px;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}
.tbspanel{margin-top: 50px;}

#menu
{
  position: absolute;
  width: 300px;
  padding: 15px;
  padding-top: 20px;
  right: -40px; background:rgba(255, 255, 255, 0.9);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
}

#menu li a
{
  font-size: 18px; color: #333; text-decoration: none;
}


#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #menuToggle{ display:block !important;}
}
#menuToggle{ display: none;}

.dscnone{di}





/* main-header Start */

#mainMenu li > a {
  font-size: 18px;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 400;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.main-header.fixed-nav #mainMenu li > a {
  color: #fff;
  text-decoration: none;
}

#mainMenu li:not(:last-of-type) {
  margin-right: 32px;
}

#mainMenu li > a::before {
  position: absolute;
content: "";
width: calc(100% - 1px);
height: 4px;
background: #007d81;
bottom: -21px;
left: 0;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
z-index: -1;
-webkit-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}

#mainMenu li > a:hover::before,
#mainMenu li > a.active::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.main-header.fixed-nav #mainMenu li > a::before {
  background: #000;
}

.main-header { float: left;
  z-index: 99;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.main-header.fixed-nav {
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.09);
  box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.09);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.main-header.fixed-nav .navbar-brand > img:last-of-type {
  display: block;
}

.main-header.fixed-nav .navbar-brand > img:first-of-type {
  display: none;
}
.navbar-brand {
  color: #fff;
}
.main-header .navbar-brand img {
  max-width: 40px;
  animation: fadeInLeft 0.4s both 0.4s;
}
/* main-header end */
@media (max-width: 991px) {
  /*header starts*/
  .collapse.in {
    display: block !important;
    padding: 0;
    clear: both;
  }

  .navbar-toggler {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 25px;
    right: 0;
    border: none;
    border-radius: 0;
    outline: none !important;
  }

  .main-header .navbar {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .main-header .navbar-nav {
    margin-top: 70px;
  }

  .main-header .navbar-nav li .nav-link {
    text-align: center;
    padding: 20px 15px;
    border-radius: 0px;
  }

  /**/
  .main-header .navbar-toggler .icon-bar {
    background-color: #fff;
    margin: 0 auto 6px;
    border-radius: 0;
    width: 30px;
    height: 3px;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  .main-header .navbar .navbar-toggler .icon-bar:first-child {
    margin-top: 3px;
  }

  .main-header .navbar-toggler .icon-bar-1 {
    width: 10px;
    top: 0px;
  }

  .main-header .navbar-toggler .icon-bar-2 {
    width: 16px;
    top: 12px;
  }

  .main-header .navbar-toggler .icon-bar-3 {
    width: 20px;
    top: 21px;
  }

  .main-header .current .icon-bar {
    margin-bottom: 5px;
    border-radius: 0;
    display: block;
  }

  .main-header .current .icon-bar-1 {
    width: 18px;
  }

  .main-header .current .icon-bar-2 {
    width: 30px;
  }

  .main-header .current .icon-bar-3 {
    width: 10px;
  }

  .main-header .navbar-toggler:hover .icon-bar {
    background-color: #fff;
  }

  .main-header .navbar-toggler:focus .icon-bar {
    background-color:transparent !important;
  }
}

input.bgtranparent{background-color: transparent;
  border: 1px solid #fff;
  padding: 2px solid #fff; background-color: none !important; 20px;
  border-radius: 30px;
  font-size: 16px;
  text-align: right;
  color: #fff;
  width: 98%;
  float: right; padding: 2px 10px;
  margin-top: 5px;}

/* main-header Ends */






.paragraph p{font-size: 1.4em; color: #3B3B3B; float: left; width: 100%;}
a.buttn{padding: 10px 20px; background: linear-gradient(to right, #005F7F 0%, #008A80 100%); color: #fff; border-radius: 10px; text-decoration:none;}
a.buttn:hover{ color: #fff;}
.textbutton{float: left; width: 100%; margin-top: 25px;  margin-bottom: 25px;}

  .paragraph ul{float: left; margin: 0px; padding: 0px; width: 100%;} 
  .paragraph ul li{list-style: none; font-size: 1.4em; line-height: 2;}
  .paragraph ul li img{list-style: none; width: .6em; position: relative; margin-right: 6px;
    bottom: 1px;}

 ul.download li a{float: right; padding: 3px 20px; background: linear-gradient(to right, #005F7F 0%, #008A80 100%); color: #fff; border-radius: 10px; text-decoration: none;line-height: 1.5;}   

ul.multiple li {line-height: 2.8;}

ul.download p{color: #3a3a3a;
  font-weight: 500;
font-size:1.8em}  

.hr{width: 100%; height: 1px; background: #ccc; margin-top: 30px;
  margin-bottom: 20px; float: left;}


ul.rightfollow{margin: 0px;
  padding: 0px;
  float: right;
  display: flex;} 
ul.rightfollow li{list-style: none; margin: 0px 10px; list-style: none; font-size: 18px;}
ul.rightfollow li a{padding: 5px;
  border: 1px solid #0087B6;
  color: #0087B6;
  border-radius: 100%;
  list-style: none;
  width: 35px;
  height: 35px;
  display: block;
  font-size: 15px;
  text-align: center;
  line-height: 1.8;}
ul.rightfollow li i{ font-size: 18px;}


.shap{position: absolute; bottom: -3px; z-index: 99; left: 0px; right: 0px;}
.shap img{ width:100%;}

.owl-dots{position: absolute;
  bottom: 51%;
  right: 20px;
  z-index: 999999999;}

  
.homebanner .owl-dots{  transform: rotate(90deg);}
.homebanner .owl-item { padding: 0px; }
.heding{position: absolute;
  z-index: 999; width: 50%;
  top: 30%;}

.heding h1{ font-size: 80px;
  color: #fff; line-height: 1;
  font-weight: 200;}
  .heding p{ font-size: 26px; font-weight:300;
    color: #fff; line-height: 1.5;}
.texturesape{position: absolute;
  top: -220px;
  z-index: 99999999;
  left: 0px;
  display: block;;}

  .texturesape2 {
    position: absolute;
    top: 26%;
    z-index: 9999;
    left: 0px;
  }
  .texturesape3 {
    position: absolute;
    top: 6069%;
    z-index: 9999;
    left: 0px;
  }
  .texturesape3 img{width: 70%;   animation: noise 20s steps(20) infinite;}

  .aboutspace {
    position:relative;
    top: -133px;
    z-index: 99;
    left: 0px;
  }
  .aboutspace img{width: 21%;  }

  .aboutspace2 {
    position: absolute;
    top: -15px;
    z-index: 99; width: 85%;
    right: 0px;
  }
  .aboutspace2 img{width: 100%;
    float: right;}

  
  .texturesape2 img{width: 70%;   animation: noise 20s steps(20) infinite;}
  .texturesape img{width: 70%;   animation: noise 20s steps(20) infinite;}
  
  @keyframes noise {
    0% {
      transform: translate(0, 0);
    }
  
    10% {
      transform: translate(-1%, -1%);
    }
  
    20% {
      transform: translate(-1%, 1%);
    }
  
    30% {
      transform: translate(1%, -1%);
    }
  
    40% {
      transform: translate(-1%, 1%);
    }
  
    50% {
      transform: translate(-2%, -2%);
    }
  
    60% {
      transform: translate(1%, 0%);
    }
  
    70% {
      transform: translate(0%, 1%);
    }
  
    80% {
      transform: translate(1%, 1%);
    }
  
    90% {
      transform: translate(-1%, 1%);
    }
  
    100% {
      transform: translate(0, 0);
    }
  }
o


/* Tabs Starts */
  .nav-item .nav-link,
  .nav-tabs .nav-link {
      -webkit-transition: all 300ms ease 0s;
      -moz-transition: all 300ms ease 0s;
      -o-transition: all 300ms ease 0s;
      -ms-transition: all 300ms ease 0s;
      transition: all 300ms ease 0s;
  }
  
  .card a {
      -webkit-transition: all 150ms ease 0s;
      -moz-transition: all 150ms ease 0s;
      -o-transition: all 150ms ease 0s;
      -ms-transition: all 150ms ease 0s;
      transition: all 150ms ease 0s;
  }
  
  [data-toggle="collapse"][data-parent="#accordion"] i {
      -webkit-transition: transform 150ms ease 0s;
      -moz-transition: transform 150ms ease 0s;
      -o-transition: transform 150ms ease 0s;
      -ms-transition: all 150ms ease 0s;
      transition: transform 150ms ease 0s;
  }
  
  [data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  
  
  .now-ui-icons {
      display: inline-block;
      font: normal normal normal 14px/1 'Nucleo Outline';
      font-size: inherit;
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  @-webkit-keyframes nc-icon-spin {
      0% {
          -webkit-transform: rotate(0deg);
      }
  
      100% {
          -webkit-transform: rotate(360deg);
      }
  }
  
  @-moz-keyframes nc-icon-spin {
      0% {
          -moz-transform: rotate(0deg);
      }
  
      100% {
          -moz-transform: rotate(360deg);
      }
  }
  
  @keyframes nc-icon-spin {
      0% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
  
      100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  
  .now-ui-icons.objects_umbrella-13:before {
      content: "\ea5f";
  }
  
  .now-ui-icons.shopping_cart-simple:before {
      content: "\ea1d";
  }
  
  .now-ui-icons.shopping_shop:before {
      content: "\ea50";
  }
  
  .now-ui-icons.ui-2_settings-90:before {
      content: "\ea4b";
  }
  
  .nav-tabs {
      border: 0;
      padding: 15px 0.7rem;
  }
  
  .nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
     
  }
  
  .card .nav-tabs {
      border-top-right-radius: 0.1875rem;
      border-top-left-radius: 0.1875rem;
  }
  
  .nav-tabs>.nav-item>.nav-link {
      color: #fff;
      margin: 0;
      margin-right: 5px;
      border-radius: 0px;
      font-size: 25px;
padding: 4px 0px;
line-height: 1.5;
margin: 0px 0px;
      line-height: 1.5;
  }
  
  .nav-tabs>.nav-item>.nav-link:hover {
     border-radius: 0px !important; border: 0px !important;    border-bottom: 2px solid #fff !important; 
  }

  .nav-tabs .nav-link {
    margin-bottom:0px !important;
    background: none;
    border: 0px solid none !important; border-radius: 0px !important;
  }
  
  .nav-tabs>.nav-item>.nav-link.active { border-radius: 0px !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important;
      border-bottom: 2px solid #fff; background: none !important;
      color: #FFFFFF; font-weight: 500;
  }
  
  .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
      font-size: 14px;
      position: relative;
      top: 1px;
      margin-right: 3px;
  }
  
  .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
      color: #FFFFFF;
  }
  
  .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
      background-color: rgba(255, 255, 255, 0.2);
      color: #FFFFFF;
  }
  
  .card {
      border: 0;
      border-radius: 0.1875rem;
      display: inline-block;
      position: relative;
      width: 100%;
      margin-bottom: 30px;
      box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  }

/* Tabs Ends */




  .tbspanel{position: relative;}
  .tabsbg{  background: linear-gradient(to right, #005F7F 0%, #008A80 100%);
    padding: 10px 24px !imporptant;
    width: 43%; border-radius: 15px;}
.tab-content{margin-top: 30px;}
    li.centertb{text-align: center;
      margin: 0px 10%;}
input.calenderfeild{ font-size: 14px !important; border-right: none !important; border-top-left-radius: 17px !important; border-bottom-left-radius: 17px !important;}
.iconbox{padding: 4px !important; background: none !important; border-left: none !important; border-top-right-radius: 17px !important; border-bottom-right-radius: 17px !important;}
button.bgcolor{ background: linear-gradient(to right, #005F7F 0%, #008A80 100%) !important; border: none !important; font-family: 'Barlow Condensed', sans-serif; font-size: 18px;
  padding: 3px 15px;}
.listspost{margin-top: 50px;}
.postspic img{border-radius: 20px;}

.inputwidth{width:60% !important; float:right; transition: all ease 0.5s;}
.inputwidth:hover{width:100% !important; transition: all ease 0.5s;}
.postscontent{margin-bottom: 15px;}
.postscontent h2{   font-size: 36px; color: #000; font-weight: 600;}
.timeicon img{width: 15px; position: relative; top: -2px;}
span.timeicon{margin-bottom: 10px;
  float: left;
  width: 100%;}
  .postscontent p{ font-size: 16px; } 
  .postscontent a{background: linear-gradient(to right, #005F7F 0%, #008A80 100%) !important;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
    padding: 6px 20px;
    border-radius: 5px;
    margin-top: 8px;
    display: inline-block;}

 .postscontent a:hover{
      color: #fff !important;
      font-size: 18px;
      text-decoration: none;
      border-radius: 5px;
 display: inline-block;}   

 .upcoming{margin-top: 40px;}

 .upcominglists{margin-bottom: 60px;}
 .upcominglists img{border-radius: 20px;min-height:280px;width:100%;border:1px solid #00787f}
 .upcominglists span{font-size: 14px;
  width: 100%;
  float: left;}
 span.timeicon2 img{margin-top: 7px;
  width: 17px;}
  .timeicon3 img{ width: 14px;}
  .upcominglists h4{font-size: 36px;
    color: #006180;
    font-weight: 600;}

.upcominglists a {
     width: 100%;
      color: #fff;
     font-size: 1.2em;
      text-decoration: none;
      /*padding: 6px 20px;*/
      border-radius: 5px;
      margin-top: 8px;
      display: inline-block;
    }

h5 a {
     
      color: #212529 !important;
 
     font-size: 1.2em;
      text-decoration: none;
      padding:0px !important;
      border-radius: 5px;
      margin-top: 8px;
      display: inline-block;
      line-height: 1.4em;
    }

    .input-group {
      position: relative;
      display: flex;
      flex-wrap:unset !important;
      align-items: stretch;
      width: 100%;
    }

    .contactdetails{padding-left: 150px; padding-top:100px;}
    .contactdetails h2{font-size: 70px; font-weight:200;}
    .contactdetails p{font-size: 20px !important;}
    .contactdetails img{width: 25px;}
    .rightimg img{ float: right;}
   



/* Footer Start */
.footer{padding: 60px 0px; margin-top: 60px;}
.subscribe{border: 1px solid #fff; padding: 40px 20px; width: 85%; margin: auto; border-radius: 20px;}
.shape2{position: absolute; bottom: 0px; top: 0px; background-size: cover;}
button.borradius{border-radius: 4px !important;}

.fterlists{width: 85%; margin: auto; margin-top: 60px;}
.contactlist img{margin-right: 7px;}
.contactlist ul{  padding: 0px; margin-top: 20px;}
.contactlist ul li{ margin: 0px; padding: 0px; list-style: none; margin: 5px 0px; color: #fff;}
.box{width: 20%; float: left;}

.box h4{font-size: 22px; color: #fff;}
.box ul{  padding: 0px; margin-top: 20px;}
.box ul li{ margin: 0px; padding: 0px; list-style: none; margin: 5px 0px; color: #fff;}
.box ul li a{ padding: 8px 0px;
  color: #fff;
  text-decoration: none; font-size: 13px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #9b9b9b;}
.box{width: 20%; float: left; padding-right: 20px;}

.box span{background: #008780;
  height: 2px;
  width: 43px;
  float: left;
  margin-top: 6px;}

.menulist{margin-top: 0px;
  float: left;
  width: 100%;}  
  .bottomfoter{ background: #C1C1C1; padding: 10px 0px; text-align: center;}
  .bottomfoter p{ text-align: center; font-size: 16px; color: #333; margin: 0px;}

/* Footer End */






/* Organision START */


  .tabsbg2 {
    background: linear-gradient(to right, #005F7F 0%, #008A80 100%);
    padding: 10px 24px !important;
    width: 100%;
    border-radius: 15px;
  }

  li.centertb2{
    text-align: center;
    margin: 0px 3%;
  }
  li.centertb3{
    text-align: center;
    margin: 0px 7%;
  }

  .orgdetails h2{ color: #0087B6; font-weight: 600; font-size: 36px; margin-bottom: 5px;} 
  .orgdetails span{ color: #0087B6; font-weight: 400; font-size: 22px; font-family: 'Barlow Condensed', sans-serif; margin-bottom: 15px; float: left; width: 100%;} 
  .orgdetails p{ font-weight: 400; font-size: 19px; color: #666;} 

  .form-control:disabled, .form-control[readonly] {
    background-color:transparent !important; padding-right: 0px !important;
    opacity: 1;
  }

.page.page-id-1450 .orgdetails h2 {
    display: block !important;
}

  .Zebra_DatePicker {
    z-index: 9999999999 !important;
  }

 .iconbox img{ width: 20px;}


 .gallery > img {
  grid-area: 1/1;
  width: var(--s);
  /* border-radius: 1rem 1rem 0 0 ;
  border-top: 2px solid #00787f;
  border-right: 2px solid #00787f;
  border-left: 2px solid #00787f; */
}




  
.team-area{
  padding-top: 3%;
  }
  .single-team{
	  /* background:#343434; */
    background-image: linear-gradient(90deg, #005f80 0%, #008e7f 100%);
    /* background: -moz-linear-gradient(top, #fff 30%, #ff0 30%, #343434 30%);
	 background: linear-gradient(top, #fff 30%, #ff0 30%, #343434 30%);
	  background: -webkit-linear-gradient(top, #fff 30%, #ff0 30%, #343434 30%); */
    margin-bottom: 10px;
    /* border-top-left-radius: 100%;
    border-top-right-radius: 100%;  */
    margin-bottom: 50px;
  }
  .single-team h5{
      margin-bottom: 0 !important;
  }
  .single-team:hover .social{
  cursor: pointer;
  opacity: 1;
  transform: rotateY(0deg) scale(1, 1);
  }
  .img-area{
  overflow: hidden;
  position: relative;
  }
  .img-area img{
  width: 100%; height: 100%;
  }
  .img-area:hover img{
  }
  .img-area img{
  transition: all 0.4s ease 0s;
  }
  @media (max-width: 768px){
  .img-area img{
      display: inline-block;
  }
  }
  .img-area .social{
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .5s;
  transform: rotateY(180deg) scale(0.5, 0.5);
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-webkit-clip-path: url("#hexagon-clip");
transform: translate(var(--_x, 0), var(--_y, 0));
  }
  .img-area .social ul{
  text-align: center;
  position: relative;
  top: 175px;
  }
  .img-area .social ul li a{
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  }
  .img-area .social ul li a:hover{
  background-color: #fff;
  color: #000;
  border: 1px solid transparent;
  }
  .img-text{
    padding: 8px 10px;
  color: #fff;
  text-align: center;
	  min-height:93px;
  }
  .img-text h4 {
    margin: 0 0 5px;
    font-size: 1.4em;
  }
  .img-text h5{
  font-size: 1.2em;
  font-weight:normal; margin-bottom: 10px;
  }
  
a.buttonsmall{background: linear-gradient(to right, #005F7F 0%, #008A80 100%) !important;
  border: none !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding: 2px 15px;}
  a.buttonsmall:hover{ color: #fff; text-decoration: none;}


  /* Organision end */



  /* resources start */
  .upcominglists h5{font-size: 1.2em; margin: 0px 0px 10px;}
  span.dateT{font-size: 15px; font-weight: 600; margin-bottom: 10px;}
span{font-family: 'Barlow Condensed', sans-serif;}
p{font-size: 16px; color: #303030;}
.share_social .share{position: absolute;
  top: 51%;
  z-index: 999;
  left: 4%;}
.share_social .share a{ padding: 0px; background:transparent !important;}
.share_social .share img{ width: 20px; position: relative; top: 4px;}

.share_social .social{position: absolute;
  top: 51%;
  z-index: 999;
  right: 4%;}
.share_social .social a{ padding: 0px; background:transparent !important;}
.share_social .social ul li{list-style: none; margin: 0px 4px; display: inline-block;}
.share_social .social ul li a i{ font-size: 16px;}
.share_social .social img{ width: 20px; position: relative; top: 4px;}
   /* resources ed */













  .hexagon {
    top: 30vh;
    left: 40%;
    position: absolute;
    margin: 0 auto;
      
    /*To Add effect on the background*/
    background: linear-gradient(to left,
               DarkBlue, DodgerBlue);
    border-radius: 10px;
    width: 100px; 
    height: 63px;
    box-sizing: border-box;
    transition: all 1s;
    border: 0.4vh solid transparent;
    border-top-color: dodgerblue;
    border-bottom-color: dodgerblue;
}
  
/*To create pseudo-class */
.hexagon:before, .hexagon:after {
    content: "";
    border: inherit;
    position: absolute;
    top: -0.5vh;
    left: -0.5vh;
      
    /*To Add effect on the background*/
    background: linear-gradient(to left,
            DarkBlue, DodgerBlue);
    border-radius: inherit;
    height: 100%;
    width: 100%;
}
  
/* Align them in such a way
that they form a hexagon */
.hexagon:before {
    transform: rotate(60deg);
}
.hexagon:after {
    transform: rotate(-60deg);
}


.about{position: relative;}
.aboutspae{position:absolute; top: 0px;}
.aboutcontent{position:absolute; left:15%; z-index: 999; top: 80px; width: 40%;}
.aboutcontent h2{ color: #fff; font-size:70px; font-weight:200;}
.aboutcontent p{ color: #fff; font-size:22px; font-weight:200;}

.aboutcontent a{ border: 1px solid #fff; padding:0px 30px; font-size: 22px; color: #fff;
   border-radius: 5px; margin-top: 100px; display: inline-block; font-weight: 200; text-decoration: none;} 
.aboutcontent a:hover{ text-decoration: none; color: #fff;} 

.heding a{background: linear-gradient(to right, #005F7F 0%, #008A80 100%); padding:0px 30px; font-size: 22px; color: #fff;
  border-radius: 5px; margin-top: 15px; display: inline-block; font-weight: 200; text-decoration: none;} 
.heding a:hover{ text-decoration: none; color: #fff;} 
.heading2{top: 21%;}


.container-full{margin: 0 auto; overflow: hidden;}
.contactpage p{font-size: 26px; font-weight:300;}
.contactpage h6{font-size: 26px; font-weight:500; font-style: italic;}
.imgtext img{padding-right: 10px;}
.imgtext span{font-size: 20px;}

.contact-form input{ border-radius: 15px; font-size: 15px; text-transform: uppercase; border: 1px solid #008A80;}
.contact-form select{ border-radius: 15px; font-size: 15px; text-transform: uppercase; border: 1px solid #008A80;}
.contact-form textarea{ border-radius:15px; font-size: 15px; text-transform: uppercase; border: 1px solid #008A80;}
.events_pictext img{border-radius: 15px; margin-bottom: 20px;border: 2px solid #008A80;} 
.events_pictext p{font-size: 18px; color: #3B3B3B; font-weight: 300;}


li.centertb4 a{ color: #000 !important;
  padding: 3px 20px !important;
  font-size: 20px !important;}
.centertb4 .active{background: linear-gradient(to right, #005F7F 0%, #008A80 100%) !important; font-weight: 400 !important;}

.tabnew > .nav-item > .nav-link.active { background: linear-gradient(to right, #005F7F 0%, #008A80 100%) !important;
 color: #fff !important; border-radius: 5px !important; transition: all ease 0.5s;}
 .tabnew > .nav-item > .nav-link.a{ 
  color: #333 !important; border-radius: 30px !important; transition: all ease 0.5s;}
span.datetext{font-size: 18px; margin-right: 50px;}
span.timetext{font-size: 18px; margin-right: 50px;}
span.paneltext{font-size: 18px; font-weight: 400;}
.tabnew{border-bottom:0px solid #fff !important;}
.bodytext p{font-size: 16px; font-weight: 400 !important;}
.pndbox{ background: #F6F6F6; padding:0px 20px;}
.pndbox h4{ margin-bottom: 5px; margin-top: 15px; font-size: 18px;}
.pndbox p{font-size: 13px;}
.pndbox img{ margin-top: 20px;}
.phovideo{margin-top: 40px;}
.phovideo a{background: linear-gradient(to right, #005F7F 0%, #008A80 100%) !important;
   border-radius: 5px; padding: 10px 20px; width: 12%; color: #fff !important; text-decoration: none !important; font-size: 1.2em !important; z-index: 99999;}

.rightpanel h5{font-size: 50px; font-weight: 600; margin-top: 80px;}
ul.timelocation{ margin: 60px 0px;  padding: 0px;}
ul.timelocation li{ list-style: none; padding: 20px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;font-size: 1.2em;}
ul.timelocation li img{ width: 18px; margin-right: 10px;}


.picvideobox{width: 20% !important;
  float: left;
  padding: 0px !important;}

button.buttonpanel{ background: #fff !important; color: #333 !important;}

    /*img hover effect*/
    .img_effect01 {
        position: relative
        
    
    }
    
    .img_effect01:before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .35s ease 0s
    }
    
    .img_effect01:hover:before {
        opacity: 1;
    }
    
    .img_effect01:hover .box-content {
        background: rgba(255, 255, 255, .25);
    }
    
    .img_effect01 img {
        width: 100%;
        height: auto
    }
    
    .img_effect01 .box-content {
        width: 90%;
        height: 90%;
        position: absolute;
        top: 5%;
        left: 5%;
         
    }
    
    .img_effect01 .box-content:after,
    .img_effect01 .box-content:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        transition: all .7s ease 0s
    }
    
    .img_effect01 .box-content:before {
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        border-top: 1px solid rgba(255, 255, 255, .5);
        transform: scale(0, 1);
        transform-origin: 0 0 0
    }
    
    .img_effect01 .box-content:after {
        border-left: 1px solid rgba(255, 255, 255, .5);
        border-right: 1px solid rgba(255, 255, 255, .5);
        transform: scale(1, 0);
        transform-origin: 100% 0 0
    }
    
    .img_effect01:hover .box-content:after,
    .img_effect01:hover .box-content:before {
        opacity: 1;
        transform: scale(1);
        transition-delay: .15s
    }
    

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color:0px !important;

    }



    .collapse {
      &:not(.show) {
        display: none;
      }
    }
    
    .collapsing {
      height: 0;
      overflow: hidden;
      @include transition($transition-collapse);
    }
    

.spacebox{padding: 0px 45px;}
.nav-tabs .nav-link:focus{{border: 0px solid transparent !important;}
.tablenav .tablenav-pages{
    text-align: center;
}