/*--------------------------------------------------------------------------
   Clic
   ----------------------------------------------------------------------------
   File: layout.css
   Gerardo Gonzalez Flores
  gerardo AT clic DOT com DOT mx <--
   ---------------------------------------------------------------------------
   CSS Layout styles for the web site.
   Layout CSS para el sitio.
   --------------------------------------------------------------------------*/
  /* Layout
   -------------------------------------------------------------------*/

  html.layout {
    background: #FBFBFB;
  }

  html * {
    font-family: 'Fira Sans', sans-serif;
    font-size:12pt;
  }




  #body{
    position:relative;
    background: url(../img/shadow-buscador.png)  center -10px no-repeat;
    /*z-index:990;*/
    width:1194px;
    margin:0px auto;
    padding-bottom:10px;
  }


   #wrapperHeader{
     height:197px;
   }

  .wrapper {
    margin: 0px;
    margin-right:auto;
    margin-left:auto;
    width:100%;
    position:relative;
  }

  #wrapperFoot {
    min-height: 58px;
    height: auto !important;
    height: 58px;
    position: relative;
    border-top: 1px solid #ffffff;
    clear: both;
  }

  #header {
   	position: relative;
    margin: 0 auto;
    position: relative;
    width: 1194px;
    height: 180px;
    border-top:2px solid #FFFFFF;
    background:#D9880E;
    transition: height .90s;
  }


  /*** busqueda **/

  #barraBuscador {
    width:98%;
    position:relative;
    margin:0px auto;
    background: #000000;
    padding-top:5px;
   /* height:53px;*/


  }
  #barraBuscador h3.titleSideBar {
    display:none;
  }


  #barraBuscador form.buscador {
      position:relative;
      background: #ffffff;

      overflow: hidden;
      width: 100%;
      margin:0px auto;
      height: 39px;
      position: relative;


  }
  #barraBuscador form.buscador input#s {
    border: 1px solid white;
    float: left;
    font-size: 12pt;
    padding: 8px 4px 8px 15px;!important;
    background-color: #FFF;
    width: 535px;
  }

  #barraBuscador form.buscador select {
  font-size: 12pt;
    padding: 8px 0px 1px 0px;!important;
    background:none;
    border:none;
    width: 170px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    margin-left:5px;

}

  #barraBuscador form.buscador div.select{
    background: url(../img/select-arrow.png) no-repeat  right 0.95em;
    height: 29px;
    overflow: hidden;
    width: 163px;
    float:left;
  }
  #barraBuscador form.buscador div.select:hover{
    background: url(../img/select-arrow-strong.png) no-repeat  right 0.95em;
  }


  :focus { outline: 0 none;}

  #barraBuscador form.buscador input#searchsubmit {
      -moz-border-bottom-colors: none;
      -moz-border-image: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #7DAE30;
      border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #CCCCCC;
      border-style: none none none solid;
      border-width: medium medium medium 1px;
      color: #ffffff;
      float: right;
      font-size: 13pt;
      font-weight: normal;
      padding: 7px 5px 7px 6px;
      cursor: pointer;
      text-transform: uppercase;
      height:39px;
      transition: all  0.5s ease;
      -webkit-appearance: none;
      border-radius: 0px;
  }

  #barraBuscador form.buscador input {
     -webkit-appearance: none;
 }


  #barraBuscador form.buscador input#searchsubmit:hover{
  background: #567922;
}
  #barraBuscador form.buscador input::-moz-placeholder ,
  #barraBuscador form.buscador input:-moz-placeholder {
   color:#595959;
   font-weight: bold;

  }

  #barraBuscador form.buscador input::-webkit-input-placeholder {
    color:#595959;
   font-weight: bold;
  }

#barraBuscador form.buscador input::-ms-input-placeholder {
   color:#595959;
   font-weight: bold;

  }


  /*.busqueda input#searchsubmit:hover {
    text-shadow: 0 0 7px #E6D754;
  }*/
  /** =busqueda **/

  /* =Layout343
   -------------------------------------------------------------------*/
  /* Header
   -------------------------------------------------------------------*/
 #barra1 {
   background: #313140;
   width:100%;
   height:33px;
}

#barra2 {
  background: #5C3916;
  width:100%;
  height:21px;

}

#cuadroRotado {
  position:absolute;
  transform: rotate(10deg);
  top:-120px;
  right:40px;

  height:200px;
  width:400px;
  opacity:1;
  transition: opacity .90s;
}

#cuadroRotado div:nth-child(1){
    opacity: 0.5;
    height:200px;
    width:380px;
    background: white;
    position:absolute;
}

