body{font-family: 'Poppins', sans-serif!important;}
p, a, h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif!important;}
h1, h2, h3 {margin-top: 0px; margin-bottom: 0px;}
p {margin-top: 10px; font-size: 14px; font-weight: 400; line-height: 24px;}

#partners .bxslider img {width: 90%!important;}
#partners img {width: 18%!important;}

@font-face {
      font-family: 'fontello';
      src: url('../fonts/fontello.eot?17216750');
      src: url('../fonts/fontello.eot?17216750#iefix') format('embedded-opentype'),
           url('../fonts/fontello.woff?17216750') format('woff'),
           url('../fonts/fontello.ttf?17216750') format('truetype'),
           url('../fonts/fontello.svg?17216750#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }










/*header-top*/

#header-top .container-fluid { width: 96%; position: absolute; z-index: 999;}
#header-top select {border:none; font-size: 12px; background: none; color: #fff;}
#header-top .sp a {font-size: 12px; color: #fff; text-decoration: none; margin-right: 10px; margin-left: 10px;}
#header-top .sp a i{padding-left: 5px;}
#header-top .sp {float: right; margin-top: 15px;}
#header-top .sp .line {font-size: 14px;}
#header-top .sp .user {color: #ed1c24; margin-left: 12px; margin-right: 10px;}
#header-top .sp .br-lef {border-left: 2px solid #fff;}



/*header*/

#header {margin-top: 0px; position: absolute; width: 100%; z-index: 999;position: fixed; transition: all 0.2s ease-in-out; background-color:transparent; }
#header .container-fluid {width: 95%;background: #000;}
#header .logo {width: 70%; display: inherit;}
#header .top a {color: #fff; text-decoration: none; font-weight: 400; padding: 15px 15px 10px 15px;}
#header .top {padding: 25px 0; float: right;}
#header .top .act{ color: #ef4423; border-bottom: 1px solid #ef4423;}
#header .top a:hover{  color: #ef4423; border-bottom: 1px solid #ef4423;}
#header .top .main-navigation a {color: #fff; padding: 0px;}
#header .top .main-navigation a:hover {color: #000; padding: 0px; border-bottom: 1px solid #000;}
#header .men input {display: none;}
#header .lgt{padding: 10px 0}

/*menu*/

#header .men .hamburger {position: absolute; width: 50px; height: 45px; top: 25px; z-index: 5;     right: 18px;}
#header .men .hamburger div {position: relative; width: 30px; height: 2px; border-radius: 3px; background-color: #fff; margin-top: 5px;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .men #toggle {display: none;}
#header .men .hamburger .meat{margin-left: 8px;}
#header .men #toggle:checked + .hamburger .sen {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 30px; margin-top: 22.5px; background-color: #fff;}
#header .men #toggle:checked + .hamburger .meat {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -3px; background-color: #fff;}
#header .men #toggle:checked + .hamburger .bottom {-webkit-transform: scale(0); transform: scale(0); background-color: #fff;}
#header .men #toggle:checked + .hamburger + .nav {top: 0;}
#header .men .nav {position: fixed; width: 100%; height: 100%; background-color: darkblue; top: -100%; left: 0; right: 0; bottom: 0; overflow: hidden;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1; 
background: url(../images/menu-bg.jpg); }
#header .men .nav .nav-wrapper {height: 100%; padding: 130px 80px 80px;}
#header .men nav { height: 100vh; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;
-webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
#header .men nav a {margin-top: 1.25em; color: #eee; opacity: 0; text-decoration: none; font-size: 2.3em; letter-spacing: 3px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;}
#header .men nav a:first-child {margin-top: 0;}
#header .men #toggle:checked + .hamburger + .nav .nav-wrapper nav a {opacity: 0.9; -webkit-transform: scale(1); transform: scale(1);}
#header .men #toggle:checked + .hamburger + .nav .nav-wrapper nav a:hover {opacity: 1; color: white; -webkit-transform: scale(1.2); transform: scale(1.2);}
#header .men .hamburger .sen {width: 30px;}
#header .men .hamburger .bottom {width: 30px;}
#header .men .nav .nav-wrapper h5{color: #FBF9F8; font-size: 18px; line-height: 1.8; font-weight: 300;}
#header .men .nav .nav-wrapper ul{margin-top: .5em; padding: 0 1.2em 0 1.2em; border-left: 1px solid #6a6a6a;}
#header .men .nav .nav-wrapper ul a{color: #FBF9F8; font-size: 14px; line-height: 2;}
#header .men .nav .nav-wrapper ul p{color: #FBF9F8; font-size: 14px; line-height: 2; margin: 0px;}
#header .men .nav .nav-wrapper li{list-style: none;}
#header .pc-hi {overflow-y: scroll;}
#header .pc-hi::-webkit-scrollbar {display: none;}
#header .pc-hi {-ms-overflow-style: none;}





#header.active {
    background: #000;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}





/*footer*/

#footer {position: relative; background: url(../images/footer.png) no-repeat; background-size: cover; width: 100%}
#footer .container-fluid {width: 86%; padding-top: 70px; padding-bottom: 70px;}
#footer .so i { padding: 11px; background: #ef4423; width: 14%; border-radius: 20px; color: #fff;}
#footer .so i:hover {background: #b12c21;}
#footer img {width: 30%; margin-top: -18px; float: right;}
#footer h4 {font-size: 18px; color: #fff; font-weight: 400;}
#footer .lin {background: #fff; width: 120px; height: 1px; margin-top: 20px;}
#footer .padd1 {padding-top: 30px;}
#footer .chat {display: flex;}
#footer .chat i {color: #fff; padding: 6px 42px 7px 18px; font-size: 26px;}
#footer .list ul {padding: 0px;}
#footer .list ul li  { list-style: none; padding: 4px 0;}
#footer .list h5 {color: #fff; font-size: 18px; padding-bottom: 10px;}
#footer .list a {color: #fff; font-size: 13px;}
#footer .list a:hover {color: #ef4423;}
#footer .top {margin-top: 45px;}
#footer p {color: #fff; font-size: 13px;}
#footer .manage a {color: #fff; font-size: 12px; padding-right: 30px; text-decoration: none;}
#footer a {text-decoration: none;}
#footer .adox a {color: #0092dc;}
#footer .adox {text-align: center;}













@media only screen and (min-width : 1920px) and (max-width : 2560px){


#header .top a{padding: 35px 30px 15px 30px;    font-size: 16px;}
#header .top { margin-top: 20px;}
#header .top .act {padding: 50px 30px 15px 30px;}
#header .top a:hover{padding: 50px 30px 15px 30px;}
#header .main-navigation-toggle + label {top: 75px;}
#footer .so i {width: 10%;}
#header .men .hamburger{top: 40px;}





}

@media only screen and (min-width : 1600px) and (max-width : 1919px){

#header .top .act {padding: 42px 15px 15px 15px;}
#header .top a {padding: 42px 15px 15px 15px;}
#header .top a:hover{padding: 42px 15px 15px 15px;}
#footer .so i {width: 12%;}
#header .main-navigation-toggle + label{top: 67px;}
#header .top{margin-top: 8px;}
#header .men .hamburger{top: 30px;}



}

@media only screen and (min-width : 1440px) and (max-width : 1599px){

#header .top .act {padding: 42px 15px 15px 15px;}
#header .top a {padding: 42px 15px 15px 15px;}
#header .top a:hover{padding: 42px 15px 15px 15px;}
#footer .so i {width: 13%;}
#header .main-navigation-toggle + label{top: 65px;}
#header .top{margin-top: 4px;}
}

@media only screen and (min-width : 1366px) and (max-width : 1439px){

#header .main-navigation-toggle + label{top: 64px;}

}

@media only screen and (min-width : 1200px) and (max-width : 1365px){

/*#header .top .act {padding: 32px 10px 32px 10px;} 
#header .top a {padding: 32px 10px 32px 10px;}
#header .top a:hover{padding: 32px 10px 32px 10px;}*/
#header .top { margin-top: 0;}
#header .men .hamburger{top:     top: 24px;;}
#footer .so i {width: 16%;}
#footer .manage a {padding-right: 20px;}
#footer .container-fluid {width: 90%;}
#header .main-navigation-toggle + label{top: 61px;}
#header .main-navigation a {max-width: 770px;}
/*#header .logo {width: 100%;}*/
#header {padding-top: 0px; padding-bottom: 0px;}

}

@media only screen and (min-width : 1024px) and (max-width : 1199px){

#header .top .act {padding: 28px 12px 15px 12px;} 
#header .top a {padding: 28px 5px 15px 5px; font-size: 12px;margin-right: 5px;}
#header .top a:hover{padding: 28px 5px 15px 5px;}
/*#header .top { margin-top: 11px;}*/
#header .main-navigation-toggle + label {top: 55px;}
#footer .so i {width: 19%;}
#footer img {margin-top: -5px;}
#footer .list h5 {font-size: 17px;}
#footer .container-fluid {width: 90%;}
#header .main-navigation a {font-size: 30px!important; max-width: 655px;}
#header .men .hamburger {top: 22px;}
#header .logo {width: 80%;}
#header {padding-top: 5px; padding-bottom: 5px;}
#partners {padding-top: 30px!important; padding-bottom: 50px!important;}

}

@media only screen and (min-width : 768px) and (max-width :1023px){

#header .main-navigation a { font-size: 27px;}
#header .hid {display: none;}
#header .logo {width: 30%;}
#header .main-navigation-toggle + label {top: 70px; right: 32px;}
#footer .so i {width: 12%;}
#footer .chat {margin-top: -60px;}
#footer img {margin-top: 23px; margin-left: -18px;}
#footer .top {margin-top: 0px;}
#footer .adox p {text-align: center;}
#footer .manage {text-align: center;}
#footer .padd1 { padding-top: 30px;}
#footer .tb { margin-top: -76px;}
#header .pc-hi {overflow-x: scroll; height: 450px;}
/*#header .men .hamburger {top: 20px;}*/
#header .men .nav .nav-wrapper {padding: 70px 80px 80px;}
#header .di{display: none;}
#partners .bxslider img {margin-top: 30px!important;}
#partners {padding-top: 30px!important; padding-bottom: 50px!important;}


}

@media only screen and (min-width : 150px) and (max-width : 767px){

#header .top .main-navigation a {padding-left: 30px;}
#header .main-navigation ul {padding-inline-start: 0px;}
#header .main-navigation a { font-size: 28px;}
#header .hid {display: none;}
#header .main-navigation-toggle + label {top: 59px; right: 20px;}
#header .top .main-navigation a:hover {background: #000;padding-left: 35px;}
#header .top .main-navigation a:hover {color: #fff;}
#footer h4 {text-align: center;}
#footer .so {text-align: center; margin-top: 26px;}
#footer .container-fluid { width: 90%; padding-top: 50px; padding-bottom: 50px;}
#footer .so i {padding: 11px; width: 10%; font-size: 12px;}
#footer img {width: 50%; margin: 30px auto 0; display: block; float: inherit;}
#footer .chat {margin-left: 64px;}
#footer .list h5 {text-align: center;}
#footer .list ul li {text-align: center;}
#footer .top { margin-top: 20px;}
#footer .padd1 { padding-top: 30px;}
#footer p {text-align: center;}
#footer .manage {text-align: center; margin-top: 15px;}
#header .logo {width: 50%;}
#header .main-navigation a { font-size: 20px!important; max-width: 320px;}
#header .pc-hi {overflow-x: scroll; height: 450px;}
#header .men .nav .nav-wrapper {padding: 65px 40px 0px;}
#header .men .hamburger {left: 75px;}
#header .di{display: none;}
#header{margin-top: 0px;}
#partners img {width: 35%!important;}
#partners .bxslider img {width: 90%!important; margin-top: 30px!important;}
#partners {padding-top: 30px!important; padding-bottom: 30px!important;}


}

@media only screen and (max-width : 375px){

#header .main-navigation-toggle + label {top: 57px; right: 0; margin-right: 11px;}
#header .lgt {top: 0px;}
#footer .so i {width: 11%;}
#footer .chat { margin-left: 30px;}
#header .main-navigation a { font-size: 26px;}
#header .di {display: none;}
#header .men .hamburger {top: 20px; left: 70px;}

}

@media only screen and (max-width : 360px){
  
#header .top{margin-top: 0px;}
#header .men .hamburger {top: 20px; left: 65px;}
#footer .so i {width: 12%;}


}

@media only screen and (max-width : 320px){

#header .lgt {top: 10px;padding: 0;}
#footer .so i { width: 13%;} 
#footer .chat { margin-left: 10px;}
#header .main-navigation-toggle + label {top: 61px; }
#header {padding-bottom: 20px;}
#header .main-navigation a { font-size: 20px;}
#header .men .hamburger {top: 20px; left: 50px;}

}