@import "shared/formtastic";



@import "bootstrapold";
@import "fontawesome/font-awesome";

@import "validationEngine.jquery.css";
@import "superslides";

h1, h2, h3, h4{
  
  
}

h1{
  
  font-weight:400;
  font-size: 28px;
  text-transform:uppercase;
}

h2{
   //text-transform:uppercase;
  font-weight:400;
  font-size: 26px;
  margin-bottom:0;
  
  
}

h3{
  padding-top:0;
  font-weight:600;
  font-size: 18px;
  color:rgb(30, 30, 30);
  margin-top:0;
 
}


.clear{
  clear:both;
}
 
#large{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  z-index:10;
  
  background:white;
  background:rgba(255, 255, 255, 0.98);
  .close_link{
    position:fixed;
    top:10px;
    right:10px;
    width:25px;
    cursor:pointer;
  
  }
  

   h3{
     color:white;
     text-align:center;
     margin-top:5px;
     margin-bottom:0;
     font-weight:300;
     font-size:0.95em;
 
   }
  .next, .prev{
    width:20px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;

  }
  .prev{
    left:15px;
  }
  .next{
    right:15px;
  }
 
  .img_container{
    height:100%;
    width:100%;
    box-sizing: border-box;

   .large-img{
      box-shadow:0 0 8px rgba(0, 0, 0, 1);
      cursor:pointer;
      
      background:rgba(250, 250, 250, 0.9);
      display:block;
      margin:auto;
    }
  }
}

.rea-gal{
  padding-left:0px;

  margin-right:-5px;
  margin-bottom:-5px;
  img{
  padding-right:5px;
  padding-bottom:5px;
    //width:200px;
    float:left;
    box-sizing: border-box;
    &:hover{
      opacity:0.8;
      
    }
  }
}


div{
  
  box-sizing:border-box;
}
.info{
  background:#f39200;
  padding:1em;
  max-width:1100px;
  color:white;
  margin:auto;
  margin-top:2em;
  box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
  a{
    color:white;
    
  }
  
}
.slider_container{
  
  max-width:1100px;
  margin:auto;
  margin-bottom:5em;
  padding:3px;
  background:white;
  background:rgba(255, 255, 255, 0.98);
  
  box-shadow:0 0 8px rgba(0, 0, 0, 1);
  
}

div.electrolux_more{
  display:none;
  padding-top:1em;
}

.clear{
  clear:both;
  height:1px;
}



body{
	font-family : 'Avenir','OpenSansRegular','helvetica', 'san-serif';
  font-weight:300;
  background-size: cover;
  color:#333333;
  font-size:16px;
	
  #top_anchor{
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	



		#logo{
  		width:400px;margin-top:3em;margin-left:3em;margin-bottom:3em;
    
		}
		
		
	
  
  #menu-top{
    height:80px;
  
  }
	
  #menu{
    .logo{
      display:none;
    }
    text-align:left;
  	padding:1em 2em;
    padding-right:3em;
    background:white;
    max-width:900px;
    position:fixed;
    right:0px;
    top:175px;
    z-index:10;
    
  	.links{
      text-align:right;
  		a{
    		display:inline-block;
    		padding: 1em 15px ;
        margin:0px;
        min-width:80px;
        text-align:center;
        border-left:1px solid #aeaeae;
  			color:#3c3c3d;
  			text-decoration:none;
			
  			&:hover{
        color:#8ca252;
        }
        &:first-child{
        border:0px;
        }
  		}
    }
  
    
        
	}
}

.header{
  color:white;
  padding:2em;
  text-align:center;
  margin:5em auto;
  border-top:2px dotted white;
  border-bottom:2px dotted white;
  max-width:900px;
  width:85%;

  h1{
    font-family:"Stylograph", sans-serif;
    font-weight:normal;
    font-size:39px;
    text-transform:none !important;

  }
  
  h2{
    font-family:"Stylograph", sans-serif;
    font-weight:normal;
    font-size:27px;
    text-transform:none;

  }
}

.more-article{
background:white;
background:rgba(255,255,255,1);
margin-bottom:4em;
padding:1em;
max-width:400px;
float:right;
text-align:right;
}

input[type=text], textarea{
width:95%;
}
a{

color:#3c3c3d;

&:hover{
color:#8ca252;
text-decoration:none;
}

}

.bottom{
color:white;
a{
  color:white;
}
}





.article{
  background:white;
  background:rgba(255,255,255,1);
  margin:auto;
  margin-bottom:4em;
  padding:1em;
  min-height:320px;
  max-width:1100px;
  //border-radius:0px 0px 10px 0px;

  

}


@media only screen and (max-width: 850px) {
body {
.span1,.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
float:none !important;
width:auto !important;
img{
max-height:90%;
}

}
#logo{
	width:250px;margin:1em auto;display:block;

}
#menu-top{

display:none;
}
#menu{
padding:1em;
position:inherit;
.links{

a{
display:block;
border:0px;
border-top: 1px solid #aeaeae;

}

}

}
}
.article{
  
  
  &.left, &.right{
  
  padding-left:1em;
  padding-right:1em;

  margin-right:1em;
  margin-left:1em;

  }


}


}


@media only screen and (min-width: 850px){  
  #menu.scroll{
    width:100%;
    max-width:100% !important;
    padding:3px;
    background:white;
    background:rgba(255, 255, 255, 0.98);
    
    box-shadow:0 0 8px rgba(0, 0, 0, 1);
    
    .logo{
      display:inline-block;
      height:46px;
      padding:0.6em;
      margin-left:2em;
    }
    
    .links{
      position:absolute;
      top:0px;
      bottom:0px;
      right:0px;
      padding-top:1.3em;
      padding-right:0.5em;
      a{
        padding:0.6em 15px !important;
      }
    }
  }
  
  
}

.img_gallery{
img{
height:100px;
float:left;

cursor:pointer
}

}

