.itopplus-background {

}
.navbar-default .navbar-nav>li>a{
	font-size: 1.2em;
}

/* 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 {
    background: 0 0;
    
    border-width: 0px!important;
}
  
  .navbar-default .navbar-nav>li>a{
  	color: #000;
  }
  
  .slider {
  max-width: 1956px;
  height: 800px;
  margin: 0px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(https://itp1.itopfile.com/ImageServer/4298b04334a0d42d/0/0/iTopPlus226152558835.jpg)no-repeat center;
  background-size: cover;      
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
  background: url(https://itp1.itopfile.com/ImageServer/4298b04334a0d42d/0/0/iTopPlus785443269638.jpg)no-repeat center;
  background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
    background: url(https://itp1.itopfile.com/ImageServer/4298b04334a0d42d/0/0/iTopPlus1066096659086.jpg)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}
}

}

/* 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 ;
}

  .navbar-default {
    background: 0 0;
    border-width: 0px!important;
}
  
  .navbar-default .navbar-nav>li>a{
  	color: #000;
  } 


.slider {
  max-width: 1956px;
  height: 800px;
  margin: 0px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(https://itp1.itopfile.com/ImageServer/4298b04334a0d42d/0/0/iTopPlus226152558835.webp)no-repeat center;
  background-size: cover;      
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
  background: url(https://itp1.itopfile.com/ImageServer/4298b04334a0d42d/0/0/iTopPlus785443269638.webp)no-repeat center;
  background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
    background: url(https://itp1.itopfile.com/ImageServer/4298b04334a0d42d/0/0/iTopPlus1066096659086.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}
}
}