/* ==========================================================================
   WEBSITE REDESIGN MASTER CSS
   ========================================================================== */
 
   @import 'fonts/stylesheet.css';
   @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
    
   body{ 
     background: #ffffff;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-style: normal; 
     color: #484848;
     font-size: 14px;
   }
   
   a{
     color: #000c61;
     text-decoration: none;
   }
   .CustomHomePageFullWidth #centercontainer.container {
       max-width: 100%;
       padding: 0;
       width: 100%;
       overflow: hidden;
   }
   
   h1, .PageTitle {
   
     font-size: 40px; 
     
     line-height: normal; 
     color: #000;
     margin: 0px 0 20px 0;
     padding: 0px;
   }
   /* .PageTitle{
     margin-top: 20px;
   } */
   
   h2 {
     font-size: 30px;
    
     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: 600;
   }
   
   h4, .SectionLabel{
     font-size: 20px;
     font-weight: 600;
   }
   
   h4, .SectionLabel, h5{
     color: #000;
   }
   
   /* p{
     font-size: 14px;
     font-weight: normal; 
     line-height: normal;  
     margin: 0px 0 20px 0;
     padding: 0px;
   } */
   
   h1, .h1, .PageTitle, h2, .h2, .PanelTitle {
     font-weight: bold;
     color: #000000;
     font-family: 'Poppins', sans-serif;
   }
   
   h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller{
     font-weight: 600;
     line-height: normal
   }
   h3, h4, h5, h6{
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   }
   
   b, strong {
     font-weight: 500;
   }
   
   .clearfix{
     clear: both;
   }
   
   .SubNavPanelHead {
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
   }
   input,
   button,
   select,
   textarea {
     font-family: 'Poppins', sans-serif;
    
   }
   .ProgramGroup .PanelTitle,
   .ProgramGroup .panel-title {
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
   }
   .RadScheduler.RadScheduler_Metro .rsHeader h2 {
     font-weight: bold; 
     font-family: 'Poppins', sans-serif;
   }
   a.FeatureActionLink {
     font-family: 'Poppins', sans-serif;
      
   }
   #ft h4 {
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
   }
    
   .HomePageFullWidthArea{
    overflow: hidden;
   }
   .RadGrid a{
     color: #45b4ff !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; */
     /* box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); */
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
     border-bottom: 0px;
     z-index: 1;
   }
   
   
   
   /****/
   /* 
   #top-auxiliary-container{
     background: #45b4ff;
     border-bottom: 3px solid #45b4ff;
     color: #fff;
     font-size: 14px;
     font-family: 'Museo Slab 700';
    
   }
   #top-auxiliary-container .header-container{
     display: flex;
     align-items: center;
     height: 50px;
   }
   
   .search-container-sm{
     margin: 0px;
   }
   
    
   #Rightsocialmediasection{
     margin-right: 15px;
   }
   #Rightsocialmediasection a{
     color: #fff;
     margin: 8px;
     font-size: 18px;
    
   }
   
   
   #contactinfo{
      color: #fff;
   }
   #contactinfo a{
     color: #fff;
     text-decoration: none;
     margin-right: 30px;
   }
   #contactinfo a:hover{
     color: #fff;
     text-decoration: underline;
   }
   #contactinfo .fa{
     margin-right: 8px;
     width: 29px;
     height: 29px;
     background: #1d72ac;
     border-radius: 100%;
     vertical-align: middle;
     text-align: center;
     line-height: 29px;
   }
   
   #Rightauxiliarysection{
     margin-left: auto;
   }
   
   #Rightauxiliarysection{
     margin-right: 15px;
    }
   
   .UtilityNavigation .account-menu > li > a{
     font-weight: 500;
   }
   */
   
   .UtilityNavigation .account-menu > li > a.sign-in-link{
     position: relative;
     margin-left: 10px;
     background-color: #45b4ff;
     height: 40px;
     padding: 10px 15px;
     border-color: 5px solid #45b4ff;
     border-radius: 25px;
     font-size: 15px;
     font-weight: 500;
     color: #fff;
     text-transform: uppercase;
   } 
   /* .UtilityNavigation .account-menu > li > a.sign-in-link::before{
     content: "\f007";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 18px;
     margin-right: 5px;
   } */
   .UtilityNavigation .findamemberbtn > a.NavigationLink{
     position: relative;
     margin-left: 10px;
     background-color: #45b4ff;
     height: 40px;
     padding: 10px 15px;
     border-color: 5px solid #45b4ff;
     border-radius: 25px;
     font-size: 15px;
     font-weight: 500;
     color: #fff;
     text-transform: uppercase;
   } 
   
   
   .UtilitySearch .search-field {
    
     border-radius: 23px;
     width: 250px;
     background:#fff url(images/search-icon.svg) 12px 12px no-repeat;
     height: 40px;
     padding-left: 32px !important;
   }
   
   
   /****/
   
   
   
   
   .header-top-container{
     padding-top: 20px;
     padding-bottom: 10px;
   }
   
   .header-logo-container{
     max-width: 220px;
   }
   
   
   
    
   
   .header-right{
     float: right;
   }
   .top-bar .navbar-header{
    float: none;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
   }
   
   .header .top-bar .NavigationUnorderedList{
     background:none;
     border-radius: 0px; 
     margin: 0px;
     float: right;
   }
   .top-buttons{
   float: right;
   }
   .nav-auxiliary a{
     color: #6b6b6b;
   }
   .top-buttons .nav-auxiliary .nav-aux-cart .NavigationLink{
     border: 1px solid #dedede;
     border-radius: 30px;
     width: 40px;
     height: 40px;
   }
   .top-buttons .nav-auxiliary .nav-aux-cart .nav-text{
      
     background: url(images/cart-icon2.svg) no-repeat left center !important;
     background-size: 23px 18px !important;
     text-indent: -9999px;
     display: inline-block;
     line-height: 40px;
   
   }
   
   /* 
   .top-buttons .NavigationListItem{
     
     border-radius: 5px;
     background-color: #45b4ff;
     font-size: 14px;
     font-weight: 500; 
     line-height: normal; 
     color: #fff;
     border: 1px solid #45b4ff;
     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: #45b4ff; 
     border: 1px solid #45b4ff;
   }
   
   .top-buttons .cartbtn{
     background-color: #45b4ff; 
     border: 1px solid #45b4ff;
   }
   
   
   .top-buttons .nav-aux-account{
     margin: 0 20px 0 0;
     background: none;
     border: none;
     
   }
   .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;
   }
   
   /* .UtilitySection.UtilityAccountArea{
     margin-left: 15px;
   } */
   
   .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;  
   } */
   
   /* .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;
   }
   
   /*********/
   
   .top-bar{
     padding-top: 10px;
   }
   
   .navigationbar{
      /* margin: 10px 0 0 0; */
      font-size: 14px;
     
      font-weight: 500;
   }
   .UtilitySection.UtilityAccountArea{
     padding-left: 10px;
   }
   
   /* .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: #525252;
     font-weight: 400!important;
   }
   .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink{
     font-size: 13px;
   }
   /* .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink{
     text-transform: none;
   } */
   .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
     color: #45b4ff;
   }
   
   
   .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink{
     background: none;
     color: #45b4ff;
   }
   
   .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink, .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink{
     background: none;
   }
   .nav-secondary .sub-nav-head{
     background-color: #45b4ff;
   }
   
   .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: 600!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: #45b4ff;
   }
   
   .RadMenu.rmResponsive .rmToggle .rmIcon{
     /* background-image: url(../../images/responsivenav2.png); */
     background: none;
   }
   
   .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
   
     color: #45b4ff;
   
   }
   .rmResponsive .rmSlide .rmFocused > .rmLink, .rmResponsive .rmSlide .rmSelected > .rmLink, .rmResponsive .rmSlide .rsmSelected > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
   
    color: #45b4ff;
   
   }
   /***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 #45b4ff
     }
     */
     /* .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
     border-bottom: 2px solid #45b4ff
     } */
   
     .RadMenu.rmResponsive ul.rmRootGroup > li{
       border: 0px;
     }
     .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmRootLink {
       border-bottom: 2px solid transparent;
       font-weight: 600 !important;
     }
   
     .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmSelected, .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmFocused{
       border-bottom: 2px solid #45b4ff;
     } 
   
   
   /** slider **/
   
   .hSlider{
     margin-bottom: 70px;
   }
   
   .hSlider .panel-body{
       padding: 0px;
   }
   .hSlider .panel{
     border: 0px;
   }
   
   .hSlider .carousel-inner.bg-img > .item{  
     height: 470px;
   }
   .hSlider .carousel-inner.bg-img > .hslide1{
     /* background-repeat: no-repeat; background-position: right; background-size: contain;   */
     /* background-color: #fafbfd; */
     background-color: #fff;
   }
   
   .hSlider .carousel-inner.bg-img > .hslide1::after{
     content: '';
     position: absolute;
     left: 0px;
     top: 0px;
     opacity: 0.95;
     background-color: #000c61;
     width: 50%;
     height: 100%;
   }
   
   .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: 5px;
       height: 5px;
       font-size: 0px;
       font-weight: 500;
       line-height: 18px;
       border: 0px;
       color: #fff;
       /* text-shadow:0 0 5px rgba(0, 0, 0, 0.6); */
       text-align: center;
       background-color: rgba(255, 255, 255, 0.3);
      /** new**/
      /* background-color: #fff;
       border:1px solid rgba(0, 0, 0, 0.3);
       margin: 2px; */
       margin: 2px; 
     }
     .hSlider .carousel-indicators .active{
         /* background: rgba(0, 0, 0, 0.3); */
         width: 15px;
         background-color: #fff;
     }
   
   .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: 60px;
     font-family: 'Baker Signet';
     font-weight: normal;
     line-height: normal;
     color: #fff;
     margin: 0px 0 15px 0;
     padding: 0px;
   
   }
   .slide-caption p{
     font-size: 15px;
     font-weight: normal; 
     line-height: normal; 
    
     color: #fff;
     margin-bottom: 25px;
   }
   .slide-caption .MediumButton{
     padding: 10px 30px!important;
   }
   .slide1-content{
     align-items: flex-start;
     color: #fff;
     text-align: left;
     max-width: 530px;
     padding-bottom: 50px;
   }
   .slide1-content h1{
     color: #fff;
   }
   .slide1-content p{
     color: #fff;
     opacity: 0.6;
   }
   .slide1-content .PrimaryButton {
     border-color: #fff !important;
     color: #fff;
   }
   
   
   
   
   /**********/
   
    .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; 
   }
   
   .btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a{
     padding: 8px 20px;
   }
   
   .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton {
     color: #45b4ff;
     background-color: transparent;
     border-width: 2px; 
     border-radius: 25px;
     border-color: #45b4ff!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: transparent;
        
   }
   .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: #45b4ff;
     color: #ffffff;
   }
   
   .MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
     font-size: 15px!important;
     font-weight: 500;
     padding: 10px 20px!important;
     border-radius: 5px;
   }
   
   .btn:hover, .btn:focus, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:visited, .RadUpload .ruButton:hover, .RadUpload .ruButton:focus, .RadUpload .ruButton:visited, .RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:visited{
     color: #45b4ff;
   }
   
   /****/
    
   
   
   /****/
   
   
   .partners-slider {
     padding: 80px 0 80px 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: 32px;
     font-weight: 600;
     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;
   }
   
   /** footer css **/
   
   
   .footer {
     font-size: 14px;
     color: #323232;
   }
   
   .footernew{
        display: block;
        /* border-top: 2px solid #efefef; */
   }
   
   .footer-content {
     background-color: #434343;
     color: #fff;
     font-weight: 500;
     text-align: left;
     padding-top: 0px;
   }
   .footer-content h3{
    font-size: 20px;
    color: #45b4ff;
    margin-bottom: 10px;
  }
   .footerlinks{
     padding-bottom: 10px;
   }
 
   .footerlinks ul{
     margin: 0 0 20px 0;
     padding: 0px;
   }
   .footerlinks li{
     list-style: none;
     margin: 0 0 8px 0;
   }
   .footerlinks a{
     font-size: 14px;
    
     color: #ffff;
   }
   .footerlinks a:hover{
     color: #ffffff;
   }
   
   .footerlinks p{
    font-size: 14px;
    font-weight: normal;
   }
   .footerlinks p strong{
    font-weight: 600;
   }
   
   .copyright-outer{
     background: #45b4ff;
     padding: 6px 0;
     font-size: 14px;
     font-weight: normal; 
     line-height: 24px;
     letter-spacing: normal;
     color: #fff;
   }
    
   .copyright-outer a{
     color: #fff;
   }
   .copyright-outer a:hover{
     color: #fff;
     text-decoration: underline;
   }
   .copyright-links ul{
     margin: 0px;
     padding: 0;
   }
   .copyright-links li{
     list-style: none;
     display: inline-block;
   }
   .copyright-links a{
       display: inline-block;
       margin: 0 10px 0 0;
   }
   .footermedia{
    font-size: 17px;
   }
   .footermedia a{
      margin: 2px;
      color: #fff;
      /* background-color: #1778f2; */
      border: 1px solid #fff;
      width: 32px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      border-radius: 100%;
      display: inline-block;
      margin-bottom: 7px;
   }
 
   .footermedia a:hover{
    color: #ffffff;
    border-color: #1778f2;
    background-color: #1778f2;
   }
   .footer-nav-copyright{
     background: #f9f9f9;
     font-size: 12px;
     color: rgba(0, 0, 0, 0.5);
     font-weight: 500;
   }
   .footer-nav-copyright{
     padding: 6px 0 0 0;
   }
   
    
   
   .copyright-outer .footer-copyright{
       text-align: left;
   }
   
   .footer-top{
     padding:60px 0 30px 0;
   }
   .footer-top #ste_container_FooterLogo{
         margin-bottom: 20px;
   }
   .footer-info{
     max-width: 314px;
     font-size: 14px;
     font-weight: normal; 
    
     color: #ffffff;
     margin: 0 0 30px 0;
   }
   .footeremails{
     padding-bottom: 30px;
   }
   .footeremails p{
      margin-bottom: 5px;
   }
   
   .footer-top .footerlinks h3 a{
     font-size: 18px;
     font-weight: 600;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     margin: 0 0 15px 0;
   }
   
   
   .footer-top address{
     font-size: 14px;
     font-weight: normal;
      
     line-height: normal;
     letter-spacing: normal;
     color: #4d4d4d;
     margin-bottom: 20px;
   }
   .footer-top address strong{
      color: #82849a;
      font-weight: normal;
   }
   .footer-top address h4{
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     letter-spacing: normal;
     color: #000000;
     margin-bottom: 15px;
   }
   .footer-top address p{
      margin-bottom: 15px;
   }
   
   
   
   .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: #45b4ff;
   }
   .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 !important;
   }
   .margin-bottom-15{
    margin-bottom: 15px !important;
  }
   .margin-bottom-20{
     margin-bottom: 20px !important;
   }
   .margin-bottom-30{
     margin-bottom: 30px !important;
   }
   .margin-bottom-40{
    margin-bottom: 40px !important;
  }
   .margin-bottom-50{
     margin-bottom: 50px !important;
   }
   .margin-bottom-200{
     margin-bottom: 200px !important;
   }
   
   .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: 25px 32px 25px 70px;
     font-size: 16px;
     font-weight: 500;
     color: #000;
   }
   .ui-accordion .ui-state-active{
    opacity: 1;
   }
   .faq-icon{
    width: 70px;
    text-align: center;
    position: absolute;
    top: 21px;
    left: 0px;
   }
   .ui-accordion .panel-icon{
     float: right;
     position: absolute;
     top: 21px;
     right: 16px;
     font-size: 22px;
    
   }
   
   
   .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: rgba(0, 159, 201, 0.1)!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: rgba(0, 159, 201, 0.1);
     color: #484848;
     font-size: 18px;
     padding: 0px 30px 15px 70px;
     /* 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: 20px;
       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: 600;
     color: #484848;
     /* color: #45b4ff; */
     line-height: normal;
   }
   .breadcrumb a{
     color: #484848;
   }
   .breadcrumb a:hover{
     color: #45b4ff;
   }
   
   /****** login page css ********/
   
   /* .login-wrap{
     background-image: url(../../images/loginbg.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: normal;
     
   } */
   
   label, .Label, .PanelFieldLabelFont{
     font-weight: normal;
     font-size: 14px;
     color: #000;
   }
    .SignIn input[type="text"], .SignIn input[type="password"]{
     border-radius: 0px;
     background-color: #f2f2f2;
     font-size: 16px;
     font-weight: normal;
     color: #000;
     border: 1px solid #f2f2f2;
     box-shadow: none;
   }
   
   .SignIn input[type="submit"]{
        background-color: #45b4ff;
        border-radius: 0px;
        border-color: #45b4ff!important;
        /* border-left: 5px solid #45b4ff !important;  */
        color: #ffffff;
        font-size: 16px;
        line-height: normal;
        font-weight: 500;
        padding: 12px 10px;
        text-transform: uppercase;
        outline: none;
   }
   .SignIn input[type="submit"]:hover{
     background-color: #45b4ff;
     border-color: #45b4ff!important;
     color: #ffffff;
   }
   
   .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:#45b4ff;
   }
   
   .creat-account-link{
     font-size: 16px;
     font-weight: 500;
     text-align: center;
     color: #45b4ff;
   }
   .creat-account-link a{
    
     color: #45b4ff;
   }
   .creat-account-link a:hover{ 
     color: #45b4ff;
   }
   
   
   /**** 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 #45b4ff;
     padding: 0 0 0 10px;
     margin-left: -10px;
   }
   .quoteblue{
      border-color: #45b4ff;
   }
   
   .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: #45b4ff; */
     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: 'Basically A Sans Serif';
     line-height: 2em;
   }
   
   .programbox .ProgramGroup .PanelHead{
     background-color: #45b4ff;
   }
   
   .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: #45b4ff!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: #45b4ff!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: #45b4ff;
       color: #fff;
       background-color: #45b4ff;
   }
   .RadComboBox_MetroTouch .rcbFocused .rcbArrowCell {
     border-color: #45b4ff;
     color: #fff;
     background-color: #45b4ff;
   }
   .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: #45b4ff!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: #45b4ff!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: #45b4ff!important;
   }
   
   .RadGrid_MetroTouch .rgPagePrev:hover, .RadGrid_MetroTouch .rgPageNext:hover, .RadGrid_MetroTouch .rgPageFirst:hover, .RadGrid_MetroTouch .rgPageLast:hover {
     background-color: #45b4ff!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: #45b4ff;
     background-color: transparent;
     border-width: 2px; 
     border-radius: 25px;
     border-color: #45b4ff!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: transparent;
   }
   .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: #45b4ff;
     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: #45b4ff;
   }
   
   .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: #45b4ff!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 .rtsUL {
     background-color: transparent !important;
   }
   
   
   .RadTabStrip_Metro .rtsLevel1 .rtsLI{
     color: #64646d!important;
   }
   .RadTabStrip_Metro .rtsLevel1 .rtsLink {
     color: #64646d!important;
     border: 0px solid #45b4ff!important;
   }
   .RadTabStrip_Metro .rtsLevel1 .rtsSelected{
     background-color: #45b4ff !important;
   }
   .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink{
     border-radius: 0px;
   }
   .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 #45b4ff!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 #45b4ff!important;
     background-color: #45b4ff !important;
     text-decoration: none!important;
     color: #fff !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;
     border-radius: 0px;
   }
   
   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: #45b4ff;
     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: #45b4ff!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 ***/
   
   
   .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: #45b4ff;
   }
   .CartCharges .GrandTotal .PanelField {
    
     color: #45b4ff;
   }
   
   .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: #45b4ff!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: #45b4ff !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;
   }
   
   
   
   /***********Zimbabwe*********/
   
   .Zimbabwe-wrap{
     padding: 0 0 80px 0;
   }
   
   .Zimbabwe-wrap .content{
     text-align: center;
     max-width: 860px;
     margin-left: auto;
     margin-right: auto;
     
   }
   .Zimbabwe-wrap .content p{
     color: #000;
     font-size: 18px;
     font-weight: normal;
     line-height: 1.67;
     margin: 0;
    
   
   }
   .Zimbabwe-wrap .content p span{
     color: #000c61;
     font-weight: 500;
   }
   .Zimbabwe-wrap .content a{
     display: inline-block;
     margin: 34px 0 0 0;
    
     border-radius: 25px;
     border: solid 2px #45b4ff;
     text-decoration: none;
   }
   
   /******Event*********/
   .Event-wrap {
     margin: 0;
     padding: 0 0 100px;
   
   }
   .eheading{
     margin: 0 0 40px 0;
   }
   .eheading h3{
    margin: 0;
    
   font-size: 32px;
   font-weight: 600;
   text-align: center;
   color: #000;
   }
   .event-box{
     display: flex;
     justify-content: space-evenly;
     border-radius: 30px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
   background-color: #fff;
   padding: 20px;
   margin-bottom: 30px;
   }
   .event-box .event-img{
   height: 253.4px;
   margin: 0 27px 0 0;
   flex: 0 0 152px;
       max-width: 152px;
   object-fit: contain;
   
   }
   .event-content h4{ 
     font-size: 20px;
     font-weight: 500;
     color: #484848;
     line-height: normal;
     margin: 0 0 15px 0;
   }
   .event-content h4 a{
     color: #484848;
   }
   .event-content h4 a:hover{
      color: #0082cf;
      text-decoration: underline;
   }
   .event-content p{
     font-size: 16px;
     color: #222;
     margin: 0 0 10px 0;
   }
   .event-content em{
    color: #a6a6a6;
    margin-right: 10px; 
   }
   .eicon{
      padding-left: 30px;
   }
   .eicon em{
        margin-left: -30px;
   }
   .butnn{
     text-align: center;
     margin: 10px 0 0px 0;
   }
   .butnn a{
     display: inline-block;
     
     font-size: 15px;
     font-weight: 600;
     color: #45b4ff;
     text-align: center;
     text-decoration: none;
     
     border-radius: 25px;
     border: solid 2px #45b4ff;
   }
   
   .ca-wrap{
     margin-bottom: 50px;
   }
   
   .ca{
   
     background-color: #fff;
     margin: 0 0 40px 0;
     display: flex;
       flex-direction: column;
       flex: 1;
       height: calc(100% - 40px);
      padding: 10px;
     border-radius: 30px;
     box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
   }
   
   .ca-img{
   margin: 0 0 20px 0;
   height: 230px;
   border-radius: 30px; 
     overflow: hidden;
     width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
   }
   .ca-img img{
     max-height: 100%;
     object-fit: cover;
     width: 100%;
     height: 100%!important;
   
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
   }
   .ca:hover .ca-img img{
     -webkit-filter: grayscale(0);
               filter: none;
   }
   
   .ca-content{
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 10px;
   }
     .ca h3{
     margin: 0 0 10px 0px;
     
   font-size: 24px;
   font-weight: 600;
   color: #000;
   }
   
     .ca p{
     
   font-size: 15px;
   margin: 0 0 10px 0px;
   color: #444;
   }
   
     .ca .btn{
     display: block;
     text-align: center;
     border-radius: 25px; 
     font-size: 15px;
     font-weight: 600;
     color: #45b4ff;
     text-decoration: none;
     margin-top: auto;
   }
   /***************************/
   
   
   
   .techbox{
   
     background-color: #fff;
     margin: 0 0 30px 0;
     display: flex;
       flex-direction: column;
       flex: 1;
       height: calc(100% - 30px);
   }
   
   
   .techbox-img{
   margin: 0 0 15px 0;
   object-fit: contain;
   height: 260px;
   border-radius: 10px;
   overflow: hidden;
   width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .techbox img{
   max-height: 100%;
   object-fit: cover;
   width: 100%;
   height: 100%!important;
   }
   
   .techbox h3{
     margin: 0 0 10px 0px;
     font-size: 20px;
     font-weight: 500;
     color: #000;
   }
   
   .techbox p{
     
   font-size: 16px;
   line-height: normal;
   margin: 0 0 20px 0px;
   color: #484848;
   }
   
   .techbox a{
     display: block;
     text-align: center;
     border-radius: 25px;
     
     font-size: 15px;
     font-weight: 600;
     color: #45b4ff;
     text-decoration: none;
     margin-top: auto;
   }
   /************Magazine-wrap*************/
   
   .magazine-wrap{
     margin: 0px 0 100px 0;
     background-color: rgba(0, 159, 201, 0.1);
     padding-top: 50px;
   }
    /* .Magazine-main{
     padding: 57.3px 235px 0 196.7px;
     background-color: rgba(0, 159, 201, 0.1);
     display: flex;
   } */
   .magazine-img{
        
       max-width: 470px; 
   }
   .magazine-content{
     padding: 50px 0 0 0;
     max-width: 485px;
   }
   .magazine-content h3{ 
     font-size: 38px;
     font-weight: bold;
     line-height: normal;
     color: #000c61;
      margin:0 0 13px 0;
   }
     .magazine-content p{ 
       font-size: 16px;
       line-height: normal;
       color: #444;
       margin: 0 0 20px 0;
   }
   
   .btn.SecondaryButton{
     border-color: #000000 !important;
     color: #000000 ;
     font-weight: 600;
   }
   .btn.SecondaryButton:hover, .btn.SecondaryButton:focus{
     border-color: #000000 !important;
     background: #000000 !important;
     color: #fff;
   }
   
   .icaz-wrap{
     padding: 0 0 60px 0 ;
     position: relative;
     margin:60px 0 0px 0;
   }
   .icaz-wrap::after{
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 290px;
     background-color: #e5e6ef;
     z-index: -1;
   }
   
    
    
   
   .icaz-box{
     padding: 40px;
     border-radius: 20px;
     border: solid 2px #e5e7ef;
     background-color: #fff;
     height: calc(100% - 30px);
     margin-bottom: 30px;
   } 
   .icaz-img{
     text-align: center;
   }
   .icaz-img img{
     border-radius: 10px;
   }
   .icaz-box .Content2{
     margin: 23px 0 0 0;
   }
   
   .icaz-box .Content2 h3{ 
     font-size: 27px;
     font-weight: 600;
      line-height: normal;
     letter-spacing: normal;
     color: #000;
     margin: 0 0 5px 0;
   }
   .icaz-box .Content2 p{
      
     font-size: 15px;
     line-height: normal;
     letter-spacing: normal;
     color: #444;
     margin: 0 0 10px 0;
   }
   
   
   
   /***** sticky menu ******/
   
   .sticky-menu {
     background: #ffffff;
     visibility: hidden;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
     /* -webkit-transition: all .3s ease;
     -o-transition: all .3s ease; */
     transition: all .3s ease;
     opacity: 0;
   }
   
   .sticky-menu.active {
     /* background: #ffffff;
     box-shadow: 0 2px 3px 1px rgba(0,0,0,.1); */
     position: fixed;
     width: 100%;
     top: 0px;
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     transition: all .3s ease;
   
   } 
   
   
/*****/
.innerpage-banner{
  background-image:url(images/inner-page-banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
}
.innner-banner-content {
display: flex;
flex-direction: column;
justify-content: center;

height: 100%;
}
.innerpage-banner h1{
font-size: 32px;
font-weight: 500;
color: #fff;
}




.content-wrap{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;

  font-size: 16px;
  font-weight: normal;
  color: #484848;
}
.content-thumb{
  flex: 0 0 446px;
  max-width: 446px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
}
.content-box{
  flex: 1px;
  padding-right: 15px;
  padding-left: 15px;
  align-self: center;
}

.content-wrap h3{
  font-size: 22px;
  font-weight: 500;
  color: #000;
  margin: 0 0 15px 0;
}
.content-wrap h4{
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 0 15px 0;
}
.content-wrap p{
  font-size: 16px;
  font-weight: normal;
  color: #484848;
  
}
.content-wrap ul{
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
}
.content-wrap li{
  font-size: 14px;
  font-weight: 500;
  color: #484848;
  margin: 0px;
  padding: 0px;
  
}

.bluetext{
  font-size: 24px;
  font-weight: 500;
  color: #009fc9;
}


.graybg{
  padding: 30px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.iconbox{
  margin:10px 0 30px 0;
  font-weight: 500;
  font-size: 14px;
}

.rma-heading{
  font-size: 24px;
  font-weight: 500;
  color: #009fc9;
}
.rma-heading a{
  color: #009fc9;
  text-decoration: underline;
}
.rma-heading a:hover{
  color: #000c61;
  text-decoration: underline;
}
/****/


.reciprocalbox{
   
  background-color: #fff;
  border-radius: 20px;
  border: solid 2px #e5e7ef;
 
  margin: 0 0 30px 0;
  display: flex;
    flex-direction: column;
    flex: 1;
    height: calc(100% - 30px);
    padding: 15px;
}


.reciprocalbox-img{
  margin: 0 0 20px 0;
  object-fit: contain;
  height: 100px;
 
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reciprocalbox img{
/* max-height: 100%;
object-fit: cover;
width: 100%;
height: 100%!important; */
}

.reciprocalbox h4{
  margin: 0 0 20px 0px;
  font-size: 14px;
  font-weight: 500;
  color: #009fc9;
}
.reciprocalbox h4 a{
  color: #009fc9;
}
 
.reciprocalbox .btn {
  margin-top: auto;
  padding: 7px 35px;
}

.reciprocal-wrap .row{
  margin-left: -10px;
  margin-right: -10px;
}
.reciprocal-wrap .row > *{
  padding-left: 10px;
  padding-right: 10px;
}

.reciprocal-wrap .reciprocalbox{
    margin: 0 0 20px 0; 
    height: calc(100% - 20px);
}

.FillButton{
   
  border-radius: 25px;
  background-color: #000c61;
  color: #fff;
  border: 0px;
   
}

/******/


.teambox{ 
  background-color: #fff;
  border-radius: 20px;
  border: solid 2px #e5e7ef; 
  margin: 0 0 30px 0;
  display: flex;
  flex-direction: column;
  flex: 1;
    height: calc(100% - 30px);
    padding: 25px 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
}


.teambox-img{
  margin: 0 auto;
  margin-bottom: 20px;
  object-fit: contain;
  height: 100px; 
  width: 100px;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teambox-img img{
  max-height: 100%;
object-fit: cover;
width: 100%;
height: 100% !important; 
}

.teambox a{
  color: #009fc9;
}

.teambox h4{
  margin-bottom: 25px;
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}
.teambox p{
    margin-bottom: 25px;
}

.teambox-hover{
  display: none;
 

}
.teambox:hover .teambox-hover{
  
  display: block;
  background-color: #f5f5f5;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding: 15px;
  text-align: left;

}

/******/



.cass-wrap .row{
  margin-left: -10px;
  margin-right: -10px;
}
.cass-wrap .row > *{
  padding-left: 10px;
  padding-right: 10px;
}

.cass-wrap .cassbox{
    margin: 0 0 20px 0; 
    height: calc(100% - 20px);
}


.cassbox{
   
  background-color: #fff;
  border-radius: 10px;
  border: solid 2px #e5e7ef;
 
  margin: 0 0 30px 0;
  display: flex;
    flex-direction: column;
    flex: 1;
    height: calc(100% - 30px);
    /* padding: 15px; */
    overflow: hidden;
}


.cassbox-img{
  /* margin: 0 0 20px 0; */
  object-fit: contain;
  height: 150px;
 
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: solid 2px #e5e7ef;

}
.cassbox img{
max-height: 100%;
object-fit: cover;
width: 100%;
height: 100%!important;
}

.cassbox h4{
  margin: 0 0 0px 0px;
  font-size: 15px;
  font-weight: 500;
  color: #009fc9;
  padding:10px 15px;
  margin-top: auto;
  margin-bottom: auto;
}
.cassbox h4 a{
  color: #009fc9;
}
 
   
   /********** responsive *********/
   
   .has-secondary-col .container-wrapper {
     max-width: 1170px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
   }
   
   @media (min-width: 992px){
   .has-secondary-col .col-primary {
       width: 76%;
   }
   .has-secondary-col .col-secondary{
      position: -webkit-sticky; /* Safari */
      position: sticky;
      top: 180px;
      margin-bottom: 30px;
      z-index: 0;
      background-color: #fff;
    }
   }
   
   
   @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%;
       
     }
     .hSlider .carousel-inner.bg-img > .hslide1::after{
       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) { 
   
     #Rightsocialmediasection{
    
       display: none;
     }
   #Rightauxiliarysection{
     margin-right: 0px;
   }
     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 !important;
     }
   
     .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 (min-width: 768px) {
     .navbar-toggle {
         display: none;
     }
     .RadMenu.rmResponsive .rmToggle{
       display: block;
        overflow: unset;
     }
     .RadMenu.rmResponsive .rmToggle .rmIcon{
       width: 0; 
       height: 0; 
       /* border-left: 5px solid transparent;
       border-right: 5px solid transparent;
       border-top: 5px solid #000; */
        /* background-image: url(images/nav-drop-icon.svg);
        background-position: 2px 6px; */
        margin: 16px 6px;
    
        /* width: 13px; */
        border: solid #838383;
     border-width: 0 2px 2px 0;
     padding: 3px;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     }
   
     .RadMenu.rmResponsive .rmSlide .rmToggle .rmIcon{
       margin: 6px -20px;
     }
   
     .navbar-collapse.collapse {
       display: block !important;
       height: auto !important;
       padding-bottom: 0;
       overflow: visible !important;
   }
   .footermedia{
     /* text-align: right; */
   }
   
   /****/
   
   .RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal{
     position: unset !important;
   }
    
   .RadMenu.rmResponsive .rmRootGroup > .rmItem{
     position: unset;
   }
   /* .RadMenu.RadMenu_London{
     position: unset;
   } */
   .header-container{
     position: relative;
   }
   
   
   .fullmenu .rmSlide{
     width: 100% !important;
    }
    .RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal{
     float: none !important;
    }
    .RadMenu .rmGroup .rmLink, .RadMenu .rmSlide .rmGroup .rmTemplate{
     width: 100% !important;
    }
    .RadMenu.RadMenu_London .rsmColumn{
     width: 100% !important;
    }
    .RadMenu .rmGroup.rmLevel1 .rmLink, .RadMenu .rmSlide .rmGroup.rmLevel1 .rmTemplate{
        width: auto !important;
    }
    .RadMenu.RadMenu_London .LargerWidth18{
     min-width: auto !important;
   
    }
   
    .RadMenu.RadMenu_London .rmRootGroup > .rmItem.singlecolumnmenu{ 
     position: relative;
    }
    .RadMenu.RadMenu_London.fullmenu .singlecolumnmenu .rmSlide{
     width: auto !important;
    }
   
    .RadMenu.RadMenu_London .rmLevel1, .RadMenu.RadMenu_London .RadSiteMap .rsmTwoLevels,  .RadMenu.RadMenu_London .RadSiteMap .rsmThreeLevels {
     display: flex !important;
     flex-wrap: wrap;
    }
    .RadMenu.RadMenu_London .rmSlide .rmLevel1 > .rmItem{
     flex: 0 0 32%;
     max-width: 32%;
     border-right: 1px solid #ddd;
    }
    .RadMenu.RadMenu_London .rmSlide .rmLevel1 > .rmItem:nth-child(3n){
     border-right: 0px solid #ddd;
    }
    /* .RadMenu.RadMenu_London .rmSlide .rmLevel1 > .rmItem:last-child{
     border-right: 0px solid #ddd;
    } */
    .rmResponsive .singlecolumnmenu .rmSlide{
     width: auto !important;
   }
    .RadMenu.RadMenu_London .singlecolumnmenu .rmSlide .rmLevel1 > .rmItem{
     flex: 0 0 100%;
     max-width: 100%;
     border-right: 0px solid #ddd;
    }
   
   
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 {
     display: block !important;
     min-width: auto;
    }
     .RadMenu.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink {
        text-transform: uppercase;
        font-weight: 500 !important;
     }
     .RadMenu.RadMenu_London .rmSlide .rmToggle{
       display: none;
     }
   
    .RadMenu.RadMenu_London .LargerWidth14{
     min-width: auto !important;
    }
   
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem{
     width: 100%;
     list-style: disc;
     display: list-item;
    }
    .RadMenu.rmResponsive .rmSlide .rmLevel1 .rmVertical.rmGroup{
     box-shadow: none;
     margin-left: 30px;
    }
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem{
     padding-left: 0px;
    }
    .RadMenu.rmResponsive .rmSlide .rmLevel1 .rmVertical.rmGroup .rmItem .rmLink  {
       padding: 3px 5px;
    }
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide{
     display: block !important;
    }
   
    .RadMenu.RadMenu_London.fullmenu .rmSlide{
     width: 100% !important ;
    }
   
   }
   
   
   @media (max-width:767px) { 
   
   
     .header-top-container{
       padding-top: 15px;
       padding-bottom: 15px;
     }
   
     .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;
     } */

     .innerpage-banner h1{
      font-size: 26px;
     }
   
     #LeftContactInfosection{
       display: none;
     }
     .searchbox .navbar-toggle{
       display: none;
     }
     .searchbox .search-container-sm{
       display: block !important;
     }
     .top-bar{
       padding-top: 5px;
     }
   
     .top-bar .navbar-header.nav-auxiliary{
        display: flex;
       flex-direction: column;
       align-items: end;
       padding-top: 18px;
     }
     /* .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: #45b4ff !important; */
     margin: 0 0 0 10px;
    
     padding: 10px 10px !important;
     width: auto;
     height: auto;
     border-radius: 20px !important;
   }
   .navbar-toggle.collapsed{
     margin-bottom: 0px;
     padding-bottom: 0px;
   }
   .navbar-toggle.collapsed, .navbar-toggle:hover, .navbar-toggle:focus{
     background-color: #45b4ff;
   }
   .navigationbar .navbar-collapse{
     background-color: #45b4ff;
     margin-top: 30px;
   }
   .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rsmLink{
     color: #fff;
   }
   .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink{
     color: #fff;
     background-color: #45b4ff;
   }
   .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: #45b4ff;
   }
   .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
     color: #fff;
   }
   .RadMenu.rmResponsive .rmGroup{
     background-color: #45b4ff;
   }
   .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: #fff;
   }
   .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: #fff;
   }
   .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink{
     border-bottom: none!important;
   }
   .rmResponsive .rmSlide .rmSlide{
     margin-top: 10px;
   }
   .top-buttons .NavigationListItem .NavigationLink{
     /* padding: 10px 20px !important; */
     /* background-color: #45b4ff; */
   }
   .nav-auxiliary .nav-aux-button .NavigationLink{
     background-color: #45b4ff;
     border-radius: 0px;
   }
   /* .top-buttons .nav-auxiliary .nav-aux-cart .nav-text {
     background: url(images/cart-icon.svg) no-repeat left top !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 -11px;
         background-image: url(images/ResponsiveNav.png);
       }
      
       .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;
       }
   
       .video-section iframe{
         max-width: 100%;
       }
   
       .newsbox, .calendarbox{
         padding: 20px;
       }
       .news-head h2 {
         font-size: 27px;
       }
   
       .magazine-content{
         padding: 30px 0 40px 0;
       }
   
   .icaz-box{
     padding: 20px;
   }
   .mobile-reverse{
    flex-direction: column-reverse;
   }
   .content-box{
      flex: 0 0 100%;
   }

   .reciprocalbox h4{
    text-align: center;
   }
 
       
   }
   
   @media (max-width:575px) { 
   /* 
     #top-auxiliary-container .header-container{
       height: auto;
     }
     #top-auxiliary-container .header-container{
       display: block;
     } */
   
     .header-logo-container{
       float: none;
       margin: 0 auto;
     }
     
     .UtilitySearch .search-field{
       width: 100%;
     }
     #Rightauxiliarysection {
      
       float: none;
   }
   .header-search{
     padding-left: 0px;
     padding-right: 0px;
   }
   
     .header-logo-container{
       float: none;
       position: relative;
       text-align: center;
     }
     .top-bar .navbar-header.nav-auxiliary{
       align-items: center;
     }
     .searchbox{
       float: none;
     }
     .searchbox .nav-auxiliary{
       display: flex;
     }
     .searchbox .UtilitySearch{
       flex: 1;
       margin-left: 0px;
     }
   /* 
     #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;
   }
     */
   .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;
   }
   
   .event-box{
     display: block;
   }
   .event-box .event-img{
     max-width: 100%;
     height: auto;
     flex: 100%;
     margin: 0 0 15px 0;
   }
     
   }