@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: myFirstFont1;
    src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: myFirstFont2;
    src: url(../fonts/Poppins-Medium.ttf);
}
@font-face {
    font-family: myFirstFont3;
    src: url(../fonts/Poppins-Light.ttf);
}
html{
    scroll-behavior: smooth;
}
::selection {
    background: #000;
    color: #fff;
}

::-moz-selection {
    background: #000;
    color: #fff;
}

*{ margin:0; padding:0; box-sizing: border-box; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{   font-family: myFirstFont; color:#666; font-size:0.9rem; background: #FFFFFF; line-height: 26px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color:#000000;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.container{ width:1360px;  margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: space-between;}
.flex-center2 { display: flex; align-items: center; justify-content:flex-start;}
.flex-center4 { display: flex; align-items: flex-end; justify-content:flex-end;}
.flex-center1 { display: flex; align-items: center; justify-content: center;}
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }
.flex-center-contain3 {   align-items: flex-start; justify-content: center;}
em,i{ font-style: normal;}
h1,h2,h3,h4,h5{  font-family: myFirstFont1;}

::-webkit-scrollbar {
  width: 6px;
  height:5px;
}


::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 10px;
}


::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}


::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}



input,button,select,textarea{ outline:none; font-family: myFirstFont;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}
input[type="button"], input[type="submit"], input[type="reset"]{ cursor: pointer;}
a,button{ cursor: pointer;}
#warp{ width:100%; height:auto; overflow: hidden;}

@media (max-width: 1200px) {
.container{ width: 94%; height: auto;}
header{ display: none !important;}
body{ font-size: 0.9rem;}




}