/*!
 * IN FUENTES DE LA TERMINALF
 */

@font-face{font-family:"Empresa";src:url(fonts/NissanBrandW01-Light.eot);src:url(fonts/NissanBrandW01-Light.eot?#iefix) format("embedded-opentype"),url(fonts/NissanBrandW01-Light.woff) format("woff"),url(fonts/NissanBrandW01-Light.ttf) format("truetype"),url(fonts/NissanBrandW01-Light.svg#nissanproreg-webfont) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"Empresa Bold";src:url(fonts/NissanBrandW01-Bold.eot);src:url(fonts/NissanBrandW01-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/NissanBrandW01-Bold.woff) format("woff"),url(fonts/NissanBrandW01-Bold.ttf) format("truetype"),url(fonts/NissanBrandW01-Bold.svg#nissanproreg-webfont) format("svg");font-weight:800;font-style:normal}
@font-face{font-family:"Empresa Medium";src:url(fonts/NissanBrandW01-Regular.eot);src:url(fonts/NissanBrandW01-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/NissanBrandW01-Regular.woff) format("woff"),url(fonts/NissanBrandW01-Regular.ttf) format("truetype"),url(fonts/NissanBrandW01-Regular.svg#nissanproreg-webfont) format("svg");font-weight:400;font-style:normal}

.container-fluid{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
	.container{padding-right:35px;padding-left:35px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1250px}}
	.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}




/*!
* ACTUALIZACIÓN CSS 26-7-2019
 */


	@media screen and (min-width: 250px) {
    

	#section1 .bannernuevo1{
		padding-top: 20px;
	}
	#section1 .bannernuevo1 p{
	   font-size:16px; font-weight:bold;
		
	}

	#section1 .bannernuevo1 h3{
	 font-size:26px; margin-top:-10px;
	}

	#section1 .bannernuevo2{
	 

	border-right:1px solid black;display:inline-block;padding:5px;
		}
	#section1 .bannernuevo3{
	 

	border-right:1px solid black;display:inline-block;padding:5px;display:inline-block;
		}
	#section1 .bannernuevo2 p{font-weight:bold;font-size: 0.7em;}


	#section1 .bannernuevo3 p{font-weight:bold;font-size: 0.7em;}

	#section1 .tecnica .subtecnica p{
		 font-weight:bold; font-size: 0.7em;
	}

	#section1 .tecnica .subtecnica{
		 border-right:1px solid black; display:inline-block; padding:4px;
	}


	.bajadabanner {
	margin-top:25px; margin-bottom:25px;
	}

	#section1{
		height: 30vh;   background-repeat: no-repeat; background-position:center center; background-size:cover; margin-top:-20px;
	}

	#section2{
		 background-repeat: no-repeat; background-position:center center; background-size:cover;
	}

	#section3{
		background-repeat: no-repeat; background-position:center center; background-size:cover;
	}

	#section4{
		 background-repeat: no-repeat; background-position:center center; background-size:cover;
	}


	#section2 .container .row{
		 color:white;
	}
	#section3 .container .row{
		 color:white;
	}
	#section4 .container .row{
		 color:white;
	}

	#section2 .container .row .recuadro1{
		 margin-bottom:35px;  margin-top:35px; background-color: rgba(0, 0, 0, .6); padding:50px; width:100%;
	}

	#section3 .container .row .recuadro2{
		 margin-bottom:35px;  margin-top:35px; background-color: rgba(0, 0, 0, .6); padding:50px; width:100%;
	}
	#section4 .container .row .recuadro3{
		 margin-bottom:35px;  margin-top:35px; background-color: rgba(0, 0, 0, .6); padding:50px; width:100%;
	}


	#section2 .container .row .recuadro1 h3{
	  font-weight: bold; font-size:16px;  
	}
	 
	#section3 .container .row .recuadro2 h3{
	  font-weight: bold; font-size:16px;  
	}

	#section3 .container .row .recuadro3 h3{
	  font-weight: bold; font-size:16px;  
	}
}


  .menuvertical {
        top: 5%;
        right:0;
        transform: translateY(125%);
        position: fixed;
    }

    .menuvertical {
        background: #efefef;
        display: inline-block;
        white-space: nowrap;
        width: 42px;
        transition: width .5s;
    }
    .menuvertical:hover {
        width: 200px;
    }
    .direc:hover {
        background-color: #920023;
        border: 0.5px outset #e4e4e4;
        color: white;
    }
    .menuvertical .fas {
        margin: 15px;
        width: 20px;
        color: #fff;
    }

    i.fas {
        font-size: 12px;
        vertical-align: middle !important;
    }

    .direc {
        height: 42px; 
        overflow: hidden;
        color: #920023;
        font-weight: 700;
        border: 0.5px outset #e4e4e4;
		 font-size: 12px;
        vertical-align: middle !important;
    }