#cuadroRotado div:nth-child(2){
    opacity: 0.5;
    position:absolute;
    top:10px;
    left:-15px;
    height:180px;
    width:380px;
    background: white;

}



  a#logo {
  	display:block;
  	width: 187px;
    height: 165px;
    background: url(../img/logo.png) #ffffff no-repeat center top ;
    top: 0px;
    left: 20px;
  	position:absolute;
  	z-index: 99;
    border-radius: 0px 0px 15px 15px;
    padding:0px 10px 2px 10px;
      transition: background .90s, height .90s, width .90s ;
  }

  a#logo h1 span {display:none}

  #mensaje {
  	position:absolute;
  	top:170px;
  	left:187px;
  	width:310px;
  	font-size:13pt;
  	background:  url(../img/separador-mensaje.png) no-repeat bottom;
  	z-index:1;
  	padding-bottom:14px;
  }



  /* quicklinks */
  #quickLinks {
    position: absolute;
    height: 23px;
    width: 42px;
    top: 7px;
  	left: 452px;
  	z-index: 999;

  }

  /* quicklinks */
  ul#quickLinks, ul#quickLinks li {
      padding: 0px;
      margin: 0px
  }

  #quickLinks li {
      list-style: none;
      background: none;
  }

  #quickLinks li.home, #quickLinks li.contact, #quickLinks li.siteMap {
      position: absolute;
  }

  #quickLinks a {
      display: block;
      width: 25px;
      height: 22px;
  }

  #quickLinks a span {
      display: none;
  }

  #quickLinks li.home {
      left: 0px;
      top: 0px;
  }

  #quickLinks li.contact {
      left: 45px;
      top: 0px;
  }

  #quickLinks li.siteMap {
      left: 90px;
      top: 0px;
  }

  #quickLinks li.home a {
      background: url(../img/home-over.gif) 0px 0px  no-repeat;
  }

  #quickLinks li.home a:hover {
      background: url(../img/home-over.gif) 0px -22px #EAFB33 no-repeat;
  }

  #quickLinks li.contact a {
      height: 23px;
      background: url(../img/contacto-over.gif)   0px 0px no-repeat;
  }

  #quickLinks li.contact a:hover {
      background: url(../img/contacto-over.gif) 0px -22px #EAFB33 no-repeat;
  }

  #quickLinks li.siteMap a {
      height: 23px;
      background: url(../img/mapa-sitio-over.gif)  0px 0px no-repeat;
  }

  #quickLinks li.siteMap a:hover {
      background: url(../img/mapa-sitio-over.gif) 0px  -22px #EAFB33 no-repeat;
  }
  /* =quicklinks */





  /***** -60 --- NAV BAR  ****/


  ul#menu {
    width:100%;
    background: none;
    z-index: 992;
    margin:0px;
    /*box-shadow: inset 3px 3px 40px -6px #ff0000;*/
  }

  ul#menu > li {
    /*padding-bottom:1px;*/
    min-height:30px;
    height:auto !important;
    height: 30px;
    border-bottom:1px solid #6F9B2B;
    padding-bottom:10px;

    border-top: 1px solid #58752C;
  }

  ul#menu > li:last-child {
    border-bottom: none;
  }

  ul#menu > li:first-child {
    border-top: none;
  }

  ul#menu * {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12pt;
    }

  ul#menu {

    padding: 20px 0px 20px 0px;

  }



  /* =Header
   ------------------------------------------------------------------*/
  /* Body
   ------------------------------------------------------------------*/
   #slogan, .slogan  {
     text-align: center;
     font-size:22pt;
     padding:20px 10px 20px 10px;
     width:60%;
     margin:0px auto;
     color:#3F3F51;
   }

  #contentHeader {
    min-height: 30px;
  	height:auto !important;
  	height: 30px;
    background: none;


  }

  #contentHeader * {
    color: #ffffff;

  }

  #contentHeader h1.title span {
      color: #444444;
      font-size: 22pt;
      font-weight: bold;
      text-transform: uppercase;
  }

  #contenido, .contenido {
      /*width:60%;*/
      /*position: relative;*/
      padding-bottom: 10px;
      text-align: left;
      min-height: 520px;
      height: auto !important;
      height: 520px;
      /*border:1px solid;*/
      padding: 0px 8px 15px 8px;

  }


  #barraLateral {
    width: 21%;
    float:left;

    clear:both;
    border-radius:10px;

    margin-top:30px;

    border:1px solid #597D22;
    background: #719E2C; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTAzYTJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #597D22 0%, #719E2C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#597D22), color-stop(100%,#7DAE30)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #597D22 0%,#719E2C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #597D22 0%,#719E2C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #597D22 0%,#719E2C 100%); /* IE10+ */
    background: linear-gradient(135deg,  #597D22 0%,#719E2C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597D22', endColorstr='#719E2C',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

  }

  #barraLateral h3{
    color:#ffffff;
    text-align:center;
    padding-top:5px;
    position:relative;
  }

  #barraLateral ul{
    padding-top:0px;
  }

  #areaCentral {

    width: 100%;
    float:none;
    margin:0px auto;
     /* alto minimo */
    min-height: 530px;
    height: auto !important;
    height: 530px;
    text-align: left;

  	/*position:relative;*/
  	z-index:800;

  }





  /* Le ponemos el fondo a la paginacion */
  #paginacion {
      margin-top: 0px;
      padding-bottom: 5px;
      height:40px;
      /*overflow: hidden;*/
      /*background: url(../img/content_bg.jpg) repeat-y top;*/
  }
  /* =Body

   ------------------------------------------------------------------*/
  /* Footer
   ------------------------------------------------------------------*/
  #footerWrapper {
  	width:100%;
  	margin:0px auto;
    border:none;
    position: relative;
    background: url("../img/footer-bg-top.png") no-repeat top center;

  }


  #footerWrapper .miniLogo{
    position:absolute;
    top:-56px;
    left:514px;
    border:10px solid #FBFBFB;
  }

  #footer {
      position:relative;
      width:1194px;
      margin:0px auto;

      text-align: center;
      clear: both;
      padding:20px 0px 5px 0px;
      min-height:142px;
      height:auto !important;
      height:142px;
  }

  #footerContent div, #footerContent h3  {
      display: none;
  }

  #footerAux {
  	width:1194px;
  	margin:0px auto;
  	height:33px;
    font-size: 8pt;
    text-align: right;
    padding-top:5px;

  }
  .clicLink {
    padding-right:15px;
  }

  #footerAux *, #footerAux{
      color: #000000;
      font-size: 8pt;
  }

  #footer * {
  	color:#ffffff;

  	font-size: 12pt;
  }




  ul#footerLinks { width:790px; margin:10px auto 5px auto; }
  ul#footerLinks li { float:left; }


