@font-face
{
	font-family:regular;
	src:url(../css/fonts/ContaxRegular.otf);

}



.top-bar
{

background:#5c5c5c;
height:30px;

}
.top-bar a
{

display:inline-block;
padding:5px;
text-decoration:none;
	color:white;
	border-left:1px solid white;
	border-right:1px solid white;
	font-family:regular;

}
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(92,92,92, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
border-color: rgb(153, 204, 153);
}
.top-bar a:hover
{
	text-decoration:none;
		color:white;
}


.navbar{
	padding-top:0px !important;
	padding-bottom:0px !important;
	
}

.pana2{
    margin-left:30px;
}

.navbar-brand img
{
width:150px;
margin:5px 10px 2px 40px;	
}

.nav-link
{
	color:#5c5959;
	padding:18px 25px  7px 25px !important;
	font-family:regular;
	letter-spacing:0.5px;
	font-weight:600;
}

@media only screen and (min-width: 1000px) {
	.map{
    overflow:hidden;
    position:relative;
    height:0;
}
	.map iframe{
    left:0;
    top:0;
    height:70%;
    width:100%;
    position:absolute;
}
}
.map{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video{
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:0;
}
.video iframe{
    left:0;
    top:0;
    width:100%;
    position:absolute;
}



.active-link
{
	border-bottom:2px solid #66cc9a;
	transition:0.5s;
	-webkit-transition:0.5s;
}



.content
{

margin-top:5%;
}
.panama{
	background: rgba(255, 255, 255, 0.5) !important;

}
.content h2{
	animation-delay:5s;
	color:#000;
	font-size:55px;
	text-align:center;
}

.content i{
	font-size:16px;
	position:absolute;
	top:26%;
}

.content p{
	font-family:regular!important;	
}



#nav .next-slide
{
	right:0px;
	
	position:absolute;
	top:50%;
	z-index:999;
	
}
	



#nav .prev-slide
{
	left:0px;
	
	position:absolute;
	top:50%;
	z-index:999;
	
}

#nav i
{
font-size:50px;
color:white;
background:black;
padding:10px;	
}

#about
{
	margin-top:50px;
}



#about p
{
	margin-top:37px;
	font-family:regular;
	text-align:justify;
	line-height:1.8em;
}
.progress
{
	width:10%;
	height:3px;
	margin-top:0px;
	margin-bottom:40px;
	border-radius:0px;
	
}
.progress-bar
{
	background:#66cc9a !important;
	
}
.read-more
{
	border:1px solid #66cc9a;
	border-radius:0px;
	padding:8px 30px;
font-family:regular;
margin-top:20px;
float:right;
transition:0.5s;
-webkit-transition:0.5s;
}


.read-more:hover
{
background:#66cc9a;
color:white;
transition:0.5s;
-webkit-transition:0.5s;

}

footer
{
	background:#5c5959;
}
 footer a{
	 color:white;
 }

.page-footer h6 a
{
text-decoration:none !important;
color:white;
font-family:regular;
}


.page-footer h6 a:hover
{
text-decoration:none !important;

}

hr
{
	border:1px solid white !important;
}


.page-footer p
{
font-family:regular;
margin-top:20px;
margin-bottom:40px;
color:white !important;
}


.footer-socials a i
{
	text-align:center;
}


.footer-socials a i
{
	color:white;
}

/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}


