/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.msp-cn-1-41 { font-family:"Domine";font-weight:normal;font-size:23px;letter-spacing:2px;line-height:normal;color:#1e1e1e; } 
.msp-cn-1-42 { font-family:"Domine";font-weight:700;font-size:94px;letter-spacing:-1.03px;line-height:100px; } 
.msp-cn-1-44 { font-family:"Raleway";font-weight:300;font-size:16px;line-height:21px;color:#1e1e1e; } 
.msp-cn-1-47 { font-family:"Domine";font-weight:normal;font-size:23px;letter-spacing:2px;line-height:normal;color:#1e1e1e; } 
.msp-cn-1-48 { font-family:"Domine";font-weight:700;font-size:94px;letter-spacing:-1.03px;line-height:100px;white-space:nowrap; } 
.msp-cn-1-50 { font-family:"Raleway";font-weight:300;font-size:16px;line-height:21px;color:#1e1e1e; } 
.msp-cn-1-53 { font-family:"Domine";font-weight:normal;font-size:23px;letter-spacing:2px;line-height:normal;color:#1e1e1e; } 
.msp-cn-1-54 { font-family:"Domine";font-weight:700;font-size:94px;letter-spacing:-1.03px;line-height:100px; } 
.msp-cn-1-56 { font-family:"Raleway";font-weight:300;font-size:16px;line-height:21px;color:#1e1e1e; } 
.aux-shop2-slider {
	background-image: url(https://demo.phlox.pro/shop2-pro/wp-content/uploads/sites/48/2018/07/Ellipse-88@2x.png), url(https://demo.phlox.pro/shop2-pro/wp-content/uploads/sites/48/2018/07/Ellipse-89@2x.png);
  	background-repeat: no-repeat;
    background-position: top -363px right -300px , bottom -577px left -475px;
  	box-shadow: 0 3px 45px rgba(0,0,0,0.16);
}
.aux-shop2-slider .aux-shop2-slider-big-title:after {
    content: '';
    width: 131px;
    height: 2px;
    background: rgba(30, 30, 30, 0.4);
    display: block;
    margin-top: 30px;
}
.aux-shop2-slider .aux-shop2-slider-button{
  background-color: #8b2cff;
  color: #fff;
  padding: 18px 30px;  
}
@media screen and ( min-width: 767px ) and ( max-width:1024px){

  .aux-shop2-slider .aux-shop2-slider-title {
  	font-size:19px;
    top: 10% !important;
    left: 30px !important;
  }
  
  .aux-shop2-slider .aux-shop2-slider-big-title {
  	font-size: 42px;
    left: 30px !important;
    top: 18% !important;
    line-height: 50px !important;
  }
  .aux-shop2-slider .aux-shop2-slider-big-title:after {
  	display: none;
  }
  
  .aux-shop2-slider .aux-shop2-slider-desc {
    left: 30px !important;
    top: 45% !important;
  }
  
  .aux-shop2-slider .ms-btn-container {
  	left: 30px !important;
    top: 60% !important;
  }
  .aux-shop2-slider .ms-btn-container a {
  	padding: 12px 20px;
  }
  
  .aux-shop2-slider .ms-overlay-layers .ms-layer {
  	display:none;
  }
}

@media screen and ( max-width: 767px ) {
  .aux-shop2-slider .ms-view,
  .aux-shop2-slider .ms-slide {
    height: 800px !important;
  }
  
  .aux-shop2-slider .aux-shop2-slider-title  { 
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    top: 43% !important;
  }
  
  .aux-shop2-slider .aux-shop2-slider-big-title  {
    left: 0 !important;
    right: 0;
    text-align: center;
    font-size: 53px;
    line-height: 63px;
    top: 50% !important;
  }
  
  .aux-shop2-slider .aux-shop2-slider-big-title:after {
    margin: 30px auto !important;
  }
  
  .aux-shop2-slider .aux-shop2-slider-desc {

    top: 72% !important;
    text-align: center;
    right: 0;
    left: 0 !important;
    
  }
  
  
  .aux-shop2-slider .ms-btn-container {
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    width: 100% !important;
    top: 79% !important;
	}
 	.aux-shop2-slider .aux-shop2-slider-woman-img {
      right: 0 !important;
      left: 0 !important;
      margin: auto !important; 
    }
  
  .aux-shop2-slider .aux-shop2-slider-badge {
    display: none;
  }
	.aux-shop2-slider .aux-shop2-slider {
      background-image: none !important;
    }
}

@media screen and ( max-width:480px ) {
  .aux-shop2-slider .ms-layer-mask {
    top: 35% !important;
    font-size: 18px;
  }
  
  .aux-shop2-slider .aux-shop2-slider-big-title {
  	top: 40% !important;
    font-size: 40px;
    line-height: 48px;
  }
  
  .aux-shop2-slider .aux-shop2-slider-desc {
    top: 62% !important;
  }
  
  .aux-shop2-slider .ms-btn-container {
    top: 75% !important;
  }
}
