/*
-------------------------------
Fire Delete CSS v 3.0
Designed and developed by: Simplico d.o.o.
Copyright, February 2014.
------------------------------- */

/* red-#e50f2e; yellow-#f6d019; bckg-main-cont-grey-#faf6f1; */


	/* Common
	----------------------------------------- */
	
	html { -webkit-font-smoothing: antialiased; }
	body { background: #ddd; }
	* { font-family: raleway; font-weight: 300; color: #333; }
	a { text-decoration:none; outline:none; cursor:pointer; color: #666; }
	a:hover { color: #ccc; text-decoration: none; }
	a:active, a:focus { outline: none; text-decoration: none; color: #ccc; }
	img { border:none; }
	::-moz-selection { background:#faaf40; color:#fff; }
	::selection { background:#faaf40; color:#fff; }
	
	h2 { font-size:4.5em; line-height: 1!important; margin-bottom: 0.5em; }
	h3 { font-size:1.8em; }
	h4 { font-size:1.4em; }
	
	h1, h2, h3 { font-family:raleway; font-weight:700; line-height: 1.2; text-transform: uppercase; }
	p { margin-bottom:15px; line-height:1.5em; }
	p a { color:#faaf40; border-bottom: 2px #faaf40 solid; }
	p a:hover, li a:hover, p a:hover, a:hover p, a:hover h3, a:hover h4, a:hover { color: #333; }
	p a:hover { border-bottom-color: #666; }
	p, li { font-size: 1.2em; }
	ul ul { margin: 2em 0; }
	li li { font-size: 1em; }
	strong { font-weight: 600; }
	hr { border-color: #fff; }

    /* The content
    -------------------------------------------------- */
    
    header { padding-bottom: 0; }
    	
    .eco { text-align: right; }
    .eco img { width: 70%; margin-top: 3.7em; }
    
    .intro > .container, .main-content > .container, footer.container { background: #e50f2e; }
    	
	.intro { }
	.intro > .container { padding-top: 3em; }
	.intro h2, .intro p { color: #fff; }
	.intro p.lead img { width: 26%; }
		
	.bottle { position: relative; }
	.bottle img { width: 100%; }
	
	.main-content > .container { padding-top: 5em; }
	.main-content hr { margin: 1em 0 3em; }
	
	.video-container { position: relative; padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden; }
	.video-container iframe { position: absolute; padding-top:10px;
	    top: 0; left: 0; width: 100%; height: 100%; }
	
	.features li { margin-bottom: 2em; }
	.features img { width: 100%; }
    	    	
	footer { padding:4em 0; }
		footer p, footer li { font-size: 1em; }
		footer p, footer p strong { color: #fff; }
		footer a { color: #fff; border-bottom: none; }
		footer a:hover, footer a:hover i { color: #fff; }
		footer i { margin-right: 5px; margin-left: 15px; color: #fff; }
		
		footer .social { font-size: 1.4em; }
		
		.impress { text-align: center; }
		.impress i { margin: 0 5px 0 20px; }
		
    /* Navigation
    -------------------------------------------------- */
	
	.navbar { height: 200px; border-radius: 0; margin: 0; padding: 0; border: none; }
		.navbar .container { position: relative; padding-left: 30px; padding-bottom: 2em; 
			background: #fff; border-top: 3px #e50f2e solid; }
	
    .navbar-brand { display: block; width: 250px; height: 171px; text-indent: -9999px; 
    	background: url('../img/logo.png') no-repeat; background-size: 250px 171px;
    	z-index: 9999; }
    	.navbar-brand:hover { opacity: .6; }
    	
    .navbar-collapse { text-align: right; }
        		
    /* Common elements
    -------------------------------------------------- */
    
    #mc_embed_signup { margin-top: 7em; }
    .form-control { text-align: center; }
  
    
    /* Forms
    -------------------------------------------------- */
    
    input { vertical-align: middle; }
    input, textarea { border: 1px #ccc solid; border-radius: 2px!important;  
    	padding: 0 15px; font-size: 1.2em; color: #666; }
    input[type="submit"] { border: none; color: #fff; height: 50px; padding: 0 30px;
    	font-weight: 600; font-size: 1.2em; line-height: 1; }
    	input[type="submit"]:hover { background: #222; }
    textarea { padding: 10px; }
    select, option {  }
    
    .form-group { padding: 0 15px; }
    .form-control { border-radius: 2px; }
    .form-control:focus { box-shadow: none; border-color: #ccc; }
	
    /* Media queries
    -------------------------------------------------- */

    @media (min-width: 1200px) {
    }
    
    @media (max-width: 979px) {
    	
    }
    
    @media (max-width: 767px) {
    	.navbar { height: 330px; }
    	h2 { font-size: 3em; }
    }
    
    @media (max-width: 360px) {
    	.navbar { height: 320px; }
    	.eco img { margin-top: 1em; }
    	h2 { font-size: 2.5em; }
    }