/*
Coming Soon Template
http://www.templatemo.com/free-website-templates/462-coming-soon
*/

body
{
	background: #fff;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    position: relative;
}
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #fff;
	background-color:rgba(253, 148, 38, 0.4);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(253, 148, 38, 0.9);
}
.go-back {
	position: fixed;
	bottom: 2em;
	left: 2em;
	text-decoration: none;
	color: #fff;
	background-color:rgba(253, 148, 38, 0.4);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-back:hover {
	background-color: rgba(253, 148, 38, 0.9);
}

/**************** Product *****************************/
div.sub-caption{
    font-size: 18px;
    color: #ffffff;
    height:inherit;
    line-height: 30px;
    background: #43b3dc;
    padding-left:10px;
}
div.product-post div.product-logo{
	background: url("../images/lio/product-logo.png") no-repeat scroll left top transparent;
	position: absolute;
	right: 50px;
	top: 5px;
	width: 66px;
	height: 50px;
}  
div.hanita-logo{
	background: url("../images/partner/hanita-logo.png") no-repeat scroll left top transparent;
	position: absolute;
	right: 50px;
	top: 5px;
	width: 272px;
	height: 106px;
}

div.hanita-logo-banner{
	background: url("../images/partner/hanita-logo.png") no-repeat scroll left top transparent;
	position: absolute;
	left: 50px;
	top: 5px;
	width: 272px;
	height: 106px;
	background-color:#FFFFFF;
}

	
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}

.orange {
	color: #eb7915;
}
.azul-optimum {
	color: #48b4ed;
}
.verde-optimum {
	color: #64e600;
}
.gris-optimum {
	color: #878787;
}



/* heading section */
h1,h2,h3,h4,h5,h6,h7 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

h1,h2,h5,h6,h7 {
  font-size: 30px;
}

/* images retina */
img {
  max-width: 100%;
  height: auto;
}

/* preloader section */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center; }
.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #fd9426;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
          animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s; }
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s; }

@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }


/* navigation section */
.sticky-navigation {
  opacity: 0;
}
.navbar-default {
    background: #fff;
    border: none;
    padding-right: 40px;
    margin: 0 !important;
  }
.navbar-default .navbar-brand {
    font-size: 40px;
    line-height: 40px;
    padding-top: 14px;
   }
.navbar-default .navbar-nav li a {
  font-size: 16px;
  /*font-size:24px;*/
  font-weight: bold;
  line-height: 40px;
  transition: all 0.4s ease-in;
  }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fd9426;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fd9426;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  background: #fd9426;
  border-radius: 0px;
   border: none;
   margin-top: 20px;
   margin-bottom: 30px;
}
.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { 
  background-color: #f9f9f9;
}

/* home section */
#home {
  background: url('../images/ovcsa-bg.png');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
  padding-top: 60px;
  padding-bottom: 140px;
}

#home_privacidad {
  background: url('../images/banner/bg4.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 300px;
  padding-top: 60px;
  padding-bottom: 70px;
}
#home_lio {
  background: url('../images/ojos.png') no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 300px;
  padding-top: 60px;
  padding-bottom: 70px;
}
#home_torica {
  background: url('../images/lio/toric-bg.png') no-repeat;
  background-size: cover;
  background-position: right;
  min-height: 300px;
  padding-top: 60px;
  padding-bottom: 85px;
}
#home_aparataje {
  background: url('../images/banner/top_slide_3_123_1_new.jpg') no-repeat;
  background-size: contain;
  background-position: right;
  min-height: 300px;
  padding-top: 60px;
  padding-bottom: 70px;
}

#home_privacidad h1,
#home_privacidad h2,
#home_privacidad h5,
#home_privacidad h6,
#home_privacidad h7,
#home h1,
#home h2,
#home h5,
#home h6,
#home h7,
#home_lio h1,
#home_lio h2,
#home_lio h5,
#home_lio h6,
#home_lio h7,
#home_aparataje h1,
#home_aparataje h2,
#home_aparataje h5,
#home_aparataje h6,
#home_aparataje h7,
#home_torica h1,
#home_torica h2,
#home_torica h5,
#home_torica h6,
#home_torica h7 {
  background: #fff;
  display: inline-block;
  font-size: 60px;
  padding: 10px;
  font-family: 'Roboto', serif;

}
#home_lio h1,
#home_torica h1,
#home_aparataje h1,
#home_privacidad h1,
#home h1 {
  font-size:36px;
  text-transform: inherit;
}

