/* main css */
/*:root { font-size: 62.5%;}*/
:root body { margin: 0; font-size: 16px;}
body{font-family:'Poppins', sans-serif;color:#2c2c2c; font-weight: 400; letter-spacing: .5px; overflow-x:hidden;line-height:1.7;}
ul{list-style:none outside none; padding:0;}
h1, h2, h3, h4, h5, h6{color:#222; font-family:'Poppins', sans-serif; }
a{color:#000;}
a:hover, a:focus{text-decoration:none; color: #333;}
img{box-sizing:border-box;height:auto;max-width:100%;}
.owl-carousel .owl-item img{width: auto;}
textarea{resize:none;}
.overflowhidden{overflow: hidden;}

/*body select.form-control:not([size]):not([multiple]){height: initial; padding: .7rem .5rem; }*/
.form-control::placeholder{color: #999}
.form-control:-ms-input-placeholder{color: #999}
.form-control::-ms-input-placeholder{color: #999}
.form-control{font-size: .9rem; border-width: 2px;  border-color: #ece9f4; background-color: #fbfbfc; color: #555;}
.btn{line-height: normal;}
.form-control:focus{border-color:#ccc;  box-shadow: none;}
.form-control.normal{border:1px solid #dad3d2; background-color: transparent;}
.btn:focus{box-shadow:none !important;}

/* include font family */

  /* IBMPlexSans */
  @font-face {
    font-family: 'IBMPlexSans', sans-serif; font-style: normal; font-weight: 400;
    src: local('IBMPlexSans Regular'), local('IBMPlexSans-Regular'), url(../fonts/IBMPlexSans-Regular.ttf) format('truetype');
  }
  /* Poppins */
  @font-face {
    font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/Poppins-Light.ttf) format('truetype');
  }
  /* Poppins */
  @font-face {
    font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/Poppins-Regular.ttf) format('truetype');
  }
  /* Poppins */
  @font-face {
    font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 600;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/Poppins-Medium.ttf) format('truetype');
  }
  /* Poppins */
  @font-face {
    font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 800;
    src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/Poppins-Bold.ttf) format('truetype');
  }

  .imbfont{font-family: 'Poppins', sans-serif;}
  /* commen css */
  .bglightgray{background-color: #faf9fa;}
  .bgtheme{background-color: #181823;}
  .bgefef{background-color: #efefef;}
  .bgred{background-color: #df1e1e;}
  .footerbg{background-color:#faf9fa}


  .themetxt{color:#181823;}
  .titletxt{color:#010101;}
  .txt999{color:#999;}
  .txt666{color:#666;}
  .txt555{color:#555;}
  .txtlight{color:#bdc1c6}
  
  .font60{font-size: 50px;}
  .font45{font-size: 38px;}
  .font40{font-size: 34px;}
  .font36{font-size: 30px;}
  .font30{font-size: 26px;}
  .font28{font-size: 24px;}
  .font24{font-size: 22px;}
  .font22{font-size: 20px;}
  .font20{font-size: 18px;}
  .font18{font-size: 16px;}
  .font16{font-size: 15px;}
  .font15{font-size: 14px;}
  .font14{font-size: 13px;}
  .font13{font-size: 12px;}
  .font12{font-size: 11px;}
  .font11{font-size: 10px;}
  .font10{font-size: 9px;}

  .linenormal{line-height: normal;}

  .radius2{border-radius: 2px;}
  .radius5{border-radius: 5px;}
  .radius10{border-radius: 10px;}
  .radius15{border-radius: 15px;}
  .radius20{border-radius: 20px;}
  .radius25{border-radius: 25px;}
  .radius50{border-radius: 50%;}

  .fweight3{font-weight: 300;}
  .fweight4{font-weight: 400;}
  .fweight6{font-weight: 600;}
  .fweight8{font-weight: 800;}

  .hweshadow{box-shadow: 0 10px 30px rgba(43,81,138,.12)}
  .wrapper{border-top:1px solid #efefef; min-height: 500px;}

  .zindex1{z-index: 1;}.zindex2{z-index: 2;}


  /* end commen css */

  /* css split icon */
  .allinonei{display: inline-block; position: relative;background-image: url(../images/allsprite.png); background-repeat: no-repeat;}
  .allinonei.whtarrowic{width: 16px; height: 16px; background-position: -37px -7px;}
  .allinonei.redarrowic{width: 16px; height: 16px; background-position: -7px -7px;}

  .allinonei.twitteric{width: 30px; height: 30px; background-position: -60px -0px;}
  .allinonei.facebookic{width: 30px; height: 30px; background-position: -90px -0px;}
  .allinonei.instaic{width: 30px; height: 30px; background-position: -120px -0px;}
  .allinonei.youtubeic{width: 30px; height: 30px; background-position: -150px -0px;}

  .allinonei.aboutic1{width: 90px; height: 90px; background-position: -0px -30px;}
  .allinonei.aboutic2{width: 90px; height: 90px; background-position: -120px -30px;}
  .allinonei.aboutic3{width: 102px; height: 90px; background-position: -0px -120px;}




  /* btn */
  .btn-theme{border:0; display: inline-flex; align-items:center; background-color:#2f6dca; padding:.7em 2em; border-radius: 20px; color: #fff; font-weight: 600;}
  .btn-white{border:0; display: inline-flex; align-items:center; background-color:#fff; padding:.7em 2em; border-radius: 20px; color: #df1e1e; font-weight: 600;}
  .btn-shadow{box-shadow: 0 1px 12px rgba(79,89,106, .1);}
  .btn-theme:hover, .btn-theme:focus, .btn-theme:active{color: #fff; box-shadow: none;}

  .btn-border{border:1px solid #f10000; background-color: transparent; background:none; color:#f10000; }
  .btn-border:hover, .btn-border:focus{background-color:#f10000; color:#fff;}

  
  /* header css */
  header.header{padding: 0; position: absolute; width: 100%;  z-index: 101; top:0; background-color: #11111b;}
  .header .headerinner{padding: .8rem 0;}
  header.stickytop{position: fixed; box-shadow: 0 0 6px rgba(0,0,0, .3); animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: .5s; -webkit-animation-duration: .5s;}
  @keyframes slideUp {
    0% {opacity: 0; -webkit-transform: translateY(-70%);} 100% { opacity: 1; -webkit-transform: translateY(0%);}
  }

  .headerfix header.header{background-color: #fff; position: fixed; box-shadow: 0 0 10px rgba(0,0,0, .2); }
  .headerfix .header .headerinner{border-bottom: 0px;}
  .headerfix header.header .mainmenu > li > a{color:#111;}
  .headerfix header.header .mainlogo a{color:#5f1aff !important;}

  
  /*menu sec*/
  .mainmenu{justify-content: center; align-items: center;}
  .mainmenu > li > a{padding:1rem 1.2rem; color: #fff; display: block; text-transform: uppercase; }
  .mainmenu > li > a.active{color: #fff;}
  .mainmenu > li:hover > a{color:#fff;}
  .mainmenu li{position: relative;}
  
  /*homepage*/
  .maintop{padding-top: 8em; position: relative; overflow: hidden;}
  .backsideart{position: absolute;  width: 100%; bottom: -5%; transform:scale(1.05); -webkit-transform:scale(1.05);}

  /*footer*/
  footer a{color: #2c2c2c;}
  ul.footmenu{list-style-type: none; display: inline-flex; margin: 0 auto; text-transform: uppercase;}
  ul.footmenu li{margin-right: 20px; position: relative;}
  ul.footmenu li:before{content:'|'; position:absolute; left: -10px;}
  ul.footmenu li:first-child:before{display: none}


  @media (min-width: 1400px) {  
  }

  @media (min-width: 1300px){
    .container {max-width: 1170px;}
    .font60{font-size: 60px;}
    .font45{font-size: 45px;}
    .font40{font-size: 40px;}
    .font36{font-size: 36px;}
    .font30{font-size: 30px;}
    .font28{font-size: 28px;}
    .font24{font-size: 24px;}
    .font22{font-size: 22px;}
    .font20{font-size: 20px;}
    .font18{font-size: 18px;}
    .font16{font-size: 16px;}
    .font15{font-size: 15px;}
    .font14{font-size: 14px;}
    .font13{font-size: 13px;}
    .font12{font-size: 12px;}
    .font11{font-size: 11px;}
    .font10{font-size: 10px;}
  }

  @media (min-width: 1024px){
  }

  @media (min-width: 992px) {
    .mainmenu li ul.submenu{display: none;}
    .mainmenu li:hover > ul.submenu{display: block; min-width: 220px;}
    .mainmenu ul.submenu{position: absolute; padding: 2rem 0; top: 100%; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0, .2); /*left: 50%; transform: translateX(-50%);*/ left: -22px;}
    .mainmenu ul.submenu li a{padding: 5px 1rem; display: block; text-transform: capitalize; /*border-left:2px solid transparent;*/}
    .mainmenu ul.submenu li a:hover{border-color: #f26827; color: #f26827;}
  }

  @media (min-width: 576px) {
  }
   
  @media (max-width: 1199px) {
  }

  @media (max-width: 991px) { 
    .maintop{padding-top: 6em;}
    .mainlogo img{max-height: 25px;}
    .mainlogo{padding-left: 2.2em !important;}

    /*open menu*/
    #menu-toggle{position: absolute; left: 15px; z-index: 15; height: 30px;}
    .lines-button{position: relative; background: none; border:0; outline: none;padding: 0;}
    .lines-button:focus{outline:none;}
    .lines-button .lines{display: inline-block;  border-radius: 5px; width: 30px; height: 3px; background: #f10000; transition:ease .3s all 0s; -webkit-transition:ease .3s all 0s; position: relative;}
    .lines-button .lines:after{content:'';  border-radius: 5px; width: 30px; height: 3px; background: #f10000; position: absolute; top:-10px; right: 0; transition:ease .3s all 0s; -webkit-transition:ease .3s all 0s;}
    .lines-button .lines:before{content:'';  border-radius: 5px; width: 30px; height: 3px; background: #f10000; position: absolute; bottom:-10px; left: 0; transition:ease .3s all 0s; -webkit-transition:ease .3s all 0s;}
    .lines-button .lines, .lines-button .lines:after, .lines-button .lines:before{background-color: #f10000;}

    /*after open menu*/
    .openmenu .lines-button .lines:before{width: 30px;}
    .openmenu .lines-button .lines:after, .openmenu .lines-button .lines:before{background-color: #f10000;}
    body.openmenu{height: 100%; overflow: hidden;}
    .openmenu .lines-button .lines{background:transparent;}
    .openmenu .lines-button .lines:after{transition:ease .3s all 0s; -webkit-transition:ease .3s all 0s; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:0px;}
    .openmenu .lines-button .lines:before{transition:ease .3s all 0s; -webkit-transition:ease .3s all 0s; transform:rotate(45deg); -webkit-transform:rotate(45deg); bottom:0px;}

    .mainmenu {position:fixed; transition: ease .3s all 0s; -webkit-transition:ease .3s all 0s; left:-100%; width: 300px; max-width: 100%; padding:5em 0 1em; background-color: #fff;  top: 0px; bottom: 0; box-shadow: 25px 10px 100px rgba(0,0,0, .5);}
    .openmenu .mainmenu {left: 0;}
    .openmenu .mainmenu > li > a{font-size: 18px; padding: .5em 2em; color: #111;}
    .openmenu .submenu{margin: 10px auto;}
    .openmenu .submenu > li > a{font-size: 18px; padding: .5em 2em; color: #111;}
    .mainmenu > li > a.active{ color: #111;} 

    .backsideart{transform:scale(5); -webkit-transform:scale(5);}


  }

  @media (max-width: 575px) {
    .openmenu .mainmenu > li > a, .openmenu .submenu > li > a{font-size: 18px; padding: .5em 1em; color: #111;}
 }