/* ==========================================================================
   WEBSITE REDESIGN MASTER CSS
   ========================================================================== */
 
/*@import 'fonts/basicallyasansserif.css';*/
@import 'fonts/stylesheet.css';

/* @import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
 
body{
  
  font-family: 'Now', sans-serif;
  font-weight: normal;
  font-style: normal; 
  color: #000;
}

a{
  color: #4952a3;
  text-decoration: none;
}


h1, .PageTitle {

  font-size: 40px; 
  font-weight: normal; 
  line-height: normal; 
  color: #000;
  margin: 0px 0 20px 0;
  padding: 0px;
}
/* .PageTitle{
  margin-top: 20px;
} */

h2 {
  font-size: 30px;
  font-weight: normal;
  line-height: normal;
  /* text-align: center; */
  color: #000;
  border: 0px;
  margin: 0px 0 20px 0;
  padding: 0px;
}
 

h3{
  font-size: 24px;
  margin: 0 0 20px 0;
}


.SectionLabel, h5 {
  color: #000;
  margin: 0 0 .5em;
  font-weight: 500;
}

h4, .SectionLabel{
  font-size: 20px;
  font-weight: 500;
}

h4, .SectionLabel, h5{
  color: #000;
}

p{
  font-size: 18px;
  font-weight: normal; 
  line-height: 28px;  
  margin: 0px 0 20px 0;
  padding: 0px;
}

h1, .h1, .PageTitle, h2, .h2, .PanelTitle {
  font-weight: 400;
  color: #000000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller{
  font-weight: 500;
  line-height: normal
}


b, strong {
  font-weight: 500;
}

.clearfix{
  clear: both;
}

body.NiUG2015{
  background: #ffffff;
}

.RadGrid a{
  color: #4952a3 !important;
  }
  
  .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active {
    color: #0c0e0f ;
  }


/** replace classes **/
.col-primary, .breadcrumb-obo-container {
  background: none;
  padding: 0 0px;
}

 
/** replace classes **/




.header{
  padding:0px;
  /* box-shadow: 0 1px 0 0 rgba(223, 223, 223, 0.5); */
  border-bottom: solid 1px rgba(223, 223, 223, 0.5)!important;
}

 #masterHeaderImage{
  background-position: center center;
 }

.header-right{
  float: right;
}
.top-bar{
 padding-top: 5px;
}
.header .top-bar .NavigationUnorderedList{
  background:none;
  border-radius: 0px; 
  margin: 0px;
  float: right;
}
.top-buttons{
float: right;
}
.top-buttons .NavigationListItem{
  
  border-radius: 5px;
  background-color: #378bc8;
  font-size: 14px;
  font-weight: 500; 
  line-height: normal; 
  color: #fff;
  border: 1px solid #378bc8;
  transform: skewX(-15deg);
  float: left;
  margin-left: 2px;
  text-transform: uppercase;
}
.top-buttons .NavigationListItem .NavigationLink{
  transform: skewX(15deg);
  display: block;
  color: #fff;
   
  padding: 10px 34px !important;
  margin: 0px !important;
  background: transparent !important;
  float: left;
  border: 0px;
  
}
.top-buttons .NavigationListItem .NavigationLink:focus{
     outline: none;
}

.top-buttons .skewnormal{
  transform: skewX(15deg);
  display: block;
}

.top-buttons .joinbtn{
  background-color: #039094; 
  border: 1px solid #039094;
}

.top-buttons .cartbtn{
  background-color: #4952a3; 
  border: 1px solid #4952a3;
}


.top-buttons .nav-aux-account{
  margin: 0 20px 0 0;
  background: none;
  border: none;
  /* width: 52px; */
}
.top-buttons .nav-aux-account .NavigationLink{
  padding: 0px;
  background: url(../../images/profile-icon.svg) no-repeat left 3px;
  height: 38px;
  width: 32px;
}
.top-buttons .nav-aux-account .NavigationLink .nav-text{
    display: none;
}

.top-buttons .loginbtn .nav-text{
  padding: 0 0 0 20px;
  background: url(../../images/login-icon.svg) no-repeat left top;
}
.top-buttons .joinbtn .nav-text{
  padding: 0 0 0 20px;
  background: url(../../images/join-icon.svg) no-repeat left top;
}

.top-buttons .profileibtn .nav-text{
  padding: 0 0 0 20px;
  background: url(../../images/profile-account.svg) no-repeat left top;
}
.top-buttons .cartbtn .nav-text{
  padding: 0 0 0 20px;
  background: url(../../images/cart-icon.svg) no-repeat left top !important;
  height: auto !important;
  width: auto !important;
  
}



.profile-icon{
  float: right;
  margin-right: 20px;
  line-height: 40px;
}
.mobile-profile-icon{
  display: none;
}


.UtilitySearch{
  display: none;
}
.search-container .search-field{
  width: auto;
}


.UtilitySection.UtilityAuthentication{
   display: none;
}

.searchbox {
     float: right;
     margin-right: 20px;
     position: relative;
     z-index: 9;
}

.searchbox .navbar-toggle{
  margin: 0px;
  padding:0 10px;
   height: 40px;
   background: none;
   z-index: 999;
}
.searchbox .searchbar-toggle{
  display: block;
}

.searchbox .navbar-toggle.collapsed .icon-search{
  background: url(../../images/search-icon.svg) no-repeat center top;
  width: 20px;
  height: 20px;
  margin: 0px;
}
.searchbox .navbar-toggle .icon-search{
  background: url(../../images/search-icon.svg) no-repeat center top;  /** close icon**/
}

.searchbox .menu-toggle{
  display: none;
}

.searchbox .search-container{
  display: block;
}
.searchbox .searchbar-collapse{
       position: absolute;
       top: 0px;
       right: -8px;
       z-index: -1;
}
.search-container{
  padding: 0px;
}
.searchbox .navbar-collapse.collapse{

  display: none!important;
}
.searchbox .collapse.in{
  display: block!important;
}
.searchbox .search-field{
  background: #fff;
  background-position: 7px -16px;
  padding-left: 15px !important;
  

}
.header-search .search-field{
  box-shadow: none;
}
.ste-section{
  float: right;
  margin-left: 20px;
}

/*********/



.navigationbar{
   margin: 0px 0 0 0;
   font-size: 14px;
}

.navigationbar .nav-primary{
    top: 0px;
}  
.RadMenu.rmResponsive ul.rmRootGroup > li:first-child{
  border-radius: 0px;
  border-left: 0px solid #ffffff;
}
.RadMenu.rmResponsive ul.rmRootGroup > li:last-child{
  border-radius: 0px;
  border-right: 0px solid #ffffff;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem{
    background: none;
    text-shadow: none;
}
.RadMenu.rmResponsive .rmLink{
  padding:10px 20px;
}
.RadMenu.rmResponsive .rmSlide .rmLink{
  padding:5px 15px;
}
.RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rsmLink{
  color: #000;
  font-weight: 500!important;
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
  color: #378bc8;
}


.RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink{
  background: none;
  color: #378bc8;
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink, .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink, .nav-secondary .sub-nav-head{
  background: none;
}


.RadMenu.rmResponsive .rmGroup{
  background: #fff;
  /* border-radius: 5px; */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}

.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus{
  color: #000;
  font-weight: 500!important;
  text-transform:none;
}
.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus, .rmResponsive .rmSlide .rsmLink:hover, .rmResponsive .rmSlide .rsmLink:focus, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus{
  color: #378bc8;
}

.RadMenu.rmResponsive .rmToggle .rmIcon{
  background-image: url(../../images/responsivenav2.png);
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{

  color: #378bc8;

}
.rmResponsive .rmSlide .rmFocused > .rmLink, .rmResponsive .rmSlide .rmSelected > .rmLink, .rmResponsive .rmSlide .rsmSelected > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {

 color: #378bc8;

}
/***new 28112022***/

.RadMenu.rmResponsive .rmSlide .rmText{
  padding: 0px;
  margin: 0px;
}
.RadMenu .rmHorizontal .rmText{
  padding: 0px !important;
}


/* .navigationbar .nav-primary{
  margin-bottom:-2px;
  } */
  /*
  .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink{
  border-bottom: 2px solid #4952a3
  }
  */
  /* .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
  border-bottom: 2px solid #4952a3
  } */

  .RadMenu.rmResponsive ul.rmRootGroup > li{
    border: 0px;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmRootLink {
    border-bottom: 2px solid transparent;
  }

  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmSelected, .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmFocused{
    border-bottom: 2px solid #4952a3;
  } 


/** slider **/

.hSlider{
  margin: 0px 0 0px 0;
}

.hSlider .panel-body{
    padding: 0px;
}
.hSlider .panel{
  border: 0px;
}

.hSlider .carousel-inner.bg-img > .item{
  background: #fff;
  height: 470px;
}
.hSlider .carousel-inner.bg-img > .hslide1{
  background-repeat: no-repeat; background-position: right; background-size: contain;  background-color: #fafbfd;
}
.hSlider .carousel-inner.bg-img > .hslide2{
background-repeat: no-repeat; background-position: center; background-size: contain;
}
.hSlider .carousel-inner.bg-img > .hslide3{
  background-repeat: no-repeat; background-position: center; background-size: contain;
  }

.slider-indicators{
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.slider-indicators .container{
   position: relative;
   
}
  
  .hSlider .carousel-indicators{
    /* left: 0%; 
    width: auto;
    margin-left: 15px; */


/** new**/

    width: 100%;
    margin-left: -550px;
    padding-left: 0;
     
    text-align: left;
    max-width: 1170px;

  }
  .hSlider .carousel-indicators li{
    text-indent: 0px;
    width: 19px;
    height: 18px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    border: 0px;
    color: #fff;
    text-shadow:0 0 5px rgba(0, 0, 0, 0.6);

    text-align: center;
   /** new**/
   /* background-color: #fff;
    border:1px solid rgba(0, 0, 0, 0.3);
    margin: 2px; */
  }
  .hSlider .carousel-indicators .active{
      background: rgba(0, 0, 0, 0.3);
  }

.hSlider .carousel-control{
  display: none;
}
.hSlider .hpSlider .PrimaryButton{
  float: none;
  display: inline-block;
}
/* .hSlider .carousel-inner .item .container{
     max-width: 740px;
} */
.hSlider .carousel-caption{
  position: relative;
  width: 100%;
  height: 100%;
   
   
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0px 0px rgb(0 0 0 / 60%);
}
.h-100{
  height: 100%;
}
.slide-caption{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  color: #fff;
}

.slide-caption h1 { 
  font-size: 40px;
  font-weight: normal;
  line-height: 52px;
  color: #fff;
  margin: 0px 0 15px 0;
  padding: 0px;

}
.slide-caption p{
  font-size: 18px;
  font-weight: normal; 
  line-height: 26px; 
 
  color: #fff;
  margin-bottom: 25px;
}
.slide-caption .MediumButton{
  padding: 10px 30px!important;
}
.slide1-content{
  align-items: flex-start;
  color: #61637f;
  text-align: left;
  max-width: 478px;
  padding-bottom: 50px;
}
.slide1-content h1{
  color: #000;
}
.slide1-content p{
  color: #61637f;
}





/**********/

 .learning-section{
  margin-bottom: 30px;
 }
 .section-heading{
   margin-bottom: 40px;
   position: relative;
 }
.section-heading h2{
  font-size: 45px;
  font-weight: normal; 
  line-height: normal; 
  text-align: center;
  color: #000;
  border:0px;
  margin: 0px;
  padding: 0px;
}

.heading-right-btn{
    padding-top: 10px; 
}

.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton {
  color: #ffffff;
  background-color: #378bc8;
  border-color: transparent;
  border-radius: 5px;
  border-color: #378bc8!important;
  box-shadow: 0 0 0px #999;
  background: -moz-linear-gradient(top, transparent 0%, transparent 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7f0f7), color-stop(100%, #67b5e5));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, transparent 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, transparent 0%, transparent 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, transparent 0%, transparent 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, transparent 0%, transparent 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent', GradientType=0);
    /* IE6-9 */
    background: #378bc8;
    color: #ffffff!important;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton.active, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage.active, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton.active, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a.active, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton.active {

  background: #4952a3;
  color: #ffffff;
}

.MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
  font-size: 15px!important;
  font-weight: 500;
  padding: 10px 20px!important;
  border-radius: 5px;
}

/****/

.homeevents{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}


.learning-box{
  padding: 10px;
  border-radius: 10px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  max-width: 360px;
}
.learning-box:hover{
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.learning-thumb{
    width: 100%;
    height: 175px;
    overflow: hidden;
   
    border-radius: 10px;
    position: relative;
    text-align: center;
    /* background-color: #f5f5f5; */
}
.learning-thumb img{
    /* position: absolute;
    top: -50%;
    left: -50%;
    width: 100%;
    height: 100%!important;
    transform: translate(50% , 50%); */
    max-height: 100%;
    object-fit: contain;
    width: 100%;
    height: 100%!important;
}
 
.learning-content{
  padding: 20px 15px 10px 15px;
}

.learning-topic{

  font-size: 16px;
  font-weight: 500;
  color: #378bc8;
  margin-bottom: 10px;
}
.event-color{
  color: #4952a3;
}
.learning-title{
  font-size: 20px;
  font-weight: 500; 
  line-height: 26px; 
  color: #000;
}
  
.learning-title a{
  color: #000;
}
.learning-title a:hover{
  color: #378bc8;
}

.learning-datetime{
  font-size: 16px;
  font-weight: normal; 
  line-height: normal; 
  color: #000;
  border-top: solid 1px #e8e8e8;
  padding: 15px 0 0 0;
  margin: 15px 0 0 0;

}

.benefits-section{
  padding-bottom: 20px;
}

.benefits{
  display: flex;
  flex-wrap: wrap;
}

.benefits-box{
  height: calc(100% - 30px);
  padding: 30px 16px 0px 16px;
  border-radius: 10px;
  background-color: #fff5f5;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.benefits-box h3{
  font-size: 22px;
  font-weight: 500; 
  line-height: 28px; 
  color: #000;
  margin: 0px 0 15px 0;
  padding: 0px;
  min-height: 56px;
}
.benefits-box p{
  font-size: 18px;
  font-weight: normal; 
  line-height: 24px; 
  color: #61637f;
  margin: 0px 0 20px 0;
  padding: 0px;
}

.benefitsButtons{
   text-align: center;
   margin-top: auto;
   margin-left: -16px;
   margin-right: -16px;
}
.benefitsButtons .btn{
    display: block;
    background: #e36c6c;
    border-color: #e36c6c!important;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    color: #ffffff;
    padding: 16px 20px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.benefitsButtons .btn:hover{
  background: #e25a5a;
  border-color: #e25a5a!important;
}

.benefits-box2{
  background-color: #eef8ff;
}
.benefits-box2 .benefitsButtons .btn{ 
    background: #4581ab;
    border-color: #4581ab!important;
}
.benefits-box2 .benefitsButtons .btn:hover{ 
  background: #2b76aa;
  border-color: #2b76aa!important;
}

.benefits-box3{
  background-color: #eeffed;
}
.benefits-box3 .benefitsButtons .btn{ 
    background: #6ba767;
    border-color: #6ba767!important;
}
.benefits-box3 .benefitsButtons .btn:hover{ 
  background: #50a64a;
  border-color: #50a64a!important;
}

.benefits-box4{
  background-color: #fffaea;
}
.benefits-box4 .benefitsButtons .btn{ 
    background: #bf9c2e;
    border-color: #bf9c2e!important;
}
.benefits-box4 .benefitsButtons .btn:hover{ 
  background: #ba9214;
  border-color: #ba9214!important;
}

.partners-slider {
  padding: 40px 0 40px 0;
  background: #fafbfd;
}
.partners-slider .logoParade{
  width: 100%;
  padding: 0px;
  background: none;
}
.partners-slider .hpLogoParade{
    font-size: 47px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    color: #000;
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-transform: none;
    
}
.partners-slider .hpLogoParade h3{
  font-size: 47px;
  font-weight: normal;
  line-height: normal; 
  color: #000;
  margin: 0px 0 30px 0;
}

.partners-slider .logoParade div.scrollableArea a{
  height: 100px;
  display: flex;
    align-items: center;
}

.partners-slider .logoParade img, .partners-slider .logoParade a img{
  height: auto!important;
  padding: 10px 25px;
}


.partnership-btn{
  padding: 20px 0 0 0;
}
.partnership-btn .MediumButton{
  padding: 12px 30px!important;
}

.scrollingHotSpotLeft {

  display: none;
  opacity: 0!important;
}
.scrollingHotSpotRight {

  display: none;
  opacity: 0!important;
}

.mosaic-apps-banner{
  text-align: center;
  margin: 50px 0;
}


/** footer css **/

.footernew{
     display: block;
     border-top: 2px solid #efefef;
}




.copyright-outer{
  background: #4952a3;
  padding: 6px 0;
  font-size: 13px;
  font-weight: normal; 
  line-height: 24px;
  letter-spacing: normal;
  color: #fff;
}
.copyright-outer h6{
  font-size: 13px;
  font-weight: normal; 
  line-height: 24px;
  letter-spacing: normal;
  color: #fff;
  margin: 0px;
}
.copyright-outer a{
  color: #fff;
}
.copyright-outer a:hover{
  color: #fff;
  text-decoration: underline;
}

.copyright-links a{
    display: inline-block;
    margin: 0 5px;
}
.designedby{
  text-align: right;
}
.designedby a{
  font-weight: 500;
  text-decoration: underline;
  
}

.copyright-outer .footer-copyright{
    text-align: left;
}

.footer-top{
  padding:30px 0 20px 0;
}
.footer-top #ste_container_FooterLogo{
      margin-bottom: 20px;
}
.footer-info{
  font-size: 15px;
  font-weight: 500; 
  line-height: 20px; 
  color: #000;
  margin: 0 0 20px 0;
}
.footer-top address{
  font-size: 18px;
  font-weight: normal;
   
  line-height: 26px;
  letter-spacing: normal;
  color: #444;
  margin-bottom: 0px;
}
.footer-top h3{
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin: 0 0 20px 0;
}


.footer-top address h5{
  font-size: 22px;
  font-weight: 500;
   
  line-height: 26px;
  letter-spacing: normal;
  color: #000000;
}

.footer-links{
  border-left: solid 1px #dadada;
  border-right: solid 1px #dadada;
  height: 100%;
  padding: 0 10px 0 40px;
  min-height: 200px;
}
.footer-links .NavigationUnorderedList{
   float: none;
   padding: 0px;
   display: flex;
   flex-wrap: wrap;
    
}
.footer-links .NavigationListItem{
  border: 0px!important;
  flex:0 0 50%;
  max-width: 50%;
  padding: 5px 0;
  
}
.footer-links .NavigationLink{
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: normal;
}
.footer-links .NavigationLink:hover{
  color: #378bc8;
}
.footer-top .footer-social2 h3{
  font-size: 18px;
  font-weight: 500;
   
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin: 0 0 20px 0;
}

.footer-top .smedia-links{
  float: none;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer-top ul.smedia-links li{
  margin: 0 28px 0 0;
  list-style: none;
  display: inline-block;
}
.footer-top ul.smedia-links li a{
  margin: 0 0px 0 0;
}

.imisk2-logo{
  padding: 50px 0 0 0;
}

.float-right{
  float: right;
}

.mobile-search{
  
  display: none;
}

/************** about us page css *******************/

.inner-page-banner{
  background-color: #fafbfd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  height: 470px;
}

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

.margin-top-none{
  margin-top: 0px!important;
}

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

.margin-bottom-10{
  margin-bottom: 10px;
}
.margin-bottom-20{
  margin-bottom: 20px;
}
.margin-bottom-30{
  margin-bottom: 30px;
}
.margin-bottom-50{
  margin-bottom: 200px;
}
.margin-bottom-200{
  margin-bottom: 200px;
}

.about-banner{
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
   
  height: 100%;
  
  color: #fff;
  padding-top: 134px;
}

.banner-content h1{
  font-size: 56px; 
  font-weight: normal; 
  line-height: 64px; 
  color: #fff;
  margin: 0px 0 15px 0;
  padding: 0px;
}
.banner-content p{
  font-size: 18px;
  font-weight: normal; 
  line-height: 26px; 
 
  color: #fff;
  margin-bottom: 25px;
}
.banner-content .MediumButton{
  padding: 10px 30px!important;
}

.body-container{
  overflow: hidden;
  margin-top: 20px;
}

.about-video{
   margin-bottom: -150px;
}
.about-video iframe{
  width: 100%;
  border: 0px;
}

.about-content{
  max-width: 946px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}
.faq-wrap{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  padding-left: 15px;
  padding-right: 15px;
}

.faq-accordion .ui-widget-content{
     border: 0px !important;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 10px 0 0 0;
  padding: 14px 32px 14px 16px;
  font-size: 20px;
  font-weight: 500;
}

.ui-accordion .panel-icon{
  float: right;
  position: absolute;
  top: 14px;
  right: 16px;
 
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
 
  font-weight: 500;
  color: #000;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  color: #356ae6;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #f9f9f9!important;
  border: none!important;
  border-radius: 0px!important;
  border-top: 0px dotted #dddddd!important;
}

.ui-state-hover {
  height: auto !important;
}
.ui-state-active{
  height: auto !important;
}

.ui-widget-content {
  border: 0px solid #dddddd;
  background: #f9f9f9;
  color: #000;
  font-size: 18px;
  padding: 5px 16px 16px 16px;
  /* height: auto!important; */
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 10px!important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 10px!important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 10px!important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 10px!important;
}

/****** breadcrumb css ********/
#masterMainBreadcrumb {
    padding-bottom: 10px;
	max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.breadcrumb-obo-container{
  background: none;
  padding: 8px 0;
}

.breadcrumb{
  font-size: 14px;
  font-weight: 500;
  color: #64646d;
  /* color: #378bc8; */
  line-height: normal;
}
.breadcrumb a{
  color: #64646d;
}
.breadcrumb a:hover{
  color: #378bc8;
}
.breadcrumb a:hover{
  color: #378bc8;
}

/****** login page css ********/

.login-wrap{
  background-image: url(../../images/newloginbg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  padding-top: 50px;
  padding-bottom: 50px;
}

.login-form .panel-border{
  max-width: 380px; 
  margin: 0 auto;
}
.login-form .panel-border{
  padding: 15px;
  border-radius: 10px;
  border: solid 6px #f5f5f5;
  background-color: #fff;
  
}

.login-form .panel-heading{
  
  border-bottom: 0px;
}
.login-form .panel-title{
  font-size: 34px;
  font-weight: 500;
  
}

label, .Label, .PanelFieldLabelFont{
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
 .SignIn input[type="text"], .SignIn input[type="password"]{
  border-radius: 5px;
  background-color: #f2f2f2;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  border: 1px solid #f2f2f2;
  box-shadow: none;
}

.SignIn input[type="submit"]{
     background-color: #378bc8;
     border-radius: 5px;
     border-color: #378bc8!important; 
     font-size: 16px;
     line-height: normal;
     font-weight: 500;
     padding: 12px 10px;
     text-transform: uppercase;
     outline: none;
}
.SignIn input[type="submit"]:hover{
  background-color: #4952a3;
  border-color: #4952a3!important;
}

.SignIn .SignInButton.TextButton{
    margin-bottom: 10px;
}

.forgot-user{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
 
}
.forgot-user a{
  color: #406d97;
}
.forgot-user a:hover{
  color:#4952a3;
}

.creat-account-link{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #039094;
}
.creat-account-link a{
 
  color: #039094;
}
.creat-account-link a:hover{ 
  color: #039094;
}


/**** calendar page design******/

.calendar-page-banner{
  background-color: #fafbfd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  height: 420px;
}
.calendar-banner{
  display: flex;
  flex-direction: column;
  justify-content: center; 
  height: 100%; 
  text-align: center; 
}

.calendar-banner h1{
  font-size: 56px; 
  font-weight: normal; 
  line-height: 64px; 
  color: #000;
  margin: 0px 0 15px 0;
  padding: 0px;
}
.calendar-banner p{
  font-size: 18px;
  font-weight: normal; 
  line-height: 26px; 
 
  color: #000;
  margin-bottom: 25px;
}
.calendar-banner p.note{
  color: #f00;
}

.calendar-content{
  font-size: 18px;
  font-weight: 400; 
  line-height: 30px;  
  color: #64646d;
}

.calendar-content strong{
    color: #000;
    font-weight: 500;
}
.calendar-content b{
  color: #000;
  font-weight: 500;
}

.calendar-content h3{
  color: #000;
}

.calendar-border{
  padding: 20px 25px;
  border-radius: 10px;
  border: solid 6px #f5f5f5;
  background-color: #fff;
}

.calendar-content .PanelTitle{
  font-size: 24px;
  font-weight: 500;
  line-height: normal; 
  color: #000;
  margin: 0px 0 15px 0;
  padding: 0px;
  display: block;
  text-align: left;
}

.calendar-content p{
  font-size: 18px;
  font-weight: 500; 
  line-height: 30px; 
 
  color: #64646d;
  margin-bottom: 25px;
}

.date-wrap{
  padding: 10px 0 20px 0;
}

.calendar-thumb{
  float: right;
  margin: 0 0 15px 15px;
}

.calendar-thumb img{
    max-width: 210px;
}

.quotebox{
  border-left: 2px solid #4952a3;
  padding: 0 0 0 10px;
  margin-left: -10px;
}
.quoteblue{
   border-color: #378bc8;
}

.Memberprice{
  font-size: 20px;
  color: #000;
  font-weight: 500;
}

.line-height-30{
  line-height: 30px;
}


/*********/



.programbox{
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #64646d;
}

.programbox .TitleBarCaption{
  text-align: right;
  padding-right: 0px;
}
.programbox .TitleBarCaption label{
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
}

.programbox .TitleBarCaption select{
  padding: 0px 14px 0px 14px;
  border-radius: 10px;
  border: solid 1px #cdd6de;
  background-color: #fff;
  height: 45px;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
}

.programbox .TitleBarCaption select:focus{
     outline: none;
}

.programbox h2.PanelTitle{
  font-size: 38px;
  font-weight: normal; 
  line-height: 50px; 
  color: #000;
}

.programbox .StandardPanel{
  border-radius: 10px;
  /* background-color: #378bc8; */
  overflow: hidden;
  /* border: solid 1px #cdd6de; */
  background-color: #fff;
  margin-bottom: 10px;
  border-bottom: 0px;
}


.programbox .ProgramGroup .PanelTitle{
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  font-family: 'Now', sans-serif;
  line-height: 2em;
}

.programbox .ProgramGroup .PanelHead{
  background-color: #378bc8;
}

.programbox .PanelBody{
  border: solid 1px #cdd6de;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  
}

.programbox .ProgramItemSummary .WhenColumn, .programbox .ProgramItemSummary .IteneraryColumn{
  font-weight: 500;
  color: #000000;
  font-size: 20px;
}
.programbox .PanelHead.Distinguish .PanelHeadOptions{
  margin-top: 0.4em;
}
.programbox strong{
  font-weight: 500;
  color: #000000;
}



.programbox .ProgramItemSummary .ListItemTitle{
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.programbox .ProgramItemSummary .ListItemTitle a{

  color: #000!important;
  text-decoration: none;
  }
.programbox .ProgramItemSummary .ListItemTitle a:hover{

color: #4952a3!important;
}

.programbox .PanelField label, .programbox .PanelField .Label {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.programbox .RadGrid_MetroTouch .rgAltRow{
  background: none;
}

.programbox  .RadGrid_MetroTouch .rgRow>td, .programbox .RadGrid_MetroTouch .rgAltRow>td {
  border-bottom: 1px solid #cdd6de;
  padding-top: 20px;
  padding-bottom: 20px;
}

.programbox table.rgMasterTable tr:last-child td{
    border-bottom: none;
}

/******** find products page css *********/

 
.find-products{
   padding: 20px 0 0 0;
}

.find-products-heading{
  text-align: center;
  margin-bottom: 20px;
}

.find-products .panel-heading.Distinguish{
  border: 0px;
}

.find-products .panel-body{
  border-radius: 20px;
  box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding:0px 0 20px 0;
}

.find-products .panel, .find-products .StandardPanel{
  border: none;
}

.find-products .RadGrid_MetroTouch td.rgPagerCell{
  border: none!important;
}
.find-products .RadGrid_MetroTouch{
  border: none!important;
}

.find-products .SearchField{
    background: none;
    padding: 30px 15px 0px 15px;
    text-align: center;
}

.find-products .SearchField label{
  display: none;
}

.find-products .SearchField input[type="text"]{
  padding: 12px 20px 12px 50px;
  border-radius: 5px;
 
  box-shadow:none;
  border: none;
  max-width: 515px;
  width: 100%;
  height: 47px;
  background:#f2f2f2 url(../../images/search-icon2.svg) 12px 13px no-repeat;
}

.find-products .SearchField input.TextButton{
    display: none;
}

.SearchResultSummary .ListItemTitle a{
  background: none;
    padding: 30px 10px 15px 10px;
    font-size: 24px;
  font-weight: 500;
  color: #000;
  margin: 0px;
  display: block;
}
 
.SearchResultSummary .ListItemTitle a:hover {
  background: none;
  text-decoration: none;
  color: #4952a3!important;
}

.SearchResultSummary .Description{
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #64646d;
}

.find-products .RadGrid_MetroTouch .rgAltRow{
  background: none;
}

.find-products .RadGrid_MetroTouch .rgRow, .find-products .RadGrid_MetroTouch .rgAltRow {
      background: none;
    
}

.find-products .RadGrid_MetroTouch .rgRow>td, .find-products .RadGrid_MetroTouch .rgAltRow>td{
  padding: 0px;
}

.find-products .SearchResult{
  margin: 0px;
  padding: 0 10px 30px 10px;
  /* border-bottom: 1px solid #d2d2d2; */
}


.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell{
  border-color: #378bc8;
    color: #fff;
    background-color: #378bc8;
}
.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell {
  border-color: #378bc8;
  color: #fff;
  background-color: #378bc8;
}
.totalpcount{
  font-size: 18px;
  font-weight: 500;
}

.RadGrid_MetroTouch .rgInfoPart{
  color: #777;
  color: #64646d;
  font-size: 16px;
}

.RadGrid_MetroTouch .rgInfoPart strong{
  color: #000;
}

.rcbReadOnly .rcbInputCellLeft{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rcbReadOnly .rcbArrowCellRight{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.RadComboBox_MetroTouch table td.rcbInputCell, .RadComboBox_MetroTouch table td.rcbArrowCell{
  border: 0px;
}

.RadGrid td.rgPagerCell{
  padding: 20px 5px;
}

.EmptyMasterContentPanel > .ContentItemContainer{
  padding-bottom: 10px;
}

a.AddPaddingLeft {
  padding-left: 15px;
}

 
/*** pagination ***/

.RadGrid_MetroTouch .rgNumPart a{
  border: solid 0.5px #b4b4b4!important;
  background-color: #f9f9f9!important;
  color: #000!important;
  border-radius: 0px!important;
  line-height: 35px!important;
  min-width: 35px!important;
  height: 35px!important;
}
.RadGrid_MetroTouch .rgNumPart a:hover {
  border-color: #b4b4b4!important;
  color: #fff!important;
  background-color: #4952a3!important;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
  background-color: #4952a3!important;
  border-color: #b4b4b4!important;
  color: #fff !important;
}

.RadGrid_MetroTouch .rgPagePrev, .RadGrid_MetroTouch .rgPageNext, .RadGrid_MetroTouch .rgPageFirst, .RadGrid_MetroTouch .rgPageLast{
  border-radius: 0!important;
  width: 35px!important;
  height: 35px!important;
  border: solid 0.5px #b4b4b4!important;
  background-color: #f9f9f9!important;
  line-height: 35px!important;
  color: #378bc8!important;
}

.RadGrid_MetroTouch .rgPagePrev:hover, .RadGrid_MetroTouch .rgPageNext:hover, .RadGrid_MetroTouch .rgPageFirst:hover, .RadGrid_MetroTouch .rgPageLast:hover {
  background-color: #4952a3!important;
  color: #fff !important;
}


.RadGrid .rgPageFirst{
  margin-right: 6px!important;
  border-radius: 4px!important;
}
.RadGrid .rgPageNext{
  margin-left: 0px!important;
  border-top-right-radius: 4px!important;
  border-bottom-right-radius: 4px!important;
 
}

.RadGrid .rgPagePrev{
  margin-right: 0px!important;
  border-top-left-radius: 4px!important;
  border-bottom-left-radius: 4px!important;
}
.RadGrid .rgPageLast{
  margin-left: 6px!important;
  margin-right: 0px!important;
  border-radius: 4px!important;
}


.RadGrid_MetroTouch .rgPageFirst {
  background-position: -9px -709px!important;
}
.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid_MetroTouch .rgPageFirst:hover {
  background-position: -109px -709px!important;
}
.RadGrid_MetroTouch .rgPagePrev {
  background-position: -9px -109px!important;
} 
.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid_MetroTouch .rgPagePrev:hover {
  background-position: -109px -109px!important;
}

.RadGrid_MetroTouch .rgPageNext {
  background-position: -8px -159px!important;
}
.RadGrid_MetroTouch .rgPageNext:active, .RadGrid_MetroTouch .rgPageNext:hover {
  background-position: -108px -159px!important;
}

.RadGrid_MetroTouch .rgPageLast {
  background-position: -8px -760px!important;
}
.RadGrid_MetroTouch .rgPageLast:active, .RadGrid_MetroTouch .rgPageLast:hover {
  background-position: -108px -760px!important;
}

/****** product detail page css ********/

.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton .PrimaryButton, .SaveAndClose, .SaveAs, .TextButton, .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton, .Highlight, #ft, #EncodedLinkContent a{

 color: #ffffff;
  background-color: #378bc8;
  border-color: transparent;
  border-radius: 5px;
  border-color: #378bc8!important;
  box-shadow: 0 0 0px #999;
  background: -moz-linear-gradient(top, transparent 0%, transparent 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7f0f7), color-stop(100%, #67b5e5));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, transparent 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, transparent 0%, transparent 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, transparent 0%, transparent 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, transparent 0%, transparent 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent', GradientType=0);
    /* IE6-9 */
    background: #378bc8;
    color: #ffffff!important;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton.active, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage.active, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton.active, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a.active, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton.active {

  background: #4952a3;
  color: #ffffff!important;
}


.ProductDisplay{
  
  background-color: #f5f5f5;
  padding: 20px;

  font-size: 18px;
  font-weight: 500;
  color: #64646d;
}
 

.ProductDisplay .ProductTitle{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}
.Horizontal .ProductDisplay .ProductLabel{
  text-align: left;
  color: #000000;
  padding-left: 0px;
  width: 210px;
  font-size: 18px;
  font-weight: 500;
 
}

.Significant {
  font-weight: 500;
}
.ProductDisplay .Quantity.InputSmall, .ProductDisplay .InputSmallWrapper input[type='text']{
    width: 80px;
}
.Quantity.AlignRight {
  text-align: center;
}

.RelatedItemsHorizontal{
  display: flex;
  flex-wrap: wrap;
}


ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li{
  width: 168px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  padding: 20px;

}
ul.RelatedItemsHorizontal li a.LabelLink, .HorizontalScrollItem a.LabelLink{
  color: #000000;
}
.RelatedItemsHorizontalEffect li a.ImageLink{
  margin-bottom: 10px;
}


/******* popup design changes *********/

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #4952a3;
}

.RadWindow_MetroTouch {
  /* font-family: "Segoe UI",Arial,Helvetica,sans-serif; */
  font-size: 16px;
  border: 0px solid #e6e6e6!important;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
  font-size: 22px;
  font-weight: 500!important;
  
 
  color: #fff;
}





/* .PanelField label, .PanelField .Label {
   
  padding-top: .5em;
} */


.PrimaryButton, .SaveAndClose, .SaveAs, .TextButton, .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton, #EncodedLinkContent a {
  border-color: #ffffff!important;
  box-shadow: 0 0 0px #999;
}
 

input[value="cancel"].TextButton{
  color: #fff!important;
   background: #64646d;
}

input[value="cancel"].TextButton:hover, input[value="cancel"].TextButton:focus, input[value="cancel"].TextButton:active{
   color: #fff!important;
  background: #4e4e55;
}


.iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer h1{
   margin-bottom: 0px;
}

/***** account page css *****/
#ste_container_ciAccountPage > .panel > .panel-heading.Distinguish{
  margin: 0px;
  padding: 0px 0 10px 0;
}
#ste_container_ciAccountPage > .panel > .panel-heading > .panel-title{
  font-size: 40px;
}

#ctl01_TemplateBody_WebPartManager1_gwpciAccountPage_ciAccountPage__Body{
  padding: 0px;
}
#ste_container_ciAccountPage .ContentWizardDisplay{
  padding: 10px 0;
}

#ste_container_ciAccountPage .panel-body h2{
  font-size: 25px;
}

.PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish {
  border-bottom-style: solid;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default{
  border: 1px solid #cccccc;
    background-color: white;
    height: 39px;
    padding: 5px 10px;
}

/***** tabs css *****/

h2.panel-title{
  font-size: 25px;
}
h2.PanelTitle{
  font-size: 25px;
}
.RadTabStripTop_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 {
  background: transparent!important;
  border-bottom: 1px solid #cdd6de;
}
.RadTabStrip_Metro .rtsLevel1 .rtsLI{
  color: #64646d!important;
}
.RadTabStrip_Metro .rtsLevel1 .rtsLink {
  color: #64646d!important;
  border: 0px solid #25a0da!important;
}
.RadTabStrip_Metro .rtsLink{
  font-size: 16px!important;
  padding: 12px 15px!important;
}
.RadTabStrip .rtsLink {
  font-weight: 500!important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: white;
  border-bottom: 2px solid #4952a3!important;
  text-decoration: none!important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: white;
  border-bottom: 2px solid #4952a3!important;
  text-decoration: none!important;
  color: #4952a3!important;
}

a.rtsLink:focus, a.rtsLink.rtsSelected:focus{
  box-shadow: none!important;
  text-decoration: none!important;
}

.RadGrid.RadGrid_MetroTouch th.rgSorted{
  display: flex;
}

.RadAjax .RadAjax_Default{
  background: none;
}
.WebPartZone{
  margin-bottom: 20px;
}


/********* register page ***********/

#ctl01_TemplateBody_WebPartManager1_gwpciNewContactAccountCreatorCommon_ciNewContactAccountCreatorCommon__Head{
  padding: 20px 0 0 0;
}

.Error{
  font-weight: 400;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
  box-shadow: none;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


#ste_container_ciNewContactAccountCreatorCommon .RadComboBox{
  display: block!important;
}

#ste_container_ciNewContactAccountCreatorCommon .RadComboBox table td.rcbInputCell{
  background: none; 
  height: auto;
  padding: 0;
}

#ste_container_ciNewContactAccountCreatorCommon .RadComboBox .rcbInput{
  height: 39px;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.6;
  color: #555555;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.ButtonPanel{
  margin-bottom: 20px;
}

/*** join page ***/
input[id*="ATSCFSMailBackButton"] {
  
  border-radius: 5px;
  font-weight: 400;
  background-color: #4952a3;
  color: #ffffff;
  text-shadow: none; 
  font-family: inherit!important;
  border: none;
  font-size: 15px!important;
  font-weight: 500;
  padding: 10px 20px!important;
}

.col-primary .ui-widget-content {
  border: 1px solid #cdd6de;

}
.col-primary .ui-tabs{
  padding: 0px;
  overflow: hidden;
}

.col-primary .ui-tabs-vertical .ui-tabs-nav{
  padding: 0px;
  border-radius: 0px!important;
}

 
.col-primary .ui-tabs-vertical .ui-widget-header {
  background: none!important;
  background-color: #cdd6de!important;
  border: none!important;
  border-radius: 0px!important;
}

.col-primary .ui-tabs-vertical .ui-tabs-panel{
  border-left: 1px solid #cdd6de;
  border-radius: 0px!important;
}
.col-primary .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  
  background: #4952a3!important;
}
.col-primary .ui-state-active a, .col-primary .ui-state-active a:link, .col-primary .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.col-primary .ui-tabs-vertical .ui-tabs-nav li{
  margin: 0 0px 1px 0;
}

.col-primary .ui-tabs-vertical .ui-tabs-panel   h2{
   font-size: 30px;
}
.chosen-container-multi .chosen-choices{
    border: 1px solid #cccccc;
    border-radius: 5px; 
}

.chosen-container-multi .chosen-choices .search-field{
  height: 39px;
  padding: 5px 10px;
}


/**** cart page design ***/

.has-secondary-col .col-primary {
  width: 100% !important;
  margin:0 px !important;
}
.hSlider .carousel-inner > .item .carousel-link {
  display: block;
  width: auto;
  height: auto;
}
.login-wrap .SignIn{ 
max-width: 100%;
}

.SignIn {
  max-width: 340px;
}
.CartCharges{
  background-color: #f5f5f5;
  max-width: 100%;
  padding: 0px;
}


.CartCharges .GrandTotal .PanelField .Label{
  color: #4952a3;
}
.CartCharges .GrandTotal .PanelField {
 
  color: #4952a3;
}

.CartCharges .ReadOnly.PanelField .Label{
  padding-top: 0px;
}
.CartCharges .PanelField{
  padding: 10px;
}

#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart__Body{
  padding: 10px 0;
}

#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_DataPanel_Body{
  padding: 0px;
}

