@charset "utf-8";

/* ----------------------------------
 
Name: Hostcycles 
Version: 2.0.0

-------------------------------------
Table of contents

    01. Google font
    02. Reset
    03. Typography
    04. Hover
    05. Height
    06. Width
    07. Float
    08. Bottom
    09. Margin
    10. Color
    11. Padding
    12. Border
    13. Font Size
    14. Line Height
    15. Banner
    16. Letter Spacing
    17. Button
    18. Position
    19. Top Social Link
    20. Navigation Bar
    21. Counter Section
    22. Transition
    23. OverFlow
    24. Shape Box
    25. Z Index
    26. Display Block
    27. Volunteer
    28. Footer Section

*/

/* ===================================
    Google font
====================================== */

@import url('../../css.css');
@import url('../../css-1.css');
/* ===================================
    Reset
====================================== */
.carousel-inner {overflow: hidden}
.navbar { width:100%;
    position:fixed;top:0;right:0;left:0;z-index:1030
    height:90px;
    padding:0 0px;
    margin: 0px;
    box-shadow:0 1px 2px #aaa;
    position:fixed;
    background:url(../images/india.png) top left no-repeat,#000000;
    background-size:100px;
    display:table;
    box-sizing:border-box }
*{box-sizing:border-box} 

ul{margin: 0; padding: 0; list-style-type:none}
a:hover{text-decoration: none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0}
p{margin-bottom: 0;}
a{text-decoration: none}
figure{margin-bottom: 10px}
h3{font-size: 24px}

/* ===================================
    Typography
====================================== */

/*font family*/

/* .poppins_font {font-family: 'Poppins', sans-serif}
.nunito_font  {font-family: 'Nunito', sans-serif} */
.poppins_font {font-family: 'Montserrat', sans-serif;}
.nunito_font  {font-family: 'Montserrat', sans-serif;} 


/*!* ===================================*/
    /*Banner*/