#footer #charla {

    left: 560px;
    padding-top: 10px;
    position: absolute;
    top: 30px;
    width: 350px;
}
  /* =Footer
   -------------------------------------------------------------------*/
  .message {
      padding: 10px;
      margin-top: 35px;
      background: #FFDEDE;
      width: 338px;
      text-align: center;
      border: 1px solid #FF7F7F;
  }

 .descripcion .message {
     font-size:10pt;
      width: 700px;
     margin:0px auto;
  }

  .getIpMessage {
  	font-size:18pt;
  	font-weight:bold;

  }

  #flashMessage {
      background: #FFDEDE;
      border: 1px solid #FF7F7F;
      /*height:20px;*/
      padding: 3px;
      width: 250px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  	margin-bottom:10px;
  	margin-top:5px;
  	z-index:1;
  }


  ul#serviciosInicio{
  	width:700px;
  	background:none;
  	padding:0px;
  	margin:0px;
  }

  ul#serviciosInicio li {
  	float:left;
  	width:350px;
  	background:none;
  	list-style-image:none;
  	padding:0px;
  	margin:0px;
  }
  /*Estilos para secciones colapsables*/
  .show{
  	display:true;
  }
  .hide{
  	display:none;

  }

  #formatoTabla { width:700px; margin-left:auto; margin-right:auto; margin-top:10px;}

  /** Elmentos Portafolio **/




  ul.subMenu {
  	margin: 4px 5px 4px 10px;
  }


  ul.subMenu  li{
  	color:#ffffff;
  	background: url(../img/bullet-sub-menu.png) no-repeat .1em .3em;
  	margin-left:10px;
  	padding-left:12px;
  }
  ul.menu a span {
    color:#ffffff;
  }




  ul#menu,
  ul#menu ul{
    margin:0px;
  }
  	/** Ayuda **/

  div#ayudaEnLineaTel {
    position:absolute;
  	right: 5px;
  	width: 390px;
    top:7px;
  	z-index: 9;
  	text-align: left;
  	/*background: url(../img/ayudaenlinea-bg2.png) no-repeat;*/
    }
  div#comoComprar {
  	width: 130px;
  	height: 57px;
  	position: absolute;
  	right: 599px;
  	z-index: 25;
  	top: 262px;
  }
  ul#ListaDeTelefonos { margin:0px;}
  ul#ListaDeTelefonos li{
  	color: white;
  	font-size: 16px;
  	letter-spacing: -0.02em;
  	font-weight: normal;
  	float: left;
  	background: none;
  	text-shadow: 0 0 3px black;
  	padding-left:5px;
  }

  div#comoComprar a {  display:block; width:130px; height:57px; background: url(../img/como-comprar-bg2.png) no-repeat;}
  div#comoComprar span {display: none;}

   h1#titleAyudaEnLinea {
      font-size: 15pt;
      position: absolute;
      right: 45px;
      text-align: center;
      top: 12px;
      width: 310px;
  	color: #fff;
  	/*text-shadow: 0 0 2px black;*/
    }
      h1#titleAyudaEnLineaTel {
  	font-size: 16px;
     color: #fff;
     text-align:center;
  	}

      h1#titleHorarioAtencion{
      font-size: 10pt;
      top: 0px;
  	color: black;
  	letter-spacing: -0.02em;

    }
    div#horariosGuia{
      position:absolute;
      left: 498px;
  	z-index: 9;
  	/*background: url(../img/ayudaenlinea-bg.png) no-repeat;*/
  	top: 17px;
  	border: 2px solid white;
  	background: #f0f9ff;
  	background: -moz-linear-gradient(top,  #f0f9ff 0%, #99d7ff 47%, #6bc8ff 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#99d7ff), color-stop(100%,#6bc8ff));
  	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	background: -o-linear-gradient(top,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	background: -ms-linear-gradient(top,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	background: linear-gradient(to bottom,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#6bc8ff',GradientType=0 );
  	padding: 4px;
    }


    div#ayudaEnLinea{
      position:absolute;
  	width: 382px;
  	height: 75px;
      right: 10px;
  	z-index: 9;
  	/*background: url(../img/ayudaenlinea-bg.png) no-repeat;*/
  	top: 0px
    }




    h2#twitterBox  span { display:none; }

    h2#twitterBox { position:absolute;  width:140px; height:56px;  top:10px;  right:10px; margin:0px;  padding:0px; }
    h2#twitterBox a {  display:block; width:140px; height:56px; background: url(../img/twitter-tienda-clic.png) no-repeat;}

    div#messengerBox { position:absolute;  width:102px; height:34px;  top:11px;  left:25px; margin:0px;  padding:0px; }
    img#messengerIcon {
      display: block;
      height: 56px;
      left: -15px;
      position: absolute;
      top: -12px;
      width: 43px;
      z-index: 8552;
    }

  #bannerBody {
  	  height: 404px;
      width: 100%;


      margin:0px auto;
      overflow:hidden;

  }

  #bannerArea {
    width:1194px;
    margin:0px auto;
    height:404px;
    position:relative;
    top:0px;
    left:0px;
    z-index:10;
    overflow: hidden;
  }
  div.imageBanner {
    width:1194px;
    height:404px;
    position:absolute;
    top:0px;
    left:0px; }

  #seccionTitle {

  }

  /*COLLAPSED SECTIONS*/

  #preg1 ,#preg2 ,#preg3 ,#preg4 ,#preg5 ,#preg6 {
  	width: 920px;
  	display: none;
  }
  /*#preg1 ,#preg2 ,#preg3 ,#preg4 ,#preg5 ,#preg6, b{
  	padding: 10px 30px 10px 50px;
  	text-align: justify;
  }*/
  img.colapsa{
      margin-left: 10px;
  }
  .preguntas {
  	color: #000;
      text-decoration: none;
  	font-weight: bold;
  }
  .preguntas:hover {
  	text-decoration: underline;
  }
  .resps {
  	font-weight: normal!important;
  	padding: 0px;
  	margin-left: -2px;
  }
  #endeachfaq {
  	width: 994px;
  	height: 20px;
  	background: url(../img/faqs-bg.png) no-repeat;
  }
  #endfaqs {
  	width: 994px;
  	height: 20px;
  	background: none;
  }
  /************FIN SECCION FAQS**************/



  /***********SECCION PAQUETES***************/

  div#detallePaquetes {
  	width:994px;
  	padding: 0px;
  }
  #plat ,#gold ,#silver {
  	display: none;
  }
  #fantasia ,#ilusion ,#ensueno {
  	display: none;
  }
  #medida {
  	display: none;
  }
  /*************************PAGINAS CON CONTENIDO*******************/
  #terms {
  	margin: 0;
  	padding: 0 20px 0 0;
  }
  #terms h3 {
  	margin: 0;
  	padding: 0;
  }
  #terms h2 {
  	font-size: 15px;
  	margin-bottom: 20px;
  }
  #terms p {
  	font-size: 12px;
  	text-align: justify;
  	margin-bottom: 15px;
  }
  #terms span {
  	font-size: 11px;
  	text-align: justify;
  	color: #030;
  }
  #terms span:hover {
  	text-decoration: underline;
  }

  ul#faqs { margin:0px; }

  ul#faqs ul { margin:0px; }


  /*** UBICACION **/

  div#mapa {
  		width: 600px;
  		margin:0px auto;
  		border:2px solid #157B15;
  	}




  div.fb-like {  z-index:100; margin-top:10px;}
  div.tweet-this {  z-index:100; margin-top:10px;}
  table#paypalTable { position:absolute; bottom:5px; left:20px; z-index:100;}


  /**** FORMS ***/
  /*-------------------------------------------------------------------------
   Clic
   ---------------------------------------------------------------------------
   File: forms.css

   Gerardo Gonzalez Flores
   --> gerardo AT clic DOT com DOT mx <--
   ---------------------------------------------------------------------------
   CSS style for html forms
   Estilos generales para los formularios utilizados
   --------------------------------------------------------------------------*/
  .textoPequeno {
      font-size: 10px;
      text-align: center;
  }

  .admin {
      width: 550px;
      /*border:1px solid;*/
  }

  .admin label, .view label {
      display: block;
      width: 150px;
      float: left;
      text-align: right;
      padding-right: 2px;
  }

  .view label {
      font-weight: bold;
  }

  .converter label {
      width: 110px;
  }

  .formItem {
      padding-top: 1px;
      padding-bottom: 1px;
      clear: both;
  }
  #formaLogin .input input{
  	width:200px;
  }
  .formItem input, .formItem textarea {
      width: 270px;
  }

  .formItem input.radio, input.checkbox {
      width: auto;
  }

  .converter .formItem input {
      width: 100px;
  }

  .formItem select {
      width: 150px;
  }

  .submit {
      text-align: center;


  }
  /* Formularios de contacto */
  .forma, #contacForm .formItem input,
   #contacForm textarea {
    width: 400px;
  	margin-bottom: 2px;
  	padding: 5px;
  	border: 2px solid #313140;
  	border-radius: 5px;
  	font-size: 15px;
  	/*box-shadow: 1px 1px 2px #333;*/
  }

  #contacForm div.textoPequeno {
    margin-bottom:10px;
  }

  #contacForm .submit input, .centerText button,   #contacForm  button{
      width:auto;
      font-size:10pt;
  }

  .formItem label {
      display: block;
      float: left;
      padding-right: 2px;
      text-align: right;
      width: 105px;
    padding-top:.6em;
  }

  .button {
      background-color:#EF7D22;
      border: medium none;
      border-radius: 5px 5px 5px 5px;
      color: black;
      font-weight: bold;
      padding: 8px;
      color: #ffffff;
      transition:background 1s ease;
    }

  .button:hover{
    background: #5C3916;
  }

  #contacForm {
    width: 660px;
    margin: 0px auto;
    display: block;
}

  .atencion {
    color: red;
  	font-size: 90%;
    font-weight: bold;


  }

  fieldset {
      border: 1px solid #ccc;
      margin-top: 5px;
      padding: 10px 20px;
      /*width:80%;*/
  }

  fieldset legend {
      color: #343468;
      font-size: 110%;
      font-weight: bold;
      padding: 5px;
  }

  form#charters .formItem label {
      width: 180px;
  }

  form#charters .comments label {
      float: none;
      width: auto;
  	text-align:left;
  }

  form#charters .comments textarea {
      width: 98%
  }


  /* Titles
  ------------------------------------------------------------*/
   h1, h2, h3, h4, h5 {
   	margin:0px;
  	padding:0px;
  	font-size:14pt;
   }

   h1.title span { font-size:14pt;}





  .titleQuotation, .titleSideBar, h1.title,  h2.title {
    color:#000000;
    font-size:14pt;
    text-align: left;
    padding:5px 0px 5px 0px;
  }

 h2.subTitle, #contentHeader h1.title{
  color:#ffffff;
  font-size:26pt;
  font-weight: bold;
  text-align: center;
  padding:10px 22px 10px 22px;
  line-height: .625em;
  display:inline-block;
  background: #7DAE30;
  margin-bottom:20px;
  /*min-height:51px;
  height: 51px!important;*/
  overflow: hidden;
  position:relative;
 }

 #contentHeader {
  padding-top:30px;
  text-align: center;
 }

 #contentHeader h1.title span, #contentHeader h1.title *, #contentHeader h1.title {
  color:#ffffff;
 }

