@import url('https://fonts.googleapis.com/css?family=Satisfy');

/* general */

.satisfy{
  font-family: 'Satisfy', cursive;
  font-size:52px !important;
  text-transform:none !important;
}

.yellow{
	color:#F29C12 !important;	
}

h3 a{
	color:#F29C12 !important;	
}
/* ./general */

/* nav */
.navbar-default{
	background-color:#000 !important;	
}
.navbar-brand{
	color:#fff !important;	
	margin-top:10px !important;
}


.navbar-brand span{
	color:#F29C12;
	font-weight:bold;
}

.scroll_top{
	position:fixed;
	z-index:1;
	bottom:5%;
	right:5%;	
	
	width:50px;
	height:50px;
	padding:10px;
    background: #f39c12;
	font-size:22px;
	text-align:center;
	display:none;		
}

.scroll_top a{
	color:#fff;
}
/* ./nav */

/* header */
.logo{
    padding-bottom: 5px !important;
}
.home_text{
	text-align:center !important;	
}
.home_text h1{
  font-family: 'Satisfy', cursive;
  font-size:52px !important;
  text-transform:none !important;
}
/*
.home-container{
	padding-top:5%;
	padding-bottom:30%;
}
*/
/* ./header */

/* home */
.inicio {
    padding-bottom: 50px;
}

.inicio h2 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 30px;
	line-height: 37px;
}
/* ./home */


/* menú vertical */

		/* https://codepen.io/Creaticode/pen/ecAmo */

		ul {
			list-style-type: none;
		}
		
		
		 .accordion {
			width: 100%;
			max-width: 360px;
			margin: 30px auto 20px;
			background: #000;
			/*-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;*/
		 }
		
		.accordion .link {
			cursor: pointer;
			display: block;
			padding: 15px 15px 15px 42px;
			color: #F29C12;
			font-size: 14px;
			font-weight: 700;
			border-bottom: 1px solid #CCC;
			position: relative;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		
		.accordion .link a{
			margin:0 !important;
			padding:0 !important;
			color:#F39C12 !important;
		}
		
		.accordion .link a:hover{
			color:#F39C12;
			background-color:transparent !important; 
		}				
		
		.accordion li:last-child .link {
			border-bottom: 0;
		}
		
		.accordion li i {
			position: absolute;
			top: 16px;
			left: 12px;
			font-size: 18px;
			color: #595959;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		
		.accordion li i.fa-chevron-right {
			right: 12px;
			left: auto;
			font-size: 16px;
		}
		
		.accordion li.open .link {
			color: #fff;
		}
		
		.accordion li.open i {
			color: #fff;
		}
		.accordion li.open i.fa-chevron-right {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		
		.accordion li.default .submenu {display: block;}
		/**
		 * Submenu
		 -----------------------------*/
		 .submenu {
			/*display: none;*/
			background: #444359;
			font-size: 14px;
		 }
		
		 .submenu li {
			border-bottom: 1px solid #4b4a5e;
		 }
		
		 .submenu a {
			display: block;
			text-decoration: none;
			color: #d9d9d9;
			padding: 12px;
			padding-left: 42px;
			-webkit-transition: all 0.25s ease;
			-o-transition: all 0.25s ease;
			transition: all 0.25s ease;
		 }
		
		 .submenu a:hover {
			background: #F39C12;
			color: #FFF;
		 }


/* ./menú vertical */


/* productos */
.item{
	border:solid 1px #CCCCCC;	
	padding:8%;
}

.breadcrumb {
    background-color: #fff !important;
}
/* ./productos */



/* TABS */
#exTab1 .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {

  background-color: #F39C12 !important;

}

#exTab1 .tab-content {
  color : white;
  background-color: #F39C12;
  /*padding : 5px 15px;*/
  padding:20px !important;
}

#exTab2 h3 {
  color : white;
  background-color: #F39C12;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #F39C12;
  padding : 5px 15px;
}

/* ./TABS */


/* FLIP
---------------------------------------------------------------- */
.flip_panel {
    width: 100%;
    height: 100%;
    position: relative;
}

.card {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    
}

.front {
    z-index: 2;
	cursor:pointer;
}

.back {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);  
    transform: rotateY(180deg);  

    position: absolute;
    top: 0px;
    left: 0px;
	
	/* */
	background-color:#F39C12;
	padding:20%;
	color:#FFF;
    
}

.back a{
	color:#FFF;
    
}

.flip_panel:hover .front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip_panel:hover .back {
    z-index: 2;   
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    
}

.TextOnTop {
    font-size: 13px;
    top:0;
    left:0;
    text-align: center;
    position:absolute;
    padding:8px;

}


.back > h4{
	color:#FFF;
	
}


/* ./FLIP
---------------------------------------------------------------- */


/* COMPANY
---------------------------------------------------------------- */

.company {
    background: url(../../images/company/exposicion.jpg);
    /*background-size: cover;*/
    background-repeat: no-repeat;
}

.title_company h2:after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 1px;
    background-color: #f39c12;
    left: 50%;
    margin-left: -30px;
}

/* ./COMPANY
---------------------------------------------------------------- */



/* SERVICES
---------------------------------------------------------------- */

.services{
    background: url(../../images/servicios.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.ulser{
    list-style: square outside none;
}


/* ./SERVICES
---------------------------------------------------------------- */