@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 1.0

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

    01. Google font
    02. Reset
    03. Typography
    04. Margin
    05. Color
    06. Padding
    07. Font Size
    08. Line Height
    09. Button
    10. Hover
    11. Banner
    12. Custom
*/

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

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Bangers&display=swap");
/* ===================================
    Reset
====================================== */
body {
  color: #5a5f69;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  background-color: #f5f6fa;
  font-family: "Roboto", sans-serif;
}
.carousel-inner {
  overflow: hidden;
}
.navbar {
  margin-bottom: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a:hover {
  text-decoration: none;
  color: #ff007e;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  color: #8d97ad;
}
figure {
  margin: 0;
}
/* ===================================
    Typography
====================================== */
.robot_font {
  font-family: "Roboto", sans-serif;
}
.bangers_font {
  font-family: "Bangers", cursive;
}
/* ===================================
    Margin
====================================== */
.w_60 {
  width: 60%;
}
.w_40 {
  width: 40%;
}
.margin_0_auto {
  margin: 0 auto;
}
/*margin*/
.margin_lr_30 {
  margin: 0 30px;
}
/*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_55 {
  margin-bottom: 55px;
}
.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_14 {
  margin-right: 14px;
}
.margin_right_10 {
  margin-right: 10px;
}
.margin_right_15 {
  margin-right: 15px;
}
.margin_right_20 {
  margin-right: 20px;
}
.margin_right_30 {
  margin-right: 30px;
}
.margin_right_60 {
  margin-right: 60px;
}

/*Margin Left*/
.margin_left_14 {
  margin-left: 14px;
}
.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_60 {
  margin-left: 60px;
}
.margin_left_100 {
  margin-left: 100px;
}

/*Margin Top*/
.margin_top-2 {
  margin-top: -2px;
}
.margin_top_10 {
  margin-top: 10px;
}
.margin_top_15 {
  margin-top: 15px;
}
.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_150 {
  margin-top: 150px;
}
.margin_top-170 {
  margin-top: -170px;
}

/* ===================================
     Color
====================================== */
/*Colors*/
.color_5a5f69 {
  color: #5a5f69;
}
.color_222 {
  color: #222;
}
.color_ff007e {
  color: #ff007e;
}
.color_1633ff {
  color: #1633ff;
}
.color_fff {
  color: #fff;
}

/*Background Colors*/
.bg_gradient {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg_fff {
  background-color: #fff;
}
.bg_ecedf1 {
  background-color: #ecedf1;
}
.bg_f5f5f5 {
  background-color: #f5f5f5;
}
/* ===================================
    padding
====================================== */

/*padding*/
.no_padding {
  padding: 0;
}
.padding_tb_40 {
  padding: 35px 25px;
}

/*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_75 {
  padding-top: 75px;
}
.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_105 {
  padding-top: 105px;
}
.padding_top_130 {
  padding-top: 130px;
}
.padding_top_120 {
  padding-top: 120px;
}
.padding_top_170 {
  padding-top: 170px;
}
.padding_top_200 {
  padding-top: 200px;
}
.padding_top_300 {
  padding-top: 300px;
}

/*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_60 {
  padding-bottom: 60px;
}
.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_85 {
  padding-bottom: 85px;
}
.padding_bottom_90 {
  padding-bottom: 90px;
}
.padding_bottom_100 {
  padding-bottom: 100px;
}
.padding_bottom_120 {
  padding-bottom: 120px;
}
.padding_bottom_200 {
  padding-bottom: 200px;
}
.padding_bottom_300 {
  padding-bottom: 300px;
}
.padding_bottom_150 {
  padding-bottom: 150px;
}

/*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 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;
}
.padding_right_105 {
  padding-right: 105px;
}

/* ===================================
     Font Size
====================================== */
/*Font Size*/
.font_size_12 {
  font-size: 12px;
}
.font_size_14 {
  font-size: 14px;
}
.font_size_16 {
  font-size: 16px;
}
.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_38 {
  font-size: 38px;
}
.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_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_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_800 {
  font-weight: 800;
}
.font_weight_900 {
  font-weight: 900;
}
/* ===================================
     Line Height
====================================== */
/*Line Height*/
.line_height_18 {
  line-height: 18px;
}
.line_height_22 {
  line-height: 22px;
}
.line_height_24 {
  line-height: 24px;
}
.line_height_25 {
  line-height: 25px;
}
.line_height_28 {
  line-height: 28px;
}
.line_height_30 {
  line-height: 30px;
}
.line_height_34 {
  line-height: 34px;
}
.line_height_36 {
  line-height: 36px;
}
.line_height_40 {
  line-height: 40px;
}
.line_height_42 {
  line-height: 42px;
}
.line_height_48 {
  line-height: 48px;
}
.line_height_50 {
  line-height: 50px;
}
.line_height_54 {
  line-height: 54px;
}
.line_height_60 {
  line-height: 60px;
}
.line_height_65 {
  line-height: 65px;
}
.line_height_80 {
  line-height: 80px;
}
.line_height_82 {
  line-height: 82px;
}

/* ===================================
     Button
====================================== */
a.learn-more {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
a.learn-more {
  width: 220px;
  height: auto;
}
a.learn-more .circle {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 1.625rem;
}
a.learn-more .circle .icon {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
a.learn-more .circle .icon.arrow {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
a.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
a.learn-more .button-text {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  text-align: center;
}
a.learn-more:hover .circle {
  width: 100%;
}
a.learn-more:hover .circle .icon.arrow {
  background: #fff;
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
a.learn-more:hover .button-text {
  color: #fff;
}

.hosting_plan_box.active a.learn-more,
.domain_offer_box.active a.learn-more {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
.hosting_plan_box.active a.learn-more,
.domain_offer_box.active a.learn-more {
  width: 220px;
  height: auto;
}
.hosting_plan_box.active a.learn-more .circle,
.domain_offer_box.active a.learn-more .circle {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 1.625rem;
}
.hosting_plan_box.active a.learn-more .circle .icon,
.domain_offer_box.active a.learn-more .circle .icon {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ff007e;
}
.hosting_plan_box.active a.learn-more .circle .icon.arrow,
.domain_offer_box.active a.learn-more .circle .icon.arrow {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.hosting_plan_box.active a.learn-more .circle .icon.arrow::before,
.domain_offer_box.active a.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #ff007e;
  border-right: 0.125rem solid #ff007e;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hosting_plan_box.active a.learn-more .button-text,
.domain_offer_box.active a.learn-more .button-text {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #fff;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  text-align: center;
}
.hosting_plan_box.active a.learn-more:hover .circle,
.domain_offer_box.active a.learn-more:hover .circle {
  width: 100%;
}
.hosting_plan_box.active a.learn-more:hover .circle .icon.arrow,
.domain_offer_box.active a.learn-more:hover .circle .icon.arrow {
  background: #ff007e;
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
.hosting_plan_box.active a.learn-more:hover .button-text,
.domain_offer_box.active a.learn-more:hover .button-text {
  color: #ff007e;
}

.inner_btn_dedicated_plan_box {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
.inner_btn_dedicated_plan_box {
  width: 220px;
  height: auto;
}
.inner_btn_dedicated_plan_box .circle {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 1.625rem;
}
.inner_btn_dedicated_plan_box:hover .circle {
  background: #fff;
}
.inner_btn_dedicated_plan_box .circle .icon {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.inner_btn_dedicated_plan_box .circle .icon.arrow {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.inner_btn_dedicated_plan_box .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.inner_btn_dedicated_plan_box:hover .circle .icon.arrow::before {
  border-top: 0.125rem solid #000;
  border-right: 0.125rem solid #000;
}
.inner_btn_dedicated_plan_box .button-text {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  text-align: center;
}
.inner_btn_dedicated_plan_box:hover .circle {
  width: 100%;
}
.inner_btn_dedicated_plan_box:hover .circle .icon.arrow {
  background: #000 !important;
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
a.inner_btn_dedicated_plan_box:hover .button-text {
  color: #000;
}

button.learn-more {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
button.learn-more {
  width: 220px;
  height: auto;
}
button.learn-more .circle {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
button.learn-more .button-text {
  transition: all 0.7s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  text-align: center;
}
button.learn-more:hover .circle {
  width: 100%;
}
button.learn-more:hover .circle .icon.arrow {
  background: #fff;
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
button.learn-more:hover .button-text {
  color: #fff;
}

/* ===================================
         Hover
====================================== */

.guarantee_box:hover {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.guarantee_box:hover .guarantee_box_heading,
.guarantee_box:hover p {
  color: #fff;
}
.guarantee_box:hover .guarantee_img01 {
  background: url("../images/hover_guarantee_img01.png");
}
.guarantee_box:hover .guarantee_img02 {
  background: url("../images/hover_guarantee_img02.png");
}
.guarantee_box:hover .guarantee_img03 {
  background: url("../images/hover_guarantee_img03.png");
}
.guarantee_box:hover .guarantee_img04 {
  background: url("../images/hover_guarantee_img04.png");
}
.domain_listing li:hover {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff;
}
.featured_box:hover {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.featured_box:hover .featured_box_heading,
.featured_box:hover p {
  color: #fff;
}
.top_navigation .navbar-nav li a:hover {
  color: #ff007e;
}
.footer_links li a:hover {
  color: #ff007e;
}
.top_navigation .dropdown .dropdown-menu a:hover {
  background-color: #fff;
  transform: scale(1.06);
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
}
.top_navigation .navbar-nav li.dropdown:hover .hosting_dropdown,
.top_navigation .navbar-nav li.dropdown:hover .whmcs_dropdown,
.top_navigation .navbar-nav li.dropdown:hover .company_dropdown {
  display: block;
}
/* ===================================
      Navigation Bar
====================================== */
.default_logo img {
  width: 120px;
}
.right_nav_links li {
  display: inline-block;
  padding: 0 15px;
}
.right_nav_links li a {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
}
.right_nav_links li:first-child {
  padding-left: 0;
}
.right_nav_links li:last-child {
  padding-right: 0;
}
.top_navigation {
  padding: 40px 100px 0;
}
.top_navigation .navbar-nav li a {
  font-size: 16px;
  font-weight: 500;
  color: #5a5f69;
  font-family: "Roboto", sans-serif;
  margin: 0 15px;
}
.top_navigation .navbar-nav li:first-child a {
  margin-left: 0;
}
.top_navigation .navbar-nav li:last-child a {
  margin-right: 0;
}

.navigation_bar {
  margin-left: 6%;
}
.bg_social_icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: table;
}
.bg_social_icon i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.top_navigation .dropdown .hosting_dropdown a {
  margin: 0;
}
.dropdown .hosting_dropdown {
  width: auto;
  border: none;
  left: 0;
}
.hosting_dropdown a.dropdown-item {
  padding: 15px !important;
  border-radius: 6px;
  float: left;
  transition: all ease-in-out 0.5s;
}

.menu_content {
  width: 100%;
  float: left;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}
.hosting_dropdown a span {
  display: block;
}
.top_navigation .navbar-nav .whmcs_dropdown > a,
.top_navigation .navbar-nav .company_dropdown > a {
  margin: 0;
}

.menu_navigation
  .inner_menu_navigation
  .menu_navigation_list
  li.dropdown
  .dropdown-menu
  a {
  padding: 15px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.menu_navigation
  .inner_menu_navigation
  .menu_navigation_list
  li.dropdown
  .dropdown-menu
  a:last-child {
  margin-bottom: 0;
}
.menu_navigation
  .inner_menu_navigation
  .menu_navigation_list
  li.dropdown
  .dropdown-menu
  a:hover {
  background-color: #ff4800;
  color: #fff;
}

/*Mega Menu*/
.mega_menu_box {
  width: 20%;
  float: left;
}
.outer_mega_menu {
  position: inherit;
}
.menu_navigation_list li.dropdown:hover .mega_menu {
  width: 1170px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.inner_mega_menu_box {
  width: 100%;
  padding: 40px 50px;
  float: left;
}

.mega_menu_box_heading {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #222;
  margin-bottom: 15px;
}
.margin_mega_menu {
  margin-bottom: 20px;
}
.mega_menu .mega_menu_box .list_mega_menu_box > li {
  position: relative;
  padding-left: 15px;
  list-style: none;
}
.mega_menu .mega_menu_box .list_mega_menu_box > li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #3f51b5;
  left: 0;
  top: 10px;
}
.mega_menu .mega_menu_box .list_mega_menu_box > li > a {
  font-size: 12px;
  line-height: 24px;
  color: #3f51b5;
  text-transform: capitalize;
  padding: 10px 0 !important;
}
.mega_menu .mega_menu_box .list_mega_menu_box > li > a:hover {
  color: #ff007e;
}
.menu_navigation
  .inner_menu_navigation
  .menu_navigation_list
  li.dropdown
  .mega_menu
  a:hover {
  color: #ff4800;
  background-color: transparent;
}
.badge {
  margin-left: 5px;
}
.badge-success {
  background-color: #009688;
}
.badge-primary {
  background-color: #1cc1ff;
}

.default_dd_menu {
  top: 40px !important;
  border-radius: 4px !important;
  padding: 10px 0 !important;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
}
.whmcs_dropdown {
  top: 38px !important;
  padding: 10px 0 !important;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
  border: none !important;
  left: 5px;
}
.navigation_bar .default_dd_menu a {
  padding: 5px 20px !important;
  transition: all ease-in-out 0.3s;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.navigation_bar .whmcs_dropdown a {
  padding: 5px 20px !important;
  transition: all ease-in-out 0.3s;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.navigation_bar .default_dd_menu a:hover,
.navigation_bar .whmcs_dropdown a:hover {
  background-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

.default_mega_menu {
  top: 78px !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
}

/* ===================================
            Banner
====================================== */
.starting_price {
  font-size: 20px;
  line-height: 30px;
  color: #5a5f69;
  position: relative;
}
.bold_price {
  font-size: 48px;
  line-height: 30px;
  color: #ff007e;
}
.color_price {
  font-size: 16px;
  line-height: 30px;
  color: #ff007e;
}
.starting_price:before {
  position: absolute;
  content: "";
  background: url("../images/price_circle.png");
  width: 93px;
  height: 93px;
  left: 120px;
  top: -35px;
}
.banner_listing li {
  font-size: 16px;
  line-height: 36px;
  color: #1633ff;
  position: relative;
  padding-left: 30px;
}
.banner_listing li:before {
  position: absolute;
  content: "";
  background: url("../images/check_mark.png");
  width: 22px;
  height: 23px;
  left: 0;
  top: 7px;
}
.hosting_feature_listing li {
  font-size: 16px;
  line-height: 36px;
  color: #ff007e;
  position: relative;
  padding-left: 30px;
}
.hosting_feature_listing li:before {
  position: absolute;
  content: "";
  background: url("../images/pink_check_mark.png");
  width: 22px;
  height: 23px;
  left: 0;
  top: 7px;
}
.reseller_banner_img figure {
  width: 480px;
  height: 411px;
}

/* ===================================
           FAQs Section
====================================== */
.card-header {
  border-bottom: none;
  background-color: transparent;
}
.card {
  background-color: transparent;
  border: none;
}
.card-body {
  padding: 0 32px;
}
.btn-link {
  color: #5a5f69;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  font-weight: 500;
}
#accordion .card-header button[aria-expanded="true"] {
  color: #1633ff;
}
#accordion .card-header button[aria-expanded="true"]:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  position: absolute;
  left: -40px;
  padding: 9px 12px;
  border-radius: 32px;
  color: #fff;
  background: #1633ff;
  background: -moz-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: -webkit-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: linear-gradient(135deg, #1633ff 0%, #ff007e 100%);
}

#accordion .card-header button[aria-expanded="false"]:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f106";
  position: absolute;
  left: -40px;
  background-color: #fff;
  padding: 9px 12px;
  border-radius: 32px;
}
.btn-link {
  text-decoration: none !important;
}

/* ===================================
           Hosting Plans Section
====================================== */
.hosting_plan_box {
  background-color: #fff;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.07);
  border-radius: 0;
  padding: 50px 35px;
  transition: all ease-in-out 0.5s;
}
.hosting_plan_box:hover {
  transform: translateY(-10px);
}
.hosting_plan_box p {
  font-size: 14px;
}
.hosting_plan_name {
  font-size: 20px;
  line-height: 24px;
  color: #222;
  margin-bottom: 17px;
}
.hosting_plan_box_price {
  font-size: 48px;
  color: #ff007e;
  line-height: 52px;
  margin-bottom: 20px;
  position: relative;
}
.hosting_plan_box_price:before {
  position: absolute;
  content: "";
  background: url("../images/circle.png");
  width: 93px;
  height: 93px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -10px;
}
.hosting_plan_box_price.active:before {
  top: -10px;
}
.hosting_plan_box_price span {
  font-size: 16px;
  color: #ff007e;
}
.discount_tag {
  font-size: 20px;
  line-height: 24px;
  color: #1633ff;
  margin-bottom: 30px;
}
.discount_tag span {
  font-size: 16px;
  line-height: 24px;
  color: #5a5f69;
}
.hosting_plan_listing li {
  font-size: 16px;
  line-height: 30px;
  color: #5a5f69;
}
.hosting_plan_listing {
  margin-bottom: 30px;
  margin-top: 30px;
}
.hosting_plan_box.active {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hosting_plan_box.active .hosting_plan_name,
.hosting_plan_box.active .hosting_plan_box_price,
.hosting_plan_box.active .hosting_plan_box_price span,
.hosting_plan_box.active .discount_tag,
.hosting_plan_box.active .discount_tag span,
.hosting_plan_box.active .hosting_plan_listing li {
  color: #fff;
}
.tag_line {
  position: relative;
}
.tag_line:before {
  position: absolute;
  content: "";
  background: url("../images/smile_face.png");
  width: 25px;
  height: 24px;
  left: 27%;
  top: 0;
}

.hosting_plan_box.active .hosting_plan_box_price:before {
  position: absolute;
  content: "";
  background: url("../images/active_circle.png");
  width: 93px;
  height: 93px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -10px;
}

/* ===================================
      Hosting Feature Section
====================================== */

.company_box01 {
  background-color: #fff;
  width: 165px;
  height: 165px;
  border-radius: 100%;
  position: relative;
  display: table;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
}
.company_box01:before {
  position: absolute;
  content: "";
  background: url("../images/company_img01.png");
  width: 48px;
  height: 39px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25%;
}
.company_box02 {
  background-color: #fff;
  width: 165px;
  height: 165px;
  border-radius: 100%;
  position: relative;
  display: table;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
}
.company_box02:before {
  position: absolute;
  content: "";
  background: url("../images/company_img02.png");
  width: 61px;
  height: 37px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25%;
}
.company_box03 {
  background-color: #fff;
  width: 165px;
  height: 165px;
  border-radius: 100%;
  position: relative;
  display: table;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
}
.company_box03:before {
  position: absolute;
  content: "";
  background: url("../images/company_img03.png");
  width: 63px;
  height: 46px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25%;
}
.company_detail_heading {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  padding-top: 60px;
}
.reseller_hosting_feature_img figure {
  width: 190px;
}
.company_box01:hover,
.company_box02:hover,
.company_box03:hover {
  background: #342cee; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #342cee 0%, #a913ae 100%);
  background: -webkit-linear-gradient(-45deg, #342cee 0%, #a913ae 100%);
  background: linear-gradient(135deg, #342cee 0%, #a913ae 100%);
}
.company_box01:hover:before {
  background: url("../images/hover_company_img01.png");
}
.company_box02:hover:before {
  background: url("../images/hover_company_img02.png");
}
.company_box03:hover:before {
  background: url("../images/hover_company_img03.png");
}
.company_box01:hover .company_detail_heading,
.company_box02:hover .company_detail_heading,
.company_box03:hover .company_detail_heading {
  color: #fff;
}

/* ===================================
      Guarantee Section
====================================== */
.guarantee_box {
  background-color: #fff;
  padding: 50px 35px;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
  transition: all ease-in-out 0.5s;
}
.guarantee_box_heading {
  font-size: 20px;
  line-height: 24px;
  color: #222;
}
.guarantee_box p {
  font-size: 14px;
  line-height: 24px;
}
.margin_box {
  margin-bottom: 40px;
}
.guarantee_img01 {
  background: url("../images/guarantee_img01.png") no-repeat center;
  width: 81px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.guarantee_img02 {
  background: url("../images/guarantee_img02.png") no-repeat center;
  width: 58px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.guarantee_img03 {
  background: url("../images/guarantee_img03.png") no-repeat center;
  width: 104px;
  height: 76px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.guarantee_img04 {
  background: url("../images/guarantee_img04.png") no-repeat center;
  width: 97px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
/* ===================================
    Search Domain Section
====================================== */
.search_box {
  width: 100%;
  height: 80px;
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}
.search_btn {
  position: absolute;
  right: 20px;
  top: 13px;
  width: 40px;
  height: 40px;
  font-size: 14px !important;
  font-weight: 700;
  color: #fff !important;
  transition-duration: 0.5s;
  line-height: 1;
  border: none;
  border-radius: 100%;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.search_btn:focus {
  outline: none;
}
.search_area {
  width: 100%;
  height: 100px;
  position: relative;
}
.search_box .text_field {
  width: 100%;
  font-size: 18px;
  line-height: 36px;
  height: 65%;
  padding: 0 30px;
  box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.07);
  border: 1px solid #f1f1f1;
  font-weight: 400;
  border-radius: 32px;
}
.search_area span.focus-border {
  position: absolute;
  right: 31px;
  top: 22px;
  z-index: 9;
  color: #fff;
  font-size: 16px;
}
.domain_listing li {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  width: 67px;
  height: 67px;
  border-radius: 100%;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
  padding: 9px;
  color: #222;
  margin: 0 10px;
}
.text_field:focus {
  outline: none;
}
/* ===================================
      Featured Section
    ====================================== */
.featured_box {
  background-color: #fff;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
  padding: 40px;
  text-align: right;
}
.featured_box_heading {
  font-size: 20px;
  line-height: 24px;
  color: #222;
  margin-bottom: 20px;
}
.featured_box_img {
  width: 81px;
  height: 81px;
  border-radius: 100%;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 auto;
  display: table;
  position: relative;
}
.feature_box_img {
  width: 81px;
  height: 81px;
  border-radius: 100%;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 auto;
  display: table;
  position: relative;
  margin-bottom: 25px;
}
.featured_box_img figure,
.feature_box_img figure {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.featured_box_img:before {
  position: absolute;
  content: "";
  background-color: #1633ff;
  width: 30px;
  height: 2px;
  left: -30px;
  top: 50%;
}
.featured_box_img:after {
  position: absolute;
  content: "";
  background-color: #ff007e;
  width: 30px;
  height: 2px;
  right: -30px;
  top: 50%;
}
.outer_featured_box {
  position: relative;
}
.outer_featured_box:before {
  position: absolute;
  content: "";
  background-color: #ff007e;
  width: 2px;
  height: 100%;
  right: 0;
  top: 0;
}
.hosting_feature_row {
  position: relative;
}
.hosting_feature_row:before {
  position: absolute;
  content: "";
  background: url("../images/circle_img.png");
  width: 20px;
  height: 20px;
  right: 49.2%;
  top: -20px;
}
.hosting_feature_row:after {
  position: absolute;
  content: "";
  background: url("../images/circle_img.png");
  width: 20px;
  height: 20px;
  right: 49.2%;
  bottom: -20px;
}
.welcome_section_img figure img {
  width: 445px;
  height: 418px;
}
/* ===================================
        Latest Posts Section
====================================== */
.latest_post_content {
  background-color: #fff;
  padding: 43px 60px;
}
.content_blog_post_box {
  background-color: #fff;
  padding: 37px;
}
.inner_blog_post_box figure img {
  width: 100%;
  height: auto;
}
.inner_blog_post_box {
  padding-right: 0;
}
.outer_content_blog_post_box {
  padding-left: 0;
  background-color: #fff;
}
.featured_post_tag {
  background: url("../images/feature_post_bg.png") no-repeat center;
  width: 150px;
  height: 40px;
}
.first_blog_post_img_box {
  position: relative;
}
.featured_post_tag {
  position: absolute;
  bottom: 10px;
  color: #fff;
  padding: 9px 15px;
}

/* ===================================
      Testimonial Section
====================================== */
.client_name {
  font-size: 20px;
  line-height: 24px;
  color: #222;
}
.testimonial_indicators {
  top: 0;
}
.testimonial_indicators li {
  text-indent: 0;
  width: 100%;
  height: auto;
  background-color: transparent;
  opacity: 0.3;
  margin: 0 30px;
}
.testimonial_indicators li:before,
.testimonial_indicators li:after {
  display: none;
}
.testimonial_indicators li.active {
  background-color: transparent;
  opacity: 1;
}
.carousel-item {
  padding-top: 150px;
}
.carousel-control-next,
.carousel-control-prev {
  width: 40px;
  top: auto;
  bottom: -75px;
  background-color: #fff;
  height: 40px;
  border-radius: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
}
.carousel-control-next {
  left: -50px;
}
.carousel-control-prev {
  right: -50px;
}
.carousel-control-prev-icon {
  background: url("../images/black_right_arrow.png") no-repeat center;
}
.carousel-control-next-icon {
  background: url("../images/left_arrow.png") no-repeat center;
}

/* ===================================
      COA Section
====================================== */
.coa_block {
  background-color: #fff;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
  padding: 60px 0;
  border-radius: 4px;
}
.box_shadow {
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
}
/* ===================================
          Footer Section
====================================== */
.footer_social_links li {
  display: inline-block;
  padding: 0 3px;
}
.footer_social_links li:first-child {
  padding-left: 0;
}
.footer_social_links li:last-child {
  padding-right: 0;
}
.footer_social_links li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: table;
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footer_social_links li a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.footer_social_links li a:hover {
  background: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
}
.footer_social_links li a:hover i {
  color: #5a5f69;
}
.footer_heading {
  font-size: 18px;
  line-height: 24px;
  color: #222;
  margin-bottom: 30px;
}
.footer_links li a {
  font-size: 14px;
  line-height: 28px;
  color: #5a5f69;
}

/* ===================================
          Featured Section
====================================== */
.feature_heading {
  font-size: 20px;
  line-height: 24px;
  color: #222;
}
.center_box,
.first_box,
.last_box {
  position: relative;
}
.center_box:before,
.last_box:after {
  position: absolute;
  content: "";
  background-color: #1633ff;
  width: 145px;
  height: 2px;
  left: -145px;
  top: 50%;
}
.center_box:after,
.first_box:before {
  position: absolute;
  content: "";
  background-color: #ff007e;
  width: 145px;
  height: 2px;
  right: -145px;
  top: 50%;
}
.first_box:after {
  position: absolute;
  content: "";
  background: url("../images/circle_img.png");
  width: 20px;
  height: 20px;
  right: -157px;
  top: 40%;
  z-index: 9;
}
.last_box:before {
  position: absolute;
  content: "";
  background: url("../images/circle_img.png");
  width: 20px;
  height: 20px;
  left: -163px;
  top: 40%;
  z-index: 9;
}
/* ===================================
        FAQ  Section
====================================== */
.card-header > a:before {
  float: right !important;
  font-family: FontAwesome;
  content: "\f068";
  padding-right: 5px;
}
.card-header > a.collapsed:before {
  float: right !important;
  content: "\f067";
}
.card-header > a:hover,
.card-header > a:active,
.card-header > a:focus {
  text-decoration: none;
}
/* ===================================
   Comparing Price Plan Section
====================================== */
article {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.comparing_price_plan,
.domains_tlds {
  display: flex;
  top: 0px;
  z-index: 10;
  padding-bottom: 14px;
}
.comparing_price_plan li,
.domains_tlds li {
  list-style: none;
  flex: 1;
}
.comparing_price_plan li:last-child,
.domains_tlds li:last-child {
  border-right: 1px solid #ddd;
}
.comparing_price_plan button,
.domains_tlds button {
  width: 100%;
  border: 1px solid #ddd;
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 60px;
  color: #ff007e;
}
.comparing_price_plan li.active button,
.domains_tlds li.active button {
  color: #1633ff;
}
.table_comparing_price_plan thead tr th {
  color: #fff;
  font-size: 24px;
  line-height: 28px;
}
table {
  border-collapse: collapse;
  table-layout: fixed;
}
th {
  display: none;
}
th {
  height: 53px;
}
td,
th {
  padding: 10px;
  empty-cells: show;
}
td,
th {
  text-align: left;
}
td + td,
th + th {
  text-align: center;
  display: none;
}
td.default {
  display: table-cell;
}
.bg-purple {
  background-color: #1633ff;
}
.bg-white {
  background-color: #fff;
}
.white_heading {
  font-size: 24px;
  line-height: 28px;
}
.txt-l {
  font-size: 48px;
  line-height: 54px;
  color: #ff007e;
}
.txt-top {
  font-size: 16px;
  line-height: 24px;
  color: #ff007e;
  text-transform: capitalize;
}

.hide {
  border: 0;
  background: none;
}

@media (min-width: 640px) {
  .comparing_price_plan,
  .domains_tlds {
    display: none;
  }
  td,
  th {
    display: table-cell !important;
  }
  .table_comparing_price_plan td,
  .table_comparing_price_plan th {
    width: 330px;
  }
  td + td,
  th + th {
    width: auto;
  }
}
.table_comparing_price_plan tbody tr td:first-child {
  font-size: 16px;
  line-height: 24px;
  color: #222;
  width: 40% !important;
  padding: 10px 20px;
}
.table_comparing_price_plan tbody tr td {
  font-size: 16px;
  line-height: 24px;
  color: #5a5f69;
}
.first_heading_pricing_plan {
  font-size: 24px !important;
  line-height: 28px !important;
  color: #222 !important;
}
.heading_pricing_plan {
  font-size: 24px !important;
  line-height: 28px !important;
  color: #fff !important;
  padding: 15px 25px;
}
.table_comparing_price_plan tbody {
  background-color: #fff;
  box-shadow: 0 30px 30px 7px rgba(0, 0, 0, 0.07);
}
/* ===================================

   Hosting Features Section
====================================== */
.hosting_feature_heading {
  font-size: 24px;
  line-height: 30px;
  color: #222;
}
/* ===================================
   Dedicated Price Plan Section
====================================== */
.dedicated_plan_box {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 30px;
  transition: all ease-in-out 0.5s;
}
.dedicated_plan_box_img {
  background: url("../images/dedicated_plan_img01.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
}
.dedicated_plan_box_heading {
  font-size: 24px;
  line-height: 28px;
  color: #222;
}
.server_name {
  font-size: 24px;
  line-height: 28px;
  color: #1633ff;
}
.dedicated_plan_listing {
  margin-bottom: 20px;
}
.dedicated_plan_listing li {
  font-size: 16px;
  line-height: 30px;
  color: #5a5f69;
}
.dedicated_plan_price {
  font-size: 16px;
  line-height: 24px;
  color: #1633ff;
}
.dedicated_plan_price span {
  font-size: 48px;
  line-height: 24px;
}
.btn_dedicated_plan_box {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 15px 0;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.07);
}
.outer_dedicated_plan_box:hover .dedicated_plan_box {
  box-shadow: 0 0 0 10px #1633ff inset;
}
.outer_dedicated_plan_box:hover .btn_dedicated_plan_box {
  background-color: #1633ff;
}
.outer_dedicated_plan_box:hover .inner_btn_dedicated_plan_box .circle {
  width: 100%;
}
.outer_dedicated_plan_box:hover .inner_btn_dedicated_plan_box .circle {
  background: #fff;
}
.outer_dedicated_plan_box:hover
  .inner_btn_dedicated_plan_box
  .circle
  .icon.arrow {
  background: #000 !important;
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
.outer_dedicated_plan_box:hover a.inner_btn_dedicated_plan_box .button-text {
  color: #5a5f69;
}
.outer_dedicated_plan_box:hover
  .inner_btn_dedicated_plan_box
  .circle
  .icon.arrow::before {
  border-top: 0.125rem solid #000;
  border-right: 0.125rem solid #000;
}
/* ===================================
            Why Choose Hosting
====================================== */
.why_choose_heading {
  font-size: 24px;
  line-height: 24px;
  color: #222;
}
.dedicated_why_choose_img figure {
  width: 190px;
}
/* ===================================
            Software Install
====================================== */
.software_box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 35px 0;
  transition: all ease-in-out 0.5s;
}
.software_box_img01 {
  background: url("../images/software_img01.png");
  width: 38px;
  height: 43px;
  margin: 0 auto;
}
.software_box_img02 {
  background: url("../images/software_img02.png");
  width: 42px;
  height: 43px;
  margin: 0 auto;
}
.software_box_img03 {
  background: url("../images/software_img03.png");
  width: 36px;
  height: 43px;
  margin: 0 auto;
}
.software_box_img04 {
  background: url("../images/software_img04.png");
  width: 36px;
  height: 43px;
  margin: 0 auto;
}
.software_box_img05 {
  background: url("../images/software_img05.png");
  width: 42px;
  height: 43px;
  margin: 0 auto;
}
.software_box_img06 {
  background: url("../images/software_img06.png");
  width: 30px;
  height: 43px;
  margin: 0 auto;
}
.software_box_name {
  font-size: 16px;
  line-height: 24px;
  color: #5a5f69;
}
.software_box:hover {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.software_box:hover .software_box_img01 {
  background: url("../images/hover_software_img01.png");
  width: 38px;
  height: 43px;
}
.software_box:hover .software_box_img02 {
  background: url("../images/hover_software_img02.png");
  width: 42px;
  height: 43px;
}
.software_box:hover .software_box_img03 {
  background: url("../images/hover_software_img03.png");
  width: 36px;
  height: 43px;
}
.software_box:hover .software_box_img04 {
  background: url("../images/hover_software_img04.png");
  width: 36px;
  height: 43px;
}
.software_box:hover .software_box_img05 {
  background: url("../images/hover_software_img05.png");
  width: 42px;
  height: 43px;
}
.software_box:hover .software_box_img06 {
  background: url("../images/hover_software_img06.png");
  width: 30px;
  height: 43px;
}
.software_box:hover .software_box_name {
  color: #fff;
}
/* ===================================
      Domain Offers
====================================== */
.domain_offer_box {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 40px;
  border-radius: 6px;
}
.domain_name {
  font-size: 36px;
  line-height: 48px;
  color: #222;
}
.domain_offer_box.active {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.domain_offer_box.active .domain_name {
  color: #fff;
}
.domain_offer_box.active p,
.domain_offer_box.active strike {
  color: #fff;
}
.domain_offer_box.active .hosting_plan_box_price,
.domain_offer_box.active .hosting_plan_box_price span {
  color: #fff;
}
/* ===================================
      About Hosting
====================================== */
.about_hosting_box {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 100px 20px 40px;
  position: relative;
  border-radius: 6px;
}
.about_hosting_box_img {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -75px;
}
/* ===================================
      Hosting Statistics
====================================== */
.hosting_counter_box {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 40px 0;
}
.hosting_counter_box_img01 {
  background: url("../images/hosting_counter_img01.png");
  width: 49px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.hosting_counter_box_img02 {
  background: url("../images/hosting_counter_img02.png");
  width: 56px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.hosting_counter_box_img03 {
  background: url("../images/hosting_counter_img03.png");
  width: 53px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.hosting_counter_box_img04 {
  background: url("../images/hosting_counter_img04.png");
  width: 63px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.hosting_counter_box:hover {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hosting_counter_box:hover .hosting_counter_box_img01 {
  background: url("../images/hover_hosting_counter_img01.png");
  width: 49px;
  height: 46px;
}
.hosting_counter_box:hover .hosting_counter_box_img02 {
  background: url("../images/hover_hosting_counter_img02.png");
  width: 56px;
  height: 46px;
}
.hosting_counter_box:hover .hosting_counter_box_img03 {
  background: url("../images/hover_hosting_counter_img03.png");
  width: 53px;
  height: 46px;
}
.hosting_counter_box:hover .hosting_counter_box_img04 {
  background: url("../images/hover_hosting_counter_img04.png");
  width: 63px;
  height: 46px;
}
.hosting_counter_box_counts {
  font-size: 36px;
  line-height: 30px;
  color: #222;
}
.hosting_counter_box_name {
  line-height: 30px;
}
.hosting_counter_box:hover .hosting_counter_box_counts,
.hosting_counter_box:hover .hosting_counter_box_name {
  color: #fff;
}
/* ===================================
      Hosting Team
====================================== */
.team_member_name {
  font-size: 20px;
  line-height: 24px;
  color: #222;
}
.team_members_listing li {
  display: inline-block;
  padding: 0 5px;
}
.team_member_box {
  padding: 40px 15px;
  transition: all ease-in-out 0.5s;
}
.team_member_box:hover {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
}
.team_members_listing li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
  display: table;
  box-shadow: 0 0 15px 7px rgba(0, 0, 0, 0.07);
}
.team_members_listing li a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  color: #5a5f69;
}
.team_members_listing li a:hover {
  background: #1633ff; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1633ff 0%,
    #ff007e 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.team_members_listing li a:hover i {
  color: #fff;
}
/* ===================================
      Contact Box
====================================== */
.contact_box {
  background-color: #fff;
  width: 165px;
  height: 165px;
  border-radius: 100%;
  position: relative;
  padding: 40px 0;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.07);
}
.contact_box_image01 {
  background: url("../images/contact_us_img01.png");
  width: 37px;
  height: 38px;
  margin: 0 auto;
}
.contact_box_image02 {
  background: url("../images/contact_us_img02.png");
  width: 37px;
  height: 38px;
  margin: 0 auto;
}
.contact_box_image03 {
  background: url("../images/contact_us_img03.png");
  width: 40px;
  height: 38px;
  margin: 0 auto;
}
.contact_box_name {
  font-size: 20px;
  line-height: 28px;
  color: #222;
}
.contact_us_box {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 80px 0;
  min-height: 268px;
  border-radius: 4px;
}
.contact_us_box:hover {
  background: #1633ff;
  background: -moz-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: -webkit-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: linear-gradient(135deg, #1633ff 0%, #ff007e 100%);
}
.contact_us_box:hover .contact_us_box_heading {
  color: #fff;
}
.contact_us_box:hover p {
  color: #fff;
}
.contact_us_box_heading {
  font-size: 20px;
  line-height: 24px;
  color: #222;
}
.contact_fields {
  border: none;
  border-radius: 32px;
  padding: 20px 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
}
.contact_box:hover {
  background: #1633ff;
  background: -moz-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: -webkit-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: linear-gradient(135deg, #1633ff 0%, #ff007e 100%);
}
.contact_box:hover .contact_box_image01 {
  background: url("../images/hover_contact_us_img01.png");
  width: 37px;
  height: 38px;
}
.contact_box:hover .contact_box_image02 {
  background: url("../images/hover_contact_us_img02.png");
  width: 37px;
  height: 38px;
}
.contact_box:hover .contact_box_image03 {
  background: url("../images/hover_contact_us_img03.png");
  width: 40px;
  height: 38px;
}
.contact_box:hover .contact_box_name {
  color: #fff;
}
.contact_us_box_list li a {
  color: #5a5f69;
}
.contact_us_box:hover .contact_us_box_list li {
  color: #fff;
}
.contact_us_box:hover .contact_us_box_list li a {
  color: #fff;
}
/* ===================================
      Domain  Table
====================================== */
.table_domains {
  background-color: #fff;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  width: 100%;
}
.table_domains td,
.table_domains th {
  text-align: center;
}
.table_domains th {
  padding: 30px 0;
  position: relative;
  color: #ff007e;
  font-size: 16px;
}
.table_domains th:before {
  position: absolute;
  content: "";
  background-color: #ff007e;
  width: 50%;
  height: 2px;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.table_domains td {
  position: relative;
}
.table_domains td:before {
  position: absolute;
  content: "";
  background-color: #ccc;
  width: 50%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.table_domains tr:last-child td:before {
  display: none;
}

.slider_nodes {
  width: 100%;
}
.slider_nodes li {
  display: inline-block;
  padding: 0 35px;
}

@media only screen and (min-width: 992px) {
  .navigation_bar li.dropdown:hover .hosting_dropdown {
    display: block;
  }
  .navigation_bar li.dropdown:hover .default_dd_menu {
    display: block;
  }
  .navigation_bar li.dropdown:hover .default_mega_menu {
    display: block;
  }
  .header01_navbar li.dropdown:hover .default_dd_menu {
    display: block;
  }
  .header01_navbar li.dropdown:hover .mega_menu_header02 {
    display: block;
  }
  .menubar_header_02 li.dropdown:hover .header02_dd_menu {
    display: block;
  }
  .menubar_header_03 li.dropdown:hover .header02_dd_menu {
    display: block;
  }
  .menubar_header_03 li.dropdown:hover .mega_menu_02 {
    display: block;
  }
  .menubar_header03 li.dropdown:hover .header03_dropdown {
    display: block;
  }
  .menubar_header03 li.dropdown:hover .mega_menu03 {
    display: block;
  }
  .header04_navbar li.dropdown:hover .header04_dropdown {
    display: block;
  }
  .header04_navbar li.dropdown:hover .mega_menu03 {
    display: block;
  }
}

/* ===================================
                Header01
====================================== */
.header01_navigation {
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
  bottom: -55px;
}
.header01 {
  background-color: #ecedf1;
}
.header01_top_bar {
  padding: 5px 0 50px;
}
.header01_top_bar_content {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 5px;
}
.header01_top_bar_btn {
  text-align: right;
}
.header01_top_bar_btn .btn_contact_us {
  background-color: #1633ff;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  padding: 10px 15px;
  display: inline-block;
  transition: all ease-in-out 0.5s;
  border-radius: 4px;
}
.header01_top_bar_btn .btn_contact_us:hover {
  background-color: #ff007e;
  color: #fff;
}
a.header01_logo img {
  width: 123px;
}
.header01_contact_list li,
.header01_social_links li {
  display: inline-block;
}
.header01_contact_list li {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #5a5f69;
  padding: 0 15px;
}
.header01_contact_list li:first-child {
  padding-left: 0;
}
.header01_contact_list li:last-child {
  padding-right: 0;
}
.header01_contact_list li a {
  color: #5a5f69;
  font-size: 12px;
}
.header01_contact_list li a i,
.header01_contact_list li i {
  margin-right: 5px;
}
.header01_social_links li a i {
  font-size: 14px;
  padding: 0 10px;
}
.header01_social_links li:first-child a i {
  padding-left: 0;
}
.header01_social_links li:last-child a i {
  padding-right: 0;
}
.header01_navbar li a {
  font-size: 16px;
  line-height: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 20px !important;
  color: #5a5f69;
}
.header01_navbar li:first-child > a {
  padding-left: 0 !important;
}
.header01_navbar li:last-child > a {
  padding-right: 0 !important;
}
.header01_contact_info_box {
  padding: 10px 20px;
}
.outer_header01_navbar {
  padding: 0 20px;
}
.header01_contact_info_box {
  border-bottom: 1px solid #e5e5e5;
}
.outer_header01_logo {
  border-right: 1px solid #e5e5e5;
  text-align: center;
}
a.navbar-brand.header01_logo {
  margin: 0 auto;
  padding: 37px 0;
}
.sub_dropdown {
  top: 53px !important;
  border: none;
  border-radius: 0;
  padding: 5px 0;
  margin: 0;
  left: 0;
}
.header01_navigation .sub_dropdown > a {
  font-size: 14px;
  text-transform: capitalize;
  padding: 7px 20px !important;
  margin: 5px 0;
  font-weight: 400;
}
.header01_dd_menu {
  left: -20px;
}
.header01_dd_menu04 {
  top: 51px !important;
  padding: 10px 0;
}
.header01_navbar .header01_dd_menu04 a {
  padding: 10px 20px !important;
  font-weight: 400;
  font-size: 14px;
}
.header01_navigation .sub_dropdown > a:hover {
  background-color: transparent;
  color: #ff007e;
}
.header01_navigation .header01_dd_menu04 > a:hover {
  background-color: transparent;
  color: #ff007e;
}
.header_from_top {
  top: 40px !important;
  left: -15px;
}
.header02_mobile_logo {
  display: none;
}
/* ===================================
                Header02
====================================== */
.header_02 {
  float: left;
  width: 100%;
  background-color: #ecedf1;
}
.header_02_logo {
  max-width: 300px !important;
  flex-basis: 300px !important;
  position: absolute;
  background: #fff;
  height: 165px;
  z-index: 1;
  display: table;
  width: 220px;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px 0 #ececec;
  -moz-box-shadow: 0 0 10px 0 #ececec;
  box-shadow: 0 0 10px 0 #ececec;
}
.header_02_logo figure {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
.header_02_top_navigation {
  padding: 0;
  float: left;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}
.header_02_social_links li {
  display: inline-block;
}
.left_box {
  width: 50%;
  float: left;
}
.right_box {
  width: 50%;
  float: right;
  text-align: right;
}
.left_box a {
  position: relative;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.left_box a:hover,
.contact_number a:hover {
  color: #ff007e;
}
.left_box a i {
  margin-right: 10px;
}
.header_02_social_links li {
  display: inline-block;
}
.header_02_social_links li a i {
  font-size: 14px;
  color: #666;
  padding: 0 5px;
}
.header_02_social_links li a i:hover {
  color: #ff007e;
}
.header_02_social_links {
  float: left;
  margin-right: 20px;
}
.inner_box {
  float: right;
}
.contact_number {
  position: relative;
  padding-left: 30px;
}
.contact_number:before {
  position: absolute;
  content: "";
  left: 0;
  top: 3px;
  height: 75%;
  width: 1px;
  background-color: #ccc;
}
.contact_number a {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.contact_number a i {
  margin-right: 10px;
}
.mega_menu_02 {
  top: 44px;
  border: none;
  border-radius: 0;
  width: 1100px !important;
  left: -540px;
}
.header_02_top_navigation .menubar_header_02 li a,
.header_02_top_navigation .menubar_header_03 li a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px !important;
  color: #5a5f69;
}

.dd_header01,
.dd_menu_01 {
  top: 44px;
  border: none;
  border-radius: 0;
  background-color: #ecedf1;
  left: -17px;
}
.default_mega_menu {
  left: 200px;
}
.default_mega_menu .list_mega_menu_box li:first-child a {
  margin-left: 0 !important;
}
.default_mega_menu .list_mega_menu_box li a {
  margin: 0 !important;
}
.default_mega_menu .list_mega_menu_box li a:hover {
  color: #ff007e !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.mega_menu_header02 {
  top: 96px !important;
  left: -170px;
}

.header02_dd_menu {
  background-color: #fff;
  top: 39px !important;
  left: 0;
}

.header02_dd_menu a:hover {
  color: #ff007e !important;
  background-color: transparent;
}
.menubar_header_03 .mega_menu_02 {
  top: 38px;
}

/*.menubar_header_02 > li:first-child a{padding-left: 0 !important;}*/
/*.header02_right_side > li:last-child a{padding-right: 0 !important;}*/
/*.menubar_header_02 .header02_dd_menu > a{padding-left: 20px !important;}*/
.header02_dd_menu a {
  font-size: 14px !important;
  font-weight: 400 !important;
}
/* ===================================
             Header 03
====================================== */
.header03_logo img {
  width: 120px;
}
.header03_top_navigation {
  background-color: #fff;
  padding: 0;
  margin-top: 10px;
}
.navigation .menubar_header03 li a {
  padding: 15px 50px !important;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
}
.navigation .menubar_header03 li > a:first-child {
  padding-left: 0 !important;
}
.header03_contact_info li {
  display: inline-block;
  position: relative;
  padding: 0 35px;
  text-align: left;
}
.header03_contact_info li:last-child {
  padding-right: 0;
}
.header03_contact_info li:nth-child(1):before {
  position: absolute;
  content: "";
  background: url("../images/phone_img.png");
  width: 25px;
  height: 25px;
  left: 0;
  top: 5px;
}
.header03_contact_info li:nth-child(2):before {
  position: absolute;
  content: "";
  background: url("../images/map_marker.png");
  width: 26px;
  height: 26px;
  left: 0;
  top: 5px;
}
.header03_contact_info li small {
  font-size: 12px;
}
.header03_contact_info li a {
  font-size: 16px;
  color: #5a5f69;
}
.header03_contact_info li a:hover {
  color: #ff007e;
}

.header03_contact_info li {
  font-size: 14px;
  line-height: 20px;
}
.dd_header03 {
  top: 47px;
}
.mega_menu03 {
  top: 52px;
  left: 20%;
  border: none;
  border-radius: 0;
}
.dd_header03 {
  top: 52px;
  border: none;
  border-radius: 0;
  left: -20px;
}
.header03_dropdown {
  background-color: #fff;
  padding: 10px 0;
}
.header03_dropdown a {
  font-size: 14px;
  text-transform: capitalize !important;
}
.navigation .menubar_header03 .header03_dropdown a {
  padding: 8px 20px !important;
  color: #5a5f69;
}
.navigation .menubar_header03 .header03_dropdown a:hover {
  background-color: transparent;
  color: #ff007e;
}
.navigation .menubar_header03 .header03_dropdown a:first-child {
  padding-left: 20px !important;
}
.header03_gradient_bg {
  background: #1633ff;
  background: -moz-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: -webkit-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: linear-gradient(135deg, #1633ff 0%, #ff007e 100%);
}

/* ===================================
             Header 04
====================================== */
.header04_top_bar {
  background-color: #f5f6fa;
  padding: 5px 0;
}
.header04_social_links li {
  display: inline-block;
}
.header04_social_links li a i {
  font-size: 14px;
  padding: 10px;
  color: #5a5f69;
}
.header04_social_links li a i:hover {
  color: #ff007e;
}
.office_timing {
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0;
}
.header04_navbar li a {
  font-size: 14px;
  line-height: 18px;
  padding: 15px 20px !important;
  color: #fff;
}
.header04_navbar li a:hover {
  background-color: #fff;
  color: #ff007e;
}
.header04_dropdown {
  top: 45px;
  background-color: #fff;
  left: 0;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
}
.header04_navbar .header04_dropdown a {
  color: #5a5f69 !important;
  padding: 8px 20px !important;
}
.header04_navbar .header04_dropdown a:hover {
  color: #ff007e !important;
  background-color: transparent;
}
.header04_navigation {
  background: #1633ff;
  background: -moz-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: -webkit-linear-gradient(-45deg, #1633ff 0%, #ff007e 100%);
  background: linear-gradient(135deg, #1633ff 0%, #ff007e 100%);
}
.header04_navbar .mega_menu03 {
  top: 46px;
  width: 1110px;
  left: 0;
}
/* ===================================
              Footer01
====================================== */
.footer01_section {
  background-color: #ecedf1;
}
.footer01_social_links li {
  display: inline-block;
  padding: 0 5px;
}
.footer01_links_border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.footer01_links li {
  display: inline-block;
  padding: 0 10px;
}
.footer01_links li {
  font-size: 14px;
}
.footer01_links li a {
  font-size: 14px;
  color: #5a5f69;
}
.footer01_links li a:hover {
  color: #ff007e;
}
.footer_logo {
  width: 120px;
}
/* ===================================
                Footer02
====================================== */
.footer02_links_list li a {
  font-size: 14px;
  line-height: 30px;
  position: relative;
}
.footer02_links_list li a:before {
  position: absolute;
  content: "";
  border: 2px solid #ff007e;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  left: -15px;
  top: 5px;
}
.footer02_contact_details_list li {
  font-size: 16px;
  line-height: 40px;
  position: relative;
}
.footer02_contact_details_list li:first-child {
  font-weight: 600;
}
.footer02_contact_details_list li i {
  position: absolute;
  content: "";
  left: -25px;
  top: 12px;
}
.footer02_contact_details_list li div {
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}
.footer02_links_heading {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
.footer02_subscribe_email {
  position: relative;
  border: 1px solid #ccc;
  padding: 7px;
  font-size: 14px;
  width: 100%;
  border-radius: 32px;
}
.footer02_subscribe_email_btn {
  position: absolute;
  content: "";
  border: none;
  font-size: 14px;
  background-color: #ff007e;
  top: 44px;
  right: 15px;
  padding: 8px 20px;
  color: #fff;
  border-radius: 0 32px 32px 0;
}
.footer02_subscribe_email:focus {
  outline: none;
}
.footer02_subscribe_email_box {
  margin-bottom: 20px;
}
.footer02_social_links {
  margin-bottom: 20px;
}
.footer02_social_links li {
  display: inline-block;
}
.footer02_social_links li a i {
  font-size: 14px;
  padding: 0 5px;
}
.footer01_social_links li a i {
  font-size: 16px;
}
.footer02_contact_details_list li a {
  font-size: 14px;
  color: #5a5f69;
}
.footer02_contact_details_list li a:hover {
  color: #ff007e;
}
.footer02_copyright {
  font-size: 14px;
}
/* ===================================
             Footer 03
====================================== */
.footer03_first_box li {
  display: inline-block;
}
.footer03_first_box li:last-child {
  float: right;
}
.footer03_first_box li a {
  font-size: 14px;
  line-height: 20px;
  color: #5a5f69;
  padding: 0 15px;
  text-transform: capitalize;
}
.footer03_first_box li a:hover {
  color: #ff007e;
}
.footer03_box_inner figure img {
  width: 140px;
  margin-bottom: 30px;
}
.footer03_box_inner p {
  font-size: 14px;
  line-height: 24px;
}
.footer03_social_links {
  float: right;
}
.footer03_social_links li {
  display: inline-block;
}
.footer03_social_links li a i {
  font-size: 14px;
  color: #666;
  padding: 5px;
}
.footer03_social_links li a i:hover {
  color: #ff007e;
}
.footer03_box p {
  color: #5a5f69;
}
.footer03_box .footer_02_contact_details li {
  color: #5a5f69;
}
.footer03_heading {
  font-size: 16px;
  color: #5a5f69;
  font-weight: 600;
}
.footer03_links li a {
  font-size: 14px;
  line-height: 30px;
  color: #5a5f69;
}
.footer03_links li a:hover {
  color: #ff007e;
}
.footer03_links {
  padding-left: 40px;
}
.footer03_links_list {
  padding-left: 0;
}
/* ===================================
             Footer 04
====================================== */
.footer04_links li a {
  font-size: 14px;
  line-height: 30px;
  transition: all ease-in-out 0.5s;
  color: #5a5f69;
}
.footer04_contact_details li {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-left: 50px;
  margin-bottom: 15px;
}
.footer04_contact_details li a {
  color: #5a5f69;
}
.footer04_contact_details li a:hover {
  color: #ff007e;
}
.footer04_contact_details li:nth-child(1):before {
  position: absolute;
  content: "";
  background: url("../images/map_marker.png");
  width: 26px;
  height: 26px;
  left: 0;
  top: 5px;
}
.footer04_contact_details li:nth-child(2):before {
  position: absolute;
  content: "";
  background: url("../images/clock_img.png");
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
}
.footer04_contact_details li:nth-child(3):before {
  position: absolute;
  content: "";
  background: url("../images/phone_img.png");
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
}
.footer04_contact_details li:nth-child(4):before {
  position: absolute;
  content: "";
  background: url("../images/envelope_img.png");
  width: 26px;
  height: 18px;
  left: 0;
  top: 5px;
}
input.mail_subscribe_field {
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  border: 1px solid #ededed;
  position: relative;
  border-radius: 32px;
}
.email_submit_btn {
  border: none;
  color: #fff;
  background-color: #0b257f;
  padding: 8px 20px;
  position: absolute;
  top: 37px;
  right: 20px;
  border-radius: 32px;
}
.email_submit_btn:hover {
  background-color: #ff007e;
  color: #fff;
}
.footer_02_social_links {
  margin-top: 30px;
  margin-bottom: 15px;
}
.footer_02_social_links li {
  display: inline-block;
}
.footer_02_social_links li a {
  color: #fff;
  background-color: #666;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: table;
}
.footer_02_social_links li a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.footer_02_social_links li a:hover {
  background-color: #ff007e;
}
.footer_02_social_links li a:hover i {
  color: #fff;
}
.footer_02_links li a:hover,
.footer_02_contact_details li a:hover {
  color: #13ceed;
}

/* ===================================
             Domain Transfer
====================================== */
.step_box {
  font-size: 72px;
  line-height: 52px;
  color: rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.domain_transfer_box {
  padding: 0 35px;
}
.domain_transfer_box h5 {
  font-size: 20px;
  line-height: 28px;
  color: #5a5f69;
  margin-bottom: 20px;
}
.domain_transfer_box p {
  font-size: 14px;
  line-height: 24px;
}
.domain_transfer_list li {
  position: relative;
  font-size: 16px;
  line-height: 36px;
  color: #1633ff;
  padding-left: 30px;
  text-align: left;
}
.domain_transfer_list li:before {
  position: absolute;
  content: "";
  background: url("../images/check_mark.png");
  width: 22px;
  height: 23px;
  left: 0;
  top: 6px;
}
.domain_transfer_feature_box {
  padding: 0 35px;
}
.domain_transfer_feature_box figure {
  margin-bottom: 20px;
}
.domain_transfer_feature_box h5 {
  margin-bottom: 20px;
  color: #222;
}
/* ===================================
             Coming Soon
====================================== */
.bg_coming_soon {
  background-color: #f5f6fa;
}
.coming_soon_main_img img {
  width: 100%;
  height: 80vh;
}
.coming_soon {
  padding: 50px;
  float: left;
  width: 100%;
}
.coming_soon_content_box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.07);
  padding: 50px 250px 50px 50px;
}
.coming_soon_heading {
  font-size: 74px;
  line-height: 48px;
  color: #5a5f69;
  font-weight: 900;
}
.coming_soon_heading small {
  font-size: 11px;
  line-height: 32px;
  color: rgba(64, 64, 64, 0.6);
  padding-left: 5px;
}

.counter_outer_box .countd {
  display: inline-block;
  padding: 0 20px;
  font-size: 12px;
  line-height: 30px;
  font-weight: 400;
  color: #5a5f69;
  text-align: center;
}
.counter_outer_box .countd span {
  font-size: 50px;
  line-height: 30px;
  font-weight: 400;
  color: #5a5f69;
}
.counter_outer_box .countd:first-child {
  padding-left: 0;
}
.counter_outer_box {
  margin-bottom: 50px;
}
.coming_soon_content_box p {
  font-size: 50px;
  line-height: 62px;
  font-weight: 400;
  color: #5a5f69;
  margin-bottom: 50px;
}
.outer_coming_soon_subscribe_email {
  position: relative;
}
.coming_soon_subscribe_email {
  width: 100%;
  border: none;
  background-color: #f3f3f3;
  border-radius: 32px;
  padding: 10px 30px;
}
.heading_coming_soon_subscribe_email {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
.submit_email_subscribe {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  border: none;
  border-radius: 32px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  background-color: #3b55e6;
  padding: 15px 35px;
}

.coming_soon_social_links li {
  display: inline-block;
  padding: 0 10px;
}
.coming_soon_social_links li:nth-child(1) a {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background-color: #34465d;
  display: table;
}
.coming_soon_social_links li:nth-child(1) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.coming_soon_social_links li:nth-child(2) a {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background-color: #3b5998;
  display: table;
}
.coming_soon_social_links li:nth-child(2) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.coming_soon_social_links li:nth-child(3) a {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background-color: #55acee;
  display: table;
}
.coming_soon_social_links li:nth-child(3) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.coming_soon_social_links li:nth-child(4) a {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background-color: #dd4b39;
  display: table;
}
.coming_soon_social_links li:nth-child(4) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.coming_soon_contact_us,
.coming_soon_contact_us_list li {
  font-size: 14px;
  line-height: 28px;
  color: #5a5f69;
  font-weight: 400;
}
/* ===================================
             404 Page
====================================== */
.bg_404 {
  background-color: #f5f6fa;
  padding: 40px 80px;
}
.error_page figure {
  width: 120px;
}
.error_page_social_list li {
  display: inline-block;
  padding: 0 10px;
}
.error_page_social_list li:last-child {
  padding-right: 0;
}
.error_page_social_list li:nth-child(1) a {
  width: 50px;
  height: 50px;
  background-color: #dd4b39;
  display: table;
  border-radius: 100%;
}
.error_page_social_list li:nth-child(1) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.error_page_social_list li:nth-child(2) a {
  width: 50px;
  height: 50px;
  background-color: #26a6d1;
  display: table;
  border-radius: 100%;
}
.error_page_social_list li:nth-child(2) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.error_page_social_list li:nth-child(3) a {
  width: 50px;
  height: 50px;
  background-color: #3b5998;
  display: table;
  border-radius: 100%;
}
.error_page_social_list li:nth-child(3) a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
}

.error_page_content_box {
  height: 100vh;
  display: table;
}
.inner_error_page_content_box {
  display: table-cell;
  vertical-align: middle;
}
.error_box {
  font-size: 250px;
  font-family: "Roboto", sans-serif;
  line-height: 210px;
  background: linear-gradient(to right, #1c5bea 0%, #ea3a60 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  margin-bottom: 20px;
}
.error_box_content {
  font-size: 58px;
  color: #5a5f69;
  font-weight: 900;
  line-height: 50px;
  margin-bottom: 30px;
}
.inner_error_page_content_box p {
  font-size: 28px;
  line-height: 34px;
  color: #5a5f69;
  font-weight: 400;
  margin-bottom: 40px;
}
.btn_return_index p {
  font-size: 16px;
}
/* ===================================
             Contact Form
====================================== */
.input_label {
  color: #222;
}
.contact_form {
  border: none;
  border-radius: 32px;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.check_list li {
  padding-left: 20px;
}

/* ===================================
             SSL Certificate
====================================== */

article {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.ssl_certificate_list {
  display: flex;
  top: 0px;
  z-index: 10;
  padding-bottom: 14px;
}
.ssl_certificate_list li {
  list-style: none;
  flex: 1;
}
.ssl_certificate_list li:last-child {
  border-right: 1px solid #ddd;
}

.ssl_certificate_list li.active button {
  background: #f5f5f5;
  color: #000;
}
.ssl_comparison_table {
  border-collapse: collapse;
  table-layout: fixed;
}
.ssl_comparison_table thead th {
  background: #1633ff;
  display: none;
  color: #fff;
}
.ssl_comparison_table tbody td,
.ssl_comparison_table thead th {
  height: 53px;
  padding: 10px 20px;
  empty-cells: show;
  text-align: center;
}
.ssl_comparison_table tbody td:first-child,
.ssl_comparison_table thead th:first-child {
  text-align: left;
  font-size: 14px;
}
.ssl_comparison_table thead th {
  border: none;
}
td + td,
th + th {
  text-align: center;
  display: none;
}
.ssl_comparison_table tbody td.default {
  display: table-cell;
}

.txt-l {
  font-size: 28px;
  font-weight: bold;
}
.txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}
.tick {
  font-size: 18px;
  color: #2ca01c;
}
.hide {
  border: 0 !important;
  background: none !important;
}

@media (min-width: 640px) {
  .ssl_certificate_list {
    display: none;
  }
  td,
  th {
    display: table-cell !important;
  }
  td + td,
  th + th {
    width: auto;
  }
}
.ssl_plan_price {
  font-size: 30px;
  line-height: 30px;
  color: #13ceed;
}
.btn_add_to_cart {
  display: inline-block;
  background-color: #13ceed;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 30px;
  transition: all ease-in-out 0.5s;
  border-radius: 40px;
}
.btn_add_to_cart:hover {
  background-color: #0b257f;
  color: #fff;
}

.plan_pricing_table tbody td {
  padding: 20px 12px;
  font-size: 14px;
}
.plan_pricing_table td,
.plan_pricing_table th {
  width: auto;
}

/* ===================================
             Affiliation Page
====================================== */
.hosting_affiliates_box {
  padding: 0 20px;
}
.hosting_affiliates_box figure {
  margin-bottom: 20px;
}
.hosting_affiliates_box h5 {
  margin-bottom: 10px;
}
.hosting_affiliation_img01 {
  background: url("../images/hosting_affiliates_img01.png");
  width: 99px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.guarantee_box:hover .hosting_affiliation_img01 {
  background: url("../images/hover_hosting_affiliates_img01.png");
  width: 99px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.hosting_affiliation_img02 {
  background: url("../images/hosting_affiliates_img02.png");
  width: 76px;
  height: 81px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.hosting_affiliation_img03 {
  background: url("../images/hosting_affiliates_img03.png");
  width: 85px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.guarantee_box:hover .hosting_affiliation_img03 {
  background: url("../images/hover_hosting_affiliates_img03.png");
  width: 85px;
  height: 96px;
  margin: 0 auto;
  margin-bottom: 30px;
}
/* ===================================
             Email Security
====================================== */
.email_hosting_feature_box h5 {
  color: #222;
  margin-bottom: 10px;
}
.email_hosting_feature_box p {
  padding: 0 20px;
}
.email_security_coa_box p {
  padding: 0 150px;
}
.email_hosting_feature_box figure {
  margin-bottom: 20px;
}
/* ===================================
             Data Center
====================================== */
.data_center_map figure {
  position: relative;
}
.data_center_map figure img {
  opacity: 0.15;
}
#data_center_box01 {
  position: absolute;
  cursor: pointer;
  left: 4%;
  top: 28%;
}
#data_center_box02 {
  position: absolute;
  cursor: pointer;
  left: 27%;
  top: 68%;
}
#data_center_box03 {
  position: absolute;
  cursor: pointer;
  left: 33%;
  top: 13%;
}
#data_center_box04 {
  position: absolute;
  cursor: pointer;
  left: 44%;
  top: 36%;
}
#data_center_box05 {
  position: absolute;
  cursor: pointer;
  left: 73%;
  top: 30%;
}
#data_center_box06 {
  position: absolute;
  cursor: pointer;
  left: 67%;
  top: 57%;
}
#data_center_box07 {
  position: absolute;
  cursor: pointer;
  left: 83%;
  top: 76%;
}
.location_pin {
  font-weight: 600;
}
#data_center_box01 .location_detail,
#data_center_box02 .location_detail,
#data_center_box03 .location_detail,
#data_center_box04 .location_detail,
#data_center_box05 .location_detail,
#data_center_box06 .location_detail,
#data_center_box07 .location_detail {
  position: absolute;
  background: #fff;
  color: #777;
  width: 200px;
  padding: 20px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 10px;
  display: block !important;
  -webkit-box-shadow: 4px 0 33px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 0 33px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 4px 0 33px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
  margin-top: 5px;
  opacity: 0;
  transition: 0.5s ease-in-out;
  left: -50px;
  text-align: left;
}
#data_center_box01 .location_detail h2,
#data_center_box02 .location_detail h2,
#data_center_box03 .location_detail h2,
#data_center_box04 .location_detail h2,
#data_center_box05 .location_detail h2,
#data_center_box06 .location_detail h2,
#data_center_box07 .location_detail h2 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
  color: #132b7e;
}
#data_center_box01 .location_detail p,
#data_center_box02 .location_detail p,
#data_center_box02 .location_detail p,
#data_center_box04 .location_detail p,
#data_center_box05 .location_detail p,
#data_center_box06 .location_detail p,
#data_center_box07 .location_detail p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
#data_center_box01.location-outer:hover .location_detail,
#data_center_box02.location-outer:hover .location_detail,
#data_center_box03.location-outer:hover .location_detail,
#data_center_box04.location-outer:hover .location_detail,
#data_center_box05.location-outer:hover .location_detail,
#data_center_box06.location-outer:hover .location_detail,
#data_center_box07.location-outer:hover .location_detail {
  display: block !important;
  opacity: 1;
  left: 0;
  transition: 0.8s ease-in-out;
}
.data_center_box p {
  font-size: 14px;
}
.outer_data_center_img {
  width: 116px;
  height: 116px;
  border: 2px solid #13ceed;
  border-radius: 100%;
  display: table;
}
.outer_data_center_img figure {
  display: table-cell;
  vertical-align: middle;
}
.data_center_heading_box h4 {
  font-size: 26px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  margin-bottom: 10px;
}
.data_center_heading_box p {
  color: #fff;
}
/* ===================================
             Ddos Center
====================================== */
.ddos_plan_box_img01 {
  background: url("../images/ddos_plan_box_img01.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
  transition: all ease-in-out 0.5s;
}
.ddos_plan_box:hover .ddos_plan_box_img01 {
  background: url("../images/hover_ddos_plan_box_img01.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
}
.ddos_plan_box_img02 {
  background: url("../images/ddos_plan_box_img02.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
  transition: all ease-in-out 0.5s;
}
.ddos_plan_box:hover .ddos_plan_box_img02 {
  background: url("../images/hover_ddos_plan_box_img02.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
}
.ddos_plan_box_img03 {
  background: url("../images/ddos_plan_box_img03.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
  transition: all ease-in-out 0.5s;
}
.ddos_plan_box:hover .ddos_plan_box_img03 {
  background: url("../images/hover_ddos_plan_box_img03.png");
  width: 145px;
  height: 145px;
  margin: 0 auto;
}
/* ===================================
             G-Suit Page
====================================== */
.gsuit_plan_box .hosting_plan_listing li {
  font-size: 14px;
}
.one_package_box figure {
  margin-bottom: 20px;
}
.one_package_box h5 {
  margin-bottom: 10px;
}
/* ===================================
             Promotions Page
====================================== */
.deal_box .dedicated_plan_box {
  padding: 30px 15px;
}
.deal_box .dedicated_plan_box_heading {
  margin-bottom: 10px;
}
.deal_box .server_name {
  margin-bottom: 10px;
}

/* ===================================
             Testimonial Page
====================================== */
/*Style One*/
.testimonial_box {
  background-color: #fff;
  padding: 30px 35px 60px;
  text-align: center;
  position: relative;
}
.rating_star_list li {
  display: inline-block;
}
.rating_star_list li i {
  color: #ffd800;
}
.testimonial_name {
  font-size: 16px;
  line-height: 20px;
  color: #13ceed;
  margin-bottom: 20px;
}
.testimonial_name small {
  color: #666;
}
.testimonial_box p,
.testimonial_box2 p,
.testimonial_box3 p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}
.testimonial_box figure {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.three_column_slider_item_box,
.two_column_slider_item_box,
.one_column_slider_item_box {
  padding-bottom: 60px;
}
.three_column_slider_indicators,
.two_column_slider_indicators,
.one_column_slider_indicators {
  bottom: -50px;
  right: 0;
  left: auto;
}
.three_column_slider_indicators li,
.two_column_slider_indicators li,
.one_column_slider_indicators li {
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background-color: transparent;
  border: 1px solid #666;
}
.three_column_slider_indicators li.active,
.two_column_slider_indicators li.active,
.one_column_slider_indicators li.active {
  background-color: #0b257f;
  border: 1px solid #0b257f;
}
.testimonial_box2,
.testimonial_box3 {
  background-color: #f5f5f5;
  padding: 30px 35px 60px;
  text-align: center;
  position: relative;
}
.testimonial_box2 figure,
.testimonial_box3 figure {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.testimonial_box3 {
  background-color: #fff !important;
}
/*Style Two*/
.testimonial_slider_style2_box {
  border: 1px solid #0b257f;
  padding: 40px;
}
.testimonial_social_links li {
  display: inline-block;
}
.testimonial_social_links li a i {
  color: #666;
  font-size: 14px;
  padding: 0 5px;
}
.testimonial_slider_style2_box .rating_star_list {
  margin-bottom: 10px;
}
.testimonial_slider_style2_box p {
  margin-bottom: 10px;
}

.testimonial_slider_style2_indicator,
.testimonial_slider_style3_indicator {
  bottom: -50px;
  right: 0;
  left: auto;
}
.testimonial_slider_style2_indicator li,
.testimonial_slider_style3_indicator li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #666;
}
.testimonial_slider_style2_indicator li.active,
.testimonial_slider_style3_indicator li.active {
  background-color: #0b257f;
}
.section_padding {
  padding: 60px 0;
}
.rating_star_list {
  margin-bottom: 15px;
}
/* ===================================
         Payment page
====================================== */
.payment_box {
  text-align: center;
}
.coa_block figure {
  margin-bottom: 30px;
}
.payment_page_coa .coa_block {
  padding: 60px 140px;
}
.bg_get_started p {
}

/* ===================================
         Team Page
====================================== */
.team_social_list li {
  display: inline-block;
}
.team_social_list li a i {
  font-size: 14px;
  color: #666;
  padding: 0 5px;
  transition: all ease-in-out 0.5s;
}
.team_social_list li a i:hover {
  color: #ff007e;
}
.hosting_team_box figure {
  margin-bottom: 10px;
}
.hosting_team_box h5 {
  margin-bottom: 10px;
  color: #222;
}

/* ===================================
            Blog Post
====================================== */

.container-3 input#search {
  width: 100%;
  height: 50px;
  background: #2b303b;
  border: none;
  font-size: 18px;
  float: right;
  padding: 10px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  margin-bottom: 40px;
}
.side_links li {
  padding: 10px 0 0;
}
.side_links li a {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  line-height: 18px;
  transition: all ease-in-out 0.4s;
}
.side_links li a span {
  float: right;
}
.tag_buttons li {
  background-color: #ff007e;
  padding: 10px;
  margin: 5px;
  float: left;
  font-size: 12px;
  transition: all ease-in-out 0.4s;
}
.tag_buttons li a {
  color: #fff;
}
.input_fields {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 20px;
  border: 1px solid #dbdede;
}
.submit_button {
  padding: 6px 32px;
  float: right;
  font-size: 14px;
  font-weight: 500;
  background-color: #ff007e;
  border: 2px solid #ff007e;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 0.4s;
  -webkit-box-shadow: 0 10px 6px -6px #666;
  -moz-box-shadow: 0 10px 6px -6px #666;
  box-shadow: 0 10px 6px -6px #666;
}
.social_links li {
  display: inline-block;
  padding: 0 5px;
}
.social_links li a i {
  color: #222;
}
.btn_blog_post,
.post_comment_button {
  background-color: #ff007e;
  border: 2px solid #ff007e;
  -webkit-box-shadow: 0 10px 6px -6px #666;
  -moz-box-shadow: 0 10px 6px -6px #666;
  box-shadow: 0 10px 6px -6px #666;
  padding: 11px 40px;
  color: #fff;
}
.btn_blog_post a {
  color: #fff;
}
.blogpost_input_fields {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #dbdede;
}

.onepage_nav {
  position: fixed;
  width: 100%;
  z-index: 9;
  padding: 20px 50px;
  background-color: #fff;
}
.contact_fields:focus {
  outline: none;
}
.contact_fields.error {
  border: 1px solid red;
}
span.error {
  display: none !important;
}