h2.subTitle:before, #contentHeader h1.title:before{
    content: '';
  position: absolute;
  left: -20px;
  top: -1px;
  transform: skew(8deg, 1deg) ;
background:  #FBFBFB;

  height:120%;
  width: 30px;
}

h2.subTitle:after, #contentHeader h1.title:after{
  content: '';
  position: absolute;
  right: -20px;
  top: -1px;
  transform: skew(-8deg, 1deg) ;
  background:  #FBFBFB;

  height:120%;
  width: 30px;
}

 h2.subTitle span, #contentHeader h1.title .breadcrum,  #contentHeader h1.title .breadCum *,
  #contentHeader h1.title div.breadcrum {
  font-size:10pt;
  display: inline-block;
  font-weight: normal;
  color:#ffffff;
 }




   h1.view span { font-size:14pt;}

   h1.view, h2.view{
  	width: 690px;
  	/*height: 94px;*/
  	/*background: url(../img/view-bg.png) no-repeat;*/
  	margin-bottom: 10px;
  	padding: 10px;
  	font-style: italic;
  	background-color: #F5F5F1;
  	border-radius: 10px;
   }

    h2.title { height:19px;}

   .square h1.title{
  	width:100%;
  	height:25px;
  	padding:0px;
  	margin:0px;
   }



   h2.sub{
  	width:auto;
  	height:17px;
  	margin-bottom:5px;

   }

   h2.subMap {
  	  background: url(../img/bullet1.jpg) no-repeat .1em .3em;
  	  padding-left:15px;
   }


   h3.subCatalog {
  	background: url('../img/app/flechaBgEnd.gif') no-repeat 10px 50%;
  	padding-left:35px;
  	margin-top:3px;
  }

 h3 *, h3{
  font-size:14pt;
  padding-bottom:10px;
 }

  .brandDescription {
      clear: both;
      margin: 0 auto;
      padding-bottom: 17px;
      width: 690px;
    }

  .itemLateral {
    margin-bottom:10px;
  }

  #footer .infoFooter {
    width:500px;
    height:108px;
    position:relative;
    top:10px;
    left:10px;
    text-align:left;
    padding-top:10px;




  }

  #footer .infoFooter, #footer .infoFooter * {
    font-size:12pt;
  }



  #footer .infoFooter  strong,
  #footer  h4 {
    display:block;
    font-size:16pt;
    padding:0px;
    margin:0px;
    border-bottom:2px solid #ECECEC;
    margin-bottom:4px;
    text-align: left;

  }