#home_lio h5,
#home_torica h5,
#home_aparataje h5,
#home_privacidad h5,
#home h5 {
	color: #48b4ed;
}
#home_aparataje h1{
	color: #48b4ed;
	float:right;
	padding-right:5%;
}
#home_lio h6,
#home_torica h6,
#home_aparataje h6,
#home_privacidad h6,
#home h6 {
	color: #64e600;
}
#home_lio h7,
#home_torica h7,
#home_aparataje h7,
#home_privacidad h7,
#home h7 {
	color: #878787;
}
#home_lio h2,
#home_torica h2,
#home_aparataje h2,
#home_privacidad h2,
#home h2 {
  margin-top: 80px;
}
/* PONE EL FONDO SEMITRANSPARENTE*/
#home .bg_smtrans, #home_lio .bg_smtrans , #home_torica .bg_smtrans, #home_aparataje .bg_smtrans, #home_privacidad .bg_smtrans{
	background-color:#fff6;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
/* PONE EL FONDO TRANSPARENTE*/
#home .bg_trans, #home_lio .bg_trans, #home_torica .bg_trans, #home_aparataje .bg_trans, #home_privacidad .bg_trans{
	background-color:#fff0;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}

/* countdown seciotn */
#countdown .countdown-des
  {
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    min-height: 400px;
    text-align: center;
    position: relative;
    bottom: 60px;
    padding: 80px 100px 80px 100px;
  }
#countdown h2
  {
    color: #fd9426;
    letter-spacing: 1px;
  }
#countdown h1 {
  padding-bottom: 20px;
}
ul.countdown span {
  font-size: 40px;
  text-align: center;
  display: inline-block;
}
ul.countdown li {
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  color: #fd9426;
  font-family: 'Dosis', sans-serif;
  font-weight: bold;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  display:inline-block;
  transition: all 0.4s ease-in;
  margin: 40px 20px 0 20px;
}
ul.countdown li h3
  {
    font-size: 24px;
  }

/* 404 error section */

#error404_banner {
  background: url('../images/banner/404.jpg') no-repeat;
  background-size: cover;
  background-position: right;
  min-height: 300px;
  padding-top: 60px;
  padding-bottom: 70px;
  color:#ffffff;
}
#error404_banner h1
  {
    letter-spacing: 1px;
	font-size: 50px;
  }
  
#error404_banner h2
  {
    letter-spacing: 1px;
	font-size: 30px;
  }  

#error404 .error404-des
  {
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    min-height: 400px;
    text-align: center;
    position: relative;
    bottom: 100px;
    padding: 80px 100px 80px 100px;
  }
#error404 h2
  {
    color: #fd9426;
    letter-spacing: 1px;
  }
#error404 h1 {
  padding-bottom: 20px;
}
ul.error404 span {
  font-size: 40px;
  text-align: center;
  display: inline-block;
}
ul.error404 li {
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  color: #fd9426;
  font-family: 'Dosis', sans-serif;
  font-weight: bold;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  display:inline-block;
  transition: all 0.4s ease-in;
  margin: 40px 20px 0 20px;
}
ul.error404 li h3
  {
    font-size: 24px;
  }

/* about section */
#about .about-img {
  position: relative;
  top: 80px;
}
#about .about-des {
  background: #48b4ed;
  color: #fff;
  padding: 50px;
  position: relative;
  top: 20px;
  bottom: 40px;
}
#about h2 {
  color: #fff;
  padding-bottom: 10px
}
#about h3 {
  color: #fff;
  padding-bottom: 48px
}

/* about_aparataje section */
#about_aparataje .about-img {
  position: relative;
  top: 80px;
}
#about_aparataje .about-des {
  background: #48b4ed;
  color: #fff;
  padding: 50px;
  position: relative;
  top: 20px;
  bottom: 40px;
}
#about_aparataje .about-des-dos {
  background: #878787;
  color: #fff;
  padding: 50px;
  position: relative;
  top: 20px;
  bottom: 40px;
}
#about_aparataje .about-des-tres {
  background: #64e600;
  color: #fff;
  padding: 50px;
  position: relative;
  top: 20px;
  bottom: 40px;
}
#about_aparataje h1 {
  color: #878787;
  padding-bottom: 10px
}
#about_aparataje h2 {
  color: #fff;
  padding-bottom: 10px
}
#about_aparataje h3 {
  color: #fff;
  padding-bottom: 48px
}