.direc img{
        background-color: #efefef;
    margin-right: 10px;
    }



@media (min-width: 770px) {
#section1 .bannernuevo1{
		padding-top: 60px;
	}
#section1 .bannernuevo1 p{
  font-weight:bold;
}

#section1 .bannernuevo1 h3{
 font-size:50px; font-weight:bold; margin-top:-10px;
}

#section1 .bannernuevo2{
border-right:1px solid black;display:inline-block;padding:10px;
    }

#section1 .bannernuevo2 p{font-weight:bold;font-size: 1em;}


#section1 .bannernuevo3 p{font-weight:bold;font-size: 1em;}

    #section1 .tecnica .subtecnica p{
     font-weight:bold; font-size: 1em;
}

   
#section1 .bannernuevo3{
display:inline-block;padding:10px;
}

#section1 .tecnica{
     margin-top:230px; bottom:1px;background-color: transparent; display: block;
}

#section1 .tecnica .subtecnica{
      border-right:1px solid black; display:inline-block; padding:10px;
}


.bajadabanner {
margin-top:35px; margin-bottom:35px;
}

#section1{
     height: 500px;  background-repeat: no-repeat; background-position:center center;
}

#section2{
    height: 600px;  background-position:center center; background-size:cover;
}

#section3{
  height: 600px;   background-repeat: no-repeat; background-position:center center; background-size:cover;
}

#section4{
    background-repeat: no-repeat; background-position:center center; background-size:cover;
}


#section2 .container .row{
     color:white;
}
#section3 .container .row{
     color:white;
}
#section4 .container .row{
     color:white;
}

#section2 .container .row .recuadro1{
      margin-top:50px; margin-bottom:50px; background-color: rgba(0, 0, 0, .6); padding:50px; width:40%;
}

#section3 .container .row .recuadro2{
      margin-top:50px; margin-bottom:50px; background-color: rgba(0, 0, 0, .6); padding:50px; width:40%;
}
#section4 .container .row .recuadro3{
      margin-top:50px; margin-bottom:300px; background-color: rgba(0, 0, 0, .6); padding:50px; width:40%;
}


#section2 .container .row .recuadro1 h3{
  font-weight: bold; font-size:16px;  
}
 
#section3 .container .row .recuadro2 h3{
  font-weight: bold; font-size:16px;  
}

#section3 .container .row .recuadro3 h3{
  font-weight: bold; font-size:16px;  
}


}




body {
   font-size: 15px;
   font-family:"Empresa",Helvetica Neue,Helvetica,Roboto,Arial;font-style:normal;
}
p {
   font-family:"Empresa",Helvetica Neue,Helvetica,Roboto,Arial;font-style:normal;
}


.glyphicon  {
  font-size: 0.8em;
  margin-bottom:3px;
}

.ofset0  {
	margin-left: 0;
      margin-right: 0;
	  padding-left: 0;
      padding-right: 0;
}


a {
  color: #000000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000000;
  text-decoration: none;
}