#footer .infoFooter  strong{
  height:36px;
    width:250px;
  background: url(../img/logo-horizontal-blanco.png) no-repeat;
  top:10px;
  display:block;
 text-indent: -9999px;
 padding-bottom:10px;
}


  #footer .infoFooter #direccion {
    font-size:11pt;
    font-style: normal;
    padding-top:10px;
  }



  #footer .infoFooter strong {
    font-style: normal;
  }

  #datosTel {
    display:block;
    clear:both;
    width:280px;
    position:absolute;
    right:10px;
    bottom:23px;
    text-align:left;
  }

  #paymentsType span{ display:none;}
  #paymentsType {
    position:absolute;
    top:40px;
    left:871px;
    background: url(../img/payments-logo.png) no-repeat bottom;
    width:290px;
    height:120px;
  }


  .btnList li { background:none; display:inline-block;}

  #menuImg img { padding:4px; }

  #menuImg {  padding:10px; width:95%;  margin:0px auto;}


  #mensajeCotizacion {
      margin: 10px auto;
      width: 85%;
  }
  .alert-warning {
      background-color: #FCF8E3;
      border-color: #FAEBCC !important;
      color: #8A6D3B;
  }
  .alert-success {
      background-color: #DFF0D8;
      border-color: #D6E9C6 !important;
      color: #3C763D;
  }
  .alert-danger {
      background-color: #F2DEDE;
      border-color: #EBCCD1 !important;
      color: #A94442;
  }
  .alert-info {
      background-color: #D9EDF7;
      border-color: #BCE8F1 !important;
      color: #31708F;
  }
  .alert {
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 4px;
      margin-bottom: 20px;
      padding: 15px;
  }

  form#contacto {
    width: 600px;
    margin:0px auto;
  }

  form#contacto  .formItem label { width:90px; }
  form#contacto  .formItem div.error-message { margin-left:95px; }

  .buttonBlue {
      background: none repeat scroll 0 0 #EC1B24;
      border: medium none;
      /*border-radius: 5px;*/
      color: #FFFFFF;
      cursor: pointer;
      float: right;
      font-weight: bold;
      padding: 5px;
  }


   a:hover .buttonBlue {
      background: none repeat scroll 0 0 #322F35;
      border-left: medium none;
  }

  #listadoNoticias li div.item {
      background: url("../img/separador.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
      margin-bottom: 10px;
      padding-bottom: 40px;
  }

  #listadoNoticias  h3.title {
    font-size:14pt;
    padding-left:0px;
  }



  #menuImg a:hover {
      background: url(../img/alpha-red.png) repeat
  }

  #menuImg a {
      width:149px;
      height:125px;
      border:0px solid;
      display:inline-block;
      position:relative;
      z-index:35;
      padding:3px

  }

  #menuImg a img {
      padding:0px;
      position:relative;
      z-index:10;
  }

  #menuTop li {
    display:inline-block;
    background:none;
    padding:0px;

  }

  #menuTop li:hover{

  }

  #menuTop li a{
    text-transform: uppercase;
    color:#ffffff;
    font-weight: bold;
    font-size:18pt;
    display:block;
    padding:5px 15px;
    border:none;
    background:none;
    transition: all .80s;

  }
  #menuTop * {
     font-size:13pt;
  }


  ul#menuTop  {
    margin:0px auto;
    position: relative;
    top:80px;
    display: inline-block;
    left:398px;
    transition: all .90s;
  }

  #menuTop li a::after{
    content: "";
    height:2px;
    width:100%;
    margin:0px auto;
    display: block;
    background: none;
    visibility: hidden;
    position:relative;
    top:5px;
    transition:all .3s ease-in-out;;
    transform:  scale3d(.1, 1, .1);

  }

  #menuTop li a:hover::after{
    width:80%;
    visibility:visible;
    background: #000000;
    transform:  scale3d(1, 1, 1);
  }



  #contentHeader h1 span.catSep {
    font-size:14pt;
  }
  ul#siteMap  { margin-left:0px; margin-top:0px;}
  ul#siteMap h2{ font-weight:normal;}

ul.socialMenu {
  margin:0px;
  padding:0px;

}

ul#socialButtonTop {
  position:absolute;
  top:130px;
  right:92px;
  transform: rotate(-10deg);
  margin:0px;
  padding:0px;

}

ul#socialButtonTop li {
  background: none;
  margin:0px;
  padding:0px;

}

ul#socialButtonTop li:nth-child(1) * {
  color:black;
  font-size:16pt;

}