.RadGrid_MetroTouch{
  overflow: auto;
}


.EventSummary{
  background: none;
}

.vortexWrapper{
  border: solid 1px #e9e9e9!important;
  box-shadow: 0 20px 40px 0 rgb(0 0 0 / 10%);
  background-color: #fff!important;
}
.vortexThumbsWrapper{
  background: #f5f5f5!important;
}
.ivModalHeader{
  background: #378bc8!important;
  color: #fff;
}

.modal-content{
  border-radius: 10px;
  overflow: hidden; 

}
.TextButton a{
  color: #fff;
}


.calendar-border .panel-heading.Distinguish, .calendar-border .TitleBarCaption{
  border-bottom-style: none;
}

.EventSummary .Description{
  padding: 15px;
}
.EventSummary .PhotoArea {
  padding: 15px;
}

#ste_container_ciNewQueryMenuCommon .panel-body{
  padding: 0 0 15px 0;
}



/******* dev css **********/

.TextButtonWithImage.aspNetDisabled.active, #masterHeaderActionArea a.disabled, #masterHeaderActionArea a.disabled:hover, #masterHeaderActionArea a.disabled:focus, #masterHeaderActionArea a.disabled:active, #masterHeaderActionArea a.disabled.active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, #masterHeaderActionArea a[disabled].active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, fieldset[disabled] #masterHeaderActionArea a.active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, #masterHeaderActionArea a.aspNetDisabled.active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.disabled.active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, .RadGrid input.PrimaryButton[disabled].active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, fieldset[disabled] .RadGrid input.PrimaryButton.active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active, .RadGrid input.PrimaryButton.aspNetDisabled.active{
  background-color: #64646d;
  }
  .btn:focus,
  .TextButton:focus,
  .TextButtonWithImage:focus,
  .RadUpload .ruButton:focus,
  .RadUploadProgressArea .ruButton:focus,
  #masterHeaderActionArea a:focus {
    outline: none;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
  }
  .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.disabled.active, .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, .PrimaryButton[disabled].active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, fieldset[disabled] .PrimaryButton.active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .PrimaryButton.aspNetDisabled.active, .SaveAndClose.disabled, .SaveAndClose.disabled:hover, .SaveAndClose.disabled:focus, .SaveAndClose.disabled:active, .SaveAndClose.disabled.active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, .SaveAndClose[disabled].active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, fieldset[disabled] .SaveAndClose.active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAndClose.aspNetDisabled.active, .SaveAs.disabled, .SaveAs.disabled:hover, .SaveAs.disabled:focus, .SaveAs.disabled:active, .SaveAs.disabled.active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, .SaveAs[disabled].active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, fieldset[disabled] .SaveAs.active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .SaveAs.aspNetDisabled.active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.disabled.active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, .UsePrimaryButton .TextButton[disabled].active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, fieldset[disabled] .UsePrimaryButton .TextButton.active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButton.aspNetDisabled.active, .UsePrimaryButton .TextButtonWithImage.disabled, .UsePrimaryButton .TextButtonWithImage.disabled:hover, .UsePrimaryButton .TextButtonWithImage.disabled:focus, .UsePrimaryButton .TextButtonWithImage.disabled:active, .UsePrimaryButton .TextButtonWithImage.disabled.active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, .UsePrimaryButton .TextButtonWithImage[disabled].active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage.active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled.active, #masterHeaderActionArea a.disabled, #masterHeaderActionArea a.disabled:hover, #masterHeaderActionArea a.disabled:focus, #masterHeaderActionArea a.disabled:active, #masterHeaderActionArea a.disabled.active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, #masterHeaderActionArea a[disabled].active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, fieldset[disabled] #masterHeaderActionArea a.active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, #masterHeaderActionArea a.aspNetDisabled.active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.disabled.active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, .RadGrid input.PrimaryButton[disabled].active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, fieldset[disabled] .RadGrid input.PrimaryButton.active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active, .RadGrid input.PrimaryButton.aspNetDisabled.active{
  background-color: #64646d !important;
  border-color: #64646d !important;
  }


