body{ margin: 0px; padding: 0px;font-family: 'Poppins', sans-serif; text-decoration: none
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #000000;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
a:hover{ text-decoration: none}

.mainbutton, .wpcf7-submit{cursor: pointer; background: #000!important; color: #fff!important; width: 100%; text-align: left; font-weight: 600!important; padding: 11px 10px!important; font-size: 14px!important; border-radius:  4px!important;}
.mainbutton:hover, .wpcf7-submit:hover{background:linear-gradient(90deg, rgba(230,30,37,1) 0%, rgba(241,132,33,1) 100%)!important}

.container-fusim{ width: 1180px; margin: 0 auto; padding: 0px 30px;}
.container-fusim-prd{ width: 1180px; margin: 0 auto; padding: 0px 24px;}


.container-fu{     width: 1400px;
    margin: 0 auto;
    padding: 0px 10px;}
.clearfix{ clear: both }

.o-button_label i{ font-size: 30px; }
.fu-box{    z-index: 9;padding-top: 26px;
    position: relative;}
.fu-box-left{ float: left; width: 130px; }
.fu-box-right{ float: right;  width: calc(100% - 130px);padding-top: 10px !important; text-align: right}
.btn-fu{ background: rgb(230,30,37);
background: linear-gradient(90deg, rgba(230,30,37,1) 0%, rgba(241,132,33,1) 100%); border-radius: 40px; color: #fff!important; }
.btn-fu:hover{ background: #e61e25;transition: 0.3s; }
.btn-fu a{color: #fff!important}

li.btn-fu a{
    background: #ef8322;
        border-radius: 100px;
}


.infobox{ width: 600px;    position: absolute;
    right: -30px;}
.info-left{ float: left; width: 82px;}
.info-right{ float: right;  width: calc(100% - 82px); background: #e61e25; height: 50px}

.info-right h3{    color: #fff;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px; font-size: 16px;
    font-weight: 500;
    padding-top: 16px;
}
p{ font-size: 14px; line-height: 22px}

.mb-bx{ margin-top: 20px; }
.rigtlogo{ width: 145px;
    float: left; }

#getenq{}
.enq-box{ background: rgb(230,30,37);
background: linear-gradient(90deg, rgba(230,30,37,1) 0%, rgba(241,132,33,1) 67%, rgba(248,239,33,1) 100%); padding: 30px 25px;margin-top: -30px; padding-bottom: 25px;
    position: relative;
    z-index: 99999; border-radius:  6px}
.enq-box h4{    color: #fff;
    font-size: 28px; padding-left: 5px;
    font-weight: 600; }
.enq-box h5{    color: #fff;padding-left: 5px; padding-bottom: 15px;
    font-size: 14px; font-style: italic;
    font-weight: 400; padding-top: 5px; }
.threee{}
.threeebox{ width: 32%; float: left;     margin:0px 5px;}
.enq-box input{ width: 100%; border: none; padding: 10px; margin-bottom: 5px;    font-size: 15px; background: rgba(255, 255, 2555, 0.3);
    font-family: 'Poppins'; border-radius:  4px;
    color: #000;}
.enq-box textarea{ width: 100%; border: none; padding: 10px; margin-bottom: 5px;    font-size: 15px; background: rgba(255, 255, 2555, 0.3);
    font-family: 'Poppins';    min-height: 91px;     height: 93px;
    color: #000;border-radius:  4px;}


#abt-box{ margin: 100px 0px;}
.abt-box-left{ width: 49%; float: left }
.abt-box-right{ width: 49%; float: right}



.comen h2{ font-weight: 100; font-size: 115px; color: #dddddd}
.comen h3{font-weight: 600; font-size: 36px; color: #000; margin-top: -56px;}
.comen .o-hsub.-link{ color: #e61e25;font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px; }



.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
/*  height: 100%;*/
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
/*  min-height: 75%;*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}





@media only screen and (min-width: 480px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }
}

.cd-scrolling-bg {
  position: relative;
  min-height: 50%;
  padding: 4em 0;
  line-height: 1.6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 2;
}

@media only screen and (min-width: 480px) {
  .cd-scrolling-bg {
    padding: 8em 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    font-weight: 300;
  }
}
.servicebox{    padding-top: 100px;}
.servicebox .comen{ text-align: center}
.servicebox .comen h2{color: #5d5c5b}
.servicebox .comen h3{ color: #fff}


.service-two{margin-top: 60px;
    padding-bottom: 100px; }

.service-two-left{ float: left; width: 50%}
.service-two-right{ float: right; width: 50%;}



.service-cntr{   margin-right: 80px; text-align: right}
.serv-cntnt{ margin-top: 15px; }
.serv-cntnt h3{ color: #fff ; font-weight: 700; font-size: 26px; padding-bottom: 10px; }
.serv-cntnt p{ color: #fff ; }


.gradintbox{ position: relative;background: rgb(230,30,37);    border-radius: 6px 0px 0px 6px;
background: linear-gradient(90deg, rgba(230,30,37,0.6) 0%, rgba(241,132,33,0.6) 67%, rgba(248,239,33,0.6) 100%)}

.gradint-img {
     margin-right: -80px; 
    padding: 30px;
}

.gradint-img img{ width: 75%}
.gradint-img1 img{ width: 75% }


.service-cntr1{   margin-left: 80px; text-align: left}
.serv-cntnt1{ margin-top: 15px; }
.serv-cntnt1 h3{ color: #fff ; font-weight: 700; font-size: 26px; padding-bottom: 10px; }
.serv-cntnt1 p{ color: #fff ; }
.gradintbox1{ position: relative;    border-radius: 0px 6px 6px 0px;
background: rgb(248,239,33);
background: linear-gradient(90deg, rgba(248,239,33,0.6) 0%, rgba(241,132,33,0.6) 25%, rgba(230,30,37,0.6) 100%);}

.gradint-img1 {
     margin-left: -80px; 
    padding: 30px;
}


#producslider {padding: 80px 0px;}
#producslider .comen{ text-align: center}

#futures{ background: #000; padding: 80px 0px; position: relative;
    
}
#futures .comen{ text-align: center}
#futures .comen h2{color: #5d5c5b}
#futures .comen h3{ color: #fff}

.bgfuture{ position: absolute; left: 0px; bottom: 0px }
.future-imge{ width: 300px;}

.future-ico{ color: #fff }

.round{ width: 120px; height: 120px; border-radius:  120px; background: rgb(230,30,37); margin: 0 auto;
background: linear-gradient(97deg, rgba(230,30,37,1) 0%, rgba(241,132,33,1) 71%, rgba(248,239,33,1) 100%);}

.round i{     font-size: 56px; color: #fff;
    line-height: 120px;}
.promotionalslider_single h2{ color: #fff; font-size: 16px;    font-weight: 300; line-height: 22px;
    padding-top: 10px; }

#testimonial{ padding: 80px 0px;}
#testimonial .comen{ text-align: center}
.qoutes{ transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    /* color: #d2652d; */
    content: "\f10e";
    font-family: 'FontAwesome';
    font-size: 32px;
    font-style: normal;
    left: 50%;
    line-height: 60px;
    position: absolute;
    height: 70px;
    top: -40px;
    width: 70px;;}
.qoutes img{     width: 40px;
    padding-top: 18px; }



/*footer*/
#footer{ color: #fff ;background: url(../images/footer-bg-old.jpg);
    background-attachment: fixed;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}

.foot-1{ width: 30%; float: left }
.foot-2{ width: 20%; float: left}
.allboxesfooter{ padding: 30px 0px;  }
.logoftr{ width: 180px; padding-top: 70px; float: left}
.logosocial{ padding-top: 80px; float: right}

.logosocial li{ border: solid 1px #fff; border-radius:  45px; width: 45px; height: 45px; display: inline-block!important; text-align: center}
.logosocial li i{line-height: 45px;font-size: 21px;}

.logosocial a{display: inline-block!important; color: #fff!important}

.logosocial li:hover{ background: #fff; color: #e41e26!important }

.logoboxer{ border-bottom: solid 1px #4d4d4d;padding-bottom: 20px;}

#footer h3{ font-size: 20px; font-weight: 600; padding-bottom: 15px;  color: #fcee1f}
#footer h4{ margin-top: 0px; font-size: 20px; font-weight: 700; padding-bottom: 15px;    color: #e41e26; }
#footer h5{      font-size: 15px;    line-height: 28px; color: #ffd2d4;
    font-weight: 400;
    padding-bottom: 15px;
 }
#footer a{ color: #f9f7d1;  font-size: 15px;
    font-weight: 400;    display: flex;    align-items: center;
    line-height: 30px; }
#footer a:hover{ color: #e61e25}
a{text-decoration: none}

#footer h6{ color: #f9f7d1;  font-size: 15px;
    font-weight: 400;    display: flex;     align-items: center;
    line-height: 30px; }

.footer-footer{ border-top: solid 1px #4d4d4d;padding-bottom: 20px; text-align: center}
.footer-footer p{ padding-top: 20px;}
.footer-footer a{display: inline-block!important; font-weight: 700; color: #fff!important}

.col{}
.col .counter-number {
  line-height: 48px;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}
.col .counter-title {
  color: #fff;
}
.col .counter-title strong {
  display: block;
  font-size: 1.2rem; font-weight: 300;
}

#numbers{background: linear-gradient(135deg, #FA8BFF, #2BD2FF); display: none;
background: linear-gradient(135deg, #FA8BFF, #2BD2FF); padding: 50px 0px}

.four{ float: left; width: 25%; text-align: center;    margin-top: -100px; }
.four-img{ margin-bottom: 20px }


.spacer{height: 50px; }
.inner-head{
/*
    background: linear-gradient(135deg, #FA8BFF, #2BD2FF);
background: linear-gradient(135deg, #FA8BFF, #2BD2FF); 
*/
    
    background: url(../images/footer-bg-old.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    
    padding: 30px 0px; padding-top: 140px;}


.inner-head h2{ font-weight: 100; color: #fff; font-size: 50px;}
.inner-head h4 i{ color: #fff; font-size: 14px; padding: 0px 10px; opacity: 0.8}
.inner-head h4 a{ color: #fff; font-size: 14px; font-weight: 300; opacity: 0.8}
.inner-head h4 a:hover{ color: #f8ef21;opacity: 1 } 


.inner-contant{ padding: 80px 0px; }
.inner-contant h1{    font-weight: 600;
    font-size: 36px;
    color: #000;

}
.inner-contant h3{    font-weight: 200;
    font-size: 26px; line-height: 36px;
    color: #a9a9a9;padding-top: 10px;
}
 
.abt-cntr{ margin-top: 30px;}
.abt-cntr-left{ float: left; width: 59% }
.abt-cntr-right{ float: right; width: 39%; text-align: center }
.abt-cntr-right img{ width: 100% }
.abt-cntr-left p{
    margin-bottom: 20px;
}

.whatwedo{ margin-top: 30px;}
.wedo{ float: left; width: 25%; text-align: center }
.wedo h5{ font-size: 14px; color: #a9a9a9; font-weight: 400;
    padding-top: 17px;}
.wedo-img{    width: 40%; height: 75px;
    margin: 0 auto;}


.vision-box{ border: solid 1px #e9e9e9; border-radius:  6px; padding: 20px; position: relative;    margin-bottom: 15px;}
.vision-box h3{ color: #e61e25;     font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px; }
.vison-bg{ position: absolute; right: 0px; top: 0px; opacity: 0.1; width: 100px;}

.contact-cntr{ margin-top: 30px;}
.contact-cntr-left{float: left; width: 39%}
.contact-cntr-right{float: right; width: 59%}


.contact-right-left{}



.cnt{margin-bottom: 30px;}
.cnt-one-left{ float: left; width: 60px; height: 60px; border-radius: 60px;
    
/*
    background: rgb(230,30,37);
background: linear-gradient(156deg, rgba(230,30,37,1) 0%, rgba(241,132,33,1) 71%, rgba(248,239,33,1) 100%); 
    
*/
  background: #ef8322;  
    
    
    text-align: center; color: #fff }
.cnt-one-right{ float: right; width: calc(100% - 75px) }

.contact-cntr i{ color: #fff; font-size: 30px; line-height: 60px;}
.contact-cntr h4{ font-size: 22px; font-weight: 600; padding-bottom: 6px; margin-top: 10px }
.contact-cntr h5{ font-size: 16px; font-weight: 400; line-height: 22px;}

.cntt-left{ float: left; width: 50%; padding-right: 5px; }
.cntt-right{ float: right; width: 50%;padding-left: 5px; }
.contact-cntr-right input{     font-family: 'Poppins'; border: solid 1px #fff ;width: 100%; background: #f9f6a6; color: #000; padding: 15px; margin-bottom: 10px; font-size: 16px; border-radius: 4px;}
.contact-cntr-right input:focus{ background: #fff; border: solid 1px #e61e25 } 
.textarea-cnt{ width: 100%}
.textarea-cnt textarea{    font-family: 'Poppins'; border: solid 1px #fff ;width: 100%; background: #f9f6a6; color: #000; padding: 15px; margin-bottom: 10px; font-size: 16px; border-radius: 4px;}

.textarea-cnt textarea:focus{ background: #fff; border: solid 1px #e61e25 }
.btn-main button{ 
    text-align: center;
    padding: 15px 0px;
    font-size: 15px;
}


.bg-img-prd {
    width: 115px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: auto;
    border-radius: 6px;
}

img{ width: 100%; height: auto }
  .hidedesktop{ display: none}

.round img{ width: 50%; margin:0 auto; padding-top: 30px}
    .mobile{ display: none}
.foot-2 i{ padding-right:10px; }
.foot-1 i{ padding-right:10px; }






.abt-cntr ol, ul
 {
      list-style: disc;
}
.abt-cntr ol, ul li{ margin-left: 15px; font-size: 14px;
    line-height: 22px; }


.privacy-fs .abt-cntr-left {
    float: none;
    width: 100%;
}

.privacy-fs .abt-cntr-right {
    float: none;
    width: 100%;
    text-align: center;
        display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.privacy-fs .vision-box {
  min-height: 205px;
    width: 31%;
    display: flex
;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}


.privacy-fs .vison-bg {
     position: relative; 

    opacity: 1;
    width: 40px;
    margin: 0 auto;
}


.privacy-fs .whatwedo{ display: none}