ul#socialButtonTop li:nth-child(2) * {
  color:black;
  font-size:12pt;
}

ul#socialButtonTop li:nth-child(2) {
  text-align: right;
  line-height: 80%;
}


ul#socialButtonTop * {
  color:#ffffff;

}

ul.socialMenu li {
  background: none;
  margin:0px;
  padding:0px;
  float:left;
  height:28px;
  vertical-align: middle;
  padding-left:4px;
}



ul#socialButtonFoot.socialMenu li {
  margin-top:4px;
}

ul#socialButtonFoot.socialMenu {
  position:relative;
}


/*Social buttons*/
a.socialButton {
  display:inline-block;
  width:28px;
  height:28px;
  z-index: 60;
}

a.socialButton span{
  display:none;
}

a.fbBlack {
  background: url(../img/fb.png) no-repeat 0px 0px;
}

a.fbBlack:hover {
  background: url(../img/fb.png) no-repeat 0px -28px;
}

a.twitterBlack {
  background: url(../img/twitter.png) no-repeat 0px 0px;
}

a.twitterBlack:hover {
  background: url(../img/twitter.png) no-repeat 0px -28px;
}

a.gPlusBlack {
  background: url(../img/gplus.png) no-repeat 0px 0px;
}

a.gPlusBlack:hover {
  background: url(../img/gplus.png) no-repeat 0px -28px;
}

a.whatsBlack {
  background: url(../img/whatsapp.png) no-repeat 0px 0px;
}

a.whatsBlack:hover {
  background: url(../img/whatsapp.png) no-repeat 0px -28px;
}

a.phoneBlack {
  background: url(../img/phone.png) no-repeat 0px 0px;
}

a.phoneBlack:hover {
  background: url(../img/phone.png) no-repeat 0px -28px;
}



ul.socialMenu li span.tel{
  color:#595959;
  vertical-align: middle;
  padding-bottom:22px;
  padding-left:4px;
  display: inline-block;

}


a.fbWhite {
  background: url(../img/fb-white.png) no-repeat 0px 0px;
}

a.fbWhite:hover {
  background: url(../img/fb-white.png) no-repeat 0px -28px;
}

a.twitterWhite {
  background: url(../img/twitter-white.png) no-repeat 0px 0px;
}

a.twitterWhite:hover {
  background: url(../img/twitter-white.png) no-repeat 0px -28px;
}

a.gPlusWhite {
  background: url(../img/gplus-white.png) no-repeat 0px 0px;
}

a.gPlusWhite:hover {
  background: url(../img/gplus-white.png) no-repeat 0px -28px;
}

a.whatsWhite {
  background: url(../img/whatsapp-white.png) no-repeat 0px 0px;
}

a.whatsWhite:hover {
  background: url(../img/whatsapp-white.png) no-repeat 0px -28px;
}


header#header.scroll {
  position:fixed;
  height:100px;
  background: #D9880E;
  z-index: 90809;
  overflow: hidden;
  left: 50%;
  transform: translate(-50%,0);
  transition: height ease 1s;
}

header#header.scroll #barraBuscador{
  top:-1px;
  left:305px;
  margin-bottom:0px;
  width: 668px;
  border-bottom:0px;

}



header#header.scroll #quickLinks {
  display:none;
}

header#header.scroll #barraBuscador form.buscador {
  width: 100%;
  border-top:0px;
}


header#header.scroll  #logo {
  width:262px;
  height:93px;
  background: url(../img/logo-horizontal-color.png) #ffffff  no-repeat center top;
  top:0px;
  transition: background .90s, height .90s, width .90s ;
}

header#header.scroll #menuTop {
  top:10px;

}

header#header.scroll  #menu {
  top:0px;
  left:60px;
}


header#header.scroll  #menu li.exterior {
  display:none;
}



header#header.scroll ul#ListaDeTelefonos li  {
  padding-top:5px;
}



header#header.scroll div#infoQuotation {
  top:0px;
}

header#header.scroll header#header {
  height: 125px;
}

header#header.scroll #menu li.categoLabel {
  display: none;
}

header#header.scroll  ul#menu li#mnProductos  {
  right:auto;
  left:113px;
  padding:4px 12px;
}


header#header.scroll div#infoQuotation .title {
    color: #ffffff;
    left: -84px;
    position: absolute;
    text-align: center;
    width: 83px;
}

header#header.scroll  div#infoQuotation  {
  height: 38px;
}

header#header.scroll  div#infoQuotation .itemsWrapper {
  border:0px;
  height: 38px;
}

header#header.scroll  div#infoQuotation a#ligaCotizacion {
  width: 130px;
  height: 38px;
}

header#header.scroll  #barraBuscador form.buscador input#s{
  width:400px;
}

header#header.scroll  #barraBuscador form.buscador .submit{
  border-right:1px solid #ffffff;
}

header#header.scroll ul#menu.sf-menu li#mnProductos > ul {
    left: 0;
    right: auto;
}

 header#header.scroll ul#menu.sf-menu  li#mnProductos ul ul {
    left:100%;
    right:auto;
   }


a.fbColor {
  background: url(../img/fb-color.png) no-repeat 0px 0px;
}

a.fbColor:hover {
  background: url(../img/fb-color.png) no-repeat 0px -28px;
}

a.twitterColor {
  background: url(../img/twitter-color.png) no-repeat 0px 0px;
}

a.twitterColor:hover {
  background: url(../img/twitter-color.png) no-repeat 0px -28;
}

a.gPlusColor {
  background: url(../img/gplus-color.png) no-repeat 0px 0px;
}

a.gPlusColor:hover {
  background: url(../img/gplus-color.png) no-repeat 0px -28px;
}

a.whatsColor {
  background: url(../img/whatsapp-color.png) no-repeat 0px 0px;
}

a.whatsColor:hover {
  background: url(../img/whatsapp-color.png) no-repeat 0px -28px;
}


a.pinterestColor {
  background: url(../img/pinterest-color.png) no-repeat 0px 0px;
}