.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .btn.aspNetDisabled.active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.disabled.active, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:focus, .TextButton[disabled]:active, .TextButton[disabled].active, fieldset[disabled] .TextButton, fieldset[disabled] .TextButton:hover, fieldset[disabled] .TextButton:focus, fieldset[disabled] .TextButton:active, fieldset[disabled] .TextButton.active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .TextButton.aspNetDisabled.active, .TextButtonWithImage.disabled, .TextButtonWithImage.disabled:hover, .TextButtonWithImage.disabled:focus, .TextButtonWithImage.disabled:active, .TextButtonWithImage.disabled.active, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:focus, .TextButtonWithImage[disabled]:active, .TextButtonWithImage[disabled].active, fieldset[disabled] .TextButtonWithImage, fieldset[disabled] .TextButtonWithImage:hover, fieldset[disabled] .TextButtonWithImage:focus, fieldset[disabled] .TextButtonWithImage:active, fieldset[disabled] .TextButtonWithImage.active, .TextButtonWithImage.aspNetDisabled, .TextButtonWithImage.aspNetDisabled:hover, .TextButtonWithImage.aspNetDisabled:focus, .TextButtonWithImage.aspNetDisabled:active, .TextButtonWithImage.aspNetDisabled.active, .ruButton.disabled, .ruButton.disabled:hover, .ruButton.disabled:focus, .ruButton.disabled:active, .ruButton.disabled.active, .ruButton[disabled], .ruButton[disabled]:hover, .ruButton[disabled]:focus, .ruButton[disabled]:active, .ruButton[disabled].active, fieldset[disabled] .ruButton, fieldset[disabled] .ruButton:hover, fieldset[disabled] .ruButton:focus, fieldset[disabled] .ruButton:active, fieldset[disabled] .ruButton.active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, .ruButton.aspNetDisabled.active, #masterHeaderActionArea a.disabled, #masterHeaderActionArea a.disabled:hover, #masterHeaderActionArea a.disabled:focus, #masterHeaderActionArea a.disabled:active, #masterHeaderActionArea a.disabled.active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, #masterHeaderActionArea a[disabled].active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, fieldset[disabled] #masterHeaderActionArea a.active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, #masterHeaderActionArea a.aspNetDisabled.active, .RadGrid input.TextButton.disabled, .RadGrid input.TextButton.disabled:hover, .RadGrid input.TextButton.disabled:focus, .RadGrid input.TextButton.disabled:active, .RadGrid input.TextButton.disabled.active, .RadGrid input.TextButton[disabled], .RadGrid input.TextButton[disabled]:hover, .RadGrid input.TextButton[disabled]:focus, .RadGrid input.TextButton[disabled]:active, .RadGrid input.TextButton[disabled].active, fieldset[disabled] .RadGrid input.TextButton, fieldset[disabled] .RadGrid input.TextButton:hover, fieldset[disabled] .RadGrid input.TextButton:focus, fieldset[disabled] .RadGrid input.TextButton:active, fieldset[disabled] .RadGrid input.TextButton.active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active, .RadGrid input.TextButton.aspNetDisabled.active{
  background-color: #64646d !important;
  border-color: #64646d !important;
}

  .find-products .panel-heading {
  
  text-align: center;
  margin-bottom: 20px;
  }
  .SearchField select {
  background: #f2f2f2;
  border: 0px;
  box-shadow: none;
  height: 47px;
  }
  .find-products.SearchResults .SearchField input.TextButton {
  display: inline-block;
  height: 47px;
  padding: 0 15px;
  }
  .find-products .RadGrid_MetroTouch .rgRow > td, .find-products .RadGrid_MetroTouch .rgAltRow > td{
  border-bottom: 1px solid #d2d2d2
  }


