* {
	padding: 0;
	margin: 0;
	outline: 0; }

	body {
		background-color: #fff;
		min-width: 320px;
		color: #000; 
		font-family: 'Arimo', sans-serif;
	}

	a{
		text-decoration: none;
	}

	a:hover{
		text-decoration: none;
	}
	
	img {

    max-width: 100%;
    vertical-align: middle;
    height: auto;

}

	/*top bar starts here*/

  .topbar{
    background: rgba(0,0,0,0.5);
  }

.margin-top{
	margin-top: 30px;
}

  .topbar ul{
    list-style: none;
    margin: 0;
  }
 
  .topbar ul li{
    display: inline-block;
  }

  .topbar ul.socio-top li a{
    display: inline-block;
    background: #191919;
    transition: 0.4s;
  }

  .topbar ul.socio-top li a:hover{
    background: #7c3a67;
  }

  .topbar ul.socio-top li a i{
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 15px 15px;
  }

  .topbar ul.contact-top li a{
   font-size: 14px;
   color: #fff;
   text-transform: capitalize;
   padding: 0 10px;
   display: inline-block;
   transition: 0.4s;
 }
.topbar ul.contact-top li a.wsf{
    padding: 16px 10px;
    margin-right: 10px;
    text-transform: uppercase;
    background-color:#dfd44f;
    color:#000;
}
.topbar ul.contact-top li a.wsf:hover{
    background-color:#1c58a5;
}
 .topbar ul.contact-top li a:hover{
   color: #ccc; 
 }

 .topbar ul.contact-top li:before{
  content: '|';
  color: #fff;
}

.topbar ul.contact-top li:first-of-type:before{
  content: '';
  color: #fff;
}


/*nav bar starts here*/


.nav-bar .logo-wrap{
  padding: 24px 0;
}

.nav-bar .navbar{
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  padding: 0;
}

.nav-bar .navbar-nav .nav-item .nav-link{
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 26px;
  padding: 18px 9px;
   color: #000;
}

.nav-bar .navbar-nav .nav-item.active .nav-link , .nav-bar .navbar-nav .nav-item:hover .nav-link {
  color: #7c3a67;
  position: relative;
  transition: 0.4s;
}

.nav-bar .navbar-nav .nav-item .nav-link:before{
 transition: 0.4s; 
}

.nav-bar .navbar-nav .nav-item.active .nav-link:before , .nav-bar .navbar-nav .nav-item:hover .nav-link:before{
  position: absolute;
  content: '';
  width: 70%;
  height: 2px;
  background: #7c3a67;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);

}

/*for dropdown menu*/


/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
  .mainmenu .collapse ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
  /*******/
  .mainmenu .collapse ul ul li{position:relative}
  .mainmenu .collapse ul ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
  /*******/
  .mainmenu .collapse ul ul ul li{position:relative}
  .mainmenu .collapse ul ul ul li:hover ul{display:block}
  .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
  .navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
  .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
    .mainmenu .collapse ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;max-width:170px;display:none}
  /*******/
  .mainmenu .collapse ul ul li{position:relative}
  .mainmenu .collapse ul ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;max-width:170px;display:none}
  /*******/
  .mainmenu .collapse ul ul ul li{position:relative}
  .mainmenu .collapse ul ul ul li:hover ul{display:block}
  .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;max-width:170px;display:none;z-index:1}
  .dropdown-item{
    white-space: normal;
  }
}

.nav-bar .dropdown-menu{
  margin-top: 0;
  background: rgba(255, 255, 255, 0.7);
}

.nav-bar .dropdown-menu .dropdown-item{
  font-size: 14px;

  font-weight: 700;

  text-transform: capitalize;

  line-height: 26px;


  color: #000000;
}

.nav-bar .dropdown-toggle, .nav-bar .dropdown-menu .dropdown-item a{
 color: #000000; 
}


/*home slider*/

.home-slider .slide-wrap{

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  position: relative;

  height: 600px;
}

.home-slider .slide-wrap:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1);
}

.home-slider .slide-wrap .caption{
  position: absolute;
  bottom: 70px;
  left: 178px;
  width: 65%;
}

.home-slider .slide-wrap .caption h1, .home-slider .slide-wrap .caption h1 a{
  color: #fff;
  text-transform: capitalize;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0;
  transition: 0.4s;
}

