@charset "utf-8";
/* CSS Document */


.hotsite-image-fluid {
   width: 100%;
   height: auto;
   display: block;
   }
   .hotsite,
   .hotsite *,
   .hotsite *:after,
   .hotsite *:before {
   box-sizing: border-box;
   font-size: 14px;
   }
   .hotsite {
   position: relative;
   overflow: hidden;
	padding-top: 100px;
	padding-bottom: 250px;
   font-family:arial;	
	background: url(http://www.casasbahia-imagens.com.br/HotSite/2017-08-21/background.png) no-repeat top center;
	background-size: cover;
   }
   .hotsite p,
   .hotsite-video-container {
   display: block;
   margin: 10px 0;
   }
   .hotsite h2 {
   margin: 10px 0;
   font-size: 18px;
   }
   .hotsite-container {
   min-width: 1000px;
   max-width: 1280px;
   width: 100%;
   margin: 0 auto;
   padding: 1.05% .390625%;
   box-sizing: border-box;
   }
   .hotsite-container {
   content: "";
   display: table;
   clear: both
   }
   [class^="hotsite-col-"] {
   float: left;
   margin: 0 .78125%;
   box-sizing: border-box;
   position: relative;
   }
   .hotsite-col-3 {
   width: 23.43%;
   }
   .hotsite-col-6 {
   width: 48.43%;
   }
   .hotsite-col-12 {
   width: 98.5%;
   }
   .hotsite-row {
   position: relative;
   overflow: hidden;
   }
   .hotsite-area-1 .hotsite-image-drop {
   height: 600px;
   border: 1px dashed #ccc;
   }
   .hotsite-area-1 .hotsite-container {
   padding: 0 .390625%;
   }
   .hotsite-area-2 .hotsite-image-drop {
   height: 310px;
   }
   .hotsite-area-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   }
   .hotsite-area-bg img {
   width: 1680px;
   position: relative;
   margin-left: 50%;
   left: -840px;
   }
   .hotsite-emailform input {
   display: block;
   background: #fff;
   height: 50px;
   vertical-align: top;
   margin: 0 -1px 0 0;
   padding: 10px;
   float: left;
   }
   .hotsite-emailform:after {
   display: table;
   clear: both;
   content: "";
   }
   .hotsite-emailform input[type="text"] {
   width: 100%;
   border-radius: 5px;
   background:#fff;
   color:#373737;
   border:none;
   }
   .hotsite-emailform input[type="button"] {
   width:100%;
   border-radius: 5px;
   background: #ed2324;
   color: #fff;
   text-transform:uppercase;
   font-size:17px;
   cursor:pointer;
   border:none;
   margin-top:15px;
   font-weight:bold;
   }
   .hotsite-emailform input[type="button"]:hover {
   background: #fc4546;
   color: #fff;
   }
	  
body {
  /* Location of the image */
  /*background-image: url(http://www.casasbahia-imagens.com.br/HotSite/2017-05-19/background-mz-2.png);*/
  
  /* Image is centered vertically and horizontally at all times */
  /*background-position: center center;*/
  
  /* Image doesn't repeat */
  /*background-repeat: no-repeat;*/
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  /*background-attachment: fixed;*/
  
  /* This is what makes the background image rescale based on its container's size */
 /* background-size: cover;*/
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  /*background-color:#464646;*/
  
  /* SHORTHAND CSS NOTATION 
   background: url(http://www.casasbahia-imagens.com.br/HotSite/2017-05-19/background-mz-2.png) center center cover no-repeat fixed;
   */
}
	  
   @media all and (max-width: 950px) {
   .hotsite {
   padding: 0;
   /*padding-bottom:50px;*/
	padding-bottom: 30px;
	background: url(http://www.casasbahia-imagens.com.br/HotSite/2017-08-21/background.png) #211c0b no-repeat top center;
	
   }
   .hotsite-area-1 .hotsite-container {
   margin: 0 0 1.05% 0;
   padding: 0;
   }
   .hotsite-area-1 .hotsite-col-6:first-child {
   width: 100%;
   margin: 0;
   }
   .hotsite-area-1 .hotsite-col-6 {
   width: 98.5%;
   margin: 0 .78125%;
   }
   .hotsite-area-2 .hotsite-col-3 {
   width: 48.43%;
   margin: .78125%;
   }
   .hotsite-container {
   min-width: 0;
   }
   .hotsite-area-1 .hotsite-col-6 .hotsite-image-drop {
   height: 300px;
   }
   .hotsite-area-2 .hotsite-col-3 .hotsite-image-drop {
   height: 200px;
   }
  
	   img.hotsite-image-fluid {
    width: 170%;
    margin-left: -36%;
}
}