a.toplink {
  line-height: 30px;
  padding-left: 20px;
  font-family: "Empresa",sans-serif;
	font-size: 12px;
	color: #ffffff;
  text-decoration: none;
}
a.toplink :hover,
a.toplink :focus {
  color: #db1010;
  background-color: transparent;
  text-decoration:underline;
}
@media (max-width: 767px) {
	.toplink {
	  height: 40px;
	  width:100%;
	  float:left;
	  color:#000000;
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:"Empresa",Helvetica Neue,Helvetica,Roboto,Arial;font-style:normal;font-weight:400;
  color: inherit;
}

b {
  font-family:"Empresa Bold",Helvetica Neue,Helvetica,Roboto,Arial;
  color: inherit;
}

.titulacion {
    border-top: 4px solid #c3002f;
    content: " ";
    width: 50px;
	margin-top:20px;
	height: 14px;
}
.titulo {
	margin-top:-10px;
}
.subtitulo {
    font-family: "Empresa Bold",Helvetica Neue,Helvetica,Roboto,Arial;
    font-style: normal;
    margin-top: 0px;
}


.seccion {
    background: url('../_images/bg-seccion.png') center bottom/cover no-repeat #fff;
    bottom: -37px;
    content: "";
    display: block;
    padding-bottom: 5.2%;
   margin-bottom: 5.2%;
    width: 100%;
    z-index: -100;
}
.seccion h1 {
   font-size: 3.4285714286em;
    padding-top: 4.2%;
}



a.foolink:link {
  font-family: "Empresa",sans-serif;
	font-size: 13px;
	line-height: 30px;
	color: #cbcbcb;
	text-decoration: none; 
}
a.foolink:visited {color:#cbcbcb;}
a.foolink:hover {color:#ffffff;}

.carousel-caption {
  position: absolute;
  font-size:50px;
  font-weight:700;
  line-height:50px;
  right: 5%;
  left: 10%;
  top: 10%;
  padding-left: 1%;
  width: 90%;
  height: 80%;
  z-index: 10;
  color: #000000;
  text-align: left;
  text-shadow: none;
}
.carousel-caption .btn {
  text-shadow: none;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: none;
  background-image:  none;
  background-image:  none;
  background-image:   none;
  background-repeat:  none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  background-image:  none;
  background-image:  none;
  background-image:   none;
  background-repeat:  none;
}

@media screen and (min-width: 768px) {
    
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 1%;
	top:30%;
    left: 5%;
    padding-bottom: 20px;
  }
  .carousel-indicators {
    bottom: 10px;
  }
}
.btn-cta {
font-family: "Empresa",sans-serif;
  font-size: 13px;
  color: #ffffff;
  border-radius:30px;
  background-color: #2a2a2a;
  padding:10px 20px 10px 20px;
}



.btn-cta:focus,
.btn-cta.focus {
  color: #fff;
  background-color: #920023;
}
.btn-cta:hover {
  color: #fff;
  background-color: #920023;
}
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  color: #fff;
  background-color: #2416a8;
  border-color: #2416a8;
}


.btn-cta2 {
font-family: "Empresa",sans-serif;
  font-size: 13px;
  color: #000;
  border-radius: 0px;
  padding:10px 20px 10px 20px;
  border-bottom:3px solid transparent;
}
.btn-cta2:focus,
.btn-cta2.focus {
  color: #000;
  border-bottom:53px solid #c3002f;
}
.btn-cta2:hover {
  color: #000;
  border-bottom:3px solid #c3002f;
}
.btn-cta2:active,
.btn-cta2.active,
.open > .dropdown-toggle.btn-cta2 {
  color: #000;
  border-color: #2416a8;
}



.btn-cta3 {
	margin-top:5px;
font-family: "Empresa",sans-serif;
font-weight: 600;
  font-size: 13px;
  color: #3a3a3a;
  background-color: #dedede;
  border-radius: 0px;
  padding:10px 20px 10px 20px;
}
.btn-cta3:focus,
.btn-cta3.focus {
  color: #3a3a3a;
  background-color: #dedede;
}
.btn-cta3:hover {
  color: #970f0f;
  background-color: #dedede;
}
.btn-cta3:active,
.btn-cta3.active,
.open > .dropdown-toggle.btn-cta3 {
  color: #970f0f;
  background-color: #dedede;
  border-color: #dedede;
}


.blanc {
  color: #fff;
}


/*!
 *********************** IN NAVBAR PRINCIPAL ***********************
 */

.navbar-principal {
  z-index: 100;
  background-color: transparent!important;
  font-family: "Empresa Medium",sans-serif;
  letter-spacing:1px;
  font-size:13px;
  font-weight: 400;
  padding-right: 20px;
  margin-bottom: 0;
  list-style: none;
  border-radius:0;
  border-bottom:0;
  /*box-shadow: 0 4px 4px -4px rgba(0,0,0,.5); 
  height:90px; */
  padding-left:120px; 
}
@media (max-width: 767px) {
	.navbar-principal {
		background-color: White!important;
	height:auto; 
	padding-left:0px; 
	}
}
.navbar-principal .navbar-nav {
  padding-top: 0px;
}

.navbar-principal .navbar-pie {
	width:85%;
	float: right !important;
   border-bottom:1px solid grey;
}
   
.navbar-principal .navbar-nav > li > a {
  color: #000000;
  padding:15px;
  letter-spacing:0px;
  /*border:1px solid grey;*/
}
.navbar-principal .navbar-nav > li > a:hover,
.navbar-principal .navbar-nav > li > a:focus {
  color: #c3002f;
  background-color: transparent;
}
.navbar-principal .navbar-nav > .active > a,
.navbar-principal .navbar-nav > .active > a:hover,
.navbar-principal .navbar-nav > .active > a:focus {
  color: #6b6b6b;
  background-color: transparent;
  /*border:1px solid #b8b8b8;*/
}
.navbar-principal .navbar-toggle {
  border-color: transparent;
}
.navbar-principal .navbar-toggle:hover,
.navbar-principal .navbar-toggle:focus {
  background-color: #transparent;
}

.navbar-principal .navbar-toggle .icon-bar {
  background-color: #474747;
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 0px;
}
.navbar-principal .navbar-collapse,
.navbar-principal .navbar-form {
  border-color: #101010;
}
.navbar-principal .navbar-nav > .open > a,
.navbar-principal .navbar-nav > .open > a:hover,
.navbar-principal .navbar-nav > .open > a:focus {
  color: #b11010;
  background-color: transparent;
}


 .navbar-principal .navbar-nav .open .dropdown-menu {
    border-color: #d4d4d4;
	margin-top:-3px;
  }


@media (max-width: 767px) {
	
   .navbar-principal {
    padding-right: 0px;
   }
	
	.navbar-principal .navbar-toggle {
	padding-top: 15px;
	margin-right: 0px;
	}
  .navbar-principal .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-principal .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-principal .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-principal .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar-principal .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-principal .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-principal .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
}
.navbar-principal .navbar-link {
  color: #9d9d9d;
}
.navbar-principal .navbar-link:hover {
  color: #fff;
}
.navbar-principal .btn-link {
  color: #9d9d9d;
}
.navbar-principal .btn-link:hover,
.navbar-principal .btn-link:focus {
  color: #fff;
}

.menutit {
  color: #0062c5;
  font-size: 30px;
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 10px;
}

/*!
 *********************** OUT NAVBAR PRINCIPAL ***********************
 */
 
 
 .vcenter {
display: inline-block;
vertical-align: middle;
float: none;
} 


/*!
 *********************** IN NAVBAR SEGUNDO ***********************
 */

.navbar-segundo{
	z-index:90;
	width:100%;
	font-family: "Empresa",sans-serif;
	font-weight: 400;
	background-color: white;
	border:0;
	margin:0;
  font-family: "Empresa Medium",sans-serif;
  letter-spacing:1px;
  font-size:13px;
	border-top:1px solid grey;
}
.navbar-segundo .container{
	width:100%;
}

.navbar-segundo .navbar-brand {
	font-size: 14px;
	padding-left:120px;
		color:#ffffff;
}

@media (max-width: 767px) {
	.navbar-segundo .navbar-brand {
		padding-left:0px;
		color:#000000;
	}
}



.navbar-segundo .navbar-brand:hover,
.navbar-segundo .navbar-brand:focus {
  color: #b51717;
  background-color: transparent;
}

.navbar-segundo .navbar-nav > li > a {
  color: #949494;
  font-weight: 400;
}
.navbar-segundo .navbar-nav > li > a:hover,
.navbar-segundo .navbar-nav > li > a:focus {
  color: black;
  background-color: transparent;
}
.navbar-segundo .navbar-nav > .active > a,
.navbar-segundo .navbar-nav > .active > a:hover,
.navbar-segundo .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #fff;
}
.navbar-segundo .navbar-toggle {
  border-color: #333;
}
.navbar-segundo .navbar-toggle:hover,
.navbar-segundo .navbar-toggle:focus {
  background-color: #333;
}
.navbar-segundo .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar-segundo .navbar-collapse,
.navbar-segundo .navbar-form {
  border-color: #101010;
}
.navbar-segundo .navbar-nav > .open > a,
.navbar-segundo .navbar-nav > .open > a:hover,
.navbar-segundo .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #fff;
}