.home-slider .slide-wrap .caption h1 a:hover{
  color: #7c3a67;
}

.home-slider .slide-wrap .caption p{
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.slidenav-wrap{
  position: relative;  
}

.slidenav-wrap header{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  z-index: 2;
}

.home-slider .carousel-indicators{
  align-items: center !important;
}

.home-slider .carousel-indicators li{
 width: 12px;
 height: 12px;
 border-radius: 50%;
}

.home-slider .carousel-indicators li.active{
  width: 20px;
  height: 20px;
  border: 2px solid #7c3a67;
  background: none;
  position: relative;
} 

.home-slider .carousel-indicators li.active:before{
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: #7c3a67;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.whoarewe{
  padding: 30px 0;
  background: #fff;
}

h2{
  font-size: 48px;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  position: relative;
  margin: 0 0 40px 0;
}

h2 span{
  color: #7c3a67;
}

h2:before{
  content: '';
  position: absolute;
  width: 68px;
  height: 3px;
  bottom: -15px;
  background: #7c3a67;
}

.who-contn p{
  color: #e8e7e7;
  font-size: 16px;
  margin: 0 0 30px 0;
}

.more-lnk{
  display: inline-block;
  background: #7c3a67;
  color: #fff;
  padding: 13px 20px 13px 30px;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  border-radius: 50px;
  position: relative;
  transition: 0.4s;
}

.more-lnk:hover{
  background: #333;
  color: #fff;
}

.more-lnk:before{
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  width: 1px;
  background: #eee;
  right: 40px;
}

.more-lnk i{
  padding: 0 0 0 30px;
  position: relative;
  left: 0;
  transition: 0.4s;
}

.more-lnk:hover i{
  position: relative;
  left: 5px;
}

.who-img{
  text-align: center;
  display: block;
}

.who-img .img-wrap{
  width: 245px;

  height: 245px;

  overflow: hidden;

  margin: 0 auto;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  position: relative;
}

.who-img .img-wrap img{
  width: 100%;
  margin: 0 auto;
}

/*our work*/

.our-work{
  text-align: center;

  padding: 65px 0 30px 0;

  position: relative;

  border-bottom: 1px solid #7c3a67;
}

.our-work:before{
  position: absolute;
  content: '';
  top:0;
  left:0;
  right: 0;
  bottom:290px;
  background: #7c3a67;
}

.heading-sec h3{
  font-size: 38px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  margin: 0 0 65px 0;
}

.work-wrap{
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 3px 0 10px rgba(0,0,0,0.35);
  margin: 0 0 40px 0;
  transition: 0.4s;
  text-align: center;
  height: 500px;
}

.work-wrap:hover{
  box-shadow: 5px 10px 20px rgba(0,0,0,0.35);
}

.work-wrap .img-wrap{
/* width: 80px;

height: 80px;*/

width: 100%;

height: 200px;

background-repeat: no-repeat;

background-position: 50% 50%;

background-size: cover;

position: relative;
margin: 0 auto 35px auto;
}

.work-wrap .work-contn strong{
  font-size: 24px;
  line-height: 26px;
  color: #393939;
  text-transform: capitalize;
  margin: 0 0 15px 0;
  display: block;
}

.work-wrap .work-contn p{
  font-size: 16px;
  line-height: 30px;
  color: #8c8c8c;
  margin: 0;
}

.more a{
  font-size: 12px;
  line-height: 26px;
  color: #7c3a67;
  text-transform: capitalize;
  float: right;
  letter-spacing: 0;
  transition: 0.4s;
}

.more a:hover{
  color: #333;
}

.more a i{
  margin: 0 0 0 8px;
}

/*our events*/

.our-events{
  padding: 50px 0;
}

.event-wrap{
  display: flex;
  justify-content:center;
  align-items: center;
}

.event-wrap .img-wrap{
  width: 458px;

  height: 450px;
  
  
  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  position: relative;
}

.event-wrap .event-contn{
 padding: 30px; 
 background:#fafafa;
 width: calc(100% - 458px);
}


.event-wrap.smal .img-wrap{
  height: 172px;
  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  position: relative;

  display: table;

  table-layout: fixed;

  width: 100%;

}

.event-wrap.smal .event-contn{
  width: 100%;
}

.tab-wrap .event-wrap .event-contn{
  margin: 0 0 50px 0;
}

.event-wrap .event-contn .tag a{
  font-size: 14px;
  background: #7c3a67;
  color: #fff;
  padding: 13px 17px;
  display: inline-block;
  border-radius: 10px;
  transition: 0.4s;
}

.event-wrap .event-contn .tag a:hover{
  background: #333;
}

.event-wrap .event-contn .tag{
  margin: 0 0 15px 0;
}

.evnt-body strong{
  font-size: 22px;
  line-height: 26px;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
}

.evnt-body p{
  font-size: 14px;
  line-height: 24px;
  color: #111;
}

.event-wrap.smal{
  display: initial;
}

.event-wrap.smal .img-wrap{
  width: 100%;
}

.event-wrap.smal .img-wrap img{
  width: 100%;
  height: 400px;
}


/* view report section*/

.report-wrap{
  display: flex;
  position: relative;
  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;
  padding: 45px 105px;
  margin: 0 0 60px 0;

}

.report-wrap:before{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);


}

