body {
   	font-weight:300; 
  }
  p {
   	font-size:16px !important; 
  }
  hr {border: 1px solid #c8c8c8 !important; }
  
  .text-white {
   	color:#fff !important;
  }
  
  .text-50 {
    
   	font-size: 50px !important;

  }
  .text-60 {
    
   	font-size: 60px !important;

  } 
  
  .ptb-30 {
   padding-top:30px !important;
   padding-bottom:30px!important;
   }
  
  .ptb-60 {
   padding-top:60px !important;
   padding-bottom:60px!important;
   }
  .ptb-90 {
   padding-top:90px !important;
   padding-bottom:90px!important;
   }

.pt-60 {
 	padding-top:60px !important; 
}
.pt-120 {
 	padding-top:120px !important; 
}
 .spacer-30 {
  clear: both;
  padding-bottom: 30px;
}
.spacer-60 {
  clear: both;
  padding-bottom: 60px;
}
.spacer-90 {
  clear: both;
  padding-bottom: 90px;
}

  .button.white {
   	border:1px solid #f0f0f0 !important;
    color:#f0f0f0;
  }
 
  table {
  	border: none !important;
  
    table-layout: fixed;
    
  }
  table td {
   	  padding:55px 0 !important;
    
  }
  table tr {
  	background-color: transparent !important;
    border-bottom: 1px #d8d8d8 solid !important;
  }

  
 .template-index .widgets .social-feeds {
   background:#FFEDE7 !important;
 }
 
  
  
  @media only screen and (min-width: 768px){
	.template-index .widgets .columns {
    padding-bottom: 40px;
		}
  }
  

  
.button {
  padding:10px 30px !important;
  border:1px solid #999 !important;
} 
.template-product .social-share {
    text-align: center;
    background: #FFEDE7;
    padding: 80px 0;
}
/* .hero {
    max-width: 100%;
    margin:0 auto;
    overflow: hidden;
    position: relative;
    height: 800px;
    min-height:800px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50%; 
    background-size: cover;

}


.hero > .hero-content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  	background-repeat: no-repeat;
    background-size: cover;
} */
.hero-center {
    position: absolute;
    top: 30%;
    margin-top: auto;
    margin-bottom: auto;
    transform: translateY(-50%);
    padding: 2em 8.33333%;

} 
.hero-headline {
    margin-bottom: 3rem;
/*     max-width: 60%; */
    transition: all 0.2s ease 0s;
  
 }
  
.hero-headline.headline-top {
  margin-top: 75px;
  text-shadow: 1px 1px #c8c8c8;
  
}
.hero-headline.headline-top h1 {
 	color: #333; 
}
.hero-headline h1 {
 	font-size:55px; 
  	font-family: 'Lato', sans-serif;
  	line-height: 52px;
    font-weight:300;
   	color: #fff;
   
}
 
 
.hero-headline h2 {
 	font-size:40px; 
  	font-family: 'Lato', sans-serif;
  	line-height: 32px;
    font-weight:300;
   	color: #fff;
   
}
.hero-headline h4 {
 	font-size:28px; 
  	font-family: 'Lato', sans-serif;
  	line-height: 28px;
    font-weight:300;
   	color: #fff;
   
}
.hero-headline a {
  	font-size:18px !important;
 	 
}
@media only screen and (max-width: 768px){
 
  .hero-headline {
    margin-top: 25%;
    transition: all 0.2s ease 0s;
  
 }
  .hero-headline h1 {
 	font-size:24px ; 
  	font-family: 'Lato', sans-serif;
    font-weight:300;
   	color: #fff;
    line-height:20px;
    text-shadow: 1px 1px #c8c8c8;
   
	}
  .hero-headline h2 {
 	font-size:20px; 
  	font-family: 'Lato', sans-serif;
  	line-height: 32px;
    font-weight:300;
   	color: #fff;
   
}
.hero-headline h4 {
 	font-size:16px; 
  	font-family: 'Lato', sans-serif;
  	line-height: 28px;
    font-weight:300;
   	color: #fff;
   
}
}
  

/* hack for fullscreen image */
.flex {
  display: block;
  overflow: hidden;
  position: relative;
}

.flex-ratio {
  display: block;
  padding-bottom: 100%;
  width: 100%;
}

/**
 * Modifier: 3:1 aspect ratio
 */

.flex-ratio--3by1 {
  padding-bottom: calc(100% / 3);
}

/**
 * Modifier: 2:1 aspect ratio
 */

.flex-ratio--2by1 {
  padding-bottom: 50%;
}

/**
 * Modifier: 16:9 aspect ratio
 */

.flex-ratio--16by9 {
  padding-bottom: 56.25%;
}

/**
 * Modifier: 4:3 aspect ratio
 */

.flex-ratio--4by3 {
  padding-bottom: 75%;
}

/**
 * Fit the content to the aspect ratio
 */

.flex-content {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* PRODUCT BACKGROUND IMAGE CALL */
  
.img-01 {
 	background: url(../../../files/maicouture-blush-main_2048x2048_1437826073026604137.jpg) 
    
}
.img-02 {
 	background: url(../../../files/img4-large_6704227138900515596.jpg) 
}
  
.img-03 {
 	background: url(../../../files/img7-large_4072469221415407776.jpg) 
}  

.img-04 {
 	background: url(../../../files/L25A5636-2_9130912391848929680.jpg); 
}

.img-05 {
 	background: url(//http://cdn.shopify.com/s/files/1/0927/8768/files/maicouture-homepage.jpg?6615964473642465890); 
}
/* make up main image */  
.img-06 {
	background: url(../../../files/maicouture-makeup_9338696393559595347.jpg);
}
/* skin care main image */
  
.img-07 {
	background: url(../../../files/maicouture-skincare_8793106835197377923.jpg);
}
  
 
.main-content.about {
 	padding:0;
  	margin:0
}
@media only screen and (max-width: 768px){
 	.widgets.featured h2 {
 	font-size: 28px !important;
  	font-family: 'Lato', sans-serif;
    font-weight:100;
  	line-height:42px;
  	
	}
  	.widgets.featured h4 {
 	font-size: 18px !important;
  	font-family: 'Lato', sans-serif;
    font-weight:100;
  	line-height:24px;
	}
}
.widgets.featured h2 {
 	font-size: 55px;
  	font-family: 'Lato', sans-serif;
    font-weight:100;
  	line-height:42px;
  	
}
  .widgets.featured h4 {
 	font-size: 24px;
  	font-family: 'Lato', sans-serif;
    font-weight:100;
  	line-height:24px;
}
 .widgets.featured p.sub-title {
  	font-size:18px !important;
    padding:20px 0 10px 0;
       
 }
  
 .widgets.featured a.buynow {
  	color:#eba48c ;
    font-size:20px;
   
 }
   .widgets.featured h3 {
 	font-size: 20px;
  	font-family: 'Lato', sans-serif;
    font-weight:400;
  	line-height:20px;
    margin:0;
    padding:0;
}
  
  .widgets.featured .button {
    font-size:16px !important; 
    padding: 10px 30px !important;
  }
  .widgets.featured .button:hover {
    	background:#FFEDE7 !important;
  } 

.custom-box-right-content {
	margin-top:30%;
}
.widget-product-detail img {
 	padding-bottom:25px;
}
/*********header **************************/
  
 .main-header .bottom-row {
    background: transparent;
    padding: 7px 0;
    position: relative;
   
}
 
.main-header .search-account a, .main-header .search-account a:link {
 
    color: #555555;
    text-transform:uppercase;

  font-weight:100;
  font-size:.9em;
}
.main-header .cart .cart-link {
    line-height: 30px;
    color: #555555;
    font-weight: 100;
   text-transform:uppercase;
 
}
  .main-header .cart {
  
    margin: 0;
    padding: 0;
   
}
 
.main-header .bottom-row .menu-container .main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;

}

.main-header .main-menu .widescreen > ul > li > a {
    color: #888;
    padding: 0 60px;
    line-height: 30px;
    letter-spacing:2px;
  
}
 
  
  .main-header .top.row {
    padding-top: 15px;
  
    background: transparent;
    min-height: 50px;
}
  
  .main-header .bottom-row .menu-container .main-menu {
    display: inline-block;
    position: relative;
    margin-left:10px;
   
  }
  
  .main-header .cart {
    width: 100%;
    text-align: right;
    padding: 0;
    margin-top: 20px;
}
  
  /****** footer ***********/
  
 .copyright {
  	color:#999;
    padding:0;
    margin:0;
    letter-spacing:2px;
 }
  
   .footer-nav .plain-list {
    width:100%
  }	
  .footer-nav .plain-list li  {
   	 
    display:inline;
    float:left;
  }
  .main-footer .title {
    font-size: 1.16667em;
    margin: 30px 0 -10px 0;
    text-transform: uppercase;
    font-weight: bold;
    height: 16.328125px;
    min-width: 1px;
    color:#555 !important;
}
   .main-footer .content {
   
    color:#777 !important;
}
  
  .social-follow a {
   	color:#777 !important 
  }
   .main-footer {
   	background:#fef8f6  !important;
    
  }
.footer-nav li {
  padding:0;
  margin:0;
}	
  .main-footer a, .main-footer a:link {
    color: #555;
    font-size:16px;
}

.main-footer a:hover {
  color:#ffaa8e  
}
  
  
/*************  video **************/
/*   .container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 600px;
  overflow:hidden;
}
 */

@media only screen and (max-width: 768px){
   .video-title h1 {
  		font-size:16px !important;
  		font-family: 'Lato', sans-serif;
  		font-weight:100;
   		color:#fff;
	}
  .play-button {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -30px !important;
      margin-top: -10px !important;
      display: block;
    }
   
  .play-button .play {
    height: 60px !important;
    width: 60px !important;
    border-radius: 50%;
    border: 3px solid #fff;
  }
  .play-button .play span {
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-left: 25px solid #fff !important;
    margin-top: 10px !important;
    margin-left: 16px!important;
    display: inline-block;

  }
}
@media (min-width: 768px) and (max-width: 991px){
   .video-title h1 {
  		font-size:22px !important;
  		font-family: 'Lato', sans-serif;
  		font-weight:100;
   		color:#fff;
	}
  .play-button {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -40px !important;
      margin-top: -10px !important;
      display: block;
    }
   
  .play-button .play {
    height: 80px !important;
    width: 80px !important;
    border-radius: 50%;
    border: 5px solid #fff;
  }
  .play-button .play span {
    border-top: 20px solid transparent !important;
    border-bottom: 20px solid transparent !important;
    border-left: 30px solid #fff !important;
    margin-top: 15px !important;
    margin-left: 25px!important;
    display: inline-block;

  }
}
    
.video-title{
  display:block;
  margin:0 auto;
  text-align:center;
  top:20%;
  position:absolute;
  width:100%;
}
.video-title h1 {
  font-size:42px;
  font-family: 'Lato', sans-serif;
   font-weight:100;
   color:#fff;
}
#videoModal {
  padding: 15px 50px 0 50px;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
}
#videoModal .close-reveal-modal {
  color: transparent;
}
.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  display: block;
}
.play-button .play {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 5px solid #fff;
}
.play-button .play span {
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 40px solid #fff;
  margin-top: 20px;
  margin-left: 30px;
  display: inline-block;
 
}
.play-button:hover .play {
  border: 5px solid #FFEDE7 ;
}
.play-button:hover .play span {
  border-left: 40px solid #FFEDE7 ;
}
.reveal-modal-bg {
    background: #000000 !important;
    opacity:1 !important;
}