@font-face {
  font-family: Beba;
  src: url(/fopms/BebasNeue\ Regular.otf);
}
@font-face {
  font-family: Robit;
  src: url(/fopms/Roboto-LightItalic.ttf);
}
@font-face {
  font-family: Robot;
  src: url(/fopms/Roboto-Thin.ttf);
}
*{
    margin: 0;
    
    
}
.head{
  background-image:url(/IMUge/5-photoaidcom-darken.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: 800px;
}
.p1{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgb(255, 255, 255);
    font-size: 48px;
    text-align: center;
    font-family: Beba;
}
.con1{
    width: auto;
    height: 240px;

}

.p{
 width: 800px;
    font-size: 44px;
    color: #000000ce;
    padding-left: 30%;
    padding-top: 5%;
}
.con2{
    width: auto;
    height: 390px;

}

.p2{
 width: 768px;
    font-size: 26px;
    color: #000000ce;
    padding-left: 30%;
  padding-top: 2%;
   
    
}
.p21{
    width: 768px;
       font-size: 26px;
       color: #000000ce;
       padding-left: 30%;
     padding-top: 8%;
      
       
   }
.us{
  width: auto;
  height: 250px;
  background-color:rgb(235,235,235) ;
  margin-top: 500px;
}
.p3{
  text-align: center;
  padding-top: 5%;
  font-size: 48px;

}
.p4{
  
  font-size: 24px;
  text-align: center;

}
.ul{
  padding-left: 40%;
  
}
.li1{
padding-top: 2%;
font-size:36px;color: #000000ce;
}
.li2{
padding-top: 2%;color: #000000ce;
font-size:36px;
}
.li3{
padding-top: 2%;color: #000000ce;
font-size:36px;
}
.li4{
padding-top: 2%;color: #000000ce;
font-size:36px;
}
.li5{
padding-top: 2%;color: #000000ce;
font-size:36px;
}
.li6{
  padding-top: 2%;color: #000000ce;
  font-size:36px;
}
.contic{
  width: auto;
  height: 500px;
  background-color:rgb(235,235,235) ;
  
}
.i1{
  width: 400px;
padding: 25px;

}
.i2{
  width: 400px;
  
  padding: 0px 25px 55px 25px;
}
.i3{
  width: 400px;
  padding: 25px 30px 25px 30px;
}
.i4{
  width: 400px;
  padding: 25px;
}
.i5{
  width: 400px;
  padding-left: 20px;
  padding: 10px 25px 25px 25px ;
}
.i6{
  width: 400px;
  padding: 25px;
}
.sc1{
  padding-top: 25px;
  width:917px;
  height: 620px;
}
.c1{ width: 300px; ;}
.c2{ padding: 0px 0px 0px px; width: 300px;}
.c3{ width: 300px;}
.c14{ width: 300px;}
.c17{ width: 300px;}
.c6{ width: 300px;}

.secu{
  font-size: 33px;
  font-family: Robot;
  background-color: rgba(250, 250, 250, 0.705);

}

.ul4{
  list-style-type: none;
}
.pfoot{
  width: 100%;
  height: 400px;
  background-color: rgb(51, 51, 51);
  display: flex;
  margin-top: 30px;
  
}
.usl1{display: inline-block; text-align: center; margin-top: 70px;
   color: aliceblue; font-size: 24px; font-family: Beba;}
.usl2{display: inline-block; text-align: center; margin-top: 0px; 
  margin-right: 55px; color: aliceblue; font-size: 24px; font-family: Beba;}
.usl3{display: inline-block; text-align: center; margin-top: 70px; 
  margin-right: 55px;color: aliceblue; font-size: 24px; font-family: Beba;}
.usl4{display: inline-block; text-align: center; margin-top: 70px; 
  margin-right: 55px; color: aliceblue; font-size: 24px; font-family: Beba;}
.usl5{display: inline-block; text-align: center; margin-top: 70px;
  margin-right: 55px; color: aliceblue; font-size: 24px; font-family: Beba;}
 
  
  footer{
width: 100%;
height:300px;
background-color: rgb(26, 26, 26);
}
.klop{
  color: aliceblue;
  font-size: 48px;
  font-family: Robot;
  padding: 30px 0px 0px 30px;
  background-color:rgb(28, 28, 28) ;
}
.klip{
  
  font-size: 24px;
}
.a:visited{
  color: cadetblue;
}
.ipop{
  padding-left: 1300px;
  
}
.mfoot{
  color: azure;
  font-size: 56px;
  margin-left: 1400px;
  background-color: black;
  
}
.custom-btn {
  width: 280px;
  height: 100px;
  border-radius: 5px;
  padding: 10px 25px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  font-size: 48px;
  font-family: Robit;
  
  outline: none;
}
.btn-1 {
  background: rgb(22, 22, 22);
  border: none;
}
.btn-1:hover {
   background: rgb(255, 255, 255);
}
.coc{
  margin: -30px 0px 0px 30px;
}
.a{
  width: auto;
}

 .usl2{margin-right: 60px; font-size: 18px;}
 .usl3{margin-right: 60px; font-size: 18px;}
 .usl4{margin-right: 30px; font-size: 18px;}
 .usl5{margin-right: 30px; font-size: 18px;}
 .q{
  padding-top: 15px;
 }
 .ul{
  padding-left: 230px;
 }
 .us{
  padding-left: 0px;
 }
 .head{
  background-image:url(/IMUge/5-photoaidcom-darken.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: 800px;
  width: 1440px;
}
.c1{ width: 230px; padding: 5px 0px 0px 5px;}
.c2{ padding: 5px 0px 0px 5px; width: 230px;}
.c3{ width: 230px;}
.c14{ width: 230px;}
.c17{ width: 230px;}
.c6{ width: 230px;}
.sc1{
  width: 600px;
}
.s{
  width: 400px;
}
.secu{
  padding-top: 150px;
  width: 470px;
}
.pfoot{
  height: 600px;
  width: 1024px;
}
.mfoot{
  margin-left: 500px;
  
}












@media screen and (max-width:320px) {
  .p1{
    top: 20%;
    font-size: 30px;
  
  }
  .head{
    height: 350px;
    width: 320px;
  }
  .p{
    padding-left: 0px;
    width: 320px;
    font-size: 28px;
    text-align: center;
  }
  .p21{
    padding-left: 0px;
    text-align: center;
    width: 320px;
    font-size: 21px;
  }
  .p2{
    padding-left: 0px;
    text-align: center;
    width: 320px;
    font-size: 20px;
  }
  .ul{
    padding-left: 30px;
  }
  .li1{ font-size: 24px;
  }
  .li2{ font-size: 24px;
  }
  .li3{ font-size: 24px;
  }
  .li4{ font-size: 24px;
  }
  .li5{ font-size: 24px;
  }
  .li6{ font-size: 24px;
  }
  .contic{
    height: 400px;
  }
  .i3{ width: 150px; padding: 0px; height: 150px;}
  .i5{ width: 150px; padding: 0px; height: 150px;}
  .i1{ width: 150px; padding: 0px; height: 150px;}
  .i2{ width: 150px; padding: 0px; height: 150px;}
  .i6{ width: 150px; padding: 0px; height: 150px;}
  .i4{ width: 150px; padding: 0px; height: 150px;}
  .c1{ width: 150px; padding: 0px; height: 150px;}
  .c17{ width: 150px; height: 150px;padding: 0px;}
  .c3{ width: 150px; height: 150px;padding: 0px;}
  .c2{ width: 150px; height: 150px;padding: 0px;}
  .c6{ width: 150px; height: 150px;padding: 0px;}
  .c14{ width: 150px; height: 150px;padding: 0px;}
  .sc1{
    width: 100px;
    padding-top: 0px;
  }
  .secu{
    font-size: 14px;
    width: 320px;
  
    
    padding-top: 0px;
  }
  .s{
    height: 950px;
    width: 100%;
   
   
    
  }
  .w{
    width: 375px;
  }
  .dvd{
    padding-bottom: 100px;
  }
  .pfoot{
    width: 320px;
    height: 1200px;
  }
  .usl2{margin-left: 30px; font-size: 15px; padding-top: 80px; }
 .usl3{margin-left: 50px; font-size: 18px;}
 .usl4{margin-right: 0px; font-size: 12px;}
 .usl5{margin-left: 20px; font-size: 14px; }
 .usl1{ margin-left: 55px; font-size: 18px;}
 .klop{
  font-size: 18px;
 }
 .mfoot{
  margin-left: 30px;
  font-size: 18px;
 }
  .coc{
    padding-top: 80px;
   
  }
  .custom-btn{
    font-size: 30px;
    
  }
}










@media screen and (min-width:321px) and (max-width:375px){
  .p1{
    top: 20%;
    font-size: 30px;
  
  }
  .us{
    margin-top: 900px;
  }
  .head{
    height: 350px;
    background-size: 100% 100%;
    width: 375px;
  }
  .p{
    padding-left: 20px;
    width: 320px;
    font-size: 28px;
    text-align: center;
  }
  .p21{
    padding-left: 20px;
    text-align: center;
    width: 320px;
    font-size: 21px;
  }
  .p2{
    padding-left: 20px;
    text-align: center;
    width: 320px;
    font-size: 20px;
  }
  .ul{
    padding-left: 30px;
  }
  .li1{ font-size: 24px;
  }
  .li2{ font-size: 24px;
  }
  .li3{ font-size: 24px;
  }
  .li4{ font-size: 24px;
  }
  .li5{ font-size: 24px;
  }
  .li6{ font-size: 24px;
  }
  .contic{
    height: 400px;
  }
  .i3{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .i5{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .i1{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .i2{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .i6{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .i4{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .c1{ width: 160px; padding: 0px; height: 160px; padding: 0px;}
  .c17{ width: 160px; height: 160px; padding: 0px;}
  .c3{ width: 160px; height: 160px; padding: 0px;}
  .c2{ width: 160px; height: 160px; padding: 0px;}
  .c6{ width: 160px; height: 160px; padding: 0px;}
  .c14{ width: 160px; height: 160px; padding: 0px;}
  .sc1{
    width: 100px;
    padding-top: 0px;
  }
  .secu{
    font-size: 14px;
    width: 375px;
    
    padding-top: 160px;
  }
  .s{
    height: 950px;
    width: 100%;
   
   
    
  }
  .con2{
    padding-top: 80px;
  }
  .w{
    margin-right: 300px;
  }
  .dvd{
    padding-bottom: 100px;
  }
  .pfoot{
    width: 375px;
    height: 1200px;
  }
  .usl2{margin-left: 50px; font-size: 15px; padding-top: 80px; }
 .usl3{margin-left: 70px; font-size: 18px;}
 .usl4{margin-left: 20px; font-size: 12px;}
 .usl5{margin-left: 30px; font-size: 14px; }
 .usl1{ margin-left: 70px; font-size: 18px;}
 .klop{
  font-size: 18px;
 }
 .mfoot{
  margin-left: 30px;
  font-size: 18px;
 }
  .coc{
    padding-top: 80px;
   
  }
  .custom-btn{
    font-size: 30px;
    
  }

}
@media screen and (min-width:376px) and (max-width:430px){
  .p1{
    top: 20%;
    font-size: 30px;
  
  }

  .head{
    height: 350px;

    width: 425px;
  }
  .p{
    padding-left: 50px;
    width: 320px;
    font-size: 28px;
    text-align: center;
  }
  .p21{
    padding-left: 50px;
    text-align: center;
    width: 320px;
    font-size: 21px;
  }
  .p2{
    padding-left: 50px;
    text-align: center;
    width: 320px;
    font-size: 20px;
  }
  .ul{
    padding-left: 50px;
  }
  .li1{ font-size: 24px;
  }
  .li2{ font-size: 24px;
  }
  .li3{ font-size: 24px;
  }
  .li4{ font-size: 24px;
  }
  .li5{ font-size: 24px;
  }
  .li6{ font-size: 24px;
  }
  .contic{
    height: 400px;
  }
  .i3{ width: 0px; padding: 0px; height: 190px;}
  .i5{ width: 190px; padding: 0px; height: 190px;}
  .i1{ width: 190px; padding: 0px; height: 190px;}
  .i2{ width: 190px; padding: 0px; height: 190px;}
  .i6{ width: 190px; padding: 0px; height: 190px;}
  .i4{ width: 190px; padding: 0px; height: 190px;}
  .c1{ width: 190px; padding: 0px; height: 190px;}
  .c17{ width: 190px; height: 190px; padding: 0px;}
  .c3{ width: 190px; height: 190px; padding: 0px;}
  .c2{ width: 190px; height:190px; padding: 0px;}
  .c6{ width: 190px; height: 190px; padding: 0px;}
  .c14{ width: 190px; height: 190px; padding: 0px;}
  .sc1{
    width: 100px;
    padding-top: 0px;
  }
  .secu{
    font-size: 14px;
    width: 425px;
    
    padding-top: 350px;
  }
  .s{
    height: 950px;
    width: 100%;
   
   
    
  }
  .w{
    margin-right: 300px;
  }
  .dvd{
    padding-bottom: 100px;
  }
  .pfoot{
    width: 425px;
    height: 1200px;
  }
  .usl2{margin-left: 80px; font-size: 15px; padding-top: 80px; }
 .usl3{margin-left: 100px; font-size: 18px;}
 .usl4{margin-left: 50px; font-size: 12px;}
 .usl5{margin-left: 60px; font-size: 14px; }
 .usl1{ margin-left: 100px; font-size: 18px;}
 .klop{
  font-size: 18px;
 }
 .mfoot{
  margin-left: 30px;
  font-size: 18px;
 }
  .coc{
    padding-top: 80px;
   
  }
  .custom-btn{
    font-size: 30px;
    
  }
  
} 
@media screen and (min-width:431px) and (max-width: 768px) {
    .head{
      background-size:100% 100%;
      height: 600px;
      width: 1300px;
    }
    .p1{
      left: 85%;
    }
     .us{
      width: 768px
      
  
    }
  .contic{
    width: 768px;
  }
  .ul{
    padding-left: 10%;
  }
  .usl2{margin-right: 60px; font-size: 18px;}
   .usl3{margin-right: 60px; font-size: 18px;}
   .usl4{margin-right: 0px; font-size: 18px;}
   .usl5{margin-right: 0px; font-size: 18px;}
   .pfoot{
    width: 768px;
    height: 600px;
   }
   .klop{
    width: 768px;
   }
   .mfoot{
    margin-left: 300px;
    
    
   }
   footer{
    width: 768px;
    height: 450px;
   }
   .p21{
    padding-top: 250px;
    padding-left: 0px;
    text-align: center;
   }
   .p2{
    padding-left: 0px;
    font-size: 26px;
    text-align: center;
   }
   .p{
    padding-left: 0px;
    font-size: 60px;
    
   }
   .head{
    background-image:url(/IMUge/5-photoaidcom-darken.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 800px;
    width: 768px;
  }
  .p1{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgb(255, 255, 255);
    font-size: 48px;
    text-align: center;
    font-family: Beba;
  }
  .secu{
    font-size: 27px;
    width: 300px;
    padding-top: 20px;
  }
  .c1{ width: 180px; padding: 5px 0px 0px 5px;}
  .c2{ padding: 5px 0px 0px 5px; width: 180px;}
  .c3{ width: 180px;}
  .c14{ width: 180px;}
  .c17{ width: 180px;}
  .c6{ width: 180px;}
  .sc1{
    width: 400px;
  }
  }
@media screen and   (min-width: 1441px) and (max-width:2560px) {
  .mfoot{
   margin-left: 2100px;
  } 
  .usl2{margin-right: 230px;}
  .usl3{margin-right: 230px;}
  .usl4{margin-right: 230px;}
  .usl5{margin-right: 230px;}
  .gall{
   margin-left: 280px;
  }
  .con1{
   margin-left: 200px;
  }
  .con2{
   margin-left: 200px;
  }
  .us{
   margin-top: 600px;
  }
.pfoot{
  width: 100%;
}
}

 
  @media screen and (min-width: 1024px) and (max-width:1440px)  {
    .p1{
      position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgb(255, 255, 255);
    font-size: 48px;
    text-align: center;
    font-family: Beba;
    }
   .p21{
    padding-top: 250px;
    width: 1000px; padding-left: 300px;}
    .p2{
  width: 1000px; padding-left: 300px;
    }
    
    .p{
      width: 1000px;
      padding-left: 300px;
    }
    .dvd{
      padding-left: 400px;
      width: 600px;
    }
    .s{
      width: 100px;
    }
    .secu{
      width: 800px;
    }
    .sc1{
      width: 800px;
    }
   .ul{
    margin-left: 200px;
   }
   .pfoot{
    width: 1440px;
   }
}
@media screen and (min-width:430px) and (max-width:755px){
  .p1{
    top: 20%;
    font-size: 30px;
  
  }
  .head{
    height: 350px;

    width: 425px;
  }
  .p{
    padding-left: 50px;
    width: 320px;
    font-size: 28px;
    text-align: center;
  }
  .p21{
    padding-left: 50px;
    text-align: center;
    width: 320px;
    font-size: 21px;
  }
  .p2{
    padding-left: 50px;
    text-align: center;
    width: 320px;
    font-size: 20px;
  }
  .ul{
    padding-left: 50px;
  }
  .li1{ font-size: 24px;
  }
  .li2{ font-size: 24px;
  }
  .li3{ font-size: 24px;
  }
  .li4{ font-size: 24px;
  }
  .li5{ font-size: 24px;
  }
  .li6{ font-size: 24px;
  }
  .contic{
    height: 400px;
  }
  .i3{ width: 210px; padding: 0px; height: 210px;}
  .i5{ width: 210px; padding: 0px; height: 210px;}
  .i1{ width: 210px; padding: 0px; height: 210px;}
  .i2{ width: 210px; padding: 0px; height: 210px;}
  .i6{ width: 210px; padding: 0px; height: 210px;}
  .i4{ width: 210px; padding: 0px; height: 210px;}
  .c1{ width: 210px; padding: 0px; height: 210px;}
  .c17{ width: 210px; height: 210px; padding: 0px;}
  .c3{ width: 210px; height: 210px; padding: 0px;}
  .c2{ width: 210px; height: 210px; padding: 0px;}
  .c6{ width: 210px; height: 210px; padding: 0px;}
  .c14{ width: 210px; height: 210px; padding: 0px;}
  .sc1{
    width: 100px;
    padding-top: 0px;
  }
  .secu{
    font-size: 14px;
    width: 425px;
    
    padding-top: 350px;
  }
  .s{
    height: 950px;
    width: 100%;
   
   
    
  }
  .w{
    margin-right: 300px;
  }
  .dvd{
    padding-bottom: 100px;
  }
  .pfoot{
    width: 425px;
    height: 1200px;
  }
  .usl2{margin-left: 80px; font-size: 15px; padding-top: 80px; }
 .usl3{margin-left: 100px; font-size: 18px;}
 .usl4{margin-left: 50px; font-size: 12px;}
 .usl5{margin-left: 60px; font-size: 14px; }
 .usl1{ margin-left: 100px; font-size: 18px;}
 .klop{
  font-size: 18px;
 }
 .mfoot{
  margin-left: 30px;
  font-size: 18px;
 }
  .coc{
    padding-top: 80px;
   
  }
  .custom-btn{
    font-size: 30px;
    
  }
  
} 
@media screen and (min-width:426px) and (max-width: 768px) {
    .head{
      background-size:100% 100%;
      height: 600px;
      width: 1300px;
    }
    .p1{
      left: 85%;
    }
     .us{
      width: 768px
      
  
    }
  .contic{
    width: 768px;
  }
  .ul{
    padding-left: 10%;
  }
  .usl2{margin-right: 60px; font-size: 18px;}
   .usl3{margin-right: 60px; font-size: 18px;}
   .usl4{margin-right: 0px; font-size: 18px;}
   .usl5{margin-right: 0px; font-size: 18px;}
   .pfoot{
    width: 768px;
    height: 600px;
   }
   .klop{
    width: 768px;
   }
   .mfoot{
    margin-left: 300px;
    
    
   }
   footer{
    width: 768px;
    height: 450px;
   }
   .p21{
    padding-top: 250px;
    padding-left: 0px;
    text-align: center;
   }
   .p2{
    padding-left: 0px;
    font-size: 26px;
    text-align: center;
   }
   .p{
    padding-left: 0px;
    font-size: 60px;
    
   }
   .head{
    background-image:url(/IMUge/5-photoaidcom-darken.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 800px;
    width: 768px;
  }
  .p1{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgb(255, 255, 255);
    font-size: 48px;
    text-align: center;
    font-family: Beba;
  }
  .secu{
    font-size: 27px;
    width: 300px;
    padding-top: 20px;
  }
  .c1{ width: 180px; padding: 5px 0px 0px 5px;}
  .c2{ padding: 5px 0px 0px 5px; width: 180px;}
  .c3{ width: 180px;}
  .c14{ width: 180px;}
  .c17{ width: 180px;}
  .c6{ width: 180px;}
  .sc1{
    width: 400px;
  }
  }
@media screen and   (min-width: 1441px)and(max-width:2560px) {
  .mfoot{
   margin-left: 2100px;
  } 
  .usl2{margin-right: 230px;}
  .usl3{margin-right: 230px;}
  .usl4{margin-right: 230px;}
  .usl5{margin-right: 230px;}
  .gall{
   margin-left: 280px;
  }
  .con1{
   margin-left: 200px;
  }
  .con2{
   margin-left: 200px;
  }
  .us{
   margin-top: 600px;
  }
.pfoot{
  width: 100%;
}
}

 
  @media screen and (min-width: 1024px) and (max-width:1440px)  {
    .p1{
      position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgb(255, 255, 255);
    font-size: 48px;
    text-align: center;
    font-family: Beba;
    }
   .p21{
    padding-top: 250px;
    width: 1000px; padding-left: 300px;}
    .p2{
  width: 1000px; padding-left: 300px;
    }
    
    .p{
      width: 1000px;
      padding-left: 300px;
    }
    .dvd{
      padding-left: 400px;
      width: 600px;
    }
    .s{
      width: 100px;
    }
    .secu{
      width: 800px;
    }
    .sc1{
      width: 800px;
    }
   .ul{
    margin-left: 200px;
   }
   .pfoot{
    width: 1440px;
   }}
   @media screen and(min-width:1440px) and (max-width:2560px) {
    .usl2{margin-right: 30px;}
    .usl3{margin-right: 30px;}
    .usl4{margin-right: 30px;}
    .usl5{margin-right: 30px;}
  }