a.pinterestColor:hover {
  background: url(../img/pinterest-color.png) no-repeat 0px -28px;
}

a.skypeColor {
  background: url(../img/skype-color.png) no-repeat 0px 0px;
}

a.skypeColor:hover {
  background: url(../img/skype-color.png) no-repeat 0px -28px;
}

a.phoneColor {
  background: url(../img/phone-color.png) no-repeat 0px 0px;
}

a.phoneColor:hover {
  background: url(../img/phone-color.png) no-repeat 0px -28px;
}

a.instagramColor{
  background: url(../img/instagram-color.png) no-repeat 0px 0px;
}

a.instagramColor:hover {
  background: url(../img/instagram-color.png) no-repeat 0px -28px;
}


a.mailColor{
  background: url(../img/mail-color.png) no-repeat 0px 0px;
}

a.mailColor:hover {
  background: url(../img/mail-color.png) no-repeat 0px -28px;
}

.imagesContainer #carouselWrapper {
  width:370px;
  margin-top:10px;
}

.imagesContainer #carouselWrapper  .slideView .image { border:1px solid red;}

.imagesContainer #carouselWrapper a.ui-carousel-prev { top:60px; left:-30px;}
.imagesContainer #carouselWrapper a.ui-carousel-next { top:60px; right:-30px;}


#smallDesc .message {
  font-size:9pt;
  width:90%;
  margin:0px auto;
  margin-top:10px;
}

.imgmarco { border:1px solid #ff4d4d ;}

iframe {border:4px solid #ff4d4d ; display: block; margin:10px auto;}
.tweet-this iframe { border:none; margin: auto;}
.tweet-this { padding-top:10px;}
#contentHeader .breadCum, #contentHeader .breadCum * { padding-bottom:0px;}

table.transactionResult {
  width:650px;
  margin:0px auto;
}

table.transactionResult  th {
  font-weight:bold;
  width:250px;
  text-align: right;
  padding-right:4px;
}


.contenido ul li {
  	background:url(../img/bullet-level-1-interior.png) 3px .39em no-repeat;
}


/*
  - Media Queries
  - Retina Display
  - Max-width: 1200px
  - Max-width: 960px
  - Max-width: 800px
*/


/* ventana mas grande o iguales a 1194 */
@media only screen and (max-width: 1193px) {
  .wrapper, #header { width:100%;}
  #body { width:100%;}
  #bannerBody, #bannerArea { width:100%; height:auto;}
}

@media only screen and (max-width: 1109px) {
  .wrapper,
  #footer, #footerAux, ul#footerLinks { width:100%;}

  #body {
      padding-top: 16px;

      width: 100%;
  }

  #bannerBody {
  /*  display:none;*/
  }


  #areaCentral {
    width:100%;
    float:none;
  }

  .imagesContainer {
    width: 90%;
    margin:0px auto;
  }

  img {
    width:100%;
    display: block;
  }

}

@media only screen and (max-width: 1160px) {
  body ul.imageList2 li img {
    width:80%;
    margin:0px auto;

  }


  ul.imageList,
  ul.imageList2
  { width: 100%; margin:0px auto;}



  ul.productList > li.liCol img,
  ul.imageList li img,
  ul.imageList2 li img
  {
    width:80%;
    margin:0px auto;

  }

  ul.imageList2 li img
 {
    width:auto;
    margin:0px auto;
    display: block;

  }

  body  ul.productList > li.liCol { width: 100%; float:none; margin:0px auto; display:inline-block;background: none;padding: 0px; margin-top:15px; }
  body   ul.productList > li.liCol img { width: auto; }
}

@media only screen and (max-width: 1100px) {
  /*
#cuadroRotado #cuadro1 { background: none}
#cuadroRotado #cuadro2 { background: none}
ul#socialButtonTop li:nth-child(1) * { color:#ffffff}
ul#socialButtonTop li:nth-child(2) * { color:#ffffff;}
ul#socialButtonTop li:nth-child(2)  { padding-top:3px;}
*/
#cuadroRotado div:nth-child(1){
    opacity: 0.3;
    transition: opacity .30s;

}

#cuadroRotado div:nth-child(2){
    opacity: 0.3;
    transition: opacity .30s;
 }
}


@media only screen and (max-width: 800px) {
  #cuadroRotado {
    opacity:0;
    transition: opacity .90s;
  }

  header#header {
    position:fixed;
    height:138px;
    background: #D9880E;
    z-index: 90809;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%,0);
    transition: height ease 1s;
  }

  header#header.scroll #logo,
  header#header #logo {
    width:262px;
    height:93px;
    background: url(../img/logo-horizontal-color.png) #ffffff  no-repeat center top;
    top:0px;
    transition: background .90s, height .90s, width .90s ;
  }
  #bannerBody,
  body.scroll #bannerBody{
    padding-top:138px;
  }

  header#header #menuTop {
    top:10px;

  }

  header#header #menu {
    top:0px;
    left:60px;
  }

  ul#menuTop {
    left: 315px;
  }

  ul.itemList {
    width:395px!important;
    margin:0px auto;
  }

  .itemList li div.item:hover, .itemList li div.item.hover {
    position: relative!important;
  }


  div.navLinks {
    top: 0px;
    width: 100%;
  }
  body div.col.large { width:65%}

}
@media only screen and (max-width: 760px)

{

  header#header.scroll,
  header#header {
    height:138px;
  }

  header#header.scroll  #menuTop,
  header#header #menuTop,
  ul#menuTop {
    left: 0px;
    position: relative;
    top:-50px;
    margin:0px auto;
  }

  header#header.scroll a#logo,
  header#header a#logo {
    top:-54px;
    transition: background .90s, height .90s, width .90s ;
    position:relative;
    margin:0px auto;
  }
}


