.hosting-partner{
    font-size: 20px;
    font-style: italic;
    text-decoration: underline;
}

#hosting-partner .circ-btn {
    height: 20px;
    width: 20px;
    font-size: 10px;
}

/* section.c-right.anim {
    width: 40% !important;
} */

@media  (min-width: 360px) {
    section.c-right.anim {
        width:90% !important; } 

    
    }

@media (min-width: 600px) {
    section.c-right.anim {
        width:90% !important; }

    
    }

@media (min-width: 768px) {
    section.c-right.anim {
        width:90% !important; } 
    }


@media (min-width: 1024px) {
    section.c-right.anim {
        width:40% !important; } 
    }
/* ======================================== */
/* @media  (min-width: 360px) {
    .logo-button {
        padding: 2px 10px !important;
        font-size: 20px !important;
    
    }
 h2 .logo{
        font-size: 10px !important;
    }

    
    } */

/* @media (min-width: 600px) {
    .logo-button {
        padding: 2px 10px !important;
        font-size: 20px !important;
    
    }
 h2 .logo{
        font-size: 10px !important;
    }

    
    } */

@media (max-width: 768px) {
    .logo-button {
        padding: 2px 10px !important;
        font-size: 20px !important;
    
    }
 h2 .logo{
        font-size: 10px !important;
    }
}

/* @media (min-width: 1024px) {
    .logo-button {
        padding: 12px 22px !important;
        font-size: 20px !important;
    
    }
 h2 .logo{
        font-size: 16px !important;
    }
    } */


#hosting-partner h2{
    font-size: 50px;
}
#hosting-partner h3{
    font-size: 20px;
}
.clock:after{
    display: none !important;
}
.clock:before{
    display: none !important;
}

.chc-srvc .arrow-circ-btn .arrow-icon:after{
    top: 7px;
    left: 6px;
    height: 6px;
    width: 6px;
}

.chc-srvc .arrow-circ-btn .arrow-icon{
    width: 20px;
    height: 20px;
}

.chc-srvc .arrow-circ-btn .txt{
    padding: 2px 0px;
    font-size: 14px;
}

