.itopplus-background {

}
.slider {
  max-width: 257px;
  height: 239px;
  margin: 20px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(http://itp1.itopfile.com/ImageServer/beb6f877c1e37d21/0/0/iTopPlus1289633553401.webp)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
  background: url(http://itp1.itopfile.com/ImageServer/beb6f877c1e37d21/0/0/iTopPlus1023369628155.webp)no-repeat center;
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
    background: url(http://itp1.itopfile.com/ImageServer/beb6f877c1e37d21/281/0/iTopPlus809836475550.webp)no-repeat center;
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}


.navbar-default .navbar-nav>li>a ,.ComponentWebboard .media-heading{
    font-family: supermarket;
    font-size: 20px;
}

.dropdown-menu>li>a,.panel-default>.panel-heading ,.media.ng-binding{
    font-family: supermarket;
    font-size: 18px;
}

.ComponentWebboard .help ,.ComponentWebboard .help-block,.btn-default:disabled, .btn-default[disabled],button.btn.btn-xs.btn-default{
    font-family: supermarket;
    font-size: 16px;
}


button.btn.btn-default.btn-sm ,.btn-group-sm>.btn, .btn-sm{
    font-family: supermarket;
}

.search_text{
    font-family: supermarket;
    font-size: 18px;
}

.search_urlSearch{
    font-family: supermarket;
    font-size: 18px;
}
.search_titleText{
    font-family: supermarket;
    font-size: 18px;
}
.search_filterTitle{
    font-family: supermarket;
    font-size: 18px;
}

.search_RangTitle{
    font-family: supermarket;
    font-size: 18px;
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:left ;
}

  .navbar-default .navbar-nav>li>a{
  	font-size: 18px;
  }
  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:left ;
}

}