﻿@media screen and (min-width:992px) {

    .TBAlligment {
        padding-top: 5%;
        padding-bottom: 5%;
    }
}
.carousel .carousel-indicators li.active {
    background: #00843D !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .TBAlligment {
        padding-top: 5%;
        padding-bottom: 5%;
    }

}
.noupcomingxt{
	
	font-size: 22px !important;
	
	
}

/*@media only screen and (max-device-width: 480px){ //for iphone

.noupcomingxt{
	
	font-size: 22px !important;
	padding-bottom:20px;
	
	
}*/
 /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 991px) {
    .mrginbtm5{
    margin-bottom: 0px !important;
}
 .paddingewp1
    {
        padding-top: 0px !important ;
        padding-bottom: 10px;
    }

.noupcomingxt{
	
	font-size: 22px !important;
	padding-bottom:20px;
	
	
}

.padding40 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.paddingTopBot
{
padding-top:15px;

/*	padding-bottom:10px;*/
}
    }

}
.carousel .carousel-indicators li.active {
    background: #00843D !important;
}

#myCarousel {
    margin-bottom: -20px !important;
}

.sliderpattern {
    background-color: #49050500;
    background-image: url(/Style%20Library/Images/events/Event%20Listing%20Pattern.jpg);
    -moz-background-size: cover;
    -o-background-size: cover;
}

.btnhpslider .fa-chevron-right:before {
    padding-right: 0px !important;
    font-size: 12px;
}

@media screen and (min-width:768px) {
    .BannerCaption {
        font-size: 20px;
        font-family: Roboto Slab;
        font-weight: 500;
        color: #383838 !important;
    }

    .BannerBlurb {
        font-size: 16px;
        color: #777777 !important;
        line-height: 1.4;
        margin: 0% 0% 0% 0% !important;
        padding-bottom: 20px;
    }

    .SliderCalltoAction a {
        font-size: 1.2vw !important;
        font-family: Roboto Slab !important;
        color: white !important;
        font-weight: 700;
        vertical-align: top;
        margin: 0% 0% 0% 0% !important;
    }

    .textareaPL {
        padding-left: 11.5% !important;
    }

    .btnhpslider {
        border: 2px solid #383838 !important;
        color: #383838 !important;
        font-family: 'Roboto Slab', Helvetica,
            Times New Roman !important;
        font-weight: 700 !important;
        font-style: normal !important;
        padding: 4px 15px !important;
        font-size: 12px !important;
        background-color: #F7F7F7;
    }

    .btnhpslider i {
        padding-left: 5px !important;
    }

    .btnhpsliderew {
        border: 2px solid #3B3670 !important;
        color: #3B3670 !important;
        font-family: 'Roboto Slab', Helvetica,
            Times New Roman !important;
        font-weight: 700 !important;
        font-style: normal !important;
        padding: 5px 15px !important;
        font-size: 14px !important;
        background-color: #F7F7F7;
    }

    .btnhpsliderew i {
        padding-left: 5px !important;
    }

    .carousel-indicators {
        padding-bottom: 0px !important;
    }

    .carousel-indicators {
        left: 75% !important;
    }
}


.pic_pad {
    width: 75% !important;
    margin-top: 35px;
    margin-bottom: 35px;
}

.carousel .carousel-indicators li {
    background: #666;
    background: rgba(255, 255, 255);
    border-color: #007237 !important;
}


