@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/varelaround/v13/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+Frcs, U+FFFD;
  }

  body{width:100%; height:auto; margin:0; padding:0; font-size: 100%; font-family:'Raleway', sans-serif;}
  #rcs-webpage{width:100%; height:auto; margin:0 auto 0 auto; padding:0;}
  #rcs-homepage{position:relative; width:100%; height:auto; margin:0 auto 0 auto; padding:0; font-family: 'PT Serif', serif; }
  #rcs-overlay{position:fixed; top:0; left:0; bottom:0;right:0;width:100%; height:100%; background-color: rgba(0,0,0,0.5); z-index:11; display:none;}
  #header-block{position:relative; width:100%; height:auto; margin:0 auto 0 auto; padding:0;background:#ffffff;}
  #logo-menu{position:fixed; width:100%; height:80px; top:0; left:0;margin:0 auto 0 auto; padding:0;background:#101820;z-index:15; }
  #menu-buttons{position:absolute; top:25px; left:10px; width:38px; height:37px;  border-radius:3px; }
  #openbtn,#closebtn{font-size:25px; color:#fff; text-decoration:none; display:block; margin:0 auto 0 auto; text-align:center;}
  #closebtn{display:none; font-size:45px; }
  #rcs-logo{position:relative; display:block; width:90px; margin:0 auto 0 auto; padding:0; }
  .rcslogo-img{width:90px; margin:10px auto 0 auto; }
  .drop-arrow{width:11px; height:11px; margin-left:3px;}
  #rcs-menu{position:fixed; display:none; top:80px; left:0; height:100%;width:100%;background:#101820; z-index:15; }
  .rcs-menu-ul{list-style:none; width:98%;position:relative; display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center; margin:20px 0 0 0; padding:0;  height:auto;}
  .rcs-menu-li{list-style:none; width:100%; text-align:left; margin: 10px 0 0 30px; padding:10px 0 0 0;}
  .rcs-menu-ref{text-decoration:none; color:#fff; font-size:200%; font-family: 'Raleway', sans-serif; font-weight:500; }
  .rcs-menu-ref:hover{color:#FEE715;}
  .menu-arrow{margin-left:5px; fill:#333;}
  .rcs-sub-menu-ul{list-style:none; background:#101820;padding:5px 10px 5px 5px;display:none; width:100%; }
  .rcs-sub-menu-li{list-style:none; display:block; text-align:left; margin:15px 5px 7px 10px; }
  .rcs-sub-menu-ref{text-decoration:none; color:#FEE715; font-size:18px; font-family: 'Varela Round', sans-serif; font-weight:400; }
  .rcs-sub-menu-ref:hover{color:#dfc800;}
  #home-slider{width:100%; height:auto; position:relative; margin:80px auto 0 auto; padding:0; }
  #slide-img{position:relative; width:100%; height:600px; margin:0; padding:0; display:block; }
  .hs-img{width:100%; height:600px;  margin:0; padding:0; object-fit:cover;}
  #slide-text{position:absolute; font-size:50px; top: 50%;  left: 49%;  color: #fff;  transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%); font-weight:700; text-align:center;}
  .slide-header{font-size:70%; margin:0; padding:0; font-weight:400;}
  #type-text{font-size:75%;margin:0; padding:0; color:#FEE715;}
  
  .other-pages{position:relative; width:100%; height:auto; margin:80px auto 0 auto; padding:0;}
  .other-pages-box,.services-box{position:relative; width:94%; margin:20px auto 0 auto; padding:10px 0 20px 0; height:auto;}
  .pages-bg{width:100%; height:auto;background-size:cover;background-repeat:no-repeat;}
  .op-header{text-align:center; font-size:240%; font-weight:700; color:#f3ca20; margin:5px 0 5px 0; padding:5px 0 5px 0;}
  .head-sec{text-align:left; font-size:180%; color:#ffe26f;}
  .head-third{text-align:left; font-size:120%; color:#ffeb99;}
  .op-para{text-align:center; font-size:120%; font-weight:400; margin:0; padding:2px 0 5px 0;color:#cacaca;font-family: 'Varela Round', sans-serif;}
  .para-sec{text-align:left; font-size:100%; color:#d1d1d1;}
  .op-ul{position:relative;}
  .op-li{font-size:90%; color:#afafaf; margin:5px 0 5px 0;font-family: 'Varela Round', sans-serif;}
  .tech-content,.about-content{ margin:20px auto 40px auto; position:relative; width:100%; height:auto; padding:20px 0 40px 0;}
  .tech-box,.about-box{position:relative; width:100%; height:auto; margin:20px auto 20px auto; padding:20px 0 20px 0; display:none;}
  #sap,#strength{display:block;}

  /*homepage-bodybox*/
  .body-box{position:relative; margin:0 auto 20px  auto; padding:0 0 20px 0; width:100%; height:auto;}
  
  .home-header{text-align:center; font-size:240%; font-weight:700; color:#000; margin:15px 0 15px 0; padding:10px 0 10px 0;}
  .home-para{text-align:center; font-size:140%; font-weight:400; margin:0; padding:2px 0 5px 0;color:#202020;font-family: 'Varela Round', sans-serif;}
  .service-content{position:relative; width:100%; height:auto; margin:20px auto 20px auto; padding:10px 0 10px 0;display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center;}
  .serv-blk{width:90%; margin:20px auto 20px auto; padding:20px 0 20px 0; height:auto; background-color:#f7f7f7;border-radius:5px;box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.35); }
  .serv-blk:hover{background-color:#f3f3f3;box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.65);}
  .serv-img{display:block; margin:20px auto 20px auto; padding:0;}
  .serv-pic{width:96px; object-fit: cover; display:block; margin:2px auto 2px auto;}
  .serv-header{font-size:170%; color:#000; font-weight:800px;  text-align:center;}
  .serv-text{font-size:120%; min-height:100px; color:#6d6d6d; width:96%;font-weight:600; font-family: 'Varela Round', sans-serif; text-align:center; margin:10px auto 10px auto; padding:5px 0 5px 0;}
  .circle-more{width:72px;display:block; margin:15px auto 10px auto;}

 /*mslide*/
  #m-slide{position:relative;display:block; margin:0 auto 20px 0;height:auto; min-height:450px;}
  #m-slide{background:url("../images/services-1.jpg");background-size:cover; background-repeat:no-repeat;height:auto;}
  .mslide{display:block; margin:0 auto 10px auto; width:84px;}
  #mslide-text{position:absolute; top: 50%;  left: 49%;  color: #fff;  transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%); font-weight:700; text-align:center;}
  .mslide-header{font-size:80%;font-weight:600; font-family: 'Varela Round', sans-serif; text-align:center; color:#f5f5f5;}
  .mhead{font-size:140%; font-weight:800;text-align:center; color:#ffffff; font-family:'Raleway', sans-serif;}
  .mslide-ref{padding:10px 10px; width:200px; background-color:#f3ca20; color:rgb(245, 245, 245);box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.05); font-size:120%; font-weight:500; border-radius:5px; border:1px solid #f3ca20; display:block; margin:10px auto 10px auto; text-decoration:none;}
  .mslide-ref:hover{background-color:#eebf01;box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.35);}

/*roller*/
  #roller-box{position:relative; width:100%; margin:100px auto 0 auto; padding:20px 0 0 0; height:auto; }
  #roller-data{position:relative; width:94%; margin:10px auto 10px auto; padding:20px 0 0 0;display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center;}
  .roll-blk{width:90%; background-color:#f1c308; margin:20px auto 20px auto; border-radius:4px; padding:50px 0 50px 0;}
  .roll-num{font-size:180%;font-family: 'Varela Round', sans-serif;color:#ffffff; text-align:center; font-weight:700; margin:0; padding:0;}
  .roll-head{font-size:180%; color:#222; text-align:center; margin:0; padding:0;}

  /*footer*/
  .footer-box{position:relative; width:100%; height:auto; margin:0 auto 0 auto; padding:0;  background:#090d11;}
  .foot-box{position:relative; width:100%; height:auto; margin:0 auto 0 auto; padding:20px 0 20px 0; background:#101418; display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center;}
  .foot-items{width:90%; min-height:100px; height:auto;padding:0; margin:0 auto 20px auto;}
  .foot-text{color:#cacaca; font-size:80%;font-family: 'Varela Round', sans-serif; font-weight:400; }
  .foot-header{color:#fff; margin:0 0 10px 0; padding:0; font-weight:600; font-size:100%; text-decoration: underline;}
   .foot-ul{list-style: none; margin:0; padding:0;}
   .foot-li{margin:3px 0 3px 0;}
   .foot-ref{text-decoration:none; font-family: 'Varela Round', sans-serif; color:#cacaca; font-size:80%;}
   .foot-ref:hover{color:#fff;}
  .copy-text{text-align:center; color:#f3ca20;font-family: 'Varela Round', sans-serif; font-size:80%; font-weight:400; padding:10px 0 10px 0; margin:0;}
  
  /*services*/
  .services-page{background:url("../images/services-2.jpg");background-size:cover; background-repeat:no-repeat;min-height:400px;}
  /*outsourcing*/
  .outsourcing-page{background:url("../images/home-slider.jpg");background-size:cover; background-repeat:no-repeat;min-height:400px;}

  /*about*/
  .about-page{background:url("../images/about.jpg");background-size:cover; background-repeat:no-repeat;min-height:400px;}


  /*technologies*/
  .technologies-page{background:url("../images/technologies.jpg");background-size:cover; background-repeat:no-repeat;min-height:400px;}
  .head-ul{list-style: none; text-align:center;}
  .head-li{display:inline-block; margin:20px; text-align:center;}
  .head-ref{border:1px solid #f3ca20; border-radius:3px; color:#f3ca20; font-size:100%; padding:7px 10px 7px 10px; text-decoration:none; }
  .head-ref:hover{background:#f3ca20; color:#fff;}
  
  


  /*careers*/
  .career-page{background:url("../images/careers.jpg");background-size:cover; background-repeat:no-repeat;}
  


  /*contact*/
  .contact-page{background:url("../images/contact-1.jpg");background-size:cover; background-repeat:no-repeat;}
  .contact-form{width:100%;margin:20px auto 0 auto; padding:20px 0 0 0;position:relative;display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center;}
  .contact-box{position:relative;  margin:20px auto 20px auto; padding:20px 0 20px 0; width:90%; height:auto; }
  #form-box{position:relative; margin:10px auto 10px auto; width:90%;}
  .cnt-form{background:rgba(16, 24, 32, 0.7);}
  .cnt-img{width:64px;}
  .add-text{font-size:150%; color:#dbd3b3;font-family: 'Varela Round', sans-serif; font-weight:400;}
  .cnt-header{text-align:center; font-size:150%; color:#fff; font-weight:700;}
  #cnt-name,#cnt-email{width:100%;height:50px;  padding:5px 0 5px 5px;border:1px solid #c6d0d6;font-family: 'Varela Round', sans-serif;background:#fff; border-radius:3px;}
  #cnt-text{resize:none; width:100%; height:100px; padding:15px 0 5px 5px; border:1px solid #c6d0d6;font-family: 'Varela Round', sans-serif; background:#fff; border-radius:3px;}
  #name-err,#email-err,#text-err{margin:0; padding:0; color:#ff0000;font-size:95%;  height:13px;}
  #thank-you{margin:0; padding:5px 0 0 0; color:#41a317; font-size:12px; display:block; text-align:center; font-weight:500;}
  #cnt-submit{margin:10px auto 0 auto; display:block;width:240px;height:43px; color:#fff; font-weight:400; font-size:120%; cursor:pointer;
    background:#dac400;; outline:none;border:none; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.11); border-radius:3px;font-family: 'Varela Round', sans-serif; }
  
  
    @media only screen and (min-width:580px)
  {
    
  }

  @media only screen and (min-width:768px)
  {
    
    #menu-buttons{display:none;}
    #rcs-logo{position:relative;display:inline-block; width:15%;height:80px; vertical-align:middle; margin:0; }      
    .rcslogo-img{margin:10px 0 0 25px;}
    #rcs-menu{position:relative; display:inline-block; width:84%; height:60px;vertical-align:middle; top:0; }
    .rcs-menu-ul{width:100%; flex-direction:row; justify-content: space-evenly; }
    .rcs-menu-li{width:16%; text-align:center; margin:0; }
    .rcs-menu-ref{font-size:100%;}
    .rcs-sub-menu-ul{width:200px; border-radius:3px; margin-top:18px;}
    .rcs-sub-menu-li{text-align:left;}
    .rcs-sub-menu-ref{font-size:75%;}
    .slide-header{font-size:90%; }
    #type-text{font-size:100%;}
    .mslide-header{font-size:140%;}
    .mhead{font-size:300%;}
    .contact-form,.foot-box,.service-content,#roller-data{flex-direction:row; justify-content:space-evenly;}
    .contact-box{width:40%;}
    .foot-items,.roll-blk{width:30%; }
    .serv-blk{width:42%;}
    .roll-num{font-size:350%;}
    .roll-head{font-size:300%;}
  }

  @media only screen and (min-width:992px)
  {
    .rcs-menu-li{width:14%;}
    .rcs-menu-ref{font-size:110%;}
    .rcs-sub-menu-ul{width:240px;}
    .rcs-sub-menu-li{text-align:left;}
    .rcs-sub-menu-ref{font-size:80%;}
    .slide-header{font-size:100%; }
    #type-text{font-size:130%;}
    .foot-items{width:25%; }
    .serv-blk{width:30%;}
  }

  @media only screen and (min-width:1200px)
  {
    .rcs-menu-ref{font-size:115%;}
    .rcs-sub-menu-ul{width:270px;} 
    .rcs-sub-menu-li{text-align:left;}
    .rcs-sub-menu-ref{font-size:90%;} 
    .slide-header{font-size:120%; }
    #type-text{font-size:150%;}
  }