@media only screen and (max-width: 790px) {
  body ul#coreSpecs {
    width: 100%;
  }


  body ul#coreSpecs li,
  body ul#coreSpecs li:nth-child(2)
  {
    width:100%;
    margin:0px auto;
    background: none;
    padding:0px;
    margin-top:10px;

  }

  body ul.productList > li.liCol ,
  body ul.imageList li ,
  body ul.imageList2 li
  {
    width:100%;
    margin:0px auto;
    background: none;
    padding:0px;
    margin-top:10px;
    display: block;

  }

  body ul#coreSpecs li img
   {
    width:auto;
    margin:0px auto;
    display: block;

  }

    body ul.productList > li.liCol img,
    body ul.imageList li img,
    body ul.imageList2 li img
  {
    width:65%;
    margin:0px auto;

  }



}

@media only screen and (max-width: 550px) {
  #menuTop * {
    font-size:12pt;
  }
}

@media only screen and (max-width: 600px) {

  #footer {
    min-height:242px;
    height:auto !important;
    height:242px;
  }


#contacForm { width:470px;}
  .forma, #contacForm .formItem input, #contacForm textarea {
      width: 300px;

  }
}

@media only screen and (max-width: 480px) {

  a#logo {
    position:absolute;
    top:30px;
    left:5px;
  }

  #menuTop * {
    font-size:11pt;
  }

  #menuTop li a {
    padding:4px 10px;
  }

}


@media only screen and (max-width: 450px) {
  #contacForm { width:auto;}
  #contacForm { width:auto;}
  #contacForm .formItem label {
    float:none;
  }
   #contacForm .formItem input, #contacForm textarea {
    width:90%;
    margin:0px auto;
    display: block;
  }

  #menuTop li a {
    padding: 4px 4px;

 }
 #menuTop * {
   font-size:10pt;
 }
}

@media only screen and (max-width: 320px) {

 #menuTop * {
   font-size:9pt;
 }
}


ul#coreSpecs {
  margin:30px auto;
  width:672px;

}

ul#coreSpecs li {
  display:inline-block;
  width:132px;
  padding:0px;
  margin:0px;

}

ul#coreSpecs li span {
  text-align:center;
  display:inline-block;
  width:100%;
  font-weight: bold;
  padding-top:10px;
  color: #282C34;
}

ul#coreSpecs  li:nth-child(2){
  margin:0px 138px;
}

.parallaxie{

   margin:0px auto;
    min-height: 400px;
    height: 400px;
}




.map-box {
    height: 429px !important;
    width: 90% !important;
		border:2px solid #262262;


}

div.col {
  float:left;
  width:48%;

}

div.col.large {
  float:left;
  width:70%;

}
div.col.small {
  float:left;
  width:29%;

}
address {
  font-style:normal;
  background: #ffffff;
  border-bottom:4px solid #EF7D22;
  padding:20px;
  padding-left:35px;
  width:80%;
  margin:5px auto;
  box-shadow:0 0 30px rgba(0, 0, 0, .15);
}
address span{
  font-weight: bold;
  margin-left:-10px;
}

address strong{
  font-weight: bold;
}


h2.title::before, h3.title::before{
  background: #D9880E;;
    content: "";
    display: block;
    height: 3px;
    /*! margin-right: 1rem; */
    margin-bottom: 8px;
    vertical-align: middle;
    width: 80px;
}

h2.title {
  display:block;
  text-transform: uppercase;
  margin-bottom:20px;
}


h3.title {
  display:block;

  font-variant: small-caps;
  margin-bottom:10px;
}

h3.title::before{
  height:2px;
}


.legend {
  text-align: center;
  font-size:20pt;
}





ul.productList  {
  padding:0px;
  margin:0px;
}


ul.productList > li {
  clear:both;
  background:none;
  padding:0px;
  margin:0px;
  padding-top:25px;
  width:100%;
  float:none;
  background: none;
}

ul.productList > li:nth-child(odd) {

  clear:left;
  display:block;
}

ul.imageList2 {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

ul.imageList2 li {
  width:33%;
  float:left;
  background: none;
  padding:0px;
  margin:0px auto;
  margin-bottom:10px;
}


ul.imageList {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}


ul.imageList li {
  width:50%;
  float:left;
  background: none;
  padding:0px;
  margin:0px auto;
  margin-bottom:10px;
}

ul.imageList li img, ul.imageList2 li img , .imgStyle {
  display: block;
  padding: 10px;
  margin: 5px auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}

ul.imageList li:last-child {
  clear:right;
  display:block;
}

ul.productList > li.liCol {
  width: 48%;
  float:left;

  display: block;
  clear:none;
  padding:10px;

}

ul.productList > li.liCol.first:before{
  content: "";
  clear:both;
  display: block;

}

ul.productList > li.liCol.first {
   clear: left;
}

#contenido section {
  content: "";
  clear:both;
  display: block;
 padding-top:22px;
}


/*Back To Top*/
.back-top {
	color: #fff;
	right: 20px;
	font-size: 22px;
	position: fixed;
	z-index: 1600;
	opacity: 0;
	visibility: hidden;
	bottom: 70px;
	height: 40px;
	width: 40px;
	background: #5C3916;
	text-align: center;
	line-height: 38px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.back-top:before {
    content: "";
    position: absolute;
    border: #5C3916 solid 4px;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.back-top:hover:before, .back-top:focus:before{
    -webkit-animation-name: hvr-ripple-out;
    -o-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
    opacity: 1;
}

.back-top-visible {
  opacity:1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.back-top:hover, .back-top:focus{
	color:#fff;
}

.back-top .fa{
    line-height: 2.2;

  }
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}
@-o-keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}
@keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}

h3.title {
  padding-top:15px;
}
.parallaxie {
  margin:20px auto;
}
/*jssor slider loading skin double-tail-spin css*/
       .jssorl-004-double-tail-spin img {
           animation-name: jssorl-004-double-tail-spin;
           animation-duration: 1.6s;
           animation-iteration-count: infinite;
           animation-timing-function: linear;
       }

       @keyframes jssorl-004-double-tail-spin {
           from {
               transform: rotate(0deg);
           }

           to {
               transform: rotate(360deg);
           }
       }