/*====================================== *!*/
.page_banner{background: url("../images/home_page_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.shared_hosting_banner{background: url("../images/shared_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.reseller_hosting_banner{background: url("../images/reseller_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.dedicated_hosting_banner{background: url("../images/dedicated_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.vps_hosting_banner{background: url("../images/vps_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.vps_detail_list li{position: relative; text-align: left; padding-left: 20px; font-size: 16px; font-weight: 300; color: #666; line-height: 30px}
.vps_detail_list li:before{position: absolute; content:""; width: 12px; height: 12px; border: 2px solid #3fd7d7; border-radius: 100%; left: 0; top: 10px}
.domain_banner{background: url("../images/domain_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.network_banner{background: url("../images/network_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.about_us_banner{background: url("../images/about_us_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.contact_banner{background: url("../images/contact_banner.svg") no-repeat; width: 100%; background-size: cover; background-position: center; position: relative}
.blog_banner{background: url("../images/blog.svg") no-repeat; width: 100%; background-size:cover; position: relative}
/* ===================================
    Height
====================================== */

/*height*/
.height_525{height: 525px}
.min_height_40{min-height: 40px}
.min_height_70{min-height: 70px}
.min_height_43{min-height: 43px}

/* ===================================
    Width
====================================== */
.width_15 {width: 15%}
.width_10 {width: 10%}
.width_65 {width: 65px}
.width_60 {width: 60px}
.width_70 {width: 70px}
.width_71 {width: 71px}
.width_86 {width: 86px}
.width_64 {width: 64px}
.width_64 {width: 65px}
.width_67 {width: 67px}
.width_75 {width: 75px}
.width_62 {width: 62px}
.width_69 {width: 69px}
.width_95 {width: 95px}
.width_152{width: 125px}
.width_160{width: 160px}
.width_250{width: 250px}
.width_210{width: 210px}
.width_215{width: 215px}
.width_255{width: 255px}

/* ===================================
    Float
====================================== */

/*Float Left*/
.float_left {float: left}

/*Float Right*/
.float_right    {float: right}


.left_0{left: 0}
.right_0{right: 0}
/* ===================================
    Bottom
====================================== */

.bottom_0   {bottom: 0}

/* ===================================
    Margin
====================================== */

/*margin*/
.margin_0_auto  {margin: 0 auto}
.margin_0 	    {margin:0}
.margin_5  	    {margin: 5px}
.margin_10      {margin: 10px}
.margin_lr_35   {margin: 0 35px}
.margin_tb_10   {margin: 10px 0}

/*Margin Bottom*/
.margin_bottom_5    {margin-bottom: 5px}
.margin_bottom_10   {margin-bottom: 10px}
.margin_bottom_15   {margin-bottom: 15px}
.margin_bottom_20   {margin-bottom: 20px}
.margin_bottom_25   {margin-bottom: 25px}
.margin_bottom_26   {margin-bottom: 26px}
.margin_bottom_30   {margin-bottom: 30px}
.margin_bottom_35   {margin-bottom: 35px}
.margin_bottom_40   {margin-bottom: 40px}
.margin_bottom_50   {margin-bottom: 50px}
.margin_bottom_53   {margin-bottom: 53px}
.margin_bottom_60   {margin-bottom: 60px}
.margin_bottom_65   {margin-bottom: 65px}
.margin_bottom_70   {margin-bottom: 70px}
.margin_bottom_75   {margin-bottom: 75px}
.margin_bottom_80   {margin-bottom: 80px}
.margin_bottom_85   {margin-bottom: 85px}
.margin_bottom_90   {margin-bottom: 90px}
.margin_bottom_95   {margin-bottom: 95px}
.margin_bottom_100  {margin-bottom: 100px}

/*Margin Right*/
.margin_right_8   {margin-right: 8px}
.margin_right_10   {margin-right: 10px}
.margin_right_20   {margin-right: 20px}
.margin_right_15  {margin-right: 15px}

/*Margin Left*/
.margin_left_8    {margin-left: 8px}
.margin_left_10   {margin-left: 10px}
.margin_left_15   {margin-left: 15px}
.margin_left_20   {margin-left: 20px}
.margin_left_30   {margin-left: 30px}
.margin_left_50   {margin-left: 50px}
.margin_left_100  {margin-left: 100px}
.margin_left_230  {margin-left: 230px}
.margin_left_245  {margin-left: 245px}
/*Margin Top*/
.margin_top-2   {margin-top: -2px}
.margin_top_10  {margin-top: 10px}
.margin_top_20  {margin-top: 20px}

.margin_top_25  {margin-top: 25px}
.margin_top_30  {margin-top: 30px}
.margin_top_40  {margin-top: 40px}
.margin_top_35  {margin-top: 35px}
.margin_top_50  {margin-top: 50px}
.margin_top_60  {margin-top: 60px}
.margin_top_80  {margin-top: 80px}
.margin_top_90  {margin-top: 90px}
.margin_top_95  {margin-top: 95px}
.margin_top_100 {margin-top: 100px}
.margin_top_115 {margin-top: 115px}
.margin_top_120 {margin-top: 120px}
.margin_top_240 {margin-top: 240px}

/* ===================================
     Color
====================================== */
.color_fff    {color: #fff}
.color_080245 {color: #000000}
.color_666    {color: #666}
.color_3fd7d7 {color: #3fd7d7}


/*Colors*/
.bg_color_1d1261 {background: #000000}
.bg_f1f9f9 {background: #f1f9f9}
.bg_color {background: linear-gradient(#fff, #f1f9f9)}
.bg_fff{background-color: #fff}
.bg_080245 {background-color: #000000}
.bg_color_f5f5f5{background-color: #f5f5f5}
/* ===================================
    padding
====================================== */

/*padding*/
.padding_tb_20   {padding: 20px 0}
.padding_tb_60   {padding: 60px 0}
.padding25      {padding: 25px}
.padding_35     {padding: 35px}
.padding_lr_12  {padding: 12px 48px}
.padding_lr_17  {padding: 17px 50px}
.padding_lr_15  {padding: 0 15px}
.padding_10     {padding: 20px 25px}
.padding_lr_30  {padding: 0 30px}
.padding_lr_95  {padding: 0 95px}
.padding_25     {padding: 25px 80px}
.padding_11     {padding: 11px 40px}
.padding_12     {padding: 12px 40px}
.padding_8      {padding: 8px 30px}
.padding_19     {padding: 19px 76px}
.padding_18     {padding: 18px 58px}
.padding_2867   {padding: 18px 67px}

/*padding top*/
.padding_top_5  {padding-top: 5px}
.padding_top_8  {padding-top: 8px}
.padding_top_10 {padding-top: 10px}
.padding_top_13 {padding-top: 13px}
.padding_top_15	{padding-top: 15px}
.padding_top_20 {padding-top: 20px}
.padding_top_21 {padding-top: 21px}
.padding_top_25 {padding-top: 25px}
.padding_top_30 {padding-top: 30px}
.padding_top_35 {padding-top: 35px}
.padding_top_40 {padding-top: 40px}
.padding_top_45	{padding-top: 45px}
.padding_top_50 {padding-top: 50px}
.padding_top_60 {padding-top: 60px}
.padding_top_70 {padding-top: 70px}
.padding_top_80 {padding-top: 80px}
.padding_top_90 {padding-top: 90px}
.padding_top_95 {padding-top: 95px}
.padding_top_100{padding-top: 100px}
.padding_top_150{padding-top: 150px}
.padding_top_130{padding-top: 130px}
.padding_top_140{padding-top: 140px}
.padding_top_325{padding-top: 325px}

/*padding bottom*/
.padding_bottom_5   {padding-bottom: 5px}
.padding_bottom_8   {padding-bottom: 8px}
.padding_bottom_10	{padding-bottom: 10px}
.padding_bottom_13  {padding-bottom: 13px}
.padding_bottom_15	{padding-bottom: 15px}
.padding_bottom_17  {padding-bottom: 17px}
.padding_bottom_20  {padding-bottom: 20px}
.padding_bottom_21  {padding-bottom: 21px}
.padding_bottom_25  {padding-bottom: 25px}
.padding_bottom_30  {padding-bottom: 30px}
.padding_bottom_35  {padding-bottom: 35px}
.padding_bottom_40  {padding-bottom: 40px}
.padding_bottom_50  {padding-bottom: 50px}
.padding_bottom_45	{padding-bottom: 45px}
.padding_bottom_55  {padding-bottom: 55px}
.padding_bottom_65  {padding-bottom: 65px}
.padding_bottom_70  {padding-bottom: 70px}
.padding_bottom_75  {padding-bottom: 75px}
.padding_bottom_80  {padding-bottom: 80px}
.padding_bottom_85  {padding-bottom: 85px}
.padding_bottom_100 {padding-bottom: 100px}
.padding_bottom_110 {padding-bottom: 110px}
.padding_bottom_130 {padding-bottom: 130px}
.padding_bottom_180 {padding-bottom: 180px}
.padding_bottom_200 {padding-bottom: 200px}
.padding_bottom_225 {padding-bottom: 225px}

/*padding left*/
.padding_left_0     {padding-left: 0}
.padding_left_10    {padding-left: 10px}
.padding_left_15    {padding-left: 15px}
.padding_left_20    {padding-left: 20px}
.padding_left_25    {padding-left: 25px}
.padding_left_30	{padding-left: 30px}
.padding_left_40    {padding-left: 40px}
.padding_left_50    {padding-left: 50px}
.padding_left_55    {padding-left: 55px}
.padding_left_58    {padding-left: 58px}
.padding_left_60    {padding-left: 60px}
.padding_left_70    {padding-left: 70px}
.padding_left_75    {padding-left: 75px}
.padding_left_80    {padding-left: 80px}
.padding_left_85    {padding-left: 85px}
.padding_left_95    {padding-left: 95px}
.padding_left_100   {padding-left: 100px}
.padding_left_115   {padding-left: 115px}
.padding_left_125   {padding-left: 125px}
.padding_left_130   {padding-left: 130px}
.padding_left_145   {padding-left: 145px}
.padding_left_325   {padding-left: 325px}

/*padding right*/
.padding_right_0   {padding-right: 0}
.padding_right_10   {padding-right: 10px}
.padding_right_15   {padding-right: 15px}
.padding_right_20   {padding-right: 20px}
.padding_right_30	{padding-right: 30px}
.padding_right_40   {padding-right: 40px}
.padding_right_50   {padding-right: 50px}
.padding_right_55   {padding-right: 55px}
.padding_right_58   {padding-right: 58px}
.padding_right_60   {padding-right: 60px}
.padding_right_70   {padding-right: 70px}
.padding_right_75   {padding-right: 75px}
.padding_right_80   {padding-right: 80px}
/* ===================================
     Border
====================================== */
/*Border Top*/
.border_top {border-top: 1px solid #dbe5e5}
/*Border Bottom*/
.border_bottom{border-bottom: 1px solid #585758;}
/* ===================================
     Font Size
====================================== */

/*Font Size*/
.font_size_12   {font-size: 12px}
.font_size_14   {font-size: 14px}
.font_size_16   {font-size: 16px}
.font_size_17   {font-size: 17px}
.font_size_18   {font-size: 18px}
.font_size_20   {font-size: 20px}
.font_size_22   {font-size: 22px}
.font_size_24   {font-size: 24px}
.font_size_26   {font-size: 26px}
.font_size_28   {font-size: 28px}
.font_size_30   {font-size: 30px}
.font_size_32   {font-size: 32px}
.font_size_34   {font-size: 34px}
.font_size_36   {font-size: 36px}
.font_size_40   {font-size: 40px}
.font_size_42   {font-size: 42px}
.font_size_44   {font-size: 44px}
.font_size_48   {font-size: 48px}
.font_size_60   {font-size: 60px}
.font_size_56   {font-size: 56px}
.font_size_64   {font-size: 64px}
.font_size_50   {font-size: 50px}
.font_size_70   {font-size: 70px}
.font_size_80   {font-size: 80px}
.font_size_90   {font-size: 90px}

/*Font weight*/
.font_weight_100{font-weight: 100}
.font_weight_300{font-weight: 300}
.font_weight_400{font-weight: 400}
.font_weight_500{font-weight: 500}
.font_weight_600{font-weight: 600}
.font_weight_700{font-weight: 700}
.font_weight_900{font-weight: 900}

/* ===================================
     Line Height
====================================== */

/*Line Height*/
.line_height_15    {line-height: 15px}
.line_height_22    {line-height: 22px}
.line_height_24    {line-height: 24px}
.line_height_25    {line-height: 25px}
.line_height_30    {line-height: 30px}
.line_height_36    {line-height: 36px}
.line_height_40    {line-height: 40px}
.line_height_48    {line-height: 48px}
.line_height_52    {line-height: 52px}
.line_height_65    {line-height: 65px}
.line_height_80    {line-height: 80px}

/* ===================================
     Top, Bottom, Left, Right
====================================== */
/*Top*/
.top_0  {top: 0}
.top_200{top: 200px}

/*Bottom*/
.bottom_0{bottom: 0}

/*Left*/
.left_0{left: 0}

/*Right*/
.right_0{right: 0}

.body {width: 103% !important;}


/* ===================================
     Button
====================================== */
.btn_banner_01{display: inline-block; font-size: 18px; font-weight: 700; color: #3fd7d7; background: #000000; padding: 15px 39px; border-radius: 5px; margin-right: 12px; border: 1px solid #000000; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_banner_02{display: inline-block; font-size: 18px; font-weight: 700; color: #fff; background: #000000; padding: 15px 39px; border-radius: 5px; border: 1px solid rgba(255,255,255,.20); box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_hosting_plan{display: inline-block; background: #fff; border: 1px solid #000000; font-size: 18px; font-weight: 700; padding: 16px 62px; border-radius: 6px; color: #000000; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_primary_box{display: inline-block; background: #fff; color: #000000; font-size: 18px; font-weight: 700; padding: 16px 62px; border-radius: 6px; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); border: 1px solid #000000}
.btn_reseller_hosting{display: inline-block; border: 1px solid #000000; border-radius: 6px; font-size: 18px; font-weight: 700; color: #000000; padding: 15px 40px; background: #fff; position: relative; z-index: 1}
.btn_order{display: inline-block; background-color: #1c7a78; color: #e9ecef; font-size: 11px; font-weight: 700; padding: 5px 20px; border-radius: 6px}
.btn_vps{border: 1px solid #000000; background-color: transparent; padding: 15px 50px; color: #000000; font-size: 18px; font-weight: 700; display: inline-block; margin-top: 40px; border-radius: 6px; float: left; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_build_website{display: inline-block; border: 1px solid #000000; background-color: #fff; color: #000000; font-size: 18px; font-weight: 700; padding: 15px 45px; border-radius: 6px; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_send_message{background-color: #000000; color: #3fd7d7; font-size: 18px; font-weight: 700; border-radius: 6px; padding: 20px 40px; border: none}
.btn_feature_box{background-color: #fff; border:1px solid #000000; border-radius: 6px; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_feature_box a{font-size: 18px; font-weight: 700; color: #000000}
.btn_comment_box{background-color: #fff; border: 1px solid #000000; color: #000000; padding: 5px 35px; border-radius: 6px; margin-bottom: 25px}
    /* ===================================
         Hover
    ====================================== */
.bg_img:hover span i{-webkit-transform: scale(1.3); transform: scale(1.3)}
.navigation .navbar-nav li:hover .dropdown-menu{display: block}
.navigation ul li:hover a {color: #fff !important}
.navigation .dropdown .dropdown-menu a:hover {background-color: #000000; transform: scale(1.06); box-shadow: 0 10px 30px 0 rgba(0,0,0,.3)}
.navigation .dropdown .dropdown-menu a:hover .menu_content {color: #fff}
.navigation .dropdown .dropdown-menu a:hover .menu_content span {color: #fff}
.navigation .dropdown .dropdown-menu a:hover:before{display: block}
.megamenu .dropdown-item:hover .menu_text{color: #fff}
.navigation .dropdown .dropdown-menu a:hover:after{display: block}
.btn_login:hover{background-color: #fff; border: 1px solid #000000; color: #000000; transition-duration: 1s; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_banner_01:hover{background-color: #3fd7d7; border: 1px solid #3fd7d7; color: #000000; transition-duration: 1s}
.btn_banner_02:hover{background-color: #fff; border: 1px solid #000000; color: #000000; transition-duration: 1s}
.hosting_plan_box:hover .btn_hosting_plan {background-color: #000000; border: 1px solid #000000; color: #fff; transition-duration: 1s; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.shared_hosting_plan_box:hover .btn_primary_box {border: 1px solid #000000; color: #3fd7d7; background-color: #000000; transition-duration: 0.5s}
.shared_hosting_plan_box:hover{box-shadow: 0 15px 30px 0 rgba(0,0,0,.07); transition-duration: 0.5s}
.btn_get_started:hover{background-color: #000000; color: #3fd7d7; transition-duration: 0.5s}
.hosting_plan_box:hover{box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); transition-duration: 0.5s }
.tab_list .active{border: 2px solid #3fd7d7}
.btn_submit:hover .search_btn{background-color: #3fd7d7; transition-duration: 0.5s}
.btn_submit:hover label i{color: #000000; transition-duration: 0.5s}
.welcome_tag:hover .bg_img {background: url("../images/welcome_arrow_icon_hover.svg"); transform: rotate(90deg); transition-duration: 0.5s}
.welcome_arrow:hover{transform: rotate(90deg); transition: all ease-in-out 0.5s}
.reseller_hosting_plan:hover{box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); transition-duration: 0.5s}
.reseller_hosting_plan:hover .btn_reseller_hosting{background-color: #3fd7d7; border: 1px solid #3fd7d7; color: #000000; transition-duration: 0.5s}
.hosting_feature_box:hover{-webkit-box-shadow: 0 20px 40px rgba(61, 65, 84, 0.15); box-shadow: 0 20px 40px rgba(61, 65, 84, 0.15)}
.technical_list li:hover{color: #000000; transition-duration: 0.5s}
.hosting_feature_box:hover .website_backup{transform: translateY(-10px)}
.hosting_feature_box:hover .secure_website{transform: translateY(-10px)}
.hosting_feature_box:hover .website_transfer{transform: translateY(-10px)}
.hosting_feature_box:hover .live_support{transform: translateY(-10px)}
.hosting_feature_box:hover .uptime_guarantee{transform: translateY(-10px)}
.hosting_feature_box:hover .whmcs_control{transform: translateY(-10px)}
.dedicated_feature_box:hover .website_backup, .dedicated_feature_box:hover .secure_website, .dedicated_feature_box:hover .uptime_guarantee, .dedicated_feature_box:hover .live_support{transform: translateY(-10px)}
.vps_detail_list li:hover{color: #000000; transition-duration: 0.5s}
.btn_vps:hover{background-color: #000000; border: 1px solid #000000; color: #3fd7d7; transition-duration: 0.5s}
.btn_build_website:hover{background-color: #000000; border: 1px solid #000000; color: #3fd7d7; transition-duration: 0.5s}
.domain_box:hover{box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.domain_box:hover .bg_com, .domain_box:hover .bg_biz, .domain_box:hover .bg_net, .domain_box:hover .bg_club {transform: translateY(-10px)}
.btn_feature_box:hover{background-color: #000000; border: 1px solid #000000; transition-duration: 0.5s}
.btn_feature_box:hover a{color: #3fd7d7; transition-duration: 0.5s}
.side_links li a:hover{color: #3fd7d7; transition-duration: 0.5s}
.tag_buttons li:hover{background-color: #3fd7d7; transition-duration: 0.5s}
.tag_buttons li:hover a{color: #000000; transition-duration: 0.5s}
.submit_button:hover{background-color: #000000; border: 1px solid #000000; color: #3fd7d7; transition-duration: 0.5s}
.btn_comment_box:hover{background-color: #000000; border: 1px solid #000000; color: #3fd7d7; transition-duration: 0.5s}
/* ===================================
     Banner
====================================== */
.banner_inner_content{padding-top: 295px; padding-bottom: 280px}
.banner_inner_content h1{margin-bottom: 15px}
.banner_inner_content p{margin-bottom: 36px}
.sub_banner_inner_content{padding-top: 225px; padding-bottom: 155px}
.blog_banner_inner_content{padding-top: 60px; padding-bottom: 135px}
.sub_banner_inner_content h1{margin-bottom: 15px}
.sub_banner_inner_content p{margin-bottom: 36px}
.sub_banner_inner_content .banner_list li{position: relative; font-size: 18px; line-height: 30px; font-weight: 600; color: #3fd7d7; padding-left: 25px}
.sub_banner_inner_content .banner_list li:before{position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #3fd7d7; border-radius: 100%; left: 0; top: 10px}
/* ===================================
      Search Domain
====================================== */
.domain_search_box{background: #fff; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1); border-radius: 5px; padding: 40px 0}
.search_domain{padding-bottom: 100px}
.search_box{width: 80%; height: 80px; position: relative; display: inline-block; text-align: center; margin-top: -85px}
.banner_search_box{width: 100%; height: 80px; position: relative; display: inline-block; text-align: center}
.search_btn{position: absolute; right: 80px; top: 15px; padding: 24px 34px !important; font-size: 14px !important; font-weight: 700; color: #fff !important; transition-duration: 0.5s; line-height: 1; border: none; border-radius: 6px}
.banner_search_box .search_btn{position: absolute; right: 98px; top: 0; padding: 23px 34px !important; font-size: 14px !important; font-weight: 700; color: #fff !important; transition-duration: 0.5s; line-height: 1; border: none; border-radius: 0 6px 6px 0}
.search_area{width: 100%; height: 94px; position: relative; margin-bottom: 50px}
.search_box {text-align: center}
.banner_search_box {text-align: center}
.search_box .text_field{width: 90%; font-size: 18px; line-height: 36px; height: 90%; padding: 0 50px; box-shadow: 0 0 5px 0 rgba(0,0,0,.0); border: 1px solid #dfe5e5; font-weight: 400; color: #666; border-radius: 6px 6px 0 0; border-bottom: none; margin: 0 auto; float: none}
.banner_search_box .text_field{width: 82%; font-size: 18px; line-height: 36px; height: 65%; padding: 0 20px; box-shadow: 0 0 5px 0 rgba(0,0,0,.0); border: 1px solid #dfe5e5; font-weight: 400; color: #666; border-radius: 6px; margin: 0 auto; float: none}
::-webkit-input-placeholder {color: #aaa; font-size: 20px; font-weight: 300}
.search_box .text_field::-moz-placeholder {color: #aaa}
.search_box .text_field:-ms-input-placeholder {color: #aaa}
.search_box .text_field:-moz-placeholder {color: #aaa}
label{position: absolute; right: 98px; text-align: center; top: 22px; font-size: 30px; color: #fff; transition: 0.3s; font-weight: 400; z-index: 9}
.banner_search_box label{position: absolute; right: 117px; text-align: center; top: 8px; font-size: 30px; color: #fff; transition: 0.3s; font-weight: 400; z-index: 9}
label i{color: #3fd7d7}
.domain_bottom_info li{display: inline-block; text-align: center; margin: 0 55px}
.domain_bottom_info li span{color: #000000; font-size: 18px; font-weight: 600}
.domain_bottom_info li figure{margin-bottom: 5px}
.domain_bottom_info{margin-top: 10px}
input, textarea {-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none; border: 1px solid #DDDDDD}
input:focus, textarea:focus {-moz-box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15)}
/* ===================================
      Navigation Bar
====================================== */
.navigation ul li a{color: #b7d0dc !important; font-size: 16px; font-weight: 600; padding: 30px 15px !important}
.dropdown-toggle{position: relative}
.dropdown-toggle::after{display: none}
.navigation .dropdown .dropdown-menu a{color: #000000 !important}
.btn_login{display: inline-block; font-size: 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.20); background: #19275f; padding: 12px 26px; border-radius: 6px; color: #fff; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.top_navigation{padding-top: 0px}
.navbar .navbar-nav{padding-left: 4rem}
.dropdown .megamenu{width: 410px}
.menu_content{width: 75%; float: left; text-align: left; margin-left: 25%; font-size: 14px; font-weight: 400; color: #777}
.dropdown-menu{left: -160px; top: 80px; border-radius: 6px; padding: 0}
.menu_content span{color: #000000; font-size: 18px; font-weight: 700}
.megamenu a{float: left; width: 100%; transition: all .35s linear; border-radius: 6px }
.megamenu a span{display: block}
.megamenu a.dropdown-item {padding: 25px 15px !important; border-radius: 6px}
.megamenu{position: relative}
.megamenu:before{position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; left:0; right:0; margin: 0 auto; top: -10px}
.dd_bg_01{background: url("../images/dd_web_hosting.png") no-repeat 30px center}
.dd_bg_02{background: url("../images/dd_reseller.png") no-repeat 30px center}
.dd_bg_03{background: url("../images/dd_vps.png") no-repeat 30px center}
.dd_bg_04{background: url("../images/dd_dedicated.png") no-repeat 30px center}
.sub_menu{width: 200px; left: -50px; right: 0; margin: 0 auto; position: relative}
.sub_menu a{float: left !important; width: 100% !important; transition: all .35s linear}
.sub_menu{position: relative}
.sub_menu:before{position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; left:0; right:0; margin: 0 auto; top: -10px}
.sub_menu a.dropdown-item {padding: 15px 30px !important; border-radius: 6px}
.navigation .menubar li.active a{color: #fff !important}
/* ===================================
      Hosting Plan Section
====================================== */
.hosting_plan_box{border: 1px solid #edf2f2; border-radius: 6px; overflow: hidden; border-bottom: 5px solid #000000; position: relative}
.hosting_plan_price .dollar_sign{font-size: 42px; font-weight: 400; color: #000000; position: relative; top: -25px; left: 5px}
.hosting_plan_price .amount{font-size: 72px; font-weight: 700; color: #000000}
.hosting_plan_price  .per_month{font-size: 18px !important; color: #666 !important; font-weight: 400 !important;}
.domain_plan_price .dollar_sign{font-size: 28px; font-weight: 400; color: #fff; position: relative; top: -20px; left: 5px}
.domain_plan_price .amount{font-size: 48px; font-weight: 700; color: #fff}
.domain_plan_price .per_month{font-size: 18px; font-weight: 400; color: #3fd7d7}
.domain_box{border: 1px solid #edf2f2; border-top: 5px solid #000000; border-radius: 6px;     -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; position: relative}
.domain_plan_price{background-color: #000000; border-radius: 25px 25px 6px 6px}
.hosting_plan_list li{font-size: 18px; line-height: 30px; font-weight: 400; color: #222}
.hosting_plan_list li span{font-weight: 600}
.hosting_plan_box h4{margin-bottom: 12px}
.hosting_plan_list{margin: 30px 0 40px}
.shared_hosting_plan_box{background: #fff; border-radius: 6px; padding: 60px 50px; position: relative; border: 1px solid #edf2f2}
.shared_hosting_plan_box p{font-size: 16px; font-weight: 400; line-height: 24px; color: #666; margin-bottom: 10px}
.shared_hosting_plan_list li{position: relative; font-size: 18px; font-weight: 300; color: #666; line-height: 30px; padding-left: 15px}
.shared_hosting_plan_list li:before{position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #3fd7d7; border-radius: 100%; left: -5px; top: 10px}
.shared_hosting_plan_list li span{color: #000000; font-weight: 600}
.shared_hosting_plan_list{margin-bottom: 34px}
.reseller_hosting_plan{border: 1px solid #edf2f2; border-radius: 6px; border-top: 5px solid #000000; }
.reseller_hosting_list{border-radius: 20px 20px 6px 6px; margin-top: 35px}
.reseller_hosting_list li{color: #fff; font-size: 18px; line-height: 30px; font-weight: 400}
.reseller_hosting_list li span{color: #3fd7d7}
.bg_bronze_plan{width: 100%; background-color: #000000; border-radius: 20px 20px 6px 6px; position: relative; margin-top: -30px; padding-bottom: 40px}
.bg_bronze_plan figure img{    webkit-filter: drop-shadow( 0 10px 25px rgba(11,27,38, 0.4)); filter: drop-shadow( 0 10px 50px rgba(63,215,215, 0.6));}
.bg_bronze_plan figure{width: 160px; margin: 0 auto; padding-top: 30px}
.bg_silver_plan{width: 100%; background-color: #000000; border-radius: 20px 20px 6px 6px; position: relative; margin-top: -30px; padding-bottom: 40px}
.bg_silver_plan figure{width: 188px; margin: 0 auto; padding-top: 30px}
.bg_silver_plan figure img{    webkit-filter: drop-shadow( 0 10px 25px rgba(11,27,38, 0.4)); filter: drop-shadow( 0 10px 50px rgba(63,215,215, 0.6));}
.bg_gold_plan{width: 100%; background-color: #000000; border-radius: 20px 20px 6px 6px; position: relative; margin-top: -30px; padding-bottom: 40px}
.bg_gold_plan figure{width: 217px; margin: 0 auto; padding-top: 30px}
.bg_gold_plan figure img{    webkit-filter: drop-shadow( 0 10px 25px rgba(11,27,38, 0.4)); filter: drop-shadow( 0 5px 20px rgba(63,215,215, 0.6));}
.bg_platinum_plan{width: 100%; background-color: #000000; border-radius: 20px 20px 6px 6px; position: relative; margin-top: -30px; padding-bottom: 40px}
.bg_platinum_plan figure{width: 217px; margin: 0 auto; padding-top: 30px}
.bg_platinum_plan figure img{    webkit-filter: drop-shadow( 0 10px 25px rgba(11,27,38, 0.4)); filter: drop-shadow( 0 10px 50px rgba(63,215,215, 0.6));}
.shared_hosting_plan_box figure{width: 60px; margin: 0 auto; margin-bottom: 25px; min-height: 62px}
.shared_hosting_plan_box h2 {margin-bottom: 10px}
.domain_box p{font-size: 16px; line-height: 24px; font-weight: 400; color: #666; margin-bottom: 40px; margin-top: 120px}
.reseller_hosting_plan h2{font-size: 30px; font-weight: 400}
.bg_com{background: url("../images/com.png"); width: 101px; height: 32px; left: 0; right: 0; margin: 0 auto; position: absolute; content: ""; top: 40px; transition: 0.5s}
.bg_biz{background: url("../images/biz.png"); width: 60px; height: 40px; left: 0; right: 0; margin: 0 auto; position: absolute; content: ""; top: 40px; transition: 0.5s}
.bg_net{background: url("../images/net.png"); width: 74px; height: 36px; left: 0; right: 0; margin: 0 auto; position: absolute; content: ""; top: 40px; transition: 0.5s}
.bg_club{background: url("../images/club.png"); width: 90px; height: 30px; left: 0; right: 0; margin: 0 auto; position: absolute; content: ""; top: 40px; transition: 0.5s}
/* ===================================
      Guarantee Section
====================================== */
.bg_guarantee {background: url("../images/hostiko_guarantee_background.svg") no-repeat; width: 100%; background-size: cover; background-position: center}
.hosting_guarantee_box{font-size: 24px; line-height: 24px; font-weight: 400}
.hosting_guarantee_section{position: relative}
/* ===================================
      Welcome Company Section
====================================== */
.bg_img{width: 61px; height: 61px; position: absolute; content: ""; background: url("../images/welcome_arrow_icon_normal.svg"); left: 0; right: 82px; margin: 0 auto; transition: all ease-in-out 0.5s}
.bold_text{font-size: 24px; line-height: 26px; font-weight: 300; color: #000000; margin-bottom: 15px}
.normal_text{font-size: 16px; line-height: 24px; font-weight: 300; color: #666}
.hosting_guarantee_box figure{width: 170px; height: auto; margin: 0 auto; margin-bottom: 25px}
.include_feature{background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,.07); border-radius: 6px; float: left; width: 100%}
.features_list{font-size: 16px; line-height: 30px; font-weight: 400; color: #666}
.features_list li{position: relative; padding-left: 20px; text-align: left}
.features_list li:before{position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #3fd7d7; border-radius: 100%; left: 0; top: 10px}
.payment_method_list li{display: inline-block; text-align: center}

    /* ===================================
          Why Shared Hosting
    ====================================== */
.form-control{display: none}
.tab_list li{width: 160px; height: 160px; border: 2px solid #dfe8e8; display: table; margin: 0 17px}
.tab_list li a{display: table-cell; vertical-align: middle}
.feature_text .color_text{font-size: 18px; line-height: 26px; font-weight: 300; color: #3fd7d7; margin-bottom: 15px}
.feature_text .simple_text{font-size: 16px; line-height: 24px; font-weight: 300; color: #666}
.hosting_quality li a {font-size: 24px; font-weight: 700; color: #000000; padding-left: 25px !important; border-left: 5px solid #000000; display: block; padding: 20px 0}
/* ===================================
      Testimonial Section
====================================== */
.testimonial_section{background: url("../images/hostiko_guarantee_background%20final.svg") no-repeat; background-size: contain; background-position: top; width: 100%}
.rating_star span{font-size: 16px; font-weight: 400; color: #666}
.rating_star{border-left: 5px solid #3fd7d7; padding-left: 30px; margin-bottom: 20px}
.testimonial_content{margin-left: 45px}
.testimonial_content p{padding: 0 50px; line-height: 32px}
.client_img figure{margin-left: 55px; margin-top: 20px}
.client_img span{margin-left: 35px; margin-top: 40px; font-size: 24px; font-weight: 700; color: #000000}
.client_img span a{font-size: 16px; font-weight: 300; color: #000000}
.customer_img figure{width: 200px; height: auto; margin: 0 auto;    -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3 !important;}
.customer_img figure:hover{filter: none; opacity: 1 !important;}
.transition-timer-carousel-progress-bar{height: 1px; background-color: #3fd7d7; border: none}
.left {top: -95px}
.right{top: -95px; right: 35px}
.carousel_top_indicator{position: relative}
.carousel_top_indicator:before{position: absolute; content: ""; width: 99%; height: 2px; background-color: #dfe8e8; top: 70px}
.left_handle{position: relative}
.left_handle{position: absolute; content: ""; background: url("../images/left_arrow.png"); width: 32px; height: 32px}
.right_handle{position: absolute; content: ""; background: url("../images/right_arrow.png"); width: 32px; height: 32px}
.left_handle:hover{background: url("../images/left_hover.png")}
.right_handle:hover{background: url("../images/right_hover.png")}
/* ===================================
      Head 2 head compaire
====================================== */
/*comparison-wth-cmpttrs*/
/*.hthborder{ border: 5px solid red;}*/
.cmp-tbl-host{padding: 40px;}
.cmp-tbl-host .h-two{color:#000000;}
.cmptbl-host-dsc{text-align:center;font-size:18px;line-height:1.3em;width:96%;margin:0 auto;margin-top:20px;}
.tbl-cmp-hosts{width:100%;margin-top:70px;border-collapse:collapse;overflow:hidden;padding:700px; }
.tbl-cmp-hosts tr{border-bottom:1px solid #ececec;}
.tbl-cmp-hosts td img{display:inline-block;text-align:center;width:60%; filter:grayscale(100%); -webkit-filter:grayscale(100%);}
.tbl-cld-cmp1 td img{width:70%;}
.tbl-cmp-hosts td .comp-host-mw{filter:grayscale(0) !important; -webkit-filter:grayscale(0) !important;}
.tbl-cmp-hosts td img:hover{filter:grayscale(0); -webkit-filter:grayscale(0);}
.tbl-hst-logo{width:70%;margin:0 auto;}
.tbl-hst-logo1{padding:0 2%;}
.tbl-hst-logo div{ width:100%;height:0;padding-top:24%;background:url('../images/head-to-head-comparison.png')no-repeat, url('../images/bg-illustrator.png')repeat;background-size:100%;}
.tbl-hst-logo div{filter:grayscale(1);transition:all 0.3s ease-in-out;}
.tbl-hst-logo1 div{background-position:0 0;filter:grayscale(0);}
.tbl-hst-logo2 div{background-position:0 25%;}
.tbl-hst-logo3 div{background-position:0 50%;}
.tbl-hst-logo4 div{background-position:0 75%;}
.tbl-hst-logo5 div{background-position:0 100%;}
.tbl-hst-logo div:hover{filter:grayscale(0);}
.tbl-cmp-hosts td{padding:15px 5px;text-align:center;position:relative;}
.tbl-cmp-hosts td .fa-rupee, .tbl-cmp-hosts td .fa-usd{font-size:95%;margin-right:3px;}
.tbl-cmp-hosts td .fa-check{color:#000000;font-size:120%;}
.tbl-cmp-hosts td .fa-close{color:#f4a6aa;}
.tbl-cmp-hosts tr:hover{ background: #f4f4f4;}
.tbl-cmp-hosts tr td:first-child{text-align:left;width:25%;color:#525252;}
.tbl-cld-cmp1 tr td:first-child{width:40%;}
.tbl-cmp-hosts tr td:nth-child(2){background:#f3f3f3;border-right:2px solid #ddd;border-left:2px solid #ddd;}
.tbl-cmp-hosts tr td:not(:first-child):hover::after{content: "";position:absolute;background:#f4f4f4;left:0;top:-5000px;height:10000px;width:100%;z-index:-1;}	
.tbl-cmp-hosts tr:first-child{background:#fff;}
.tbl-cmp-hosts tr:nth-child(2){font-weight:600;font-size:1.08em;}
/* ===================================
      Footer Section
====================================== */
.btn_get_started{display: inline-block; font-size: 18px; font-weight: 700; color: #000000; background: #fff; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1); padding: 14px 35px; float: right; border-radius: 6px }
.bg_footer{background: url("../images/footer_background.svg") no-repeat; width: 100%; background-size: cover; background-position: center}
.footer_social_links li{display: inline-block; text-align: center}
.footer_left_side span{font-size: 14px; line-height: 22px; font-weight: 300}
.footer_social_links li{margin: 0 10px}
.footer_social_links li:first-child{margin-left: 0}
.footer_social_links li:last-child{margin-right: 0}
.footer_social_links{text-align: left;}
.footer_links li a{color: #fff; font-size: 14px; font-weight: 300; line-height: 28px}
.footer_links li{font-size: 14px}
.footer_left_side figure{margin-bottom: 35px}
.footer_social_links li i{font-size: 24px; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}

.footer_social_links li i:hover{color: #3fd7d7}
.footer_links li a:hover {color: #3fd7d7}
.footer_links li a:hover{padding-left: 15px}
.footer_links li a{position: relative; transition: all ease-in-out 0.3s}
.footer_links li a:hover:before{display: block}
.footer_links li a:before{content: ""; width: 6px; height: 6px; position: absolute; border-radius: 100%; background-color: #3fd7d7; left: 0; top: 6px; display: none}
/* ===================================
      Footer Slider Section
====================================== */
.slider_indicator{bottom: 0; position: relative; left: -270px}
.slider_indicator li{height: 16px; width: 16px; background-color: #fff; border: 1px solid #000000; border-radius: 100%}
.slider_indicator .active{border: 1px solid #3fd7d7}
.testimonial_content{float: left; width: 100%}
.client_img{float: left; width: 100%; margin-left: 190px}
.carousel-indicators01{position: relative; right: 0; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; list-style: none; margin: 0 80px}
.carousel-indicators01 li{position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 160px; height: 150px; margin-right: 30px; margin-left: 30px; text-indent: -999px; background-color: #fff; border: 2px solid #dfe8e8; display: table; border-radius: 6px}
.carousel-indicators01 li figure{display: table-cell; vertical-align: middle; width: 86px; margin: 0 auto}
.carousel-indicators01 .active{border: 2px solid #3fd7d7}
/* ===================================
      Tab Section
====================================== */
.technical_list{margin-top: 50px}
.technical_list li{position: relative; font-size: 16px; line-height: 30px; font-weight: 400; color: #666; text-align: left; padding-left: 25px}
.technical_list li:before{position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #3fd7d7; border-radius: 100%; left: 0; top: 10px }
/* ===================================
      Hosting Feature Section
====================================== */
.hosting_feature_box{border: 1px solid #edf2f2; padding: 49px 23px; box-shadow: 0 2px 1px 0 rgba(0,0,0,.07); border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.website_backup{background: url("../images/website_backups.svg"); position: absolute; content: ""; width: 63px; height: 60px; transition: 0.5s; left: 0; right: 0; margin: 0 auto; top: 50px}
.secure_website{background: url("../images/secure_website.svg"); position: absolute; content: ""; width: 66px; height: 60px; transition: 0.5s; left: 0; right: 0; margin: 0 auto; top: 50px}
.website_transfer{background: url("../images/website_transfers.svg"); position: absolute; content: ""; width: 63px; height: 60px; transition: 0.5s; left: 0; right: 0; margin: 0 auto; top: 50px}
.live_support{background: url("../images/live_support.svg"); position: absolute; content: ""; width: 74px; height: 60px; transition: 0.5s; left: 0; right: 0; margin: 0 auto; top: 50px}
.uptime_guarantee{background: url("../images/uptime_guarantee.svg"); position: absolute; content: ""; width: 61px; height: 60px; transition: 0.5s; left: 0; right: 0; margin: 0 auto; top: 50px}
.whmcs_control{background: url("../images/whmcs_control_panel.svg"); position: absolute; content: ""; width: 69px; height: 60px; transition: 0.5s; left: 0; right: 0; margin: 0 auto; top: 50px}
/* ===================================
      Windows Plan Section
====================================== */
.windows_plan li{width: 365px; display: table; background: #f1f9f8}
/* ===================================
      Stack Table Section
====================================== */
.list_heading li{display: inline-block; width: 14%; font-size: 14px; line-height: 40px; font-weight: 700; color: #000000}
.list_heading li:last-child{width: 12%}
.list_detail li{display: inline-block; width: 14%; font-size: 16px; line-height: 40px; font-weight: 300; color: #666}
.list_detail li:last-child{width: 12%}
.list_detail{border: 1px solid #edf2f2; margin-bottom: 10px; padding: 10px 0; border-radius: 6px; box-shadow: 0 2px 1px 0 rgba(0,0,0,.07); background-color: #fff}
.list_detail li:first-child{color: #000000; font-weight: 700}
.list_detail li:nth-child(6){color: #3fd7d7; font-weight: 700}
.list_detail:hover{background-color: #000000; transition-duration: 0.5s}
.list_detail:hover li {color: #fff; transition-duration: 0.5s}
.list_detail:hover li .btn_order{background-color: #3fd7d7; color: #000000; transition-duration: 0.5s}
.domain_list_heading li{display: inline-block; width: 17%; font-size: 14px; line-height: 40px; font-weight: 700; color: #000000}
.domain_list_heading li:last-child{width: 12%}
.domain_list_detail li{display: inline-block; width: 17%; font-size: 16px; line-height: 40px; font-weight: 300; color: #666}
.domain_list_detail li:last-child{width: 12%}
.domain_list_detail{border: 1px solid #edf2f2; margin-bottom: 10px; padding: 10px 0; border-radius: 6px; box-shadow: 0 2px 1px 0 rgba(0,0,0,.07); background-color: #fff}
.domain_list_detail li:first-child{color: #000000; font-weight: 700; font-size: 18px}
.domain_list_detail li:nth-child(6){color: #3fd7d7; font-weight: 700}
.domain_list_detail:hover{background-color: #000000; transition-duration: 0.5s}
.domain_list_detail:hover li {color: #fff; transition-duration: 0.5s}
.domain_list_detail:hover li .btn_order{background-color: #3fd7d7; color: #000000; transition-duration: 0.5s}
/* ===================================
      Accordion Section
====================================== */
.card, .card-header{background-color: #f1f9f9; border: none; text-align: left}
.card-header{padding: 5px 20px}
.btn-link{font-size: 18px; line-height: 48px; font-weight: 700; color: #000000}
.btn-link:hover{color: #3fd7d7; text-decoration: none}
.btn{padding: 0}
.card-body{padding: 0 15px}
.card:before{position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #3fd7d7; border-radius: 100%; left: -5px; top: 23px}
.card{position: relative}
/* ===================================
   Dedicated Hosting Features Section
====================================== */
.dedicated_feature_box {background: #fff; border-radius: 6px; padding: 50px 25px; position: relative}
.dedicated_feature_box:before{content: ""; display: block; height: 5px; width: 0; position: absolute; left: 0; bottom:0; background-color: #3fd7d7; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border-radius: 6px}
.dedicated_feature_box:hover:before{width: 100%}
/* ===================================
   Build Your Own Section
====================================== */
.Build_own_website{background-color: #000000; position: relative; overflow: hidden}
.build_your_site{float: left; width: 100%; background-color: #000000;padding: 80px 100px; margin-top: 20px; border-radius: 6px}
.Build_own_website:before{position: absolute; content: ""; width: 50%; height: 100%; right: 0; top: 0; background-color: #3fd7d7}
/* ===================================
   Hosting Team Section
====================================== */
.hosting_team_box{background: #fff; border-radius: 6px; padding: 40px 25px; position: relative}
.team_box_list li i{font-size: 18px; color: #000000; padding: 0 3px}
.team_box_list li{display: inline-block}
.team_box_list{margin-top: 20px}
.team_box_list li i:hover{color: #3fd7d7}
.team_member_img01{background: url("../images/team_member_img01.png"); position: absolute; content: ""; width: 79px; height: 79px; left: 0; right: 0; margin: 0 auto; top: 40px; transition-duration: 0.5s}
.team_member_img02{background: url("../images/team_member_img02.png"); position: absolute; content: ""; width: 95px; height: 95px; left: 0; right: 0; margin: 0 auto; top: 40px; transition-duration: 0.5s}
.team_member_img03{background: url("../images/team_member_img03.png"); position: absolute; content: ""; width: 70px; height: 70px; left: 0; right: 0; margin: 0 auto; top: 40px; border-radius: 50%; transition-duration: 0.5s}
.team_member_img04{background: url("../images/team_member_img04.png"); position: absolute; content: ""; width: 95px; height: 95px; left: 0; right: 0; margin: 0 auto; top: 40px; transition-duration: 0.5s}
.hosting_team_box:hover .team_member_img01{transform: translateY(-10px)}
.hosting_team_box:hover .team_member_img02{transform: translateY(-10px)}
.hosting_team_box:hover .team_member_img03{transform: translateY(-10px)}
.hosting_team_box:hover .team_member_img04{transform: translateY(-10px)}
.hosting_team_box:before{content: ""; display: block; height: 5px; width: 0; position: absolute; left: 0; bottom:0; background-color: #3fd7d7; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border-radius: 6px}
.hosting_team_box:hover:before{width: 100%}
/* ===================================
   Contact Us Section
====================================== */
.contact_box{border: 1px solid #edf2f2; border-bottom: 5px solid #000000; border-radius: 6px; padding: 60px 20px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative}
.contact_box:hover{box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.contact_info input, .contact_info textarea{border: none; box-shadow: 0 15px 30px 0 rgba(0,0,0,.07)}
.bg_mailing_icon{background: url("../images/mailing_icon.svg"); position: absolute; content: ""; width: 65px; height: 58px; left: 0; right: 0; margin: 0 auto; top: 60px; transition: 0.5s}
.bg_email_icon{background: url("../images/email_icon.svg"); position: absolute; content: ""; width: 65px; height: 70px; left: 0; right: 0; margin: 0 auto; top: 60px; transition: 0.5s}
.bg_phone_icon{background: url("../images/phone_icon.png"); position: absolute; content: ""; width: 85px; height: 78px; left: 0; right: 0; margin: 0 auto; top: 60px; transition: 0.5s}
.bg_help_desk_icon{background: url("../images/help_desk_icon.svg"); position: absolute; content: ""; width: 65px; height: 64px; left: 0; right: 0; margin: 0 auto; top: 60px; transition: 0.5s}
.contact_box:hover .bg_mailing_icon, .contact_box:hover .bg_email_icon, .contact_box:hover .bg_phone_icon, .contact_box:hover .bg_help_desk_icon {transform: translateY(-10px)}
.btn_send_message:hover{background-color: #fff; color: #000000; transition-duration: 0.5s}
/* ===================================
   Windows Plan Section
====================================== */
.windows_plan li a{float: left; width: 100%; padding: 17px 40px}
.windows_plan li a figure{float: left; margin-right: 30px}
.windows_plan li a .heading{float: left; font-size: 20px; font-weight: 500; color: #000000; line-height: 24px}
.windows_plan li a .tab_detail{float: left; font-size: 16px; line-height: 24px; font-weight: 400; color: #666}
.horizontal_line{float: left; width: 100%; border: 1px solid rgba(223,229,229,.50); margin-top: -9px; position: relative}
.windows_plan li a{border: 1px solid #dfe8e8}
.windows_plan li a.active {border-bottom: 1px solid #fff; background-color: #fff}
.windows_plan{position: relative; z-index: 1}
.windows_plan li a .processor_heading{float: left; font-size: 20px; font-weight: 500; color: #000000; line-height: 24px; padding: 15px 0}
.tab_content{border-top: 1px solid #dfe8e8; margin-top: -7px}

.hosting_quality li a.active{border-left: 5px solid #3fd7d7}

.separator{height: 1px; background-color: #edf2f2; border: none; position: relative; width: 75%}
.primary_business{background: url("../images/primary_icon.svg"); width: 66px; min-height: 60px; left: 0; right: 0; margin: 0 auto; top: 60px; transition: 0.5s}
.shared_hosting_plan_box:hover .primary_business{transform: translateY(-10px)}
.secondary_business{background: url("../images/business_icon.svg"); width: 59px; height: 60px; left: 0; right: 0; margin: 0 auto; top: 60px; transition: 0.5s}
.shared_hosting_plan_box:hover .secondary_business{transform: translateY(-10px)}

.mailing_address{font-size: 16px; font-weight: 400; color: #666}
.email_address a{font-size: 16px; font-weight: 400; color: #3fd7d7}
.phone_number a, .phone_number span{font-size: 16px; font-weight: 400; color: #666}
.support_email span{font-size: 16px; font-weight: 400; color: #666}
.support_email a{font-size: 16px; font-weight: 400; color: #3fd7d7}
/* ===================================
            Blog Post Section
====================================== */
.container-3 input#search{width: 100%; height: 50px; background: #2b303b; border: none; font-size: 10px; float: right; padding-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; margin-bottom: 40px; padding-top: 5px}
.side_links li{padding-bottom: 5px}
.side_links li a span{float: right}
.tag_buttons li{background-color: #000000; padding: 10px; margin: 5px; float: left; font-size: 12px}
.tag_buttons li a{color: #3fd7d7}
.input_fields{padding: 10px; padding-left: 5px; border: 1px solid #e6e6e6; width: 100%; margin-bottom: 10px}
.submit_button{padding: 6px 32px; float: right; font-size: 14px; font-weight: 500; background-color: #fff; border: 1px solid #000000; color: #000000; border-radius: 6px; display: inline-block; cursor: pointer}
.side_links li a{font-size: 14px; color: #000000; font-weight: 400}
ul.list-inline.social_links{margin-top: 10px}
ul.list-inline.social_links li a{width: 30px; height: 30px; background-color: #000000; border-radius: 100%; display: table; text-align: center !important}
ul.list-inline.social_links li{display: inline-block; margin: 0 3px}
ul.list-inline.social_links li:first-child{margin-left: 0}
ul.list-inline.social_links li:last-child{margin-right: 0}
ul.list-inline.social_links li a i{color: #3fd7d7; display: table-cell; vertical-align: middle}



/*My Custom css*/
.hosting_plan_price.poppins_font {
    margin-bottom: 42px;
}


/*Cpanel demo*/


   .testaction{
       color: black;
        font-family: sans-serif;
     }

     .testaction h2{
          color: white;
          font-size: 50px;
          font-weight: 700;
          text-align: center;
          
        }  

    .testaction h3{
          color: white;
          font-size: 42px;
          font-weight: 600;
          text-align: center;
          
        }
    .testaction a{
        font-size: 30px;
        color: red;
        border-right: 6px;
        
    } 
    .testaction p{
        font-size: 20px;
        font-weight: 200;
    }

    .nbt {
        background-color: black;
        font-size: 15px;
    }
    .headact {
        background-color: #000000;
       
    }
   
    .actbody {
            background-color: aliceblue;
    
    }
    .actfoot {
        background-color: #20c997;
       
    }
    .btnc{
        color: black;
        font-size: 25px;
        background-color: #f56d3c;
         padding: 14px 35px; 
        
    }
    .actbody#hover {
        cursor: pointer;
        text-decoration: none;
    }
    .bodt {
        background-color: #337ab7;
        color: white;
        font-size: 20px;
        font-weight: 600;
        padding: 6px 15px; 
        height: 60px;
        border-radius: 6px;
    }
    .btnmain{
        font-size: 18px; 
        font-weight: 700; 
        color: #000000; 
        background: #fff; 
        box-shadow: 0 10px 30px 0 
        rgba(0,0,0,0.1); 
        padding: 14px 35px; 
        border-radius: 6px;
    }

    .btnbuy{
        font-size: 18px; 
        font-weight: 700; 
        color: #000000; 
        background: #fff; 
        box-shadow: 0 10px 30px 0 
        rgba(0,0,0,0.1); 
        padding: 14px 35px; 
        border-radius: 6px;
    }

.btnmain:hover { 
    background-color: #000000;
    color: #3fd7d7; 
    transition-duration: 0.5s
}

.actbody{
    
        font-size: 17px; 
        font-weight: 700; 
        color: #000000; 
        background: #fff; 
        box-shadow: 0 10px 30px 0 
        rgba(0,0,0,0.1); 
        padding: 14px 35px; }

.actbodypromo{
    
        font-size: 20px; 
        font-weight: 700; 
        color: #000000; 
        background: #fff; 
        box-shadow: 0 10px 30px 0 
        rgba(0,0,0,0.1); 
        padding: 14px 35px; 
        border-radius: 6px;
}
    
.actbodys{
     padding: 24px 65px; 
    
}

/*login css*/ 

.loginmodel input[type=submit] {
    background-color: #4CAF50;
    color: white;
    width: 90%;
    padding: 8px 8px 8px 30px;
    margin-left: 22px;
    border: none;
    cursor: pointer;
    width: 90%;
	font-size:20px;
}
.loginmodel input[type=submit]:hover {
    opacity: 0.8;
}

.loginmodel input[type=text], input[type=password] {
    width: 90%;
    padding: 8px 8px 8px 30px;
    margin-left: 22px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	font-size:16px;
}
.loginmodel h1{
          color: black;
          font-size: 50px;
          font-weight: 700;
          text-align: center;
          margin: 10px;
          
        }

.loginfooter{
    font-size: 20px;
    text-decoration: none;
    margin: 16px;
}
/* Add Zoom Animation */
.animate {
    animation: zoom 0.6s
}
@keyframes zoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.close:hover,.close:focus {
    color: red;
    cursor: pointer;
}

/*Check box css*/

.tickbox {
  height: 25px;
  width: 25px;
  background-color:#000000;
}

.backcon {
 padding: 14px 35px;  
 font-size: 18px;
}
.backcon p{
      font-size: 24px;
}

/*footer*/

.copyright {height: 20px;  width: auto;  font-weight: 600;  font-size: 22px; }
.copyrightlogo img{  height: 45px; width: 145px;}

/*vps and ds*/

.ph-svr{ margin-top: 25px; margin-bottom: 25px; padding-left: 20px; padding-right: 35px;}
.ph-svr img{display: block; margin-left: auto; margin-right: auto;padding-left: 45px; padding-bottom: 40px; text-align: center;}

.ph-vps choose-os { padding-top: 60px; padding-bottom: 60px;}
			.os-row{float:left;width:50%;padding:0 20px;margin:0;margin-top:25px;display:flex;flex-flow:row wrap;justify-content:center;}
			.os-tp-rw{float:right;width:50%;padding:5px;}
			.os-box{width:32.33%;height:auto;background:none;padding:0 20px;margin-bottom:20px;}
			.os-box div{width:100%;height:0;padding-top:100%;}
			.os-box-bg{background:url('../images/os-choice-sprite01.png'), url('../images/bg-illustrator.png')repeat;background-size:500%;}
			.os-centos div{background-position:0 0;}
			.os-ubuntu div{background-position:25% 0;}
			.os-debian div{background-position:50% 0;}
			.os-suse div{background-position:75% 0;}
			.os-fedora div{background-position:100% 0;}
			.os-tp-rw .h-two{text-align:left;margin-bottom:30px;} 
			.vp-os-ch-sbhdr p{margin-bottom:10px;}
			.vp-os-ch-sbhdr ul li{display:inline-block;margin-right:15px;margin-bottom:10px;}
			.vp-os-ch-sbhdr ul li:last-child{margin-right:0;}
.os-tp-rw {float: right;width: 50%;padding: 5px;}



/*Price Switcher*/
/* toggle pricing */

.toggle,
.toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.toggler {
    color: #000000 !important;
    font-weight: bold;
}

.pricing-section .b {
    display: block;
}

.toggle {
    position: relative;
    width: 90px;
    height: 30px;
    border-radius: 100px;
    background-color: #f5633e;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}

.check:checked~.switch {
    right: 2px;
    left: 57.5%;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.3);
    transition-property: left, right;
    transition-delay: .08s, 0s;
}


.switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.3);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/*::-webkit-scrollbar {
display: none;
}*/



@media only screen and (max-width: 1199px){
    h1{font-size: 56px !important;}
    .search_box .text_field{width: 100%}
    .search_btn{right: 15px}
    label{right: 35px}
    .domain_bottom_info li{margin: 0 50px}
    .testimonial_content{margin-left: 15px}
    .testimonial_content p{padding: 0 40px}
    .rating_star{margin-left: 205px}
    .client_img figure{margin-left: 210px}
    .carousel-indicators{left: -215px}
    .banner_search_box .text_field{width: 79%; padding: 0 20px}
    .welcome_section_heading{padding-left: 25px}
    .bg_img{right: 0; margin: 0; left: 25px}
    .bold_text br, .normal_text br {display: none}
    .hosting_guarantee_section:before{top: -79px}
    .client_img{margin-left: 0}
    .banner_inner_content{padding-top: 170px; padding-bottom: 100px}
    .padding_left_60{padding-left: 35px}
    .carousel-indicators01{left: 0}
    .padding_top_150{padding-top: 100px}
    .shared_hosting_plan_list li:before{display: none}
    .shared_hosting_plan_box{padding: 60px 5px}
    .banner_inner_content p br{display: none}
    .btn_order{padding: 5px 9px}
    .list_detail li{font-size: 14px}
}
    
@media only screen and (max-width: 991px) {
    h1{font-size: 48px !important;}
    h4{font-size: 24px !important;}
    h2{font-size: 22px !important;}
    .banner_search_box .text_field{width: 76%}
    .dropdown-toggle:after{display: none}
    .navbar-toggler{background-color: #3fd7d7; border: 1px solid #3fd7d7}
    .navbar-toggler:focus{outline: none}
    .navigation{background-color: #000000}
    .dropdown .megamenu{float: left; width: 100%; background-color: #fff}
    .navbar .navbar-nav{padding: 0}
    .domain_bottom_info li{margin: 0 40px}
    .hosting_plan_box p br{display: none}
    .hosting_plan_price .dollar_sign{font-size: 36px}
    .hosting_plan_price .amount{font-size: 64px}
    .btn_hosting_plan{font-size: 16px; padding: 10px 25px}
    .welcome_section_heading{padding-left: 15px}
    .welcome_section_heading h5 br{display: none}
    .hosting_guarantee_section p br{display: none}
    .guarantee_box{padding-bottom: 20px}
    .testimonial_content p br{display: none}
    .testimonial_content figure {display: none}
    .rating_star, .client_img {margin-left: 55px}
    .client_img figure{margin-left: 0}
    .customer_img figure{width: 150px}
    .padding_top_100{padding-top: 75px}
    .padding_bottom_100{padding-bottom: 75px}
    .build_your_site{padding: 70px 55px}
    .btn_get_started{padding: 10px 15px}
    .bg_guarantee{background-position: right}
    .hosting_guarantee_section:before{display: none}
    .padding_bottom_180{padding-bottom: 75px}
    .bg_guarantee{padding-top: 75px}
    .sub_banner_inner_content{padding-top: 150px; padding-bottom: 100px}
    .shared_hosting_plan_list{margin-bottom: 20px}
    .padding_left_60{padding-left: 17px}
    .carousel-indicators01 li{margin: 0 5px}
    .price_content .value_text{padding-left: 0 !important;}
    .btn_login{width: 100%; font-size: 22px;}
    .choose-os{padding-top:40px;padding-bottom:40px;}
    .os-row{float:none;width:100%;padding:0 50px;margin:0;}
    .os-tp-rw{float:none;width:100%;padding:5px 10px;margin-bottom:10px;text-align:center;}
	.os-tp-rw .h-two{text-align:center;margin-bottom:15px;}
    .os-box{width:20%;}
    .vp-os-ch-sbhdr p{width:90%;margin:0 auto;margin-bottom:10px;}
	.vp-os-ch-sbhdr ul{padding-left:0;text-align:center;}
    .vp-os-ch-sbhdr ul li{display:inline-block;padding:0 20px;border-right:1px solid #aaa;}
    .vp-os-ch-sbhdr ul li:first-child{padding-left:0;}
    .vp-os-ch-sbhdr ul li:last-child{padding-right:0;border-right:0;}
    .vp-os-ch-sbhdr ul li .fa{display:none;}
    .vp-os-ch-sbhdr p{width:98%;}
    .navbar-brand{padding-left: 58px; padding-top: 17px;}
        .vp-os-ch-sbhdr ul li{padding:0 5px;border-right:1px solid #aaa;}
        a.logo.navbar-brand {
    padding-left: 54px;
}
    .home_page_banner_content{padding-top: 50px;}
				
    }
@media only screen and (max-width: 767px){
    h1{font-size: 42px !important;}
    h3{font-size: 30px !important;}
    br{display: none}
    .banner_inner_content{padding-top: 150px}
    .banner_inner_content p{font-size: 14px}
    .banner_search_box .search_btn{right: 15px}
    .banner_search_box label{right: 33px}
    .domain_bottom_info li{margin: 0 12px}
    .banner_search_box .text_field{width: 100%}
    .search_domain{padding-bottom: 50px}
    .hosting_plan_box{margin-bottom: 30px}
    .bg_img{display: none}
    .padding_bottom_180{padding-bottom: 130px}
    .hosting_guarantee_section:before{top: -60px; height: 60px}
    .footer_social_links{display: none}
    .padding_top_80{padding-top: 0}
    .padding_top_50{padding-top: 0}
    .carousel-indicators01 li{margin: 0 5px}
    .welcome_arrow{display: none}
    .padding_lr_95{padding: 0}
    .sliderbox{padding: 0 !important;}
    .price_rangetxt{margin: 0 !important;}
    .price_content .smallbox{height: auto !important; width: 30% !important; padding: 10px 0 !important;}
    .price_content{padding: 0 5px !important;}
    .vps_btn{margin-left: 0 !important;}
    .price_txt{padding: 30px 0 20px !important; display:grid}
     .copyright{ padding-top: 5px;  font-size: 18px; font-weight: 500;}
    .cmp-tbl-host{padding: 0px; margin: 0px;}
    .footer_links_heading {padding-top: 20px; text-align: left;}
    .btn_login{width: 100%; font-size: 22px;}
    .navbar-brand{padding-left: 44px; padding-top: 16px;}
    .top_navigation{padding-top: 10px; padding-bottom: 7px;}
    .os-row{padding:0 10px;}
    .os-box{width:20%;padding:0 15px;}
    .vp-cp-sbhdr, .vp-os-ch-sbhdr{width:96%;margin:0 auto;font-size:13px;text-align:center;}
    .vp-os-ch-sbhdr *{font-size:13px;}
    .vp-os-ch-sbhdr ul li{padding:0;border-right:0;}
    .vp-os-ch-sbhdr ul li::after{content:", ";}
    .vp-os-ch-sbhdr ul li:last-child::after{content:"";}
    a.logo.navbar-brand {
    padding-left: 54px;
}
        .footer_box {
        display: none
    }
.footer_left_side {
    padding-top: 20%;
}
    
}
@media only screen and (max-width: 512px){
    .navbar-brand{padding-left: 58px; padding-top: 17px;}
    .backcon p { font-size: 20px;}
    
}
@media only screen and (max-width: 480px){
    h1{font-size: 36px !important;}
    .banner_inner_content{padding-top: 100px}
    .shared_hosting_banner, .vps_hosting_banner, .domain_banner, .dedicated_hosting_banner, .reseller_hosting_banner{background-position: left}
    .shared_hosting_plan_list{text-align: center}
    .primary_box{margin-bottom: 20px}
    .left_handle, .right_handle {display: none}
    .carousel-indicators01{margin: 0}
    .carousel_top_indicator:before{display: none}
    .welcome_arrow{display: none}
    .list_heading{display: none}
    .list_detail li:nth-child(4), .list_detail li:nth-child(5), .list_detail li:nth-child(6){display: none}
    .list_detail li{width: 24%}
    .list_detail li:last-child{width: 23%}
    .list_detail li{font-size: 12px}
    .btn_order{font-size: 12px}
    .navigation ul li a{padding: 15px 15px !important;}
    .navbar-toggler{padding: 2px 5px}
    .domain_bottom_info{display: none}
    .btn_banner_01{margin-bottom: 25px}
    .page_banner{background-position: left}
    a.logo.navbar-brand { padding-left: 54px;}
    .actbodypromo{font-size: 17px;}
    .padding_left_95 {
    padding-left: 60px;
}    
}

.Hostcycles-mncntnr {
    padding: 90px 10px;
    position: relative;
    overflow: hidden
}

.bgnm-txt-Hostcycles {
    width: 55%;
    top: 70px;
    left: 36%
}

.Hostcycles-bgrect {
    position: absolute;
    width: 20%;
    border-radius: 10px;
    overflow: hidden;
    transform: rotate(60deg)
}

.Hostcycles-bgrect div {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #f1f6f9;
    position: relative
}

.Hostcycles-bgrect div::after {
    content: '';
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background: #fff
}

.Hostcycles-bgrect-left {
    top: 120px;
    left: -15%
}

.Hostcycles-bgrect-right {
    bottom: 25%;
    right: -15%
}

.Hostcycles-sbttl {
    width: 1024px;
    margin: 0 auto;
    text-align: center;
    color: #191919;
    font-size: 20px
}

.Hostcycles-box-wrapr {
    width: 1050px;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.Hostcycles-box {
    width: 45%;
    margin-bottom: 40px;
    margin-right: 10%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start
}

.Hostcycles-box-wrapr .Hostcycles-box:nth-child(even) {
    margin-right: 0
}

.Hostcycles-col1 {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    border-radius: 3px;
    box-shadow: 3px 3px 5px #dae9fa
}

.Hostcycles-ico {
    width: 100%;
    height: 100%;
    background: #000000;
    padding: 5px;
    position: relative
}

.Hostcycles-ico::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    z-index: 5
}

.Hostcycles-ico div {
    width: 100%;
    height: 0;
    padding-top: 100%
}

.Hostcycles-col2 {
    width: calc(100% - 90px)
}

.Hostcycles-ttl {
    color: #222;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px
}

.Hostcycles-dsc p {
    font-size: 14px;
    color: #191919
}

.bstfico-one div {
    background: url('../images/icons_1.svg')no-repeat;
    background-size: 600%
}

.bstfico1-ssl div {
    background-position: 0 0
}

.bstfico1-builder div {
    background-position: 20% 0
}

.bstfico1-ssd div {
    background-position: 40% 0
}

.bstfico1-cpanel div {
    background-position: 60% 0
}

.bstfico1-oneclick div {
    background-position: 80% 0
}

.bstfico1-php div {
    background-position: 100% 0
}

.bstfico1-email div {
    background-position: 0 50%
}

.bstfico1-malware div {
    background-position: 20% 50%
}

.bstfico1-datacenter div {
    background-position: 40% 50%
}

.bstfico1-setup div {
    background-position: 60% 50%
}

.bstfico1-free-domain div {
    background-position: 80% 50%
}

.bstfico1-backup div {
    background-position: 100% 50%
}

.bstfico1-caching div {
    background-position: 0 100%
}

.bstfico1-ssh div {
    background-position: 20% 100%
}

.bstfico1-migration div {
    background-position: 100% 100%
}

.bstfico-two div {
    background: url('../images/icons_2.svg')no-repeat;
    background-size: 600%
}

.bstfico2-white-label div {
    background-position: 0 0
}

.bstfico2-host-nolimit div {
    background-position: 20% 0
}

.bstfico2-host-manager div {
    background-position: 40% 0
}

.bstfico2-cpanel div {
    background-position: 60% 0
}

.bstfico2-onclick div {
    background-position: 80% 0
}

.bstfico2-ssd div {
    background-position: 100% 0
}

.bstfico2-datacenter div {
    background-position: 60% 100%
}

.bstfico2-programming div {
    background-position: 20% 50%
}

.bstfico2-email div {
    background-position: 40% 50%
}

.bstfico2-malware div {
    background-position: 60% 50%
}

.bstfico2-whmcs div {
    background-position: 80% 50%
}

.bstfico2-builder div {
    background-position: 100% 50%
}

.bstfico2-free-domain div {
    background-position: 0 100%
}

.bstfico2-migration div {
    background-position: 20% 100%
}

.bstfico2-boost div {
    background-position: 40% 100%
}

.bstfico-three div {
    background: url('../images/icons_3.svg')no-repeat;
    background-size: 600%
}

.bstfico3-white-label div {
    background-position: 0 0
}

.bstfico3-host-no-limit div {
    background-position: 20% 0
}

.bstfico3-ssd div {
    background-position: 40% 0
}

.bstfico3-cpanel div {
    background-position: 60% 0
}

.bstfico3-email div {
    background-position: 80% 0
}

.bstfico3-malware div {
    background-position: 100% 0
}

.bstfico3-ssd-fast div {
    background-position: 0 50%
}

.bstfico3-boost div {
    background-position: 20% 50%
}

.bstfico3-wp-update div {
    background-position: 40% 50%
}

.bstfico3-wp div {
    background-position: 60% 50%
}

.bstfico3-email-secure div {
    background-position: 80% 50%
}

.bstfico3-whmcs div {
    background-position: 100% 50%
}

.bstfico3-ssl div {
    background-position: 0 100%
}

.bstfico3-free-domain div {
    background-position: 20% 100%
}

.bstfico3-datacenter div {
    background-position: 40% 100%
}

.bstfico3-domain-reseller div {
    background-position: 100% 100%
}

.bstfico3-oneclick div {
    background-position: 100% 100%
}

.bstfico3-migration div {
    background-position: 100% 100%
}

.bstfico3-builder div {
    background-position: 100% 100%
}   

.Hostcyclesdx-mncntnr {
    padding: 50px 20px
}

.Hostcyclesdx-hdrttl {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600
}

.Hostcyclesdx-prntwrapr {
    display: flex;
    justify-content: center
}

.Hostcyclesdx-wrapr {
    background: #fff;
    width: 100px;
    margin-right: 10px;
    padding: 8px 10px;
    transition: all .3s ease-in-out;
    position: relative
}

.Hostcyclesdx-wrapr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    z-index: 5
}

.Hostcyclesdx-wrapr:hover {
    box-shadow: 0 0 10px #2b71bf;
    transform: scale(1.04)
}

.Hostcyclesdx-prntwrapr .Hostcyclesdx-wrapr:last-child {
    margin-right: 0
}

.Hostcyclesdx-card {
    width: 100%;
    height: 0;
    padding-top: 45%
}

.Hostcyclesdx-card-bg {
    background: url('../images/payment-gateways-cards.png')no-repeat;
    background-size: 800%
}

.Hostcycles-card-visa {
    background-position: 0 0
}

.Hostcycles-card-mastercard {
    background-position: 14.28% 0
}

.Hostcycles-card-rupay {
    background-position: 28.58% 0
}

.Hostcycles-card-bankt {
    background-position: 42.84% 0
}

.Hostcycles-card-amrcn {
    background-position: 57.12% 0
}

.Hostcycles-card-paypal {
    background-position: 71.4% 0
}

.Hostcycles-card-cheque {
    background-position: 85.68% 0
}

.Hostcycles-card-maestro {
    background-position: 100% 0
}
.Hostcycles-mncntnr {
    background: #ffffff;
    padding: 110px 10px 70px;
    position: relative;
    z-index: 1
}

.bgnm-txt-Hostcycles {
    width: 60%;
    top: 80px;
    left: 35%
}

.Hostcycles-mnwrapr {
    width: 1024px;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.Hostcycles-mncol {
    width: 50%
}

.Hostcycles-fticos-mnwrapr {
    width: 360px;
    height: 360px;
    margin: 0 auto;
    position: relative
}

.Hostcycles-fticos-circle {
    position: absolute;
    top: 7%;
    left: 7%;
    width: 86%;
    height: 86%;
    border: 2px solid #dde5e9;
    border-radius: 50%
}

.Hostcycles-ftico-wrapr {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.Hostcycles-ftico {
    width: 14%;
    padding: 10px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    box-shadow: 3px 3px 5px #eee;
    overflow: hidden;
    transition: all .5s ease-in-out;
    cursor: pointer
}

.Hostcycles-ftico::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    z-index: 5
}

.Hostcycles-ftico div {
    width: 100%;
    height: 0;
    padding-top: 100%;
    filter: invert(40%);
    transition: all .3s ease-in-out;
    background: url('../images/sprite.svg')no-repeat;
    background-size: 600%
}

.Hostcycles-ftico-activ div {
    filter: invert(0)
}

.Hostcycles-ftico1 {
    top: 0;
    left: 43%
}

.Hostcycles-ftico2 {
    top: 20.4%;
    right: 4.8%
}

.Hostcycles-ftico3 {
    bottom: 20.4%;
    right: 4.8%
}

.Hostcycles-ftico4 {
    bottom: 0;
    left: 43%
}

.Hostcycles-ftico5 {
    bottom: 20.4%;
    left: 4.8%
}

.Hostcycles-ftico6 {
    top: 20.4%;
    left: 4.8%
}

.Hostcycles-ftico1 div {
    background-position: 0 0
}

.Hostcycles-ftico2 div {
    background-position: 20% 0
}

.Hostcycles-ftico3 div {
    background-position: 40% 0
}

.Hostcycles-ftico4 div {
    background-position: 60% 0
}

.Hostcycles-ftico5 div {
    background-position: 80% 0
}

.Hostcycles-ftico6 div {
    background-position: 100% 0
}

.Hostcycles-ftico:hover {
    background: #007bff
}

.Hostcycles-ftico:hover div {
    filter: invert(0)
}

.Hostcycles-ftico-activ {
    background: #007bff;
    cursor: default
}

.Hostcycles-ftinto-wrapr {
    width: 100%
}

.Hostcycles-ftinto-col {
    display: none
}

.Hostcycles-ftinto-col-activ {
    display: block
}

.Hostcycles-ftinto-ttl {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px
}

.Hostcycles-ftinto-dsc {
    font-size: 16px;
    color: #191919
}

.ftinto-slick-nav {
    position: absolute;
    top: calc((100% - 30px)/2);
    color: #000000;
    font-size: 30px;
    z-index: 100;
    cursor: pointer
}


.ph-mncntnr {
    color: #fff;
    padding: 60px 10px;
    position: relative;
    z-index: 1
}

.ph-bgcntnr {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

/* .ph-bgrect {
    position: absolute;
    overflow: hidden;
    transform: rotate(60deg)
}

.ph-bgrect div {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #000000;
    position: relative;
    border-radius: 10px
}

.ph-bgrect div::after {
    content: '';
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background: #000000
}

.ph-bgrect1 {
    width: 15%;
    top: -10px;
    left: -20px
}

.ph-bgrect2 {
    width: 12%;
    top: -80px;
    left: 40%
}

.ph-bgrect3 {
    width: 15%;
    bottom: -70px;
    left: 35%
}

.ph-bgrect4 {
    width: 10%;
    top: 40%;
    right: -4%
} */

.ph-mnwrapr {
    width: 1150px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.ph-mncol {
    width: 50%
}

.ph-hdrttl {
    text-align: left
}

.ph-hdrttl span {
    display: block
}

.ph-sbttl {
    font-size: 24px
}

.ph-sbttl span {
    display: block
}

.ph-btn {
    margin-top: 30px
}

.ph-btn a,
.ph-btn span {
    display: inline-block;
    cursor: pointer;
    font-size: 25px;
    font-weight: 600;
    padding: 10px 35px;
    border-radius: 3px
}

.ph-apps-wrapr {
    width: 450px;
    height: 387px;
    margin: 0 auto;
    position: relative
}

.ph-app {
    background: #fff;
    position: absolute;
    border-radius: 3px;
    padding: 10px;
    box-shadow: 3px 3px 10px #397ecb;
    transition: all .3s ease-in-out
}

.ph-app::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    z-index: 5
}

.ph-app:hover {
    transform: scale(1.05)
}

.ph-app1 {
    left: 19.5%;
    top: 9.2%;
    width: 13%
}

.ph-app2 {
    left: 44%;
    top: 9.2%;
    width: 25%
}

.ph-app3 {
    left: 84%;
    top: 6.9%;
    width: 13%
}

.ph-app4 {
    left: 3%;
    top: 41%;
    width: 23%
}

.ph-app5 {
    left: 40%;
    top: 55.7%;
    width: 11%
}

.ph-app6 {
    left: 76.5%;
    top: 37.2%;
    width: 12%
}

.ph-app7 {
    left: 32.2%;
    top: 77.5%;
    width: 14.8%
}

.ph-app8 {
    left: 70%;
    top: 64.2%;
    width: 15.8%
}

.ph-app div {
    width: 100%;
    height: 0;
    padding-top: 100%
}

.ph-app-bg {
    background: url('../images/web-apps.png')no-repeat;
    background-size: 800%
}

.ph-app1 div {
    background-position: 0 0
}

.ph-app2 div {
    background-position: 14.29% 0
}

.ph-app3 div {
    background-position: 28.57% 0
}

.ph-app4 div {
    background-position: 42.86% 0
}

.ph-app5 div {
    background-position: 57.14% 0
}

.ph-app6 div {
    background-position: 71.43% 0
}

.ph-app7 div {
    background-position: 85.71% 0
}

.ph-app8 div {
    background-position: 100% 0
}

.Hostcyclesrim-mncntnr {
    padding: 80px 10px 60px;
    position: relative
}

.bgnm-txt-faq {
    width: 23%;
    top: 60px;
    left: 50%
}

.Hostcyclesrim-mnbx {
    width: 1050px;
    margin: 0 auto;
    margin-top: 65px
}

.Hostcyclesrim-qa-wrapr {
    background: #f1f6f9;
    margin-bottom: 10px;
    padding: 20px 25px;
    border: 1px solid #f1f6f9
}

.Hostcyclesrim-mnbx .Hostcyclesrim-qa-wrapr:last-child {
    margin-bottom: 0
}

.Hostcyclesrim-qa-wrapr-activ {
    border: 1px solid #aecde0
}

.Hostcyclesrim-qsn-bx {
    padding: 5px 25px 5px 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    cursor: pointer
}

.Hostcyclesrim-qa-wrapr-activ .Hostcyclesrim-qsn-bx {
    cursor: default
}

.Hostcyclesrim-qsn-txt {
    font-size: 16px;
    width: calc(100% - 30px);
    font-weight: 600;
    color: #464646
}

.Hostcyclesrim-qsn-tglsign {
    position: relative;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: #000000;
    border-radius: 50%
}

.Hostcyclesrim-qsn-tglsign::before,
.Hostcyclesrim-qsn-tglsign::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    left: 25%;
    top: calc(50% - 1px)
}

.Hostcyclesrim-qsn-tglsign::after {
    transform: rotate(90deg);
    transition: all .5s ease-in-out
}

.Hostcyclesrim-qa-wrapr-activ .Hostcyclesrim-qsn-tglsign::after {
    transform: rotate(0deg)
}

.Hostcyclesrim-ans-bx {
    padding: 10px 0 5px;
    display: none
}

.Hostcyclesrim-ans-bx p {
    color: #191919;
    font-size: 15px;
    margin-bottom: 5px
}

.Hostcyclesrim-ans-bx p:last-child {
    margin-bottom: 0
}

.Hostcyclesrim-ans-bx p a {
    color: #000000;
    text-decoration: underline;
    transition: all .3s ease-in-out
}

.Hostcyclesrim-ans-bx p a:hover {
    color: #ff4546
}

.Hostcyclesrim-ans-ul {
    margin: 10px 0;
    padding-left: 25px
}

.Hostcyclesrim-ans-ul li {
    list-style: disc;
    margin-bottom: 5px
}

.Hostcyclesrim-ans-ul li:last-child {
    margin-bottom: 0
}

.Hostcyclesrim-qa-wrapr-activ .Hostcyclesrim-ans-bx {
    display: block
}

.Hostcyclesrim-shohid-wrapr {
    text-align: center;
    margin-top: 30px
}

.Hostcyclesrim-shohid-btn {
    cursor: pointer;
    font-weight: 600
}

.Hostcyclesrim-shohid-btn i {
    color: #000000
}

.Hostcyclesrim-shohid-hide {
    display: none
}

.Hostcyclesrim-qas-hide-rw {
    display: none
}
.bgnm-txt-faq div{padding-top:43%;background:url('../images/faq.svg')no-repeat;background-size:cover}

.ph-reseller-mncntnr {
    background: #fff;
    padding: 50px 10px
}

.ph-reseller-mnwrapr {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden
}

.ph-reseller-ttl-wrapr {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.ph-reseller-ttl {
    cursor: pointer;
    font-size: 25px;
    color: #969da1;
    text-align: center;
    padding: 8px 5px;
    border-bottom: 2px solid #e1e3e4;
    transition: all .3s ease-in-out
}

.ph-reseller-ttl-activ {
    cursor: default;
    color: #222;
    border-bottom: 2px solid #000000
}

.ph-reseller-content-wrapr {
    width: 200%;
    margin-top: 30px;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    transition: all .3s ease-in-out
}

.ph-reseller-content-wrapr-activ {
    margin-left: -100%
}

.ph-reseller-rw {
    width: 50%;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.ph-reseller-mnwrapr2tb .ph-reseller-content-wrapr {
    width: 200%
}

.ph-reseller-mnwrapr3tb .ph-reseller-content-wrapr {
    width: 300%
}

.ph-reseller-mnwrapr2tb .ph-reseller-rw,
.ph-reseller-mnwrapr2tb .ph-reseller-ttl {
    width: 50%
}

.ph-reseller-mnwrapr3tb .ph-reseller-rw,
.ph-reseller-mnwrapr3tb .ph-reseller-ttl {
    width: 33.33%
}

.ph-reseller-col {
    width: 50%
}

.ph-reseller-mnwrapr-smlimgrw .ph-reseller-rw .ph-reseller-col1 {
    width: 40%
}

.ph-reseller-mnwrapr-smlimgrw .ph-reseller-rw .ph-reseller-col2 {
    width: 60%
}

.ph-reseller-ico {
    width: 60%;
    margin: 0 auto;
    position: relative
}

.ph-reseller-ico::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    z-index: 5
}

.ph-reseller-mnwrapr-smlimgrw .ph-reseller-rw .ph-reseller-ico {
    width: 60%
}

.ph-reseller-ico img {
    display: block;
    width: 100%
}

.ph-reseller-hdrttl {
    display: none
}

.ph-reseller-txt p {
    margin-bottom: 10px
}

.ph-reseller-txt p:last-child {
    margin-bottom: 0
}

.ph-reseller-content-wrapr-revrs .ph-reseller-rw .ph-reseller-col1 {
    order: 2
}

.ph-reseller-content-wrapr-revrs .ph-reseller-rw .ph-reseller-col2 {
    order: 1
}

.bstfico-vps div{background:url('../images/vps-features.svg')no-repeat;
    background-size: 600%
}
    

.Hostcycles-vps-cloud-infra div {
    background-position: 0 0
}

.Hostcycles-vps-ssd div {
    background-position: 20% 0
}

.Hostcycles-vps-manager div {
    background-position: 40% 0
}

.Hostcycles-vps-ssh div {
    background-position: 60% 0
}

.Hostcycles-vps-map-marker div {
    background-position: 80% 0
}

.Hostcycles-vps-dashboard div {
    background-position: 100% 0
}

.Hostcycles-vps-boost div {
    background-position: 0 50%
}

.Hostcycles-vps-nofee div {
    background-position: 20% 50%
}

.Hostcycles-vps-upload div {
    background-position: 40% 50%
}

.Hostcycles-vps-strong div {
    background-position: 60% 50%
}

.Hostcycles-vps-multi-server div {
    background-position: 80% 50%
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

a,
body,
code,
div,
footer,
header,
html,
i,
img,
li,
menu,
nav,
p,
small,
span,
th,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

body {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    color: #000000;
    box-sizing: border-box;
    overflow-x: hidden
}

p {
    font-weight: 500;
    line-height: 1.6
}

i {
    font-size: 85%;
    margin-right: 2px
}

.fa-phone {
    transform: rotate(100deg)
}

a {
    display: inline-block;
    text-decoration: none;
    font-weight: 600
}

th {
    border-collapse: collapse;
    border-spacing: 0
}

li {
    list-style: none
}

*,
body {
    font-family: Montserrat, sans-serif
}

.Hostcycles-header {
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 2px #767676;
    position: sticky;
    top: 0;
    z-index: 100
}

.Hostcycles-footer {
/* background: #2b2c2c;*/
    background: url(../images/footer_background.svg) no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 60px 10px;
}

.Hostcyclesfoot-mnwrapr {
    width: 1150px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap
}

.Hostcyclesfoot-mncol {
    width: calc(62% / 3);
    margin-right: 2%
}

.Hostcyclesfoot-mnwrapr .Hostcyclesfoot-mncol:last-child {
    margin-right: 0
}

.Hostcyclesfoot-mncol1 {
    width: 28%;
    margin-right: 6%
}

.Hostcyclesfoot-logo a {
    display: block;
    width: 187px;
    margin-bottom: 20px;
    position: relative
}

.Hostcyclesfoot-logo a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

.Hostcyclesfoot-logo a img {
    display: block;
    width: 100%
}

.Hostcyclesfoot-logo-tag {
    color: #888;
    font-size: 14px
}

.Hostcyclesfoot-socl-wrapr {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 40px
}

.Hostcyclesfoot-socl-wrapr a {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%
}

.Hostcyclesfoot-socl-wrapr a i {
    color: #fff;
    font-size: 18px
}

.Hostcyclesfoot-socl-fb {
    background: #3b5998
}

.Hostcyclesfoot-socl-twit {
    background: #26a6d1
}

.Hostcyclesfoot-socl-insta {
    background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4)
}

.Hostcyclesfoot-socl-utub {
    background: #c71f1e
}

.Hostcyclesfoot-socl-lnkd {
    background: #1da1f2
}

.Hostcyclesfoot-mnhdr {
    color: #fff;
    margin-bottom: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
}

.Hostcyclesfoot-colinks li {
    margin-bottom: 17px
}

.Hostcyclesfoot-colinks li:last-child {
    margin-bottom: 0
}

.Hostcyclesfoot-colinks li a {
    font-size: 15px;
    color: #d4cdcd;
    font-weight: 500;
    transition: all .3s ease-in-out
}

.Hostcyclesfoot-colinks li a:hover {
    color: #70aff5
}

.Hostcyclesfoot-pymnt-cntnr {
    margin-top: 40px
}

.Hostcyclesfoot-pymnt-cntnr .Hostcyclesfoot-mnhdr {
    margin-bottom: 15px
}

.Hostcyclesfoot-pymnt-wrapr {
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.Hostcyclesfoot-pymnt-bx {
    width: 25%;
    padding: 5px
}

.Hostcyclesfoot-pymnt-card {
    width: 100%;
    height: 0;
    padding-top: 45%;
    filter: grayscale(100%);
    transition: all .3s ease-in-out;
    position: relative
}

.Hostcyclesfoot-pymnt-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    z-index: 5
}

.Hostcyclesfoot-pymnt-card-bg {
    background: url(../images/payment-gateways-cards.png) no-repeat;
    background-size: 800%
}

.Hostcyclesfoot-pymnt-card:hover {
    filter: grayscale(0)
}

.Hostcyclesfoot-hr1 {
    width: 1200px;
    margin: 40px auto;
    height: 1px;
    background: #555656
}

.Hostcyclesfoot-btm-wrapr {
    color: #abacac;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center
}

.Hostcyclesfoot-cprt1 {
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

.Hostcyclesfoot-nav2 a {
    color: #abacac;
    margin-right: 40px;
    font-size: 12px;
    transition: all .3s ease-in-out
}

.Hostcyclesfoot-nav2 a:last-child {
    margin-right: 0
}

.Hostcyclesfoot-nav2 a:hover {
    color: #70aff5
}

.igfm-mncntnr {
    width: 100%;
    background: #000000;
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid #ddd
}

.igfm-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    transition: all .3s ease-in-out
}

.igfm-col-first {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.igfm-logo {
    margin-right: 25px
}

.igfm-logo a {
    display: block;
    position: relative
}

.igfm-logo a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.igfm-logo a img {
    display: block;
    width: 145px;
    height: auto
}

.igfm-hamb {
    margin-right: 30px;
    width: 30px;
    height: 25px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    cursor: pointer
}

.igfm-hamb span {
    width: 100%;
    height: 3px;
    background: #fff
}

.igfm-nav-main {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.igfm-nav-main li {
    margin-right: 30px
}

.igfm-nav-main li:last-child {
    margin-right: 0
}

.igfm-nav-main li a,
.igfm-nav-main li span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    line-height: 1.2;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.igfm-nav-main li a:hover,
.igfm-nav-main li span:hover {
    color: #46b0c7
}

.igfm-col-last {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.igfm-nav-last {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 18px
}

.igfm-nav-last li {
    margin: 0 10px;
    font-weight: 400
}

.igfm-nav-last li a {
    color: #fff;
    font-weight: 400
}

.igfm-nav-last li span {
    font-weight: 500
}

.spectr-mncntnr {
    background: #000000;
    position: fixed;
    top: 0;
    left: -380px;
    z-index: 200;
    width: 380px;
    height: 100vh;
    overflow: auto;
    transition: all .5s ease-in-out
}

.spectr-mncntnr-active {
    left: 0;
    transition: all .5s ease-in-out
}

.spectr-mnwrapper {
    width: 100%;
    height: 100%;
    padding: 20px 30px
}

.spectr-ctas {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 25px;
    margin-bottom: 25px
}

.spectr-goback {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.spectr-goback i {
    opacity: 0;
    transition: all .5s ease-in-out
}

.spectr-goback-active i {
    opacity: 1;
    cursor: pointer;
    transform: rotate(360deg)
}

.spectr-close {
    opacity: 0;
    transition: all 1s ease-in-out
}

.spectr-close i {
    cursor: pointer
}

.spectr-main-menu {
    font-size: 13px;
    line-height: 1;
    margin-left: 3px;
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.spectr-goback-active .spectr-main-menu {
    opacity: 1;
    width: auto
}

.spectr-mncntnr-active .spectr-close {
    opacity: 1;
    transform: rotate(360deg)
}

.spectr-buttons {
    margin: 10px 0 20px
}

.spectr-buttons a {
    font-size: 14px;
    font-weight: 500;
    color: #d5d5d5;
    display: inline-block;
    border: 1px solid #d5d5d5;
    padding: 5px 15px;
    border-radius: 3px;
    transition: all .3s ease-in-out
}

.spectr-buttons a:hover {
    color: #000000;
    background: #d5d5d5
}

.skyfl-cntnr {
    margin-top: 35px
}

.skyfl-wrapper {
    color: #fff;
    margin: 20px 0
}

.skyfl-title,
.skyfl-title-link {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.skyfl-title i {
    margin-left: 15px;
    opacity: 0;
    transition: all .5s ease-in-out
}

.skyfl-title-link:hover,
.skyfl-title:hover {
    color: #abeaff
}

.skyfl-title:hover i {
    opacity: 1
}

.skyfl-box {
    margin-top: 15px
}

.skyfl-link {
    color: #fff;
    margin: 12px 0;
    cursor: pointer
}

.skyfl-link-title {
    font-size: 16px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out
}

.skyfl-link:hover .skyfl-link-title {
    color: #abeaff
}

.skyfl-link-info {
    font-size: 14px;
    font-weight: 400;
    color: #d5d5d5;
    transition: all .3s ease-in-out
}

.skyfl-link:hover .skyfl-link-info {
    color: #abeaff
}

.skyfl-wrapper-active .skyfl-title:hover i {
    opacity: 0
}

.skyfl-wrapper-active .skyfl-title {
    color: #abeaff;
    position: relative;
    padding-bottom: 10px
}

.skyfl-wrapper-active .skyfl-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 1px;
    background: #abeaff
}

.pymnt-card-visa {
    background-position: 0 0
}

.pymnt-card-mastercard {
    background-position: 14.28% 0
}

.pymnt-card-rupay {
    background-position: 28.58% 0
}

.pymnt-card-bankt {
    background-position: 42.84% 0
}

.pymnt-card-amrcn {
    background-position: 57.12% 0
}

.pymnt-card-paypal {
    background-position: 71.4% 0
}

.pymnt-card-cheque {
    background-position: 85.68% 0
}

.pymnt-card-maestro {
    background-position: 100% 0
}

@keyframes coupon_border_anim {
    0% {
        border-color: #000000
    }
    50% {
        border-color: #ff4546
    }
    100% {
        border-color: #000000
    }
}

.f23645-mncntnr {
    padding: 70px 10px;
    position: relative
}

.f23645-mnwrapr {
    width: 1150px;
    margin: 0 auto;
    margin-top: 70px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.f23645-mncol {
    text-align: center;
    margin-right: 50px;
    margin-bottom: 30px;
    width: calc((100% - 100px)/ 3);
    padding: 40px 30px;
    transition: all .3s ease-in-out
}

.f23645-mncol:hover {
    box-shadow: 0 0 20px #d4d4d4;
    transform: scale(1.01)
}

.f23645-mnwrapr .f23645-mncol:nth-child(3n) {
    margin-right: 0
}

.f23645-img {
    display: block;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 30px
}

.f23645-img div {
    width: 100%;
    height: 0;
    padding-top: 100%
}

.f23645-domains-name {
    background-position: 0 0
}

@keyframes srvxanim-pop-ico1-anim {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes srvxanim-pop-ico2-sub2-anim {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes bzer-lin-anim-center {
    0% {
        top: 25px
    }
    100% {
        top: 28px
    }
}

@keyframes bzer-lin-anim-lines {
    0% {
        height: 180px
    }
    100% {
        height: 185px
    }
}

@keyframes blink-anim {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@keyframes glbc-bottom-active {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
}

@keyframes global-dot-anim {
    0% {
        transform: scale(0);
        opacity: .3
    }
    90% {
        opacity: .3
    }
    100% {
        transform: scale(3);
        opacity: 0
    }
}

@keyframes glbc-line-active {
    0% {
        height: 0
    }
    10% {
        height: 0
    }
    40% {
        height: 60px
    }
}

@keyframes glbc-title-active {
    0% {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes glbc-title-before {
    0% {
        transform: scale(0)
    }
    50% {
        transform: scale(0)
    }
    65% {
        transform: scale(15)
    }
}

@keyframes glbc-title-span {
    0% {
        width: 0
    }
    65% {
        width: 0
    }
    75% {
        width: auto
    }
}

.igfm-nvdrp-lnk {
    position: relative
}

.daisy-mncntnr {
    display: none;
    width: 300px;
    position: absolute;
    top: 100%;
    right: -35px;
    z-index: 100;
    padding-top: 30px;
    transition: all .5s ease-in-out
}

.igfm-nvdrp-lnk:hover .daisy-mncntnr {
    display: block
}

.daisy-mnwrapr {
    color: #fff;
    background: #000000;
    padding: 20px 15px 5px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    transition: all .5s ease-in-out;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1)
}

.daisy-mnwrapr:before {
    content: '';
    position: absolute;
    top: -22px;
    right: 30px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 22px solid #000000;
    transition: all .5s ease-in-out
}

.daisy-main-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
    position: relative
}

.daisy-main-title:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 80%;
    height: 1px;
    background: #7eb8fa
}

.daisy-list-box {
    display: block;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap
}

.daisy-list-box li {
    display: block;
    width: 100%;
    margin: 0;
    line-height: 1.1;
    border-bottom: 1px solid #7eb8fa
}

.daisy-list-box li:last-child {
    border-bottom: none
}

.daisy-list-box li a {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 5px;
    transition: all .3s ease-in-out
}

.daisy-list-box li a:hover {
    color: #b5eefe
}

.daisy-list-box li a i {
    font-size: 110%;
    margin-right: 5px
}

.daisy-botwrapr {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.daisy-avtrcol {
    width: 45px
}

.daisy-avatar {
    width: 100%
}

.daisy-avatar div {
    width: 100%;
    height: 0;
    padding-top: 115%;
    background: url(../images/login.png) no-repeat;
    background-size: 100%;
    position: relative
}

.daisy-avatar div:after,
.daisy-avatar div:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    right: -8px;
    width: 16px;
    height: 16px;
    background: #17dd58;
    border-radius: 50%
}

.daisy-avatar div:after {
    animation: daisy-avatar-online-anim 1.5s infinite linear
}

@keyframes daisy-avatar-online-anim {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.8)
    }
}

.daisy-chatcol {
    width: calc(100% - 70px)
}

.daisy-chatbox {
    font-size: 12px;
    line-height: 1.4;
    color: #636465;
    background: #fff;
    padding: 7px 10px;
    border-radius: 12px;
    border-top-left-radius: 0;
    position: relative
}

.daisy-chatbox:before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    border-top: 0 solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #fff
}

.gloot-mncntnr {
    padding: 10px;
    margin-top: 15px
}

.gloot-mnwrapr {
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.gloot-cta {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    color: #eceffa;
    cursor: pointer
}

.gloot-flag {
    width: 30px;
    margin-right: 10px
}

.gloot-flag div {
    width: 100%;
    height: 0;
    padding-top: 67%;
    background: url(img/in.jpg) no-repeat;
    background-size: 100%
}

.gloot-region {
    font-size: 14px;
    color: #eceffa;
    margin-right: 5px
}

.gloot-cta i {
    font-size: 130%
}

.aprl-mncntnr {
    display: none;
    position: absolute;
    bottom: calc(100% + 25px);
    left: 0;
    width: 100%;
    background: #fff;
    padding: 35px 45px;
    border-radius: 5px
}

.aprl-mncntnr:before {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: -15px;
    left: 40px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 15px solid #fff
}

.aprl-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.aprl-bar {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: calc(50% - 1px);
    background: #555656;
    transition: all .3s ease-in-out
}

.aprl-close:hover .aprl-bar {
    background: #e76e6e
}

.aprl-bar1 {
    transform: rotate(45deg)
}

.aprl-bar2 {
    transform: rotate(-45deg)
}

.aprl-hdrttl {
    text-align: center;
    font-size: 25px;
    line-height: 1.2;
    color: #2b2c2c;
    font-weight: 500;
    margin-bottom: 30px
}

.aprl-mnwrapr {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.aprl-box {
    width: 25%;
    padding: 13px 10px 13px 20px;
    background: #fff;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    transition: all .3s ease-in-out
}

.aprl-box:hover {
    z-index: 10;
    box-shadow: 0 0 15px rgba(63, 63, 63, .1)
}

.aprl-box-active {
    z-index: 10;
    box-shadow: 0 0 15px rgba(63, 63, 63, .1)
}

.aprl-box-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #37a9e2
}

.aprl-flag {
    width: 35px;
    margin-right: 10px
}

.aprl-flag div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 67.3%;
    background: url(img-assets/flags/region-flags-all-150.png) no-repeat;
    background-size: 1100%
}

.aprl-flag-in div {
    background-position: 0 0
}

.aprl-flag-us div {
    background-position: 10% 0
}

.aprl-flag-uk div {
    background-position: 20% 0
}

.aprl-flag-ae div {
    background-position: 30% 0
}

.aprl-flag-au div {
    background-position: 40% 0
}

.aprl-flag-ca div {
    background-position: 50% 0
}

.aprl-flag-sg div {
    background-position: 60% -.5%
}

.aprl-flag-np div {
    background-position: 70% -.8%
}

.aprl-flag-lk div {
    background-position: 80% 0
}

.aprl-flag-bd div {
    background-position: 90% 0
}

.aprl-flag-sa div {
    background-position: 100% 0
}

.aprl-flag-th div {
    background-position: 0 33.33%
}

.aprl-flag-my div {
    background-position: 10% 33.33%
}

.aprl-flag-nz div {
    background-position: 20% 33.33%
}

.aprl-flag-za div {
    background-position: 30% 33.33%
}

.aprl-flag-ie div {
    background-position: 40% 33.33%
}

.aprl-flag-jp div {
    background-position: 50% 34%
}

.aprl-flag-hk div {
    background-position: 60% 33.33%
}

.aprl-flag-ph div {
    background-position: 70% 33.33%
}

.aprl-flag-il div {
    background-position: 80% 33.33%
}

.aprl-region {
    font-size: 14px;
    color: #525252
}

.aprl-box-active .aprl-region {
    color: #1889c1
}



.ph-sub-mncntnr {
    background: #ecf7fc;
    padding: 30px 10px
}

.ph-sub-mnwrapr {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center
}

.ph-sub-mncol1 {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.ph-sub-msgico {
    font-size: 35px;
    color: #000000;
    margin-right: 15px
}

.ph-sub-hdrtxt {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    margin-right: 20px
}

.ph-sub-hdrtxt span {
    display: block
}

.ph-sub-form {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 3px 3px 10px #cce3f7
}

.ph-sub-form input {
    font-size: 15px
}

.ph-sub-form input[type=email] {
    width: 350px;
    padding: 15px 10px;
    border: 1px solid #fff;
    transition: all .3s ease-in-out
}

.ph-sub-form input[type=email]:focus {
    border: 1px solid #000000
}

.ph-sub-form input[type=email]:invalid {
    border: 1px solid #ec9999;
    background: #fdf4f4
}

.ph-sub-form input[type=submit] {
    padding: 15px 20px;
    border: 1px solid #000000
}

.ph-sub-mncol2 {
    display: flex;
    align-items: center
}

.ph-sub-mncol2 a {
    background: #fff;
    border: 1px solid #000000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.ph-sub-mncol2 a i {
    font-size: 16px;
    color: #000000;
    transition: all 1s ease-in-out
}

.ph-sub-mncol2 a:last-child {
    margin-right: 0
}

.ph-sub-mncol2 a:hover i {
    transform: rotateY(360deg)
}

@media screen and (max-width:1200px) {
  
    .ph-sub-mncntnr {
        padding: 25px 10px
    }
    .ph-sub-mnwrapr {
        width: 100%
    }
    .ph-sub-msgico {
        font-size: 25px;
        margin-right: 10px
    }
    .ph-sub-hdrtxt {
        font-size: 13px;
        margin-right: 10px
    }
    .ph-sub-form input[type=email] {
        width: 300px;
        padding: 10px 5px
    }
    .ph-sub-form input[type=submit] {
        padding: 10px 15px
    }
   
}


@media screen and (max-width:750px) {
    .ph-sub-mncol1 {
        justify-content: center;
        width: 100%
    }
    .ph-sub-hdrtxt span {
        display: inline-block
    }
    .ph-sub-form {
        margin-top: 20px;
        width: 90%
    }
    .ph-sub-form input[type=email] {
        width: calc(100% - 110px)
    }
    .ph-sub-form input[type=submit] {
        width: 110px
    }
 
}


@media screen and (max-width:550px) {
    .ph-sub-form {
        width: 100%
    }
}
 

@media screen and (max-width:450px) {
    .ph-sub-form input[type=email] {
        width: calc(100% - 90px)
    }
    .ph-sub-form input[type=submit] {
        width: 90px
    }
}
 


@media screen and (max-width:1300px) {
    .daisy-mncntnr {
        right: 0
    }
    .daisy-mnwrapr:before {
        right: 40px
    }
}

@media screen and (max-width:1230px) {
    .Hostcyclesfoot-hr1 {
        width: 95%;
        margin: 30px auto 25px
    }
    .Hostcyclesfoot-btm-wrapr {
        width: 100%;
        padding: 10px
    }
}

@media screen and (max-width:1200px) {
    body {
        font-size: 14px
    }
    .igfm-wrapper {
        padding: 5px 0
    }
    .igfm-logo {
        margin-right: 15px
    }
    .igfm-nav-main li {
        margin-right: 20px
    }
    .igfm-nav-main li a {
        font-size: 16px
    }
    .igfm-nav-last {
        font-size: 16px
    }
    .daisy-mncntnr {
        padding-top: 17px
    }
    .daisy-mnwrapr:before {
        top: -15px
    }
    .Hostcyclesfoot-mnwrapr {
        width: 100%
    }
    .Hostcyclesfoot-logo a {
        width: 150px
    }
    .Hostcyclesfoot-logo-tag {
        font-size: 13px
    }
    .Hostcyclesfoot-mnhdr {
        margin-bottom: 25px
    }
    .Hostcyclesfoot-pymnt-cntnr {
        margin-top: 30px
    }
    .Hostcyclesfoot-colinks li {
        margin-bottom: 10px
    }
    .Hostcyclesfoot-colinks li a {
        font-size: 13px
    }
    .f23645-mncntnr {
        padding: 50px 10px
    }
    .f23645-mnwrapr {
        width: 100%;
        margin-top: 50px
    }
    .f23645-mncol {
        width: calc((100% - 50px)/ 3);
        margin-right: 25px;
        margin-bottom: 25px;
        padding: 20px 15px
    }
}

@media screen and (max-width:1150px) {
    .aprl-mncntnr {
        bottom: calc(100% + 15px);
        padding: 20px 10px
    }
    .aprl-mncntnr:before {
        bottom: -15px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent
    }
    .aprl-close {
        top: 10px;
        left: 10px;
        width: 25px;
        height: 25px
    }
    .aprl-hdrttl {
        font-size: 20px;
        margin-bottom: 25px
    }
    .aprl-box {
        padding: 12px 5px 12px 15px
    }
    .aprl-flag {
        width: 25px;
        margin-right: 5px
    }
    .aprl-region {
        font-size: 13px;
        font-weight: 500
    }
    .Hostcyclesfoot-btm-wrapr {
        justify-content: center
    }
    .Hostcyclesfoot-cprt1 {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .Hostcyclesfoot-nav2 {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:950px) {
    .daisy-main-title {
        font-size: 18px
    }
    .daisy-list-box li a {
        font-size: 14px;
        padding: 10px 5px
    }
    .spectr-mnwrapper {
        padding: 10px 15px
    }
    .spectr-ctas {
        font-size: 20px;
        margin-bottom: 15px
    }
    .spectr-buttons {
        margin: 5px 0 10px
    }
    .spectr-buttons a {
        font-size: 13px;
        padding: 5px 10px
    }
    .skyfl-cntnr {
        margin-top: 20px
    }
    .skyfl-wrapper {
        margin: 15px 0
    }
    .skyfl-title,
    .skyfl-title-link {
        font-size: 16px
    }
    .skyfl-title i {
        margin-left: 5px
    }
    .skyfl-box {
        margin-top: 10px
    }
    .skyfl-link {
        margin: 8px 0
    }
    .skyfl-link-title {
        font-size: 15px
    }
    .skyfl-link-info {
        font-size: 13px
    }
    .Hostcyclesfoot-mncol1 {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between
    }
    .Hostcyclesfoot-logo a {
        margin-bottom: 5px
    }
    .Hostcyclesfoot-mncol2,
    .Hostcyclesfoot-mncol3,
    .Hostcyclesfoot-mncol4 {
        width: 33.33%;
        margin: 0;
        padding: 10px
    }
    .Hostcyclesfoot-socl-wrapr {
        margin-top: 0
    }
    @keyframes bzer-lin-anim-lines {
        0% {
            height: 140px
        }
        100% {
            height: 145px
        }
    }
}

.offer_message_plan{
    color: #07ffe8;
    padding: 8px;
    font-size: 17px;
    font-weight: 600;
}

@media screen and (max-width:900px) {
    .igfm-hamb {
        margin-right: 10px
    }
    .igfm-nav-main {
        display: none
    }
    .igfm-nav-last li {
        margin: 0 5px
    }
}

@media screen and (max-width:850px) {
    .aprl-mncntnr {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 500;
        padding: 35px 10px 10px
    }
    .aprl-box {
        width: calc(100% / 3)
    }
    .aprl-close {
        left: auto;
        right: 20px
    }
    .f23645-img {
        width: 50%;
        margin-bottom: 15px
    }
}

@media screen and (max-width:800px) {
    @keyframes glbc-line-active {
        0% {
            height: 0
        }
        10% {
            height: 0
        }
        40% {
            height: 35px
        }
    }
    @keyframes glbc-title-before {
        0% {
            transform: scale(0)
        }
        50% {
            transform: scale(0)
        }
        65% {
            transform: scale(10)
        }
    }
}

@media screen and (max-width:750px) {
    .Hostcyclesfoot-nav2 a {
        margin: 3px 10px
    }
    .Hostcyclesfoot-nav2 a:last-child {
        margin: 5px 10px
    }
    .f23645-mncol {
        width: calc((100% - 20px)/ 3);
        margin-right: 10px;
        margin-bottom: 20px;
        padding: 15px 5px
    }
    @keyframes bzer-lin-anim-lines {
        0% {
            height: 120px
        }
        100% {
            height: 125px
        }
    }
}

@media screen and (max-width:700px) {
    .igfm-mncntnr {
        padding: 0 15px
    }
    .igfm-nav-last {
        font-size: 14px
    }
    .igfm-nav-last li {
        margin: 0 4px
    }
    .igfm-logo a img {
        width: 130px
    }
}

@media screen and (max-width:600px) {
    .Hostcyclesfoot-logo-tag {
        width: 200px
    }
    .f23645-mncol {
        width: calc((100% - 10px)/ 2);
        margin-bottom: 20px;
        padding: 10px 5px
    }
    .f23645-mnwrapr .f23645-mncol:nth-child(3n) {
        margin-right: 10px
    }
    .f23645-mnwrapr .f23645-mncol:nth-child(even) {
        margin-right: 0
    }
}

@media screen and (max-width:550px) {
    .igfm-col-last {
        display: none
    }
    .igfm-col-first {
        justify-content: space-between;
        width: 100%
    }
    .igfm-hamb {
        margin: 0
    }
    .aprl-box {
        width: calc(100% / 2)
    }
    .spectr-mncntnr {
        left: -100%;
        width: 100%
    }
    .spectr-mncntnr-active {
        left: 0
    }
}

@media screen and (max-width:500px) {
    .Hostcyclesfoot-logo-tag {
        width: 100%
    }
    .Hostcyclesfoot-socl-wrapr {
        margin-top: 15px
    }
    .Hostcyclesfoot-mncol2,
    .Hostcyclesfoot-mncol3 {
        width: 50%;
        margin: 0;
        padding: 10px
    }
    .Hostcyclesfoot-mncol4 {
        width: 100%;
        margin-top: 30px
    }
    .Hostcyclesfoot-pymnt-cntnr {
        width: 100%
    }
    @keyframes glbc-title-before {
        0% {
            transform: scale(0)
        }
        50% {
            transform: scale(0)
        }
        65% {
            transform: scale(6)
        }
    }
}

@media screen and (max-width:450px) {
    .f23645-mncol {
        width: 100%;
        margin: 0;
        margin-bottom: 20px
    }
    .f23645-mnwrapr .f23645-mncol:nth-child(3n) {
        margin: 0;
        margin-bottom: 20px
    }
    .f23645-mnwrapr .f23645-mncol:nth-child(even) {
        margin: 0;
        margin-bottom: 20px
    }
}

@media screen and (max-width:400px) {
    .aprl-box {
        width: 100%
    }
}
p#del_pricing {
    margin-top: 5px;
    color: #000000;
    font-size: 20px;
}
.igfm-nav-btn-23 {
 color:#fff!important;
 background:#007bff;
 font-weight:500!important;
 padding:3px 10px;
 font-size:80%;
 border-radius:3px
 .whatsapp-button{
    position: fixed;
    bottom: 17px;
    left: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 58px;
    height: 59px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
element.style {
    height: 100px;
    max-height: 100px;
    background: rgb(131, 66, 255);
    border-width: 0px;
    border-style: none;
    border-color: rgb(41, 43, 44);
    min-width: 1920px;
    min-height: 100px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 24px 0px;
    display: none;
    border-image: initial !important;
    width: 1920px;
}
.table-striped tbody tr:nth-child(1) {
    background: black;
    color: white
}

h3.font_size_48.font_weight_700.color_080245.margin_bottom_5.poppins_font {
    padding: 30px 0;
}


.features-heading h2 {
    text-align: center;
    font-size: 44px;
    font-weight: 700
}

.features-section {
    padding-top: 60px;
    padding-bottom: 80px
}

.feature-card-box {
    background-color: #fff;
    position: relative;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 0 0 4px;
    height: 100%;
    border-color: #0051e1;
    transition: all .5s ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1)
}

.feature-icon {
    margin-bottom: 20px
}

.feature-card-box h2 {
    font-size: 22px;
    margin-bottom: 15px;
    text-align: center
}

.feature-card-box::before {
    transform: scaleY(0);
    transform-origin: bottom right
}

.feature-card-box::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0 0 0 0;
    background-color: #0051e1;
    z-index: -1;
    transition: transform .8s ease;
    border-radius: 4px
}

.feature-card-box:hover::before {
    transform: scaleY(1);
    transform-origin: bottom left
}

.feature-card-box:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    transform: translateY(0px);
    color: #fff
}

.feature-card-box:hover p {
    color: #fff
}

.feature-card-box:hover .feature-icon i {
    color: #fff
}

.feature-card-box p {
    text-align: center;
    font-size: 15px;
    transition: all .5s ease-in-out;
    margin: 0
}

.feature-card-box h2 {
    font-size: 24px
}

.feature-icon i {
    font-weight: 900;
    font-size: 38px;
    color: #4517f6;
    transition: all .8s ease-in-out
}