/****************/



/*** change picture popup ****/


 

.ruButton {
  background-color: #378bc8 !important;
  color: white !important;
  cursor: pointer;
}

.RadUpload .ruFakeInput, .RadUpload .ruButton{
  border-radius: 5px!important;
}

.RadUpload .ruFakeInput, .RadUpload .ruButton{
  padding: 5px 10px!important;
}
.RadUpload .ruRemove{
  padding: 5px 10px!important;
  border-radius: 5px!important;
}
.RadToolTip .rtWrapper td.rtWrapperContent{
  font-size: 14px!important;
}
.RadToolTip .rtCloseButton:hover {
 
  background-color: transparent!important;
}

.PanelField.Left label {
   line-height: 30px;

}
.LabelSpacer, .LabelSpacer.PanelField{
  padding-left: 9em;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsUL{
  padding: 0px!important;
}
#ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon__Body{
  padding: 0px;
}

.TextButton .panel, .TextButton .panel-body, .TextButton .PanelBody{
    padding: 0px!important;
}

/********** responsive *********/


@media (max-width:1300px) { 

  .hSlider .carousel-indicators{
   

/** new**/

    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
     
    text-align: center;
    max-width: 1170px;
    left: 0px;

  }
.hSlider .carousel-inner.bg-img > .hslide1{
  background-size: contain;
  background-image: none!important;
}
.hSlider .carousel-inner.bg-img > .hslide2{
 background-size: cover;
}
.hSlider .carousel-inner.bg-img > .hslide3{
  background-size: cover;
  }

  .hSlider .hslide1 .container {
    /* max-width: 478px; */
    max-width: 740px;
}
  .slide1-content{
    align-items: center; 
    text-align: center;
    max-width: 100%;
    
  }

 
}

