*
{
  margin: 0;
  padding: 0;

}
body {
  overflow-x: hidden;
  
     background-color: #333 !important;
}
.section-header {
        background-color: #333 !important;
}
.wrapper {
       background-color: #333 !important;
}

/*----------Navigation--------*/
.navbar
{

  text-transform: uppercase;
  font-weight: 700;
  font.size: .9rem;
  letter-spacing: .1rem;
 
}


.navbar-brand img
{
  height: 40px;
  padding-left: 30px;
}
.navbar-nav li
{
  padding: 0 10px;
}

.navbar-nav li a
{
  padding: 0 10px;
  text-align: left;
}



#nav-bar ul li a:hover
{
  color: #FFFFFF!important;
}
.navbar
{
  background: 	#fff;
}
.navbar-toggler
{
  border: none!important;
}
.nav-link
{
  color: #fff!important;
  font-weight: 600;
  font-size: 16px;
}














/*------Range-----------*/

#range
{
  padding-top: 70px;
  padding-bottom: 50px;
  color: #555;
  
       background-color: #2e3338 !important;
}


.img-box{
  padding-left: 20px;
}

h1
{
  text-align: center;
  color: #FFFFFF !important;
  padding-bottom: 10px;
}
h1::after
{
  content: '';
  background: deeppink;
  display: block;
  height: 3px;
  width: 170px;
  margin: 20px auto 5px;
}



.tabs{
  width: 32%;
  height: auto;
  float: left;
  box-shadow: 5px 5px 15px #000;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  margin: 5px 5px;
  background: #262626;
}
.tabs img{
width: 100%;
}
.tabs h3{
  margin: 0;
  text-transform: uppercase;
  font-size: 25px;
  color: white;
}


#epmpvmpco5:hover {
  content: url('EP/EPvMPCO5bAI.png');
}

#epmpvmpco5:hover {
  content: url('EP/EPvMPCO5bAI.png');
}

#epmpvbtn5:hover {
  content: url('EP/EPMPvBTN5bAI.png');
}

#epmpvsbbb5:hover {
  content: url('EP/EPMPvSBBB5bAI.png');
}



#mpvep4:hover {
  content: url('MP/MPvEP4b.png');
}



#covmp4:hover {
  content: url('CO/COvEPMP4b.png');
}

#covbtn5:hover {
  content: url('CO/COvBTN5bAI.png');
}

#covsbbb5:hover {
  content: url('CO/COvSBBB5bAI.png');
}


#btnvepmp4:hover {
  content: url('BTN/BTNvEPMP4b.png');
}

#btnvco4:hover {
  content: url('BTN/BTNvCO4b.png');
}

#btnvsbbb5:hover {
  content: url('BTN/BTNvSBBB5bAI.png');
}



#sbvbb5:hover {
  content: url('SB/SBvBB5bAI.png');
}

#sbvbtn4:hover {
  content: url('SB/SBvBTN4b.png');
}

#sbvco4:hover {
  content: url('SB/SBvCO4b.png');
}

#sbvepmp4:hover {
  content: url('SB/SBvEPMP4b.png');
}



#bbvsb4:hover {
  content: url('BBS/BBvSB4b.png');
}

#bbvbtn4:hover {
  content: url('BBS/BBvBTN4b.png');
}

#bbvco4:hover {
  content: url('BBS/BBvCO4b.png');
}

#bbvmp4:hover {
  content: url('BBS/BBvEPMP4b.png');
}

#bbvmp4:hover {
  content: url('BBS/BBvEPMP4b.png');
}

#bbc4b:hover {
  content: url('BBS/BBc4bvBTNSB.png');
}



/*------Pata------*/
#footer
{
  background-color: #333;
  color: #fff;
  padding: 12px;
}
.fa-heart
{
  margin: 3px;
  color: hotpink;
}