*
{
    margin:0;
    padding:0;
 
}
   
body
{
    
    font-family: "Adobe Kaiti Std";
    margin: 0px;
    border: 0px;
    
}

.row
{
    max-width: 1200px;
    margin:0 auto;
}
.hero
{
    position:relative;
    width:1140px;
    top:40%;
   /* left:1400px;*/
    margin-right: 100px;
    margin-left: 700px;
    transform: translate(-50%,-50%);
}

header
{
    background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../Site/Images/wallpaper/5.jpg);
    top: 0;
    bottom: 0;
    height: 100vh;
    background-position:center;
    background-size: cover;
    background-attachment: fixed;
}


h1
{
    color: white;
    font-family: "Apple Symbols";
}

.main-nav
{
    list-style: none;
    float:right;
    margin-top:-120px;
    width: 100%;
    height: 70px;
    color: floralwhite;
    text-align: right;    
}
/*.linkref
{
    color: white;
    text-decoration: none;
    padding: 15px;
}*/

.main-nav li 
{
    display:inline-block;
    margin-left: 40px;
}
.main-nav li a
{
    color: white;
    text-decoration: none;
    font-size:145%;
    font-family: "Adobe Song Std";
    font-weight:lighter;
}
.main-nav  a:hover
{
    color:lightpink;
    border-bottom:2px solid lightpink;
    transition: all 0.15s ease-in;
    padding:5px 0;
    
}
.logo img
{
   height:140px;
   float:left;
   margin-top:10px;
    margin-left: 50px;
}
.intro-text
{
    color: whitesmoke;
    text-decoration: none;
    font-size:145%;
    font-family: "Skia";
    font-weight:lighter;
    margin-top: -10px;
}
.line
{
    width: 350px;
    margin-top: -10px;
}
.btn
{
    border:1px solid white;
    padding:10px 15px;
    color: white;
    text-decoration:none;
    border-radius: 15px;
    margin-right: 15px;
}
.button-more
{
    margin-top:20px;
    font-size: 20px;
}
.btn-half:hover
{
  background-color: lightpink; 
  transition:all 0.2s ease-in;
}
.btn-full:hover
{
  background-color: lightpink;
  transition:all 0.2s ease-in;
}
.submit
{
    border:0.1px solid grey;
    padding:10px 15px;
    color: palevioletred;
    text-decoration:none;
    border-radius: 15px;
    margin-right: 15px;
    margin-top: 0.1px;
    background-color: whitesmoke;
    
}
.submit:hover
{
  background-color: mediumvioletred;
  color: white;
  border: none;
  transition:all 0.2s ease-in;
}
.copy
{
    
    width:70%;
    margin-left: 15%;
    text-align:center;
    margin-bottom: 25px;
}

h3:after
{
    width:200px;
    height:2px;
    background-color:hotpink;
    display:block;
    content:" ";
    margin:0 auto;
    margin-top: 10px;
}
.features h3
{
    
    margin-top: 40px;
    margin-bottom: 30px;
    
}

.features h4
{ 
    
    margin-top: 5px;
    text-align: center;
}

.PrHead
{
     
    margin-top: 5px;
    text-align: center;
    
}

h4:after
{
    width:100px;
    height:2px;
    background-color: lightpink;
    display:flex;
    content:" ";
    margin:0 auto;
    margin-top: 5px;
}

.arranging
{
    
    text-align: justify;
    
}

.features i
{
    
    font-size: 30px;
    margin-left: 45%;
    color: lightpink;
    
    
}

.PrStyle
{
    
    list-style: none;
    width:100%;
  
}

.PrStyle li
{
    
    display:block;
    width:50%;
    float:left;
}
.makeup
{
    
    width:100%;
    margin:0;
    overflow: hidden; 
    
}

.makeup img 
{
    
    width:100%;
    height:45%;
    transform: scale(1.15);
    transition: all 0.5s; 
}

.makeup img:hover
{
      transform: scale(1.05); 
}

.Product
{
    
    margin-top:45px;
  
}

.slidep
{
    z-index: 10000px;
    font-size: 100px;
    text-align: center;
    position: absolute;
    width: 20%;
    padding-top: 100px;
    color:azure;
    font-family: 'Lato';
  
}
.slider
{
    margin-top: 50px;
    overflow: hidden;
    height: 350px;
}

.slider figure div
{
    
    width:20%;
    float:left;
}
.slider figure img
{
    width:100%;
    float:left;
    
}
.slider figure
{
    width:500%;
    position: relative;
    margin:0;
    left:0;
    animation: 20s slidy infinite;
}

@keyframes slidy
{
    0%
    {
        left:0%;
    }
    10%
    {
        left:12%;
    }
    12%
    {
        left:-100%;
    }
    22%
    {
        left:-100%;
    }
    24%
    {
        left:-200%;
    }
    34%
    {
        left:-200%
    }
    36%
    {
        left:-300%;
    }
    46%
    {
        left:-300%;
    }
    48%
    {
        left:-400%;
    }
    58%
    {
        left:-400%;
    }
    60%
    {
        left:-300%;
    }
    70%
    {
        left:-300%;
    }
    72%
    {
        left:-200%;
    }
    82%
    {
        left:-200%;
    }
    84%
    {
        left:-100%;
    }
    94%
    {
        left:-100%;
    }
    96%
    {
        left:0%;
    }
    
}
.pic img
{
    
    width:70%;
    margin-left:20%;
    margin-top: 50px;
}
.work-step
{
    margin-top:50px;
}
.work-step div
{
    border: 1px solid hotpink;
    display:inline-block;
    border-radius: 50%;
    width:50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.Testimonials
{
    margin-top: 0px;
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(Images/wallpaper/3.jpg);
    padding-top: 60px;
    padding-bottom: 40px;
    color:white;
    background-attachment: fixed;
}

.Testimonials p
{
    color:white;
    line-height: 25px;
    text-align: justify;
    margin-top: 40px;
}
.Testimonials cite img
{
    width: 50px;
    height:50px;
    border-radius: 50%;
    margin-right: 20px;
}
.form1
{
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    align-content: center;
    text-align: left;
    width: 100%;
    height: 420px;    
}
#foot
{
    width: 1000px;
    height: 75%;
    margin: 0 auto;
    margin-top: 25px;
}
/*.social h3
{
   
   padding-top: 20px;
   padding-bottom: 0.5px;  
}*/

div.contact
{
    float: right;
    margin-right: 700px;
}
label
{
    color:palevioletred;
}
input.name
{
    height: 20px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
input.text
{
    height: 20px;
    width: 250px;
    border-radius: 3px;
    border: none;
    
}
input.email
{
    height: 20px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
textarea.msg
{
    height: 70px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
.copyright
{
    background-color: hotpink;
    text-align: center;
}