.mrgnbtmem30{
    margin-bottom: 30px;
}
@media screen and (max-width:767px) {
    .btnhpsliderew {
        border: 2px solid #3B3670 !important;
        color: #3B3670 !important;
        font-family: 'Roboto Slab', Helvetica,
            Times New Roman !important;
        font-weight: 700 !important;
        font-style: normal !important;
        padding: 5px 15px !important;
        font-size: 14px !important;
        background-color: #F7F7F7;
    }
  
    .BannerCaption {
        font-size: 3.6vw;
        font-family: Roboto Slab;
        font-weight: 500;
        color: #383838 !important;
    }

    .BannerBlurb {
        font-size: 0.8vw;
        color: #a2a2a2 !important;
        line-height: 1.4;
        margin: 0% 0% 0% 0% !important;
        padding-bottom: 20px;
    }

    .SliderCalltoAction a {
        font-size: 16px !important;
        font-family: Roboto Slab !important;
        color: white !important;
        font-weight: 700;
        vertical-align: top;
        margin: 0% 0% 0% 0% !important;
    }

    .PL25 {
        padding-left: 25px;
        margin-top: 6%;
        margin-bottom: 2%;
    }

    .btnhpslider {
        border: 2px solid #383838 !important;
        color: #383838 !important;
        font-family: 'Roboto Slab', Helvetica, Times New Roman !important;
        font-weight: 700 !important;
        font-style: normal !important;
        padding: 4px 5px !important;
        font-size: 2.5vw;
    }



    .btnhpslider i {
        padding-left: 5px !important;
    }



    .TBAlligment {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }




    .pic_pad {
        width: 100% !important;
        border-top: 5px solid #209025;
        margin-top: auto;
        margin-bottom: auto;

    }

}



.padding40 {
    padding-top: 35px;
    padding-bottom: 15px;
}



.removepadding {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -30px;
    margin-right: -30px;
}

.pheight {
    min-height: 60px;
}