@media (min-width: 768px) {
	
	.navbar-segundo .container{
	float:right;
	margin:0;
	padding:0;
   }
   
   .navbar-segundo .navbar-nav{
	float:right !important;
	padding:0px;
    }
}

@media (max-width: 767px) {
	
	.navbar-segundo .container{
	float:none;
}
	
	
  .navbar-segundo .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
	padding-top:30px;
  }
  .navbar-segundo .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
	border: 1px solid #9d9d9d;
	margin:2px;
  }
  .navbar-segundo .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-segundo .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar-segundo .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-segundo .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-segundo .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
}
.navbar-segundo .navbar-link {
  color: #9d9d9d;
}
.navbar-segundo .navbar-link:hover {
  color: #fff;
}
.sublink {
  padding:8px 20px 0px 20px;
  font-size:13px;
  font-weight:bold;
  color: #000;
}



/*!
 *********************** OUT NAVBAR SEGUNDO ***********************
 */

/*********************** IN SUBMENU ***********************/

.dropdown-menu {
	width:300px;
	border-radius:0;
  padding: 0;
  font-size: 13px;
}
.dropdown-menu > li > a {
    color: #353535;
	padding:13px;
    background-color:#f3f3f3;
  }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #000;
    background-color:#f3f3f3;
  }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #f3f3f3;
  }