@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative}
.box10:after,.box10:before{border-width:0 180px 140px;border-style:solid;border-color:transparent transparent transparent;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color:transparent #66cc9a #66cc9a #66cc9a;top:25%;transform:translate(-60%,100%)}
.box10:hover:before{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10:hover:after{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10:hover img{transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{padding:20px 0 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10:hover .box-content{opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff;font-family:regular;}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li a{display:block;width:35px;height:35px;background:#18ab69;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
.box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
.box10:after{border-width:260px 460px}
}


#product h2
{
	
	font-size:35px;
	border-bottom:1px solid black;
	text-align:left !important;
	margin-bottom:10px;
	font-family:regular;
}

.content1 h2{
	text-transform:uppercase;
	font-family:regular;
	border-left:5px solid #66cc9a;
	letter-spacing:-1px;
	font-size:26px;
}
.content1 p{
	font-family:regular;
	margin-top:15px;
}
.list-group-item.active{
	background-color: #66cc9a;
	border-color: #66cc9a;
}
.list-group-item{
	font-family:regular;
	font-weight:600;
	border-left:5px solid #66cc9a;
	margin-top:8px;
	color:#5c5959;
}
.content3 h6{
	font-weight:400;
}
.tab-image img{
	 box-shadow: 10px 10px 5px #ccc;
      -moz-box-shadow: 10px 10px 5px #ccc;
      -webkit-box-shadow: 10px 10px 5px #ccc;
      -khtml-box-shadow: 10px 10px 5px #ccc;
}

.bread{
	 background-image: url("../images/products/b1.jpg");
	 background-repeat:no-repeat;
	height:300px;
	background-size: cover;
	background-size: cover;
}
.bread1{
	 background-image: url("../images/products/b2.jpg");
	 background-repeat:no-repeat;
	height:300px;
	 background-size: cover;
   
  
}
.bread2{
	 background-image: url("../images/products/b3.jpg");
	 background-repeat:no-repeat;
	height:300px;
	background-size: cover;
}

.navbar ul li a:hover{
	background-size: 100% 2px, auto;
	color:#66cc9a;
}
.hvr-underline-from-center{
  background-image: linear-gradient(rgb(102, 204, 154), rgb(102, 204, 154));
  background-size: 0 5px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: all .2s ease-out;
}

.box-content a{
	position:absolute;
	top:180%;
	color:#fff;
	
}

.values p{
	text-align:justify;
	border-left:5px solid #66cc9a;
	padding-left:5px;
	margin-top:30px;
}
.contact .c1 .fa{
	font-size:20px;
	background:#66cc9a;
	color:#fff;
	border-radius:50%;
	padding:10px;
}

.contact .c1 p{
	text-align:center;
	color:#a5825c;
}

.contact .c1{
 box-shadow: 10px 10px 5px #ccc;
      -moz-box-shadow: 10px 10px 5px #ccc;
      -webkit-box-shadow: 10px 10px 5px #ccc;
      -khtml-box-shadow: 10px 10px 5px #ccc;
	  padding:5px;
}

input[type='message'] {
  height:200px;
}
.mt-50{
	margin-top:80px;
}

@media only screen and (max-width: 850px) and (min-width: 602px)
{
	.header{
		margin-left:-5rem !important;
	}
	
}

@media only screen and (max-width: 768px) {
  .bread2 {
  height:200px;
  }
  .bread {
  height:200px;
  }
  .bread1 {
  height:200px;
  }
  .bread3 {
  height:200px;
  }
  .slide .left-half{
	   height:200px;
  }
  .slide .right-half{
	   height:200px;
  }
  .content h2{
	  font-size:20px;
  }
  .content p{
	  font-size:17px;
  }
  .content{
	  padding:10px;
  }
  #slides-collection{
	  width:100%;
	  height:300px !important;
	  position: relative;
    overflow: hidden;
  }
  #slides-collection .pana2{
	  width:350px !important;
  }
   #slides-collection .panama{
	  width:200px !important;
  }
   #slides-collection .pana{
	  width:200px !important;
  }
}

@media only screen and (max-width: 600px) {
  .bread {
  height:150px;
  }
  .mpi{
	margin:auto;
}
   .bread1 {
  height:150px;
  }
   .bread2 {
  height:150px;
  }
   .bread3 {
  height:150px;
  }
  .content{
	  margin-top:20px;
  }
  .content p{
	  display:none;
  }
    #slides-collection .pana2{
	  width:330px !important;
	  margin-left: -0.2rem;
  }

#nav .prev-slide
{
	left:0px;
	
	position:absolute;
	top:20%;
	z-index:999;
	
}
#nav .next-slide
{
	right:0px;
	position:absolute;
	top:20%;
	z-index:999;
	
}
#nav i{
	font-size:20px;
}

.right{
	display:none;
}
}

@media only screen and (max-width: 450px) {
    .video{
        padding-bottom:75%;
        width:96%;
    }
    
}
@media only screen and (max-width: 450px) {
    .navbar-brand img{
        width: 145px;
    margin: 5px 10px 2px 14px;
    }
  .bread {
  height:100px;
  }
  .bread1 {
  height:100px;
  }
  .bread2 {
  height:100px;
  }
  .bread3 {
  height:100px;
  }
  .content h2{
	  font-size:13px;
	  padding:1px;
	
  }
    .content{
		  border-style:none;
		  width:80%;
	}
	#nav i{
	font-size:10px;
}

.pana{
    margin-left:0;
}



.video iframe{
    left:0;
    top:0;
    width:100%;
	height:100%;
    position:absolute;
	margin-bottom:10px !important;
}
}



#about h2{
	border-bottom: 1px solid black;
	font-family:regular;
}

.right{
	position:absolute;
	right:10%;
	margin-bottom:10px;}
	
	.mpi p{
		display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    font-family: regular;
	}
	
	
	.core-value{
	 background-image: url("../images/bg4.jpg");
	 background-repeat:no-repeat;
	 background-size:cover;
	}
	
	
	.core-value h2 {
    border-bottom: 1px solid black;
    font-family: regular;
}
	
	.core-value img{
		margin:auto;
		display:inherit;
	}


	.core-value p{
text-align: center;
    padding-top: 20px;
    font-weight: 500;
    font-family: regular;
    text-transform: uppercase;
    font-size: 30px;
	}
	
	
	video{
	    width:100%;
	}