.report-wrap .report-des, .report-wrap .view-r{
  position: relative;
  z-index: 1;
}

.report-wrap .view-r{
  text-align: right;
}

.report-des h4{
  font-size: 28px;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  text-transform: capitalize;
}

.report-des h4 span{
  color: #7c3a67;
}

.report-des p{
  font-size: 14px;
  line-height: 26px;
  margin: 0;
}


.view-r a{
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #7c3a67;
  border: 3px solid #7c3a67; 
  padding: 25px 30px;
  text-transform: capitalize;
  border-radius: 15px;
  transition: 0.4s;
}

.view-r a:hover{
  background: #7c3a67;
  color: #fff;
}

.view-r a i{
  margin: 0 0 0 10px;
  transition: 0.4s;
  position: relative;
  left: 0;
}

.view-r a:hover i{
  left: 5px;;
}


/*video tabs*/

.tab-sec .nav-link{
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  position: relative;
  border: none;
  color: #333333;

}

.tab-sec .nav-link.active{
  background: none;
  color: #7c3a67;
}

.tab-sec .nav-link:after{
  content: '|';
  margin: 0 0 0 25px;
}

.tab-sec .nav-item:last-of-type .nav-link:after{
  content: '';
  margin: 0 0 0 25px;
}

.tab-sec .nav-tabs{
  background: #fafafa;
  padding: 10px 20px;
  margin: 0 0 30px 0;
  border: none;
  border-radius: 10px;
  position: relative;
}

.tab-sec .nav-tabs .more{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.event-wrap.smal .img-wrap{
  position: relative;
}

.event-wrap.smal .img-wrap .dates{
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #7c3a67;
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 26px;
}

.event-wrap.smal .img-wrap .dates small{
  display: block;
  font-size: 14px;
  font-weight: 600;
}


.tab-sec .event-wrap.smal .img-wrap{
  
  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  position: relative;

  display: table;

  table-layout: fixed;

  width: 100%;

}

/*footer section*/

footer{
  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;
  
  position: relative;
}

footer:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0, 0.9);
}

footer h5{
  color: #fff;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  font-weight: 900;
  position: relative;
  margin: 0 0 35px 0;
}

footer h5:after{
  content: '';
  position: absolute;
  width: 27px;
  height: 3px;
  background: #7c3a67;
  bottom: -13px;
  left:0;
}

.foot-contn ul li a{
  color: #fff;
  transition: 0.4s;
}

.foot-contn ul li a:hover{
  color: #ccc;
}

.foot-contn ul li{
  line-height: 32px;
}

.foot-contct ul{
  list-style: none;
  color: #fff;
}

.foot-contct ul li{
  line-height: 32px;
}

.foot-contct ul li i{
  margin: 0 10px 0 0;
}

.foot-contct{
  padding: 26px 26px 26px 50px;
  background: #7c3a67;
}

.copy-r{
  background: #7c3a67;
  position: relative;
  padding: 15px 0;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
}

.copy-r .pwr{
  display: block;
  text-align: right;
}

.copy-r .pwr a{
  color: #fff;
  transition: 0.4s;
}

.copy-r .pwr a:hover{
  color: #ccc;
}

.foot-contct .logo-wrap{
  margin: 0 0 30px 0;
}


/*about us page*/

.whoarewe.inner{
  padding: 200px 0 50px 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.whoarewe.inner:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);

}

.whoarewe.inner h2{
  color: #eee;
}