@media (max-width:1170px) { 
  .footer-links{
    padding: 0 20px;
  }
  .footer-links .NavigationListItem{
    max-width: 100%;
    flex: 0 0 100%;
  }
  .footer-top ul.smedia-links li{
    margin: 0 8px 0 0;
  }
  .float-right{
    float: none;
  }
  .designedby{
    text-align: left;
  }
}


@media (max-width:991px) { 

  h1, .PageTitle { 
    font-size: 35px;
    line-height: 38px; 
  }
  h2 {
    font-size: 34px;
    
  }
  .learning-title{
    font-size: 18px;
  }
  .learning-datetime{
    font-size: 14px;
  }

  .section-heading h2{
    font-size: 34px;

  }
  .banner-content h1{
    font-size: 45px;
    line-height: 48px; 
  }
  .calendar-banner h1{
    font-size: 45px;
    line-height: 48px; 
  }

  #masterHeaderImage{
    width: 130px;
    /* height: 65px; */
  }
  .tbutton{
    padding: 10px 30px;
  }

  .inner-page-banner{
    height: auto;
  }
  .about-banner{
    padding-top: 50px;
  }
  .margin-bottom-200{
    margin-bottom: 50px;
  }

  .about-video{
    margin-bottom: 30px;
  }


  .about-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .about-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /** tabs **/

  .ui-tabs-vertical .ui-tabs-nav {
    width: 100%!important;
}
.ui-tabs-vertical .ui-tabs-panel {
  width: 100%!important;
  border-left: none;
}
.col-primary .ui-widget-content {
  border: 1px solid #cdd6de;
}
.col-primary .ui-tabs-vertical .ui-tabs-panel {
  border-left: 0px solid #cdd6de;
}

