/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@import url('https://fonts.googleapis.com/css?family=Quicksand|Raleway:300');

.img-logo { max-width: 500px; text-align: center}
.paddin-none {padding:0px !important}
.paddin-bottom-none {padding-bottom:0px !important }
.padding-col { padding-top: 50px}
.marging-left {margin-left:0px !important}
.bg-white {background:rgba(255,255,255,1.00)!important}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.img-bg { width: 100%; max-width: 500px;}
body {overflow-x: hidden;}
.navbar-default,a{-webkit-transition:all .35s;-moz-transition:all .35s}
header,header .header-content{position:relative;width:100%;text-align:center; vertical-align: middle; }
body,html{height:100%;width:100%}
body{font-family: 'Quicksand', sans-serif;;webkit-tap-highlight-color:#222}
.btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif;}
hr.light{ margin: 20px auto;}
a{transition:all .35s;color:#f91c64}
a:focus,a:hover{color:#bc003d}
p{font-size:16px;line-height:1.5;margin-bottom:20px}
.active { color:#f91c64!important}
.white {color: white !important;}
.bg-primary{background-color:#12041E  }
.bg-secondary{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12041e+0,000000+100 */
background: #12041e; /* Old browsers */
background: -moz-linear-gradient(top,  #12041e 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #12041e 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #12041e 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12041e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.bg-terc{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,12041e+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #12041e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#12041e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#12041e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#12041e',GradientType=0 ); /* IE6-9 */
}

.bg-dark{background-color:#222;color:#fff}
.text-faded{color:rgba(34,34,34,.9)}
section{padding:100px 0}
aside{padding:50px 0}
.no-padding{padding:0}
.navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);transition:all .35s}
.btn-default,.portfolio-box .portfolio-box-caption{-webkit-transition:all .35s;-moz-transition:all .35s}
.navbar-default .navbar-header .navbar-brand{color:#f91c64;font-weight:700;text-transform:uppercase}
.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#bc003d}
.navbar-default .navbar-header .navbar-toggle{font-weight:700;font-size:12px;color:#222;text-transform:uppercase}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-weight:700;font-size:13px;color:#222}
.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#f91c64}
.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#f91c64!important;background-color:transparent}
.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}
@media (min-width:768px){
	.navbar-default{background-color:transparent;border-color:rgba(255,255,255,.3)}
	.navbar-default .navbar-header .navbar-brand{color:#f91c64}
	.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#bc003d}
	.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#fff}
	.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#bc003d}
	.navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.05)}
	.navbar-default.affix .navbar-header .navbar-brand{color:#f91c64;font-size:14px}
	.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#bc003d}
	.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}
	.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#f91c64}
}
header{min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;color:#fff;background-image: url( ../img/bg3.jpg)}
header .header-content{padding:100px 15px}
header .header-content .header-content-inner h1{font-weight:100;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:50px; color: white;}
header .header-content .header-content-inner hr{margin:30px auto, }
header .header-content .header-content-inner p{font-weight:500; color: white;;font-size:16px;margin-bottom:50px}
header .header-content .header-content-inner img{ width: 70%; max-width: 400px;}
@media (min-width:768px){
	header{min-height:100%}
	header .header-content{position:absolute;top:5%;padding:0 50px}
	header .header-content .header-content-inner{max-width:900px;margin-left:auto;margin-left:0; text-align: left;}
	header .header-content .header-content-inner h1{font-size:90px; line-height: 90px}
	header .header-content .header-content-inner h1 strong {font-weight: 900}
	header .header-content .header-content-inner p{font-size:18px;max-width:600px;margin-left:0px;margin-right:auto}
	hr { border-top: 2px dashed #f91c64;
	width: 50%;
	}
	
}
@media (max-height:768px){
	header .header-content .header-content-inner h1{font-size:60px; line-height: 50px;}
	.container { padding: 0px 0px 150px 0px !important}
}

.section-heading{margin-top:0}
.service-box{max-width:400px;margin:50px auto 0}
@media (min-width:992px){
	.service-box{margin:20px auto 0}
	hr{	 border-top: 4px solid #f91c64;
	width: 20%; margin-left: 0px;}

}
@media (min-width:1100px){
	.img-bg { width: 100%; max-width: 900px;}

}

.service-box p{margin-bottom:0}
.portfolio-box{position:relative;display:block; max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{color:#fff;opacity:0;display:block; background:rgba(18,4,30,0.8);position:absolute;bottom:0;text-align:center;width:100%;height:100%;transition:all .35s}
.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{background-image:none}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}
@media (min-width:768px){
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
	.small-look { height: 900px}
}
.call-to-action h2{margin:0 auto 20px}
.text-primary{color:#f91c64}
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.btn-default{color:#222;background-color:#ccc; transition:all .35s}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#222;background-color:#f2f2f2;border-color:#ededed}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#fff}
.btn-default .badge{color:#fff;background-color:#222}
.btn-primary{color:#fff;background-color:#f91c64;border-color:#f91c64;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#bc003d;border-color:#ed431f}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#f91c64;border-color:#f91c64}
.btn-primary .badge{color:#f91c64;background-color:#fff}
.btn{border:none;border-radius:300px;font-weight:700;text-transform:uppercase}
.btn-xl{padding:15px 30px}
::-moz-selection{color:#fff;text-shadow:none;background:#222}
::selection{color:#fff;text-shadow:none;background:#222}
img::selection{color:#fff;background:0 0}
img::-moz-selection{color:#fff;background:0 0}


.efficient:before { 
   content: ""; padding: 40px; background-image: url('../img/efficiency.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.clean:before { 
   content: ""; padding: 40px; background-image: url('../img/clean.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.profitable:before { 
   content: ""; padding: 40px; background-image: url('../img/money.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.stainless:before { 
   content: ""; padding: 40px; background-image: url('../img/settings.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.icecream:before { 
   content: ""; padding: 40px; background-image: url('../img/icecream-cone.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.ecology:before { 
   content: ""; padding: 40px; background-image: url('../img/ecology.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.video-camera:before { 
   content: ""; padding: 40px; background-image: url('../img/video-camera.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.tools:before { 
   content: ""; padding: 40px; background-image: url('../img/tools.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.box:before { 
   content: ""; padding: 40px; background-image: url('../img/box.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.whatsapp-logo:before { 
   content: ""; padding: 40px; background-image: url('../img/whatsapp-logo.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.icecream-cone-healthy:before { 
   content: ""; padding: 40px; background-image: url('../img/icecream-cone-healthy.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.icecream-cone-exotic:before { 
   content: ""; padding: 40px; background-image: url('../img/icecream-cone-exotic.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}
.icecream-cone-creative:before { 
   content: ""; padding: 40px; background-image: url('../img/icecream-cone-creative.svg'); background-repeat: no-repeat; background-position: 0 20px; text-align: left;
}





.footer { background-image: url( ../img/bg3.jpg); background-position: bottom; padding: 20px; text-align: center; color: white}

.parallax { 
    background-image: url("../img/bg3-sub.jpg");height: 100%; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover; min-height: 900px }
.parallax-about { 
    background-image: url("../img/parallax-product1.jpg"); height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 900px ; }
.parallax-product { 
    background-image: url("../img/parallax-product.jpg"); height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px 0px;  min-height: 900px }


.transition  img{
	width: 100%;
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}
    
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.videobg {height:70%; padding: 0px; margin: 0px auto}
video { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('../img/videobg.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}
#contacto {background: rgba(255,255,255,1.00)}


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

.embed-container img {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

input.form-control { height:55px;}
textarea.form-control { height:195px}