.chc-srvc-btn a{
    border-radius: 100px;
    padding-left: 24px;
    padding-right: 24px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #ffffff;
    border-color: #00eeff;
    font-family: "Roboto Condensed", "Helvetica", sans-serif;
    font-size: 18px;
    padding: 4px 12px;
    display: inline-block;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.chc-srvc-btn a:hover {
    border-color: #00eeff;
    background: rgba(0, 238, 255, 0.1);
}
.quotation-buns{
    font-size: 20px;
    padding-bottom: 50px;
}
.font-styl{
    font-family: 'Lobster', cursive;
    color: #7dedff;
    font-size: 48px !important;
}
.chc-logo{
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition-timing-function: cubic-bezier(0.52, 0.42, 0, 1.01);
    transition-timing-function: cubic-bezier(0.52, 0.42, 0, 1.01);
}
/* =================================================================================== */
.logo-button {
    white-space: nowrap;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    position: relative;
    cursor: pointer;
    margin: 0 2% 0 0;
    padding: 12px 22px;
    overflow: hidden;
    border: none;
    -webkit-border-radius: 37px;
    border-radius: 37px;
    font: normal normal bold 2.6em/35px "lobster", Helvetica, sans-serif;
    color: #ffffff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(-90deg, #ff8583 0, #ff5350 100%);
    background: -moz-linear-gradient(180deg, #ff8583 0, #ff5350 100%);
    background: linear-gradient(180deg, #ff8583 0, #ff5350 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 10px 0 0 rgba(178,49,49,1) ;
    box-shadow: 0 10px 0 0 rgba(178,49,49,1) ;
    text-shadow: 0 0 0 rgb(196,80,78) , 1px 1px 0 rgb(196,80,78) , 2px 2px 0 rgb(196,80,78) , 3px 3px 0 rgb(196,80,78) , 4px 4px 0 rgb(196,80,78) , 5px 5px 0 rgb(196,80,78) , 6px 6px 0 rgb(196,80,78) , 7px 7px 0 rgb(196,80,78) , 8px 8px 0 rgb(196,80,78) , 9px 9px 0 rgb(196,80,78) , 10px 10px 0 rgb(196,80,78) , 11px 11px 0 rgb(196,80,78) , 12px 12px 0 rgb(196,80,78) , 13px 13px 0 rgb(196,80,78) , 14px 14px 0 rgb(196,80,78) , 15px 15px 0 rgb(196,80,78) , 16px 16px 0 rgb(196,80,78) , 17px 17px 0 rgb(196,80,78) , 18px 18px 0 rgb(196,80,78) , 19px 19px 0 rgb(196,80,78) , 20px 20px 0 rgb(196,80,78) , 21px 21px 0 rgb(196,80,78) , 22px 22px 0 rgb(196,80,78) , 23px 23px 0 rgb(196,80,78) , 24px 24px 0 rgb(196,80,78) , 25px 25px 0 rgb(196,80,78) , 26px 26px 0 rgb(196,80,78) , 27px 27px 0 rgb(196,80,78) , 28px 28px 0 rgb(196,80,78) , 29px 29px 0 rgb(196,80,78) , 30px 30px 0 rgb(196,80,78) , 31px 31px 0 rgb(196,80,78) , 32px 32px 0 rgb(196,80,78) , 33px 33px 0 rgb(196,80,78) , 34px 34px 0 rgb(196,80,78) , 35px 35px 0 rgb(196,80,78) , 36px 36px 0 rgb(196,80,78) , 37px 37px 0 rgb(196,80,78) , 38px 38px 0 rgb(196,80,78) , 39px 39px 0 rgb(196,80,78) , 40px 40px 0 rgb(196,80,78) , 41px 41px 0 rgb(196,80,78) , 42px 42px 0 rgb(196,80,78) , 43px 43px 0 rgb(196,80,78) , 44px 44px 0 rgb(196,80,78) , 45px 45px 0 rgb(196,80,78) , 46px 46px 0 rgb(196,80,78) , 47px 47px 0 rgb(196,80,78) , 48px 48px 0 rgb(196,80,78) , 1px 1px 0 rgba(196,80,78,0.980392) , 2px 2px 0 rgba(196,80,78,0.960784) , 3px 3px 0 rgba(196,80,78,0.941176) , 4px 4px 0 rgba(196,80,78,0.921569) , 5px 5px 0 rgba(196,80,78,0.901961) , 6px 6px 0 rgba(196,80,78,0.882353) , 7px 7px 0 rgba(196,80,78,0.862745) , 8px 8px 0 rgba(196,80,78,0.843137) , 9px 9px 0 rgba(196,80,78,0.819608) , 10px 10px 0 rgba(196,80,78,0.8) , 11px 11px 0 rgba(196,80,78,0.780392) , 12px 12px 0 rgba(196,80,78,0.760784) , 13px 13px 0 rgba(196,80,78,0.741176) , 14px 14px 0 rgba(196,80,78,0.721569) , 15px 15px 0 rgba(196,80,78,0.701961) , 16px 16px 0 rgba(196,80,78,0.682353) , 17px 17px 0 rgba(196,80,78,0.658824) , 18px 18px 0 rgba(196,80,78,0.639216) , 19px 19px 0 rgba(196,80,78,0.619608) , 20px 20px 0 rgba(196,80,78,0.6) , 21px 21px 0 rgba(196,80,78,0.580392) , 22px 22px 0 rgba(196,80,78,0.560784) , 23px 23px 0 rgba(196,80,78,0.541176) , 24px 24px 0 rgba(196,80,78,0.521569) , 25px 25px 0 rgba(196,80,78,0.498039) , 26px 26px 0 rgba(196,80,78,0.478431) , 27px 27px 0 rgba(196,80,78,0.458824) , 28px 28px 0 rgba(196,80,78,0.439216) , 29px 29px 0 rgba(196,80,78,0.419608) , 30px 30px 0 rgba(196,80,78,0.4) , 31px 31px 0 rgba(196,80,78,0.380392) , 32px 32px 0 rgba(196,80,78,0.360784) , 33px 33px 0 rgba(196,80,78,0.341176) , 34px 34px 0 rgba(196,80,78,0.317647) , 35px 35px 0 rgba(196,80,78,0.298039) , 36px 36px 0 rgba(196,80,78,0.278431) , 37px 37px 0 rgba(196,80,78,0.258824) , 38px 38px 0 rgba(196,80,78,0.239216) , 39px 39px 0 rgba(196,80,78,0.219608) , 40px 40px 0 rgba(196,80,78,0.2) , 41px 41px 0 rgba(196,80,78,0.180392) , 42px 42px 0 rgba(196,80,78,0.156863) , 43px 43px 0 rgba(196,80,78,0.137255) , 44px 44px 0 rgba(196,80,78,0.117647) , 45px 45px 0 rgba(196,80,78,0.0980392) , 46px 46px 0 rgba(196,80,78,0.0784314) , 47px 47px 0 rgba(196,80,78,0.0588235) , 48px 48px 0 rgba(196,80,78,0.0392157) , 50px 50px 0 rgba(196,80,78,0) ;
  }



  .logo-button:active {
    /* -webkit-border-radius: 0; */
    /* border-radius: 0; */
    /* font: normal normal bold 1.6em/normal "Syncopate", Helvetica, sans-serif; */
    color: #ecf0f1;
    text-align: center;
    background: -webkit-linear-gradient(-90deg, #ce6161 0, #ef6664 100%);
    background: -moz-linear-gradient(180deg, #ce6161 0, #ef6664 100%);
    background: linear-gradient(180deg, #ce6161 0, #ef6664 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
  }
  
  
  
  
  .logo-button:hover {
    top: 5px;
    background: -webkit-linear-gradient(-90deg, #ff8583 0, #ff5350 100%);
    background: -moz-linear-gradient(180deg, #ff8583 0, #ff5350 100%);
    background: linear-gradient(180deg, #ff8583 0, #ff5350 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 5px 0 0 rgba(178,49,49,1) ;
    box-shadow: 0 5px 0 0 rgba(178,49,49,1) ;
  }
/* =============================================================================== */

.fire  {

    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: none;
    font: normal  "Warnes", Helvetica, sans-serif;
    font-size: 21px;
    color: rgb(181, 11, 11);
    text-decoration: normal;
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: pre;
    text-shadow: 0 0 10px rgba(255,255,255,1) , 
    0 0 15px rgba(255,255,255,1) , 
    0 0 20px rgba(255,255,255,1) , 
    0 0 15px #ff00de , 
    0 0 25px #ff00de , 
    0 0 40px #ff00de ,
     0 0 50px #ff00de ;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  }
  
  .fire :hover {
    text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #00ffff , 0 0 70px #00ffff , 0 0 80px #00ffff , 0 0 100px #00ffff ;
  }