@media screen and (min-width:768px) {
    .margintop35b
    {
        margin-top: 35px;
       
    }
    .marginbtm15d {
        margin-bottom: 15px;
    }
    .PT22 {
        /* padding-top:0px; */
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .textcenter {
        text-align: left !important;
    }

    .paddingtopslide {
        padding-top: 0px;
    }

    .paddingleftslide {
        padding-left: 11%;
    }

    .paddingright15 {
        padding-right: 15%;
    }

    .paddingleft10 {
        padding-left: 10%;
    }

    .paddingright10 {
        padding-right: 10%;
    }

    .carousel .carousel-indicators {
        background: transparent;
        border-radius: 3px 3px 0 0;
        bottom: 30px;
        margin: 0 auto;
        left: 0% !important;
        text-align: right;
        width: 100%;
        margin-left: -8.5%;
    }

    .carousel .carousel-indicators li {
        margin-left: 4px;
    }

    .fs22 {
        font-size: 22px !important;
    }

    .fss25 {
        font-size: 25px !important;
        font-weight: 500 !important;
        font-family: 'Roboto Slab' !important;
        color: #383838 !important;
        line-height: 1.4 i !important;
    }


    .divmiddle {
        padding-right: 160px;
        padding-left: 160px;
        margin-right: auto;
        margin-left: auto;
    }

    .margintp20s {
        margin-top: 20px;
    }

}

@media screen and (max-width:767px) {
    .margintop35b
    {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .margintp20d {
        margin-top: 20px;
    }

    .PT22 {
        margin-top: 0%;
        margin-bottom: 0%;
    }

    .textcenter {
        text-align: right !important;
    }

    .paddingtopslide {
        padding-top: 2%;
    }

    .paddingleftslide {
        margin-left: 4%;
        margin-right: 4%;
    }

    .paddingright15 {
        padding-right: 5%;
    }

    .paddingleft10 {
        margin-left: 4%;
        margin-right: 4%;
    }

    .paddingright10 {
        margin-right: 4%;
        margin-left: 4%;
    }

    .carousel .carousel-indicators {
        background: transparent;
        border-radius: 3px 3px 0 0;
        bottom: 125px;
        margin: 0 auto;
        left: 0% !important;
        text-align: center;
        width: auto;
        margin-left: 45%;

    }

    .fs22 {
        font-size: 15px !important;
    }
    .dteslider
    {
        font-size:12px !important;
    }

    .fss25 {
        font-size: 13px !important;
        font-weight: 500 !important;
        font-family: 'Roboto Slab' !important;
        color: #444444 !important;
    }


    .divmiddle {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    .margintp {
        margin-top: 20px;
    }

    .paddingright0m {
        padding-right: 0px;

    }
}

.sliderpatterndt {
    background-color: #49050500;
    background-image: url(/Style%20Library/Images/events/Event%20Detail%20Pattern.png);
    -moz-background-size: cover;
    -o-background-size: cover;
}


.eventlsttitlef {
    font-size: 16px !important;
    font-family: Open Sans, Lucida sans, Arial !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

.baselineheight {
    line-height: 1.1 !important
}

.margintp15 {
    margin-top: 15px;
}

.paddingtp30 {
    padding-top: 30px;
}

.marginbtm15 {
    margin-bottom: 15px;
}

.bodycopyv {
    font-size: 16px !important;
    font-family: Open Sans, Lucida sans, Arial !important;
    font-style: normal !important;
    color: #666666 !important;
}

.bodycopyv p {
    font-size: 16px !important;
    font-family: Open Sans, Lucida sans, Arial !important;
    font-style: normal !important;
    color: #666666 !important;
}

.sliderptrnbtm {
    background-color: #f2f2f2 !important;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.marginbtm20m {
    margin-bottom: -20px;
    ;
}

.marginbtm30 {
    margin-bottom: 30px;
}

.padding30tb {
    padding-top: 30px;
    padding-bottom: 30px;
}

.margintp30 {
    margin-top: 30px;
}

.videoWP-bordere {
    border: 5px solid #D2D2D2 !important;
}

.favcalender {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #008F51 !important;
}

.paddingright0 {
    padding-right: 0px;
    ;
}



@media screen and (max-width: 991px) and (min-width: 768px) {
    .divmiddle {
        padding-right: 70px;
        padding-left: 70px;
        margin-right: auto;
        margin-left: auto;
    }
}

.h2normal {
    font-weight: normal !important;
    margin: 0 !important;
    font-size: 18px !important;
}

.margintp20 {
    margin-top: 20px;
}

.margintp10 {
    margin-top: 10px;
}

.paddinglr8 {
    padding-left: 8px;
    padding-right: 8px;
}

/*
@media screen and (min-width: 991px) {
    .ms-webpartzone-cell {
        margin: auto auto 0px;
    }
}
*/
.marginright10 {
    margin-right: 10px;
    ;
}

/**Events Entity Webpart**/
.entitywp {
    background: url(/Style%20Library/Images/events/Event%20Detail%20Pattern.png);
    margin-right: -15px;
    margin-left: -15px;
}

.cardbodynewsewp {
    padding: 15;
    margin-bottom: 30px;
}

.bgpkew {
    background-color: #529BCB !important;
}

.bgeaew {
    background-color: #9F6C3E !important;
}

.bgukew {
    background-color: #1D284C !important;
}

.hrefewp {
    color: #fff !important;
}

.hrefewpp {
    color: #fff !important;
}

.margin-btm0 {
    margin-bottom: -5px !important;
}

.marginewp0 {
    margin: 0px !important;
}

.hovereffectlstwp .cardbodynewsewppk {
    border-bottom: 5px solid transparent;
}

.hovereffectlstwp .cardbodynewsewpea {
    padding: 15;
    margin-bottom: 30px;
    border-bottom: 5px solid transparent;
}

.hovereffectlstwp .cardbodynewsewpuk {
    padding: 15;
    margin-bottom: 30px;
    border-bottom: 5px solid transparent;
}

.hovereffectlstwp:hover .cardbodynewsewppk {
    background-color: #f9f9f9 !important;
    border-bottom: 5px solid #529BCB;
}

.hovereffectlstwp:hover .cardbodynewsewpea {
    background-color: #f9f9f9 !important;
    border-bottom: 5px solid #9F6C3E;
}

.hovereffectlstwp:hover .cardbodynewsewpuk {
    background-color: #f9f9f9 !important;
    border-bottom: 5px solid #1D284C;
}

.loadingmt {
    width: 100px;
    height: 100px;
}

.hiddena {
    display: none;
}

.zeroopicity {
    opacity: 0;
}

.paddingbtmrowd {
    padding-top: 30px;
    padding-bottom: 40px;
}

.fxheight {
    min-height: 83px;
}

/*********Icons*************/
.smicons-style-linkedin {
    color: #0080b2;
}

.smicons-style-twitter {
    color: #55acee;
}


.smicons-style-youtube {
    color: #cc181e;

}

.social_icons {
    font-size: 17px;
}

.social_icons-n i {
    font-size: 17px;
    border-radius: 0%;
    border: 2px solid;
    padding: 4px 4px 2px 5px;
    color: grey;
}

i.fa.fa-facebook:hover {
    background-color: #008f51;
    color: white !important;
    border-color: #008f51;
}

i.fa.fa-linkedin.smicons-style-linkedin:hover {
    background-color: #008f51;
    color: white !important;
    border-color: #008f51;
}

i.fa.fa-twitter.smicons-style-twitter:hover {
    background-color: #008f51;
    color: white !important;
    border-color: #008f51;
}

i.fa.fa-google-plus.smicons-style-Google:hover {
    background-color: #008f51;
    color: white !important;
    border-color: #008f51;
}

.social_icons-facebook-n i {
    font-size: 17px;
    border-radius: 0%;
    border: 2px solid;
    padding: 4px 7px 2px 7px;
    color: grey;
}

.social_icons-facebook i:hover {

    color: #008f51 !important;
}

.smicons-style-Facebook {
    color: #3b5998;
    padding: 5px 9px 5px 9px !important;
}

.smicons-style-Google {
    color: red;
}

.pdngbtm20 {
    padding-bottom: 20px;
}

.marginbtm20n{
    margin-bottom: 20px;;
}

.marginbtm15{
    margin-bottom: 15px;;
}


/*************Add to calnder css******************/


  /************share botton******/
.eventsdetailmain .dropdowns {
    position: relative;
    display: inline-block;
  }

  @media screen and (min-width:768px) {
    .eventsdetailmain .dropdown-contents {
      display: none;
      position: absolute;
      margin-left: -30px;
      background-color: #f9f9f9;
      min-width: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      text-align: left;
    }
    .margintp10d {
        margin-top: 10px;
    }
    
  }
  @media screen and (max-width:767px) {
    .eventsdetailmain .dropdown-contents {
      display: none;
      position: absolute;
      right: 0px;
      background-color: #f9f9f9;
      min-width: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      text-align: left;
    }
    .txtrightbtn
    {
        text-align: left;
    }
  }

  
  .eventsdetailmain .dropdown-contents a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer !important;
  }
  
  
  .dropdowns:hover .dropdown-contents {display: block;}
  .dropdowns:hover .dropbtn {background-color: #3e8e41;}

  /************Add to calender botton******/

  .eventsdetailmain .dropdownc {
    position: relative;
    display: inline-block;
  }
  
  
  @media screen and (min-width:768px) {
    .eventsdetailmain .dropdown-contentc {
      display: none;
      position: absolute;
      margin-left: 454px;
      background-color: #f9f9f9;
      min-width: 190px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      text-align: left;
    }
  }
  @media screen and (max-width:767px) {
    .eventsdetailmain .dropdown-contentc {
      display: none;
      position: absolute;
      right: 12px;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      text-align: left;
    }
  }
  
  .eventsdetailmain .dropdown-contentc a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer!important;
  }
  
  .dropdown-contentc a:hover {background-color:#f1f1f1;}
  .dropdownc:hover .dropdown-contentc {display: block;}
  .dropdownc.margintp30 .dropbtn {background-color: #3e8e41;}

  .add-to-calendar-checkbox div{
    padding-bottom: 2px;
  }
  a.aenabled{
    cursor: pointer !important
  }
  a.adisabled {
    opacity: .65 !important;
    border-color: #444444b3 !important;
    color:#444444b3 !important;
  }
  
  a.adisabled:hover { text-decoration: none; }
  a.adisabled:focus { text-decoration: none; }
  a.adisabled:active { text-decoration: none; }

  .mrginbtm5{
    margin-bottom: 5px;
  }

  .Btnakuevents {
    color: #3c3770 !important;
    font-size: 12px !important;
    border: 2px solid #3c3770!important;
    font-family: "Roboto Slab", Helvetica , Times New Roman !important;
    font-weight: 700 !important;
    font-style: normal !important;
    background-color: #ffffff !important;
}
  
.btnsearchjobpevents {
    padding: 4px 8px !important;
}

.btnfixedjobevents {
    width: 100px!important; 
}

.btnfixedjobevents.fa-chevron-right:before {
    padding-right: 15px;
    font-size: 16px;
}

.lneheight{
    line-height: 1.4 !important;
}

.fxheighte{
    min-height: 105px;
}


@media screen and (min-width:768px) {
    .txtrl{
        text-align: right;
    }
.btmpdings
{
    padding-bottom: 40px
}
.fxheighte{
    min-height: auto;
}
/*.marginbtm30d{
    margin-bottom: 30px;;
}*/
}

@media screen and (max-width:767px) {
   .paddingrightm{
        padding-left: 15px;
        padding-right: 15px;
        }
    .txtrl{
        text-align: left;
    }
    .btmpdings
    {
        padding-bottom: 20px
    }
    .fxheighte{
        min-height: 40px;
    }
    .margnbtmdm
    {
        margin-top:15px;
    }
    }

    .paddingewp
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .paddingewp1
    {
        padding-top: 5px;
        padding-bottom: 10px;
    }

  
.hovereffectlstwp {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: 0 0px 40px 0 rgb(0 0 0 / 7%)
}

.hovereffectlstwp .overlay {
    width: 100%;
    height: auto;
    overflow: hidden;
    top: auto;
    bottom: 0;
    padding:15px;
    background: rgba(54, 25, 25, .3);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    border-bottom: 5px solid transparent;
}


.hovereffectlstwp img {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

/*
.hovereffectlst p {
    color: White;
    position: relative;
    padding: 10px;
    float: left;
    margin: -10px;
    width: 100%;
    display: inline-block;
}
*/
.hovereffectlstwp:hover .overlay
{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}

.hovereffectlstwp:hover img {
    /* ZOOM wala shashka */
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.btnfixedjobel
{
	width:100px!important;
}

.btnsearchjobpel
{
	 padding:4px 8px !important;
}

.Btnakuel
{
	color:#3c3770 !important;
	font-size:14px !important;
	border:2px solid #3c3770!important;
	font-family:"Roboto Slab", Helvetica , Times New Roman !important;
	font-weight: 700 !important;
    font-style: normal !important;
    background-color:#ffffff !important;
    text-transform: uppercase;
}

.Btnakuel .fa-chevron-right:before {
    padding-right: 0px !important;
    font-size: 14px !important;
}
.btnhpsliderew .fa-chevron-right:before {
    padding-right: 0px !important;
    font-size: 15px !important;
}

.mrginbtm5{
    margin-bottom: 5px;
}
@media screen and (max-width:991px) {
.animatedcldr{text-align:center;}}

@media screen and (min-width:768px) {
.emptydivM_T_90{margin-top:55px;}}

/*****Change for IED events buttons********/
@media screen and (max-width: 767px) {
    #viewforall{
        margin-bottom: 10px;
    }
    #viewforpast
    {
        margin-bottom: 10px; 
    }
    }