/*inner work for about us page*/

.inr-work{
  padding: 30px 0;
}

.inr-work .img-wrap img{
  width: 100%;
}

.inr-work ul li{
  line-height: 35px;
  position: relative;
  padding-left: 20px;
}

.inr-work ul li:before{
  content: '\f138';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  color: #7c3a67;
}

.inr-work ul{
  list-style: none;
}

.inr-work h2{
  font-size: 24px;
}

/*Campaigns single page*/

.whoarewe.inr .img-wrap img{
  width: 100%;
}

/*press release page*/

.who-contn table td{
  background: #eee;
  padding: 10px 20px;
}

.who-contn table td a{
  color: #333;
  transition: 0.4s;
}

.who-contn table td a:hover{
  color: #7c3a67;
}

/*team page*/

.tms .work-wrap .img-wrap img{
  width: 100%;
  margin: 0 auto;
}

.tms .work-wrap .img-wrap{
  border-bottom: 2px solid #7c3a67;
  padding: 0 0 20px 0;
}

.tms .work-wrap .work-contn strong{
  font-size: 16px;
  margin: 0 0 5px 0;
  color: #7c3a67;
}

.tms .work-wrap .work-contn small{
  font-weight: 600;
}

/*worec in media page*/

.media ul li a{
  color: #333;
  transition: 0.4s;
}

.media ul li a:hover{
  color: #7c3a67;
}

/*contact page*/

/*contact page*/

.cntct-form{
  margin-top:50px;
}

.cntct-form form .form-control{
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-bottom: 1px solid #000000;
  border-bottom-color: rgb(0, 0, 0);
  padding: 10px 0;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 41px;
  text-transform: capitalize;
  color: #2b2e2f;
  border-radius:0;
  box-shadow:none;
  background:none;
}

.cntct-form form .form-control:focus {
  border-color: #7c3a67;
}

.cntct-form form .btn-default{

  margin: 30px 0 50px 0;
  border-radius: 50px;
}

.cntct-form form .btn-default:hover{
  background:#333;
}

.cntct-dtl h4 {
  font-weight: 500;
  font-size: 44px;
  line-height: 30px;
  color: #7c3a67;
  margin-bottom: 10px;
  text-align:center;
}

.cntct-dtl ul{
  padding:0;
  list-style:none;
  text-align:center;
}
.cntct-dtl ul li{
  line-height: 24px;
  font-weight: 500;
  font-style: normal;
  color: #646a7c;
  font-size: 16px;
  visibility: visible;
}

.cntct-dtl ul.social-bar li{
  display:inline-block;
  margin:0 5px;
}

.cntct-dtl ul.social-bar li a{
  color:#555;
  font-size:16px;
}

.cntct-dtl ul.social-bar li a:hover{
  color:#7c3a67;
}

/*.contact-wrap {
  margin: 0 0 50px 0;
  }*/

  .inr-work.inr {
    padding-bottom: 0;
  }

  .report-modal .modal-dialog{
    max-width: 80%;
  }

  .tms .heading-sec h3{
    margin: 0 0 20px 0;
  }


  /*changes*/

  .our-work.tms .work-wrap{
    height: 280px;
  }

  .our-work.tms .work-wrap .img-wrap{
    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-size: cover;

    position: relative;
  }

  /*for new page*/

  .prs-r .work-wrap .work-contn p{
    font-size: 13px;
    line-height: 24px;
  }

  .our-work.prs-r .work-wrap{
    height: 320px;
  }

  .our-work.prs-r .work-wrap .img-wrap{
    width: 180px;
    height: 120px;
    margin:15px auto 20px auto;
  }

  .our-work.prs-r .work-wrap{
    padding: 20px;
  }

  /*for gallery page*/

  .gallery-sec{
    padding: 30px 0;
  }

  .ga-wrap figure{
   position: relative;
   width: 100%;
   padding-top: 75%;
   margin: 0;   
 }

 .ga-wrap figure span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 30px;
  opacity: 0;
  transition: 0.4s;
}

.ga-wrap figure:hover span{
  opacity: 0.5;
}

.ga-wrap figure img{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  object-fit: cover;
}

.ga-wrap{
  border-radius: 10px;

  box-shadow: 3px 0 10px rgba(0,0,0,0.35);

  transition: 0.4s;

  margin: 0 0 20px 0;

}

.ga-wrap .title{
  padding: 10px;
}

