* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

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

.box-1 {
	flex: 1 150px;
	height:1 ;
	background-color: black;
}

.box-2 {
	flex: 1 150px;
	height:1 ;
	background-color: aqua;
}

.box-3 {
	flex: 1 150px;
	height:1 ;
	background-color: brown;
}




@media only screen and (max-width: 664px) {
    .ephone { width: 100%; }
  }
	
  @media only screen and (min-width: 665px) {	  
  	.ephone { width: 80%; margin: auto; }
	/*.dropdown:hover .dropdown-menu  {display: block;}*/
	  
    .dropdown-menu1 { margin-left: 18px; margin-right: -18px}
    .dropdown-menu2 { margin-left: 32px; margin-right: -32px}
    .dropdown-menu3 { margin-left: 5px; margin-right: -5px}
  }
	  
  a {color: #000;}

  h4{ font-weight: normal; }
	  
  .navbar {
    font-family: Helvetica;   
    background-color: #000;
    border: 0;
    font-size: 14px !important;
    letter-spacing: 0px;
    opacity: 1; font-weight: 600; text-align: center 
  }
  .navbar li a, .navbar .navbar-brand { 
    color: #fff !important;
  }
  .navbar-nav li a:hover {
    color: #fff !important;
	background-color: #29292c !important;
  }
  .navbar-nav li.active a {
    color: #fff !important;
    background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent; 
  }
  .open .dropdown-toggle {
    color: #fff;
    background-color: #29292c !important; 
  }

  /*  */

  .dropdown-menu li a {
    color: #000 !important; text-align: center;
  }
  .dropdown-menu li a:hover {
    background-color: red !important;
  }
	  
  .panel .panel-heading{ background-color: #fff; border-bottom: #666 solid 2px; margin-bottom: 15px }	
  .panel { border: 0; }	
  .panel-title a { text-decoration: none}
  .panel-body ul li{line-height: 30px; border-bottom: #ccc solid 2px; margin-bottom: 15px;  font-size: 16px}
  	  
  /*.panel-title:after {
	  content: '\2BC6';
	  color: #000; 
	  float: right;
	  margin-left: 5px; 
  }

  .panel-title active:after {
	  content: "\2BC5";
  }	 */
	  
  footer {
    background-color: #000;
    color: #fff;
    padding: 32px;
  }
  footer a {
    color: #fff;
  }
  footer a:hover {
    color: #777;
    text-decoration: none;
  }
	  
  ul.nav-pills li a {
	background-color: #fff; color: #000; font-weight: 600; font-size: 16px;
  }	 
  
  ul.nav-pills  li.active a {
	background-color: #fff; border-bottom: red solid 5px; color: #000; font-weight: 600; font-size: 16px;
  }	 

.vid-container {
	  position: relative;
	  padding-bottom: 50%;
	  padding-top: 35px; height: 0; overflow: hidden;
  }
  
.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.container2 {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 5px;
  left: 12px;
}

.top-left {
  position: absolute;
  top: 35%;
  left: 0%;
}


.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
	
.bottom {
  position: absolute;
  bottom: 0px;
}

.centered {
    position: absolute;
    top: 867px;
    left: 637px;
    transform: translate(-50%, -50%);
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.index_img:hover{
  transform: scale(1.1); transition: 1.5s ease; 
}

.index_img2:hover{
  transform: scale(1.1); transition: 1.5s ease; filter: brightness(80%);
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}

.container2:hover .overlay{
  opacity: 0.4; 
}