/* work section */
#work {
  text-align: center;
}
#work h2,
#work h3 {
  padding-bottom: 10px;
}
#work .work-des {
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  position: relative;
  top: 60px;
  margin-top: 20px;
}
#work .work-product {
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  position: relative;
  top: 50px;
  margin-top: 20px;
  text-align:left;
}
#work .work-gama {
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  position: relative;
  top: 50px;
  margin-top: 20px;
}
#work .col-md-6,
#work .col-md-12 {
  padding: 40px;
}
#work .fa {
  border: 2px solid #fd9426;
  border-radius: 50%;
  color: #fd9426;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
#work .fa:hover{
	background: #fd9426;
	color: #fff;
}
#work .border-right {
  border-right: 2px solid #f9f9f9;
}
#work .border-bottom {
  border-bottom: 2px solid #f9f9f9;
}

/* news section */
#news .about-img {
  position: relative;
  top: 100px;
}
#news .about-des {
  color: verde-optimum;
  padding: 50px;
  position: relative;
  top: 20px;
  bottom: 40px;
}
#news .row-des
  {
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  position: relative;
  top: 80px;
  margin-top: 20px;
  }

#news h2 {
  padding-bottom: 10px
}


/* contact section */
#contact {
  background: #f2f2f2;
  padding-top: 140px;
  padding-bottom: 80px;
}
#contact .fa {
  font-weight: bold;
  padding-right: 4px;
}
#contact h2,
#contact h5,
#contact h6,
#contact h7 {
  padding-bottom: 20px;
}
#contact h5 {
	color : #48b4ed;
}
#contact h6 {
	color : #64e600;
}
#contact h7 {
	color : #878787;
}
#contact .newsletter p {
  padding-bottom: 10px;
}
#contact .form-control {
  background: #fff;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#contact .list-group-item{
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

}

}

/* copyright section */
.copyright {
  padding: 30px 0px 20px 0px;
}

/* social icon section */
.social-icons {
  padding: 0;
  margin: 0;
}
.social-icons li {
  display: inline-block;
  list-style: none;
}
.social-icons li a {
  background: #fff;
  color: #707070;
  text-decoration: none;
  font-size: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: all 0.4s ease-in;
  margin-right: 6px;
  margin-bottom: 6px;
}
.social-icons li a:hover {
  background: #fd9426;
  color: #fff;
}

/* Parallax section*/

.parallax {
    /* The image used */
    background-image: url("../images/banner/chica.png");

    /* Full height */
	height: 100px; 
    /*height: 100%;*/

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
 /* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

@media ( max-width: 980px ) {
#home_aparataje {
  background-size:contain;	
  }
  #error404_banner h1 {
    font-size: 40px;
  }
  #error404_banner h2 {
    font-size: 20px;
  }
  ul.countdown li {
  width: 160px;
  height: 160px;
  line-height: 160px;
  text-align: center;
  display:inline-block;
  margin: 40px 20px 40px 20px;
}
ul.404error li {
  width: 160px;
  height: 160px;
  line-height: 160px;
  text-align: center;
  display:inline-block;
  margin: 40px 20px 40px 20px;
}
#about .about-des {
  padding: 60px;
}
#about_aparataje .about-des {
  padding: 60px;
}
}

@media ( max-width:  480px ) {
  #home h1, #home_lio h1, #home_torica h1 {
    font-size: 45px;
  }
  #home h2, #home_lio h2, #home_torica h2, #home_aparataje h1{ {
    font-size: 35px;
  }
  #error404_banner h1,{
    font-size: 30px;
  }
  #error404_banner h2, {
    font-size: 10px;
  }
  #countdown .countdown-des {
    padding-right: 10px;
    padding-left: 10px;
  }
  ul.countdown li {
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    right: 20px;
  }
  #404error .countdown-des {
    padding-right: 10px;
    padding-left: 10px;
  }
  ul.404error li {
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    right: 20px;
  }
  #work .border-right {
  border-right: none;
}
#work .border-bottom {
  border-bottom: none;
}
  #contact h2 {
    padding-top: 20px;
  }
}