.ga-wrap .title strong{
  display: block;
  font-weight: 600;
  font-size: 18px;
}

.ga-wrap .title .tag a{
  font-size: 14px;

  background: #7c3a67;

  color: #fff;

  padding: 5px 17px;

  display: inline-block;

  border-radius: 10px;

  transition: 0.4s;

  margin: 0 0 5px 0;
}

.ga-wrap .title .tag a:hover {

  background: #333;

}

.gallery-sec .pagination .page-item.active .page-link{
  background: #7c3a67;
  border-color: #7c3a67;
  color: #fff;
}

.gallery-sec .pagination .page-item .page-link{
  color: #7c3a67;
}

/*audio gallery*/

.ga-wrap audio{
  width: 100%;
}

.main-s{
  margin: 0 0 30px 0;
}

.tab-sec #mix-tab{
  display: none;
}

/* chnages*/

.inr .who-contn .img-wrap{
  max-width: 450px;
  float: right;
  margin: 0 0 0 20px;
}

.innr .event-wrap.smal {
  margin: 0 0 30px 0;
  display: block;
}

.innr .event-wrap.smal .img-wrap{
 position: relative;

 width: 100%;

 padding-top: 75%;

 margin: 0; 
}

.innr .event-wrap.smal .img-wrap img{
  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: 0;

  object-fit: cover;
}

/*press release new page*/

.prs-r .prs-cat{
  padding: 0;
  list-style: none;
}

.prs-r .prs-cat li{
  line-height: 40px;
}

.prs-r .prs-cat li a{
  text-transform: capitalize;
  font-size: 16px;
  display: block;
}

.prs-r .prs-cat strong{
  font-size: 24px;
  border-bottom: 1px solid #7c3a67;
  padding: 0 0 10px 0;
  display: block;
  margin: 10px 0 10px 0;

}

.prs-r .prs-cat li a{
  font-size: 16px;

  text-transform: capitalize;

  font-weight: 600;

  position: relative;

  border: none;

  color: #333333;
}

.prs-r .prs-cat li a:hover {

  color: #7c3a67;

}

.prs-contn .img-wrap figure{
  position: relative;
  width: 200px;
  height: 150px;
  margin: 0;
  margin: 0 10px 0 0;
}

.prs-contn .img-wrap figure img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  object-fit: cover;
}

.prs-contn h2{
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 20px 0;
  margin: 0 0 10px 0;
}

.prs-contn h2 a{
  color: #000000;
  transition: 0.4s;
}

.prs-contn h2 a:hover{
  color: #7c3a67;
}

.prs-contn h2:before{
  background: none;
  height: 0;
}

.source{
  font-size: 14px;
  color: #7c3a67;
  transition: 0.4s;
  display: block;
}

.source:hover{
  color: #333333;
}

.source:before{
  content: "-";
}

.prs-contn{
  margin: 20px 0 20px 0;
  display: flex;
}

.prs-contn .tag a{
 font-size: 14px;

 background: #7c3a67;

 color: #fff;

 padding: 5px 17px;

 display: inline-block;

 border-radius: 10px;

 transition: 0.4s; 

 margin: 0 0 10px 0;
}


/*team main*/

.team-main a{
  background: #7c3a67;
  color: #fff;
  padding: 10px;
  display: block;
  border-radius: 10px;
  transition: 0.4s;
  margin: 0 0 20px 0;
}

.team-main a:hover{
  background: #333;
}

.team-main a:before{
  content: "\f192";
  font-family: FontAwesome;
  margin: 0 10px 0 0;
}

.our-work.tms-mn{
  padding: 50px 0;;
}

/*career new pages*/


.carer-fig figure img{
    width: 150px;
    margin: 0 0 0 20px;
}

.carer-wrap{
    display: flex;
}


/*===gallery page====*/
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}


.gallerypage-wrap {
  padding: 30px 0;
}



.gallerypage-wrap .thumb {
  padding-bottom: 30px;

}

.gallerypage-wrap .img-thumbnail {
  border: none;
  padding: 0
}



/*====searchbar=====*/
.search-wrap {
	margin-top: 20px;
}