/*********************** OUT SUBMENU ***********************/


/*!
 *********************** IN LARGE MENU ***********************
 */

.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 0px;
  margin-right: 0px;
  padding: 30px 0px;
  width:100%;
  border-radius:0;
  background-color: #ffffff;
  border:0;
   box-shadow: 0 0px 0px -0px rgba(0,0,0,.5); 
  
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}

.dropdown-menu-large > li > a {
  color: #ffffff;
}

.dropdown-menu-large > li > a:hover {
  color: #0062c5;
  background-color: #0c2d47;
}

.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #2d96cd;
  white-space: normal;
}
.dropdown-menu-large > li > ul > li > a:hover,
.dropdown-menu-large > li > ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #ffffff;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 767px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
}
/*!
 *********************** OUT LARGE MENU ***********************
 */





/*********************** IN TOGLE BUTTON ***********************/
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 20% 80%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
/*********************** OUT TOGLE BUTTON ***********************/

#overlay-wa {
  position: fixed; /* Sit on top of the page content */
  bottom: 15%; 
  right: 0;
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

/*********************** IN BTN CONFIG ***********************/
@media screen and (min-width:768px){
	.btn-config{position: fixed;  bottom: 30%;  right: 0px; z-index: 2; cursor: pointer;width:45px;z-index:1}
}
.btn-config>div{display:table;height:100%;float:none;width:auto}
.btn-config>div div{display:table-cell;vertical-align:middle;float:none;width:auto}
.btn-config a{width:45px;height:45px;float:left;overflow:hidden;margin-bottom:0px;z-index:0;border-radius:0px;position:relative;margin-left:0;-webkit-transition:margin .5s ease,width .5s ease;-moz-transition:margin .5s ease,width .5s ease;-ms-transition:margin .5s ease,width .5s ease;-o-transition:margin .5s ease,width .5s ease;transition:margin .5s ease,width .5s ease}
.btn-config a:last-child{margin-bottom:0}.btn-config a:hover{width:200px;margin-left:-155px}
.btn-config a:hover span:nth-child(1){padding-left:20px}.btn-config a>span{overflow:hidden}
.btn-config a>span:nth-child(1){background-color:#e7e7e7;position:absolute;float:left;width:99%;height:45px;border-radius:0px;z-index:1;top:0px;right:1px;font:1.4em/14px proximaNovaBold,Arial,Helvetica,sans-serif;color:#000;padding:9px 62px 16px 0;-webkit-transition:padding ease .5s;-moz-transition:padding ease .5s;-ms-transition:padding ease .5s;-o-transition:padding ease .5s;transition:padding ease .5s}
.btn-config a>span:nth-child(1) em{font:14px Empresa Bold,Helvetica,sans-serif; color:#000000; line-height:25px;}
.btn-config a>span:nth-child(2){background-color:#eeeeee;position:absolute;width:45px;height:45px;float:left;border-radius:0%;right:0;z-index:1}

@media screen and (max-width:767px){
	.btn-config{bottom:0px;right:0;width:100%;height:55px;bottom:1px}
	.btn-config>div{float:left;width:100%;display:block}
	.btn-config>div div{float:left;width:100%;display:block;height:100%;background-color:#eeeeee;padding:0 0}
	.btn-config a{width:33%;}
	.btn-config a>span:nth-child(1){display:none}
	.btn-config a>span:nth-child(2){right:25%!important}
}
/*********************** OUT BTN CONFIG ***********************/