.lblATSTextbox, .lblATSDropDown {
  display: block;
  width: auto;
  padding-left: 10px;
  padding-bottom: 5px;
}

input[id$="tbATSTextbox"], select[id$="ddlATSDropDown"] {
  width: 100%;
}

.find-products .SearchField{
  display: flex;
  justify-content: center;
}

}

@media (max-width:767px) { 

  .header-logo-container{
    position: absolute;
    top: 0px;
  }
  .header-right{
    float: none;
  }

  .profile-icon{
    display: none;
  }

  .mobile-profile-icon {
    display: block;
    line-height: 38px;
    margin-right: 10px;
    margin-top: 10px;
    float: right;
}

.searchbox .menu-toggle{
  display: block;
}
.searchbox .searchbar-toggle{
  display: none;
}
.searchbox .collapse.in{
  display: none !important;
}
  
.UtilitySearch{
  display: block;
}
  .searchbox{
    display: block;
    margin-right: 0px;
  }

  .top-bar .navbar-header.nav-auxiliary{
     display: flex;
    flex-direction: column;
    align-items: end;
  }
  .searchbox .menu-toggle{
    width: auto;
    margin-top: 8px;
  }


  .searchbox .nav-auxiliary{
      display: flex;
  }
 
  .search-container-sm, .auth-link-container-sm{
    display: block !important;
  }

  .mobile-bottom .navbar-toggle{
  float: right;
   
  margin: 10px 0 0 0;
}
.navbar-toggle{
  background-color: #4952a3 !important;
}
.navbar-toggle.collapsed, .navbar-toggle:hover, .navbar-toggle:focus{
  background-color: #378bc8;
}
.navigationbar .navbar-collapse{
  background-color: #378bc8;
}
.RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rsmLink{
  color: #fff;
}
.RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink{
  color: #fff;
  background-color: #4952a3;
}
.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink, .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink, .nav-secondary .sub-nav-head{
  background: #4952a3;
}
.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
  color: #fff;
}
.RadMenu.rmResponsive .rmGroup{
  background-color: #4952a3;
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus{
  color: #fff;
}
.rmResponsive .rmSlide .rmFocused > .rmLink, .rmResponsive .rmSlide .rmSelected > .rmLink, .rmResponsive .rmSlide .rsmSelected > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink{
  color: #4952a3;
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
  border-bottom: none!important;
}

.top-buttons .NavigationListItem .NavigationLink{
  padding: 10px 20px !important;
}

 

.mobile-search{
  float: right;
  display: block;
}
  
  .slide-caption h1{
    font-size: 35px;
    line-height: 48px;
  }
  
    .heading-right-btn{
      text-align: center;
    }
    .footer-links{
      padding: 20px 0;
      border-left: 0px;
      border-right: 0px;
      border-top: 1px solid #dadada;
      border-bottom: 1px solid #dadada;
    }
    .footer .footer-links ul{
      padding: 0px;
      margin: 0px;
    }
    .footer-social2{
      margin-top: 20px;
    }
    .imisk2-logo{
      padding: 30px 0 10px 0;
    }
    .calendar-thumb{
      float: none;
      margin: 0 0 25px 0;
    }

    .totalpcount{
      margin-left: 10px;
    }

    .EventSummary .PhotoArea{
      padding: 0 0 10px 0;
    }
    .EventSummary .Description{
      padding: 0 0 10px 0;
    }


    .RadMenu{
      float: none !important;
    }
    .RadMenu .rmHorizontal .rmItem{
      clear: both !important;
    }
    .RadMenu .rmItem{
      float: none !important;
    }
    .RadMenu.rmResponsive ul.rmRootGroup > li{
      border-bottom: 1px solid #fff;
    }
    .RadMenu .rmLink{
      float: none !important;
    }

    .RadMenu.rmResponsive .rmToggle{
      margin: 0px ;
      height: 23px;
    }
    .RadMenu.rmResponsive .rmToggle .rmIcon{
      margin: -8px 0 0 -8px;
    }
   
    .RadMenu .rmHorizontal .rmRootLink .rmToggle{
      float: right !important;
    }
    /* .RadMenu .rmSlide, .RadMenu_Context{
      float: none !important;
    } */
    .RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal{
      float: none !important;
    }
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmSelected, .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmFocused{
      border-bottom: 2px solid transparent;
    }

}