form.example input[type=text] {
  padding: 10px; 
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #7c3a67;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}


/*===team detail=====*/
.team-detailwrap figure {
  float: left;
  margin-right: 15px;
  height: 300px;
  max-width: 600px;
}


.team-detail p {
  background: #efefef;
  padding: 20px;
}


.district-detail p {
  text-align: justify;
}

.district-detail {
  background: #efefef;
  padding: 20px;
}



.district-wrap{
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 3px 0 10px rgba(0,0,0,0.35);
  margin: 0 0 40px 0;
  transition: 0.4s;
  text-align: center;

}



.district-wrap:hover{
  box-shadow: 5px 10px 20px rgba(0,0,0,0.35);
}

.district-wrap .img-wrap{
/* width: 80px;

height: 80px;*/

width: 100%;

height: 200px;

background-repeat: no-repeat;

background-position: 50% 50%;

background-size: cover;

position: relative;
margin: 0 auto 35px auto;
}

.district-wrap .work-contn strong{
  font-size: 24px;
  line-height: 26px;
  color: #393939;
  text-transform: capitalize;
  margin: 0 0 15px 0;
  display: block;
}

.district-wrap.work-contn p{
  font-size: 16px;
  line-height: 30px;
  color: #8c8c8c;
  margin: 0;
}

/*====district detail ====*/
.news-lists {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .news-lists > li {
	 margin-bottom: 15px;
	 padding-bottom: 15px;
}
 .news-lists > li > figure {
	 float: right;
	 margin-left: 15px;
	 max-width: 300px;
}
 .news-lists > li > figure img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 transition: all 0.4s ease;
}
 .news-lists > li > figure img:hover {
	 opacity: 0.8;
}
 .news-lists > li > h3 a {
	 font-size: 20px;
	 font-weight: 600;
	 color: #333;
	 display: block;
	 line-height: 26px;
	 transition: all 0.5s ease;
}
 .news-lists > li > h3 a:focus, .news-lists > li > h3 a:hover, .news-lists > li > h3 a:active {
	 outline: 0;
	 text-decoration: none;
	 color: #7c3a67;
}
 .news-lists > li > h4 {
	 font-size: 14px;
	 color: #727272;
	 margin-top: 10px;
}
 .news-lists > li > h4 > i {
	 padding-right: 10px;
}
 .news-lists > li:last-child {
	 border: none;
	 margin-bottom: 0;
	 padding-bottom: 0;
}

ul.district-de {
	list-style: none;
  padding: 0;
  margin: 0;
}

.date-wrap h3 {
  float: left;
  margin-right:30px;
  font-size: 14px;
  margin-top: 10px;
}
.date-wrap{
  margin-top: 20px;
}


.date-wrap .fa-calendar:before {
  padding-right: 10px;
}

.date-wrap .btn-primary {
  background: #7c3a67;
  padding: 6px;
  font-size: 12px;
  border: none;
}
.details-wrap a {
  color: #000;
}




/*===data sec====*/
.card-wrap  {
	margin: 30px 0;
}
.card-wrap .card-body {
	padding: 15px;
	
}
.card-title { 
	margin-bottom: 30px;
	font-weight: 600;
}
.form-wrap .form-inline .form-control{
  width: 50%;
}

label{
  margin-right: 15px;
}

.form-wrap{
  background: #efefef;
  padding: 30px;
  margin:20px;
}


.form-wrap .btn-primary {
  background: #7c3a67;
  border: none;
}


/*download btn*/

.dwnld i{
   background: #7c3a67;
    font-size: 20px;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin: -5px 5px -5px -15px;
    vertical-align: middle;
}

.dwnld{
    display: inline-block;
    background: #666;
    padding: 0 10px 0 10px;
    color: #fff;
    margin: 0 0 0 15px;
    transition: 0.4s;
    font-size: 15px;
}

.dwnld:hover{
    background: #7c3a67;
    color: #fff;
}
 
.card-wrap .data-date .input-group input{
    height: 40px;
    padding: 0 10px;
    border: 1px solid #7c3a67;
    width: 100%;
}

.card-wrap .data-date .input-group select{
        height: 40px;
    padding: 0 10px;
    border: 1px solid #7c3a67;
    width: 100%;
}

.card-wrap .data-date label{
    margin: 0;
}

.card-wrap .data-date .form-wrap{
    margin: 20px 15px;
}

.card-wrap .data-date .form-wrap .row{
    align-items: end;
}

.card-wrap .data-date .form-group{
    margin: 0;
}

.card-wrap .data-date form{
    margin: 20px 0;
}