@media (max-width:575px) { 

  .header-logo-container{
    float: none;
    position: relative;
  }

  #masterHeaderImage{
    width: auto;
    height: 90px;
    margin: 0 auto;
    float: none;
    display: block;
  }

  .header-right{
    float: none;
  }
  .top-bar .navbar-header.nav-auxiliary{
    display: block;
  }
  .navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink{
    display: block;
  }
  .UtilitySection{
    display: block;
  }
  .top-buttons .NavigationListItem .NavigationLink{
    float: none;
    /* display: flex;
    align-items: center;
    justify-content: center; */
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{
    float: none;
  }
  .searchbox{
    float: none;
  }
  .UtilitySearch{
    flex: 1;
    margin-left: 0px;
  }
  .header .top-bar .NavigationUnorderedList{
    float: none;
  }
  .top-buttons{
    float: none;
  }
  .top-buttons .NavigationUnorderedList{
    display: flex;
    float: none;
  }
 .top-buttons .NavigationListItem{
    width: 100%;
    text-align: center;
    
  }
  .top-buttons .NavigationListItem .NavigationLink {
    padding: 8px  !important;
  }
  .top-buttons .nav-aux-account{
    
    width: 52px;
  }

.mobile-bottom{
  
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}

.mobile-search {
   
  flex: 1;
}
.header-search{
    padding-left: 0px;
}

.login-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}
.login-form .panel-border{
  padding:15px 5px;
}
 
.SearchResultSummary .ImageSection{
  float: none;
  margin-bottom: 15px;
}

.RadGrid_MetroTouch .rgNumPart a{
  min-width: 25px;
}


ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li{
    max-width: 46%;
    width: auto;
    flex: 0 0 46%;
    margin: 2%;
}

#ste_container_ciDuesMembershipOptions_0704964108234f908ce2d97ba9e19f32 table{
  width: 100%!important;
}

.find-products .SearchField {
  
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.find-products .SearchField select{
      /* width: 100%; */
      flex: 0 0 100%;
      margin: 0 0 10px 0!important;
}

.find-products .SearchField input[type="text"]{
  flex: 1;
}
  
}