@charset "utf-8";/* ----------------------------------Name: style.cssVersion: 1.0-------------------------------------Table of contents    01. Google font    02. Reset    03. Typography    04. Hover    05. Height    06. Width    07. Float    08. Bottom    09. Margin    10. Color    11. Padding    12. Border    13. Font Size    14. Line Height    15. Banner    16. Letter Spacing    17. Button    18. Position    19. Top Social Link    20. Navigation Bar    21. Counter Section    22. Transition    23. OverFlow    24. Shape Box    25. Z Index    26. Display Block    27. Volunteer    28. Footer Section*//* ===================================    Google font====================================== */@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');/* ===================================    Reset====================================== */.carousel-inner {    overflow: hidden}.navbar {    margin-bottom: 0}ul {    margin: 0;    padding: 0;    list-style-type: none;}a:hover {    text-decoration: none;}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {    margin: 0}p {    margin-bottom: 0;}a {    text-decoration: none}/* ===================================    Typography====================================== *//*font family*/.roboto_font {    font-family: 'Roboto', sans-serif;}/*!* ===================================*//*Hover*//*====================================== *!*/.banner_btn_01:hover {    background-color: #ff9600;    color: #333;    transition-duration: 0.5s;    border: 1px solid #ff9600}.banner_btn_02:hover {    background-color: transparent;    transition-duration: 0.5s;    border: 1px solid #fff;    color: #fff}.service_plan:hover {    box-shadow: 0 0 0 2px #810e54 inset;    transition: all ease-in-out 0.5s}.service_plan:hover .btn_service_plan {    color: #fff;    background: #810e54;    transition-duration: 0.5s}.btn_welcome:hover {    color: #fff;    background: #810e54;    transition-duration: 0.5s}.btn_shared_hosting:hover {    background-color: #ff9600;    color: #333;    transition-duration: 0.5s;    border: 1px solid #ff9600}.btn_all_plans:hover {    color: #fff;    background: #810e54;    transition-duration: 0.5s}.btn_query01:hover {    background-color: #ff9600;    border: 1px solid #ff9600;    color: #333;    transition-duration: 0.5s}.btn_query02:hover {    background-color: transparent;    border: 1px solid #fff;    color: #fff;    transition-duration: 0.5s}.btn_dedicated_build:hover {    background-color: #fff;    border: 1px solid #fff;    color: #333;    transition-duration: 0.5s}.detail_box:hover .max_performance,.detail_box:hover .pre_install,.detail_box:hover .advanced_management,.detail_box:hover .free_ssl {    transform: translateY(-10px);}.footer_links li a:hover {    color: #810e54}.guarantee_box:hover h3 {    color: #ff9600}.guarantee_box:hover .bg_guarantee_img {    transform: scale(1.05);}.plan_pricing_box:hover {    box-shadow: 0 0 0 2px #810e54 inset;    transition: all ease-in-out 0.8s}.plan_pricing_box:hover .btn_service_plan {    color: #fff;    background: #810e54;    transition-duration: 0.5s}.hostingplan_btn a:hover {    background-color: #810e54;    color: #fff;    transition-duration: 0.5s}.dedicated_plan:hover {    box-shadow: 0 0 0 2px #810e54 inset;    transition: all ease-in-out 0.8s}.dedicated_plan:hover .btn_service_plan {    color: #fff;    background: #810e54;    transition-duration: 0.5s}.dedicated_hosting_feature:hover .bg_dedicated_hosting {    transform: translateY(-10px);    background-color: #810e54}.price_table tr td .btn-primary:hover {    background: #810e54;    transition-duration: 0.5s}.price_table tr td .btn-primary:hover a {    color: #fff}.dedicated_plan ul li span.color {    color: #5e40e4}.hosting_services:hover .bg_dedicated_hosting {    transform: translateY(-10px);    background-color: #810e54}.vps_btn a:hover {    background-color: #fff;    border: 1px solid #fff;    color: #333}.price_text:hover {    background-color: transparent;    border: 1px solid #ff9600;    color: #fff}.domain_feature_box:hover .bg_domain_hosting {    transform: translateY(-10px)}.btn_domain_plans:hover {    background-color: #ff9600;    border: 1px solid #ff9600;    color: #333;    transition-duration: 0.5s}.about_feature_box:hover .bg_guarantee_img {    transform: translateY(-10px)}/* ===================================    Height====================================== *//*height*/.height_525 {    height: 525px;}/* ===================================    Width====================================== */.width_100 {    width: 100%}.width_93 {    width: 93%}/* ===================================    Float====================================== *//*Float Left*/.float_left {    float: left;}/*Float Right*/.float_right {    float: right;}.left_0 {    left: 0}.right_0 {    right: 0}/* ===================================    Bottom====================================== */.bottom_0 {    bottom: 0;}/* ===================================    Margin====================================== *//*margin*/.margin_0_auto {    margin: 0 auto}.margin_0 {    margin: 0}.margin_5 {    margin: 5px;}.margin_10 {    margin: 10px;}.margin_lr_35 {    margin: 0 35px;}/*Margin Bottom*/.margin_bottom_5 {    margin-bottom: 5px;}.margin_bottom_10 {    margin-bottom: 10px;}.margin_bottom_15 {    margin-bottom: 15px;}.margin_bottom_20 {    margin-bottom: 20px;}.margin_bottom_25 {    margin-bottom: 25px;}.margin_bottom_26 {    margin-bottom: 26px;}.margin_bottom_30 {    margin-bottom: 30px;}.margin_bottom_35 {    margin-bottom: 35px;}.margin_bottom_40 {    margin-bottom: 40px;}.margin_bottom_50 {    margin-bottom: 50px;}.margin_bottom_53 {    margin-bottom: 53px;}.margin_bottom_60 {    margin-bottom: 60px}.margin_bottom_65 {    margin-bottom: 65px}.margin_bottom_70 {    margin-bottom: 70px;}.margin_bottom_75 {    margin-bottom: 75px;}.margin_bottom_80 {    margin-bottom: 80px}.margin_bottom_85 {    margin-bottom: 85px}.margin_bottom_90 {    margin-bottom: 90px;}.margin_bottom_95 {    margin-bottom: 95px}.margin_bottom_100 {    margin-bottom: 100px;}/*Margin Right*/.margin_right_8 {    margin-right: 8px;}.margin_right_10 {    margin-right: 10px;}.margin_right_20 {    margin-right: 20px;}.margin_right_15 {    margin-right: 15px;}/*Margin Left*/.margin_left_8 {    margin-left: 8px;}.margin_left_10 {    margin-left: 10px;}.margin_left_15 {    margin-left: 15px;}.margin_left_20 {    margin-left: 20px;}.margin_left_30 {    margin-left: 30px;}.margin_left_50 {    margin-left: 50px;}.margin_left_100 {    margin-left: 100px;}.margin_left_230 {    margin-left: 230px;}/*Margin Top*/.margin_top_0 {    margin-top: -24px}.margin_top_10 {    margin-top: 10px}.margin_top_20 {    margin-top: 20px}.margin_top_26 {    margin-top: 26px}.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_95 {    margin-top: 95px}.margin_top_100 {    margin-top: 100px}.margin_top_120 {    margin-top: 120px;}.margin_top_240 {    margin-top: 240px;}/* ===================================     Color====================================== */.bg_color {    background: #613cda;    background: -moz-linear-gradient(45deg, #613cda 11%, #810e54 81%, #810e54 81%);    background: -webkit-linear-gradient(45deg, #613cda 11%, #810e54 81%, #810e54 81%);    background: linear-gradient(45deg, #613cda 11%, #810e54 81%, #810e54 81%)}.primary_ff9600 {    color: #ff9600}/*Bg Color*/.bg_color_000 {    background-color: #000}.bg_color_f5f5f5 {    background-color: #f5f5f5}.bg_color_fff {    background-color: #fff}.bg_color_01b6ad {    background-color: #01b6ad}.bg_color_243049 {    background-color: #243049}.bg_color_f4f9fb {    background-color: #f4f9fb}.bg_color_1d1c1c {    background-color: #1d1c1c}/*Colors*/.color_fff {    color: #fff}.color_777 {    color: #777}.color_f5f5f5 {    color: #777777}.color_222328 {    color: #222328}.color_ff0000 {    color: #ff0000}.color_82e440 {    color: #82e440}/* ===================================    padding====================================== *//*padding*/.padding_tb_20 {    padding: 20px 0}.padding25 {    padding: 25px}.padding_35 {    padding: 35px}.padding_lr_12 {    padding: 12px 48px}.padding_lr_17 {    padding: 17px 50px}.padding_lr_15 {    padding: 0 15px}.padding_10 {    padding: 10px}.padding_lr_30 {    padding: 0 30px}.padding_lr_35 {    padding: 0 35px}.padding_25 {    padding: 25px 80px}.padding_11 {    padding: 11px 40px}.padding_12 {    padding: 12px 40px}.padding_8 {    padding: 8px 30px}.padding_19 {    padding: 19px 76px}.padding_18 {    padding: 18px 58px}.padding_2867 {    padding: 18px 67px}/*padding top*/.padding_top_5 {    padding-top: 5px}.padding_top_8 {    padding-top: 8px}.padding_top_10 {    padding-top: 10px}.padding_top_13 {    padding-top: 13px}.padding_top_15 {    padding-top: 15px}.padding_top_20 {    padding-top: 20px}.padding_top_21 {    padding-top: 21px}.padding_top_25 {    padding-top: 25px}.padding_top_30 {    padding-top: 30px}.padding_top_35 {    padding-top: 35px}.padding_top_40 {    padding-top: 40px}.padding_top_45 {    padding-top: 45px}.padding_top_50 {    padding-top: 50px}.padding_top_60 {    padding-top: 60px}.padding_top_70 {    padding-top: 70px}.padding_top_80 {    padding-top: 80px}.padding_top_90 {    padding-top: 90px}.padding_top_95 {    padding-top: 95px}.padding_top_100 {    padding-top: 100px}.padding_top_130 {    padding-top: 130px}.padding_top_140 {    padding-top: 140px}.padding_top_325 {    padding-top: 325px}/*padding bottom*/.padding_bottom_5 {    padding-bottom: 5px}.padding_bottom_8 {    padding-bottom: 8px}.padding_bottom_10 {    padding-bottom: 10px}.padding_bottom_13 {    padding-bottom: 13px}.padding_bottom_15 {    padding-bottom: 15px}.padding_bottom_17 {    padding-bottom: 17px}.padding_bottom_20 {    padding-bottom: 20px}.padding_bottom_21 {    padding-bottom: 21px}.padding_bottom_25 {    padding-bottom: 25px}.padding_bottom_30 {    padding-bottom: 30px}.padding_bottom_35 {    padding-bottom: 35px}.padding_bottom_40 {    padding-bottom: 40px}.padding_bottom_50 {    padding-bottom: 50px}.padding_bottom_45 {    padding-bottom: 45px}.padding_bottom_55 {    padding-bottom: 55px}.padding_bottom_65 {    padding-bottom: 65px}.padding_bottom_70 {    padding-bottom: 70px}.padding_bottom_75 {    padding-bottom: 75px}.padding_bottom_80 {    padding-bottom: 80px}.padding_bottom_85 {    padding-bottom: 85px}.padding_bottom_100 {    padding-bottom: 100px}.padding_bottom_110 {    padding-bottom: 110px}.padding_bottom_130 {    padding-bottom: 130px}/*padding left*/.padding_left_0 {    padding-left: 0}.padding_left_10 {    padding-left: 10px}.padding_left_15 {    padding-left: 15px}.padding_left_20 {    padding-left: 20px}.padding_left_25 {    padding-left: 25px}.padding_left_30 {    padding-left: 30px}.padding_left_40 {    padding-left: 40px}.padding_left_50 {    padding-left: 50px}.padding_left_55 {    padding-left: 55px}.padding_left_58 {    padding-left: 58px}.padding_left_60 {    padding-left: 60px}.padding_left_70 {    padding-left: 70px}.padding_left_75 {    padding-left: 75px}.padding_left_80 {    padding-left: 80px}.padding_left_85 {    padding-left: 85px}.padding_left_95 {    padding-left: 95px}.padding_left_100 {    padding-left: 100px}.padding_left_117 {    padding-left: 117px}.padding_left_130 {    padding-left: 130px}.padding_left_145 {    padding-left: 145px}.padding_left_325 {    padding-left: 325px}/*padding right*/.padding_right_0 {    padding-right: 0}.padding_right_10 {    padding-right: 10px;}.padding_right_15 {    padding-right: 15px;}.padding_right_20 {    padding-right: 20px;}.padding_right_30 {    padding-right: 30px;}.padding_right_40 {    padding-right: 40px;}.padding_right_50 {    padding-right: 50px;}.padding_right_55 {    padding-right: 55px;}.padding_right_58 {    padding-right: 58px;}.padding_right_60 {    padding-right: 60px}.padding_right_70 {    padding-right: 70px}.padding_right_75 {    padding-right: 75px;}.padding_right_80 {    padding-right: 80px;}/* ===================================     Border====================================== *//*Border Right*/.border_right {    border-right: 1px solid #d9dfde;}.border_left {    border-left: 1px solid #f5f5f5;}.border_top {    border-top: 1px solid #dbdbdb;}.border_right_dashed {    border-right: 1px dashed #262529}/*Border Bottom*/.border_bottom {    border-bottom: 1px solid #585758;}.bottom_border {    border-bottom: 1px solid #dddddd}.border {    border: 1px solid #d9dfde}.border_dashed {    border: 1px dashed #d9dfde}.border_radius_25 {    border-radius: 25px}.border_lr {    border-left: 1px solid #d9d9d9;    border-right: 1px solid #d9d9d9}/* ===================================     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_30 {    font-size: 30px}.font_size_32 {    font-size: 32px}.font_size_34 {    font-size: 34px}.font_size_36 {    font-size: 36px}.font_size_40 {    font-size: 40px}.font_size_42 {    font-size: 42px}.font_size_44 {    font-size: 44px}.font_size_48 {    font-size: 48px}.font_size_60 {    font-size: 60px}.font_size_50 {    font-size: 50px}.font_size_70 {    font-size: 70px}.font_size_80 {    font-size: 80px}.font_size_90 {    font-size: 90px}/*Font weight*/.font_weight_100 {    font-weight: 100}.font_weight_300 {    font-weight: 300}.font_weight_400 {    font-weight: 400}.font_weight_500 {    font-weight: 500}.font_weight_600 {    font-weight: 600}.font_weight_700 {    font-weight: 700}.font_weight_900 {    font-weight: 900}/* ===================================     Line Height====================================== *//*Line Height*/.line_height_15 {    line-height: 15px}.line_height_22 {    line-height: 22px}.line_height_24 {    line-height: 24px}.line_height_25 {    line-height: 25px}.line_height_30 {    line-height: 30px}.line_height_36 {    line-height: 36px}.line_height_40 {    line-height: 40px}.line_height_48 {    line-height: 48px}.line_height_52 {    line-height: 52px}.line_height_65 {    line-height: 65px}.line_height_80 {    line-height: 80px}/* ===================================     Top, Bottom, Left, Right====================================== *//*Top*/.top_0 {    top: 0}.top_200 {    top: 200px}/*Bottom*/.bottom_0 {    bottom: 0}/*Left*/.left_0 {    left: 0}/*Right*/.right_0 {    right: 0}/* ===================================     Button====================================== */.banner_btn_01 {    display: inline-block;    padding: 10px 28px;    background: transparent;    border: 1px solid #ff9600;    color: #ff9600;    text-transform: uppercase;    font-size: 14px;    line-height: 30px;    font-weight: 700;    border-radius: 5px;    margin-right: 10px}.banner_btn_02 {    display: inline-block;    padding: 10px 34px;    background-color: #fff;    color: #333;    text-transform: uppercase;    font-size: 14px;    line-height: 30px;    font-weight: 700;    border-radius: 5px;    border: 1px solid #fff;    margin-left: 10px}.btn_service_plan {    display: inline-block;    color: #810e54;    background-color: #fff;    border: 1px solid #810e54;    padding: 6px 37px;    text-transform: uppercase;    border-radius: 5px;    font-size: 14px;    line-height: 30px;    font-weight: 600}.btn_welcome {    display: inline-block;    padding: 10px 40px;    background-color: #fff;    border: 1px solid #810e54;    border-radius: 5px;    color: #810e54;    margin-top: 25px}.btn_shared_hosting {    display: inline-block;    background-color: transparent;    color: #ff9600;    border: 1px solid #ff9600;    font-size: 16px;    line-height: 14px;    font-weight: 500;    padding: 11px 26px;    text-transform: uppercase;    border-radius: 5px;    margin-bottom: 30px}.btn_query01 {    display: inline-block;    padding: 8px 50px;    background: transparent;    border: 1px solid #ff9600;    color: #ff9600;    text-transform: uppercase;    font-size: 14px;    line-height: 30px;    font-weight: 700;    border-radius: 5px;    margin-right: 10px}.btn_query02 {    display: inline-block;    padding: 8px 52px;    background: #fff;    border: 1px solid #fff;    color: #333;    text-transform: uppercase;    font-size: 14px;    line-height: 30px;    font-weight: 700;    border-radius: 5px;    margin-right: 10px}.btn_all_plans {    display: inline-block;    background-color: transparent;    color: #810e54;    border: 1px solid #810e54;    border-radius: 5px;    padding: 14px 40px;    font-size: 14px;    font-weight: 700;    margin-top: 40px}.btn_domain_plans {    display: inline-block;    background-color: transparent;    color: #ff9600;    border: 1px solid #ff9600;    border-radius: 5px;    padding: 14px 40px;    font-size: 14px;    font-weight: 700;    margin-top: 70px}.btn_dedicated_build {    display: inline-block;    background-color: transparent;    border: 1px solid #fff;    border-radius: 5px;    font-size: 14px;    line-height: 30px;    font-weight: 700;    color: #fff;    text-transform: uppercase;    padding: 10px 35px;    margin-bottom: 30px}/* ===================================     Banner====================================== */.home_page_banner {    background: url("../images/home_page_banner.jpg") no-repeat;    width: 100%;    background-position: center;    background-size: cover;}.shared_page_banner {    background: url("../images/shared_hosting_banner.jpg") no-repeat;    width: 100%;    background-position: center;    background-size: cover;}.dedicated_page_banner {    background: url("../images/dedicated_page_banner.jpg") no-repeat;    width: 100%;    background-position: center;    background-size: cover;}.domain_page_banner {    background: url("../images/domain_banner_page.jpg") no-repeat;    width: 100%;    background-position: center;    background-size: cover;}.network_page_banner {    background: url("../images/network_page_banner.jpg") no-repeat;    width: 100%;    background-position: center;    background-size: cover;}.about_page_banner {    background: url("../images/about_page_banner.jpg") no-repeat;    width: 100%;    background-position: center;    background-size: cover;}/*info banner image*/.bg_banner_img:before {    background: url("../images/bg_banner_img.png") no-repeat;    content: "";    position: absolute;    width: 700px;    height: 635px;    left: 35px;    top: -85px}.bg_banner_img:after {    background: url("../images/banner_img.png") no-repeat;    content: "";    position: absolute;    width: 443px;    height: 590px;    top: 45px;    left: 185px;}.bg_shared_banner_img {    position: relative;    overflow: hidden}.bg_shared_banner_img:before {    background: url("../images/bg_shared_banner.png") no-repeat;    content: "";    position: absolute;    width: 540px;    height: 540px;    left: 190px;    top: -30px}.bg_shared_banner_img:after {    background: url("../images/banner_thunder.png") no-repeat;    content: "";    position: absolute;    width: 100px;    height: 220px;    top: 120px;    left: 680px;}.bg_dedicated_server {    position: relative}.bg_dedicated_server:before {    background: url("../images/bg_dedicated_server.png") no-repeat;    content: "";    position: absolute;    width: 767px;    height: 512px;    right: -325px;    top: -55px}.bg_about_banner {    position: relative;    overflow: hidden}.bg_about_banner:before {    background: url("../images/bg_about_banner.png") no-repeat;    content: "";    position: absolute;    width: 603px;    height: 522px;    right: 0;    top: -95px}.about_banner_reward_img {    background: url("../images/about_banner_img.png") no-repeat;    content: "";    position: absolute;    width: 175px;    height: 175px;    right: 210px;    bottom: -25px}.domain_price_tag {    background: url("../images/bg_domain.png") no-repeat;    content: "";    width: 650px;    height: 480px;    background-position: center;    background-size: cover}.price_tag {    width: 160px;    height: 100px;    background: #ff8500;    position: relative;    float: right;    top: 160px;    right: 250px;    webkit-filter: drop-shadow(0px 0px 0px 4px rgba(0, 0, 0, .8));    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 1))}.price_tag:before {    content: "";    position: absolute;    top: -45px;    left: 0;    width: 0;    height: 0;    border-left: 80px solid transparent;    border-right: 80px solid transparent;    border-bottom: 45px solid #ff8500;}.price_tag:after {    content: "";    position: absolute;    bottom: -45px;    left: 0;    width: 0;    height: 0;    border-left: 80px solid transparent;    border-right: 80px solid transparent;    border-top: 45px solid #ff8500;}.home_page_banner_content {    display: table;    height: 700px;    width: 100%}.shared_page_banner_content {    display: table;    height: 475px;    width: 100%}.dedicated_page_banner_content {    display: table;    height: 475px;    width: 100%}.about_page_banner_content {    display: table;    height: 310px;    width: 100%}.typography_page_banner_content {    display: table;    height: 250px;    width: 100%}.banner_text {    display: table-cell;    vertical-align: middle}.search_bg {    background: url("../images/search_bg.jpg") no-repeat;    width: 100%;    background-size: cover;    background-position: center;}.main_text p {    margin-bottom: 45px}.testimonial_content p {    margin-bottom: 20px}/* ===================================      Search Domain====================================== */.search_box {    width: 65%;    height: 80px;    position: relative;    display: inline-block;    text-align: center}.search_btn {    position: absolute;    right: 21px;    top: 6px;    padding: 27px 34px !important;    font-size: 14px !important;    font-weight: 700;    color: #fff !important;    transition-duration: 0.5s;    line-height: 1;    border: none}.search_area {    width: 100%;    height: 93px;    position: relative;    margin-bottom: 50px}.search_box {    text-align: center}.search_box .text_field {    width: 100%;    font-size: 18px;    line-height: 36px;    height: 86%;    padding: 0 30px;    box-shadow: 0 0 45px 15px rgba(0, 0, 0, .1);    border: 1px solid #f1f1f1;    font-weight: 400;    color: #aaa}label {    position: absolute;    right: 39px;    text-align: center;    top: 16px;    font-size: 30px;    color: #fff;    transition: 0.3s;    letter-spacing: 0.5px;    font-weight: 400;    z-index: 9}/* ===================================     Letter Spacing====================================== */.letter_spacing_1 {    letter-spacing: 1px;}.letter_spacing_2 {    letter-spacing: 2px;}.letter_spacing_4 {    letter-spacing: 4px;}/* ===================================      Text Upper Case====================================== */.text_uppercase {    text-transform: uppercase;}/* ===================================      Position====================================== *//*Position Relative*/.position_relative {    position: relative;}/*Position Absolute   */.position_absolute {    position: absolute;}/* ===================================      Navigation Bar====================================== */.nav_bar li {    padding: 0 12px}.nav_bar li:first-child {    padding-left: 0}.nav_bar li:last-child {    padding-right: 0}.menu ul li.active a {    color: #ff9600}/* ===================================      Transition====================================== *//*Transition*/.transition_05 {    transition: 1s;}/* ===================================      Over FLow====================================== *//*Over Flow */.overflow_hidden {    overflow: hidden;}/* ===================================      Z-Index====================================== *//*Z-Index*/.z_index_1 {    z-index: 1;}/* ===================================      Display Block====================================== *//*Display Block*/.display_block {    display: block}.display_inline {    display: inline-block}.display_table {    display: table}.display_table_cell {    display: table-cell}.v_align_middle {    vertical-align: middle}/* ===================================      Service Plan Section====================================== */.service_plan {    float: left;    display: inline-block;    vertical-align: middle;    margin-top: -84px}.service_plan h3 {    font-size: 16px;    line-height: 36px;    font-weight: 400;    color: #555;    margin-bottom: 20px}.service_plan h3 span {    color: #810e54;    font-size: 30px;    line-height: 36px;    font-weight: 600}.service_plan ul li {    font-size: 16px;    line-height: 28px;    font-weight: 400;    color: #555}.service_plan ul {    margin-bottom: 30px}.vps_hosting {    margin-top: -110px;    padding-bottom: 30px;    box-shadow: 0 0 90px rgba(0, 0, 0, .15);    z-index: 1}.plan_pricing_box h3 {    font-size: 16px;    line-height: 32px;    font-weight: 300;    color: #555;    margin-bottom: 20px}.plan_pricing_box h3 span {    color: #810e54;    font-size: 30px;    line-height: 36px;    font-weight: 600}.plan_pricing_box ul li {    font-size: 16px;    line-height: 28px;    font-weight: 400;    color: #555}.plan_pricing_box ul {    margin-bottom: 30px}.active_box {    padding-bottom: 30px;    box-shadow: 0 0 40px 4px rgba(0, 0, 0, .1) inset;    margin-top: -30px;    padding-top: 30px}.plan_pricing_box h2 {    padding-top: 60px}.plan_pricing_box {    box-shadow: 0 0 30px rgba(0, 0, 0, .2)}.active_box {    box-shadow: 0 0 90px rgba(0, 0, 0, .15);    z-index: 1}.dedicated_plan {    float: left;    display: inline-block;    vertical-align: middle}.dedicated_plan h3 {    font-size: 16px;    line-height: 36px;    font-weight: 400;    color: #555;    margin-bottom: 20px}.dedicated_plan h3 span {    color: #810e54;    font-size: 30px;    line-height: 36px;    font-weight: 600}.dedicated_plan ul li {    font-size: 16px;    line-height: 36px;    font-weight: 600;    color: #555}.dedicated_plan ul {    margin-bottom: 30px}.dedicated_plan h2 {    padding-top: 60px}.dedicated_plan ul li span {    color: #810e54}.dedicated_detail_list ul li {    position: relative;    text-align: left;    font-size: 16px;    line-height: 36px;    font-weight: 400;    color: #555;    padding-left: 20px}.dedicated_detail_list ul li:before {    position: absolute;    content: "";    width: 10px;    height: 10px;    background-color: #fff;    border: 2px solid #810e54;    border-radius: 100%;    left: 0;    top: 14px}/* ===================================      Guarantee Section====================================== */.guarantee_section h2 {    border-bottom-width: 2px !important;    border-bottom-color: #ffffff !important;    border-bottom-style: dotted !important;}.bg_guarantee_img {    background-color: transparent;    border: 4px solid #fff;    border-radius: 100%;    margin: 0 auto;    width: 108px;    height: 108px;    display: table;    transition: 0.5s;}.guarantee_img {    display: table-cell;    vertical-align: middle;    transition: 0.5s}.bg_dedicated_hosting {    background-color: #5e40e4;    border: 4px solid #fff;    border-radius: 100%;    margin: 0 auto;    width: 160px;    height: 160px;    display: table;    transition: 0.5s;}.dedicated_hosting {    display: table-cell;    vertical-align: middle;}.bg_domain_hosting {    background-color: #fff;    border: 4px solid #fff;    border-radius: 100%;    margin: 0 auto;    width: 160px;    height: 160px;    display: table;    transition: 0.5s;    transition: 0.5s}.domain_hosting {    display: table-cell;    vertical-align: middle;}.guarantee_box {    margin-top: 5px}.guarantee_box h3 {    font-size: 24px;    line-height: 48px;    font-weight: 400;    margin-bottom: 20px}.guarantee_box p {    font-size: 16px;    line-height: 24px;    font-weight: 300}/* ===================================      Guarantee Section====================================== */.welcome_company {    background: url("../images/welcome_hostiko.jpg") no-repeat;    width: 100%;    background-size: cover;    background-position: center;    position: relative}.welcome_company:before {    content: "";    position: absolute;    width: 53%;    height: 100%;    background-color: #fff;    left: 0;    top: 0}.welcome_company_text:after {    content: "";    background: url("../images/hostiko_comp_curve.png");    position: absolute;    width: 84px;    height: 512px;    left: 179px;    right: 0;    margin: 0 auto;    top: -80px}.guarantee_section h2:after {    height: 65px !important;    content: "";    position: absolute;    top: 190px;    width: 0;    border-left: dotted 2px #fff;    right: 0;    left: 0;    margin: 0 auto;}.guarantee_dotted:after {    height: 35px !important;    content: "";    position: absolute;    bottom: -5px;    width: 0;    border-left: dotted 2px #fff;    right: 0;    left: 0;    margin: 0 auto;}.support_available:after {    height: 35px !important;    content: "";    position: absolute;    bottom: -5px;    width: 0;    border-left: dotted 2px #fff;    right: 0;    left: 0;    margin: 0 auto;}.cloud_technology:after {    height: 35px !important;    content: "";    position: absolute;    bottom: -5px;    width: 0;    border-left: dotted 2px #fff;    right: 0;    left: 0;    margin: 0 auto;}.ssd_server:after {    height: 130px !important;    content: "";    position: absolute;    bottom: -100px;    width: 0;    border-left: dotted 2px #fff;    right: 0;    left: 0;    margin: 0 auto;}/* ===================================      Welcome Company Section====================================== */.welcome_content h3 {    font-size: 24px;    line-height: 42px;    font-weight: 700;    color: #333}.welcome_content h2 {    font-size: 42px;    line-height: 48px;    font-weight: 700;    color: #810e54;    margin-bottom: 10px}.welcome_content p {    font-size: 14px;    line-height: 24px;    font-weight: 400;    color: #777;    margin-bottom: 10px}.welcome_content figure {    margin-bottom: 25px}/* ===================================      Have Question Section====================================== */.bg_query {    background: url("../images/bg_query.jpg") no-repeat;    width: 100%;    background-size: cover;    background-position: center}/* ===================================      Feature Section====================================== */.features_box {    padding: 30px}.features_box h2 {    border-bottom: 1px solid #e6e6e6;    padding-bottom: 40px;    margin-bottom: 20px}.max_performance {    background: url("../images/max_performence.svg") no-repeat;    content: "";    position: absolute;    width: 115px;    height: 115px;    right: 10px;    top: -20px;    transition: 0.5s;}.pre_install {    background: url("../images/wordpress_preinstall.svg") no-repeat;    content: "";    position: absolute;    width: 115px;    height: 115px;    right: 10px;    top: -20px;    transition: 0.5s;}.advanced_management {    background: url("../images/advanced_management.svg") no-repeat;    content: "";    position: absolute;    width: 115px;    height: 115px;    right: 10px;    top: -20px;    transition: 0.5s;}.free_ssl {    background: url("../images/free_ssl.svg") no-repeat;    content: "";    position: absolute;    width: 115px;    height: 115px;    right: 10px;    top: -20px;    transition: 0.5s;}/* ===================================      Stack Table Section====================================== */.hosting_table thead tr th {    font-size: 32px;    line-height: 36px;    font-weight: 500;    text-align: center}.comparison_price p {    font-size: 16px;    line-height: 36px;    font-weight: 400;    color: #555}.comparison_price span.hostingpaln_numeric {    font-size: 30px;    line-height: 36px;    font-weight: 600;    color: #810e54}.comparison_price span.hostingpaln_dollar {    font-size: 30px;    line-height: 36px;    font-weight: 600;    color: #810e54}.hostingplan_btn a {    padding: 12px 40px;    font-size: 14px;    line-height: 16px;    font-weight: 500;    display: inline-block;    background-color: #fff;    border: 1px solid #810e54;    border-radius: 5px;    color: #810e54}.hostingplan_btn {    margin-top: 25px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {    border-top: none}.hosting_table>thead>tr>th {    border-bottom: none}#price_table td:first-child,#price_table th:first-child {    width: 20%;    padding-left: 20px}#price_table th {    background: rgba(0, 0, 0, 0.10);    font-size: 18px;    color: #fff;    padding: 16px 0 15px;    font-weight: 600;    border: none;    text-transform: uppercase;    text-align: center}.price_table {    width: 100%}.price_table tr td {    background-color: #fff;    border-bottom: 1px solid #810e54}.price_table tr td .btn-primary {    background-color: transparent;    border: 1px solid #810e54;    margin-bottom: 10px;    margin-top: -10px;    font-weight: 600;    padding: 6px 30px}.price_table tr td .btn-primary a {    color: #810e54}.price_table thead tr th {    text-align: center;    color: #810e54}.price_table thead tr th:first-child {    text-align: left}.price_table tbody tr td:first-child {    color: #555}.price_table tbody tr td {    font-size: 16px;    line-height: 20px;    font-weight: 600}.price_table tbody tr:hover {    background: #613cda;    background: -moz-linear-gradient(45deg, #613cda 11%, #810e54 81%, #810e54 81%);    background: -webkit-linear-gradient(45deg, #613cda 11%, #810e54 81%, #810e54 81%);    background: linear-gradient(45deg, #613cda 11%, #810e54 81%, #810e54 81%)}.price_table thead tr th {    background: rgba(0, 0, 0, 0.10);}.hosting_table thead tr th {    font-size: 32px;    font-weight: 500;    color: #333;    width: 25%;    padding: 50px 30px 30px}.hosting_table thead tr th:first-child {    font-size: 24px;    font-weight: 500;    color: #333;    text-align: left;    border-right: 1px solid #ddd}.hosting_table tbody tr td:first-child {    font-size: 16px;    font-weight: 400;    color: #555;    text-align: left}.hosting_table tbody tr:last-child {    padding: 15px 30px 15px}.hosting_table tbody tr td {    font-size: 16px;    font-weight: 600;    color: #555;    padding: 15px 30px}.hosting_table tbody tr:hover td {    background-color: #f5f5f5}.price_table tbody tr:hover td {    background-color: #f5f5f5}.price_table thead tr th {    padding: 15px 10px}.hosting_table tbody tr td:first-child {    border-right: 1px solid #ddd}.price_table tbody tr td:first-child:before {    content: "";    position: absolute;    width: 10px;    height: 10px;    background-color: transparent;    border: 2px solid #810e54;    border-radius: 100%;    left: 30px;    top: 35px}.price_table tbody tr td:first-child {    position: relative}.price_table thead tr th:first-child {    padding-left: 30px}.price_table tbody tr td:first-child {    padding-left: 10px}.price_table tbody tr td {    padding-top: 30px !important;    padding-bottom: 10px !important;}.price_table tbody tr td:nth-child(2) {    color: #810e54}.price_table tbody tr td:nth-child(3),.price_table tbody tr td:nth-child(4),.price_table tbody tr td:nth-child(5) {    color: #555;    font-weight: 400}.price_table tbody tr td:nth-child(6) {    color: #5e40e4}.domain_price_table thead tr th {    font-size: 18px;    font-weight: 500;    color: #810e54;    text-align: center;    border-top: 1px solid #ddd !important;    padding: 19px 0;    width: 20%}.domain_price_table tbody tr td {    font-size: 16px;    font-weight: 400;    color: #333;    text-align: center;    padding: 19px 0;    border-right: 1px solid #ddd}.domain_price_table tbody tr td:last-child {    border-right: none}.domain_price_table tbody tr td:first-child {    color: #5e40e4;    font-weight: 600}.domain_price_table tbody tr:last-child {    border-bottom: 1px solid #ddd}.domain_price_table tbody tr:hover td {    background-color: #810e54;    color: #fff}/* ===================================      Build Dedicated Server Section====================================== */.side_list li {    position: relative;    font-size: 18px;    line-height: 48px;    font-weight: 400;    padding-left: 20px}.side_list li:before {    position: absolute;    content: "";    width: 10px;    height: 10px;    background-color: transparent;    border: 2px solid #ff9600;    border-radius: 100%;    top: 20px;    left: 0}.build_dedicated_server {    content: "";    background: url("../images/server.png") no-repeat;    position: absolute;    width: 700px;    height: 131px;    left: -50px;    top: 140px}/* ===================================      Contact Us Section====================================== */.info_fields input {    width: 100%;    padding: 15px;    margin-bottom: 25px;    border-radius: 5px;    border: none;    padding: 15px 25px}.message_box textarea {    width: 100%;    padding: 10px 15px;    margin-bottom: 20px;    border-radius: 5px;    border: none;    padding: 15px 25px}.submit_btn {    padding: 7px 30px;    background-color: #810e54;    border: 1px solid #810e54;    color: #fff;    border-radius: 5px}.submit_btn:hover {    background-color: #fff;    border: 1px solid #810e54;    color: #810e54;    transition-duration: 0.5s}/* ===================================      Contact Us Section====================================== */.container-3 input#search {    width: 100%;    height: 50px;    background: #2b303b;    border: none;    font-size: 10pt;    float: right;    padding-left: 45px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    color: #ffffff;    margin-bottom: 40px;}.container-3 .icon {    position: absolute;    margin-left: 17px;    margin-top: 17px;    z-index: 1;    color: #fff;}.side_links li a span {    float: right}.side_links li {    padding-bottom: 5px}.tag_buttons li {    background-color: #f5f5f5;    padding: 10px;    margin: 5px;    float: left;    font-size: 12px;}.input_fields {    padding: 10px;    padding-left: 5px;    border: 1px solid #e6e6e6;    width: 100%;    margin-bottom: 10px;}.btn_feature_box {    background-color: transparent;    border: 1px solid #810e54}.submit_button {    padding: 6px 32px;    float: right;    font-size: 14px;    font-weight: 500;    background-color: #fff;    border: 1px solid #810e54}/* ===================================      Testimonials Section====================================== */.testimonial_content {    border: 1px solid #eee;    padding: 25px;    text-align: left}.testimonial_content span {    color: #810e54}.testimonial_content span a {    color: #777}.copyright_section {    border-top: 1px solid #e6e6e6}.social_links a {    color: #fff;    font-size: 18px;    font-weight: 700;    line-height: 42px}/*.social_links a:before{content: "\f09a"; font-family: FontAwesome; left:0; position:absolute; top:-10px; font-size: 24px; right: 0; display: none}*//*.social_links:hover a:before{display: table-cell}*//*.social_links:hover a{display: none}*//* ===================================      Footer Section====================================== */.footer_links li {    line-height: 30px}.footer_links li a {    color: #555}#loader {    position: absolute;    left: 0;    right: 0;    top: 50%;    margin: 0 auto;    z-index: 1;    border: 8px solid #810e54;    border-radius: 50%;    border-top: 8px solid #ff9600;    width: 60px;    height: 60px;    -webkit-animation: spin 2s linear infinite;    animation: spin 2s linear infinite}@-webkit-keyframes spin {    0% {        -webkit-transform: rotate(0deg)    }    100% {        -webkit-transform: rotate(360deg)    }}@keyframes spin {    0% {        transform: rotate(0deg)    }    100% {        transform: rotate(360deg)    }}/* Add animation to "page content" */.animate-bottom {    position: relative;    -webkit-animation-name: animatebottom;    -webkit-animation-duration: 1s;    animation-name: animatebottom;    animation-duration: 1s}@-webkit-keyframes animatebottom {    from {        bottom: -100px;        opacity: 0    }    to {        bottom: 0px;        opacity: 1    }}@keyframes animatebottom {    from {        bottom: -100px;        opacity: 0    }    to {        bottom: 0;        opacity: 1    }}#myDiv {    display: none}#return-to-top {    z-index: 1000;    position: fixed;    bottom: 40px;    right: 60px;    background: #810e54;    width: 50px;    height: 50px;    text-decoration: none;    -webkit-border-radius: 35px;    -moz-border-radius: 35px;    border-radius: 35px;    display: none;    -webkit-transition: all .3s linear;    -moz-transition: all .3s ease;    -ms-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease}#return-to-top i {    color: #fff;    margin: 0;    position: relative;    left: 16px;    top: 15px;    font-size: 20px;    -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    -ms-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease}#return-to-top:hover {    background-color: #ff9600}.banner_points {    font-size: 18px;    line-height: 30px;    font-weight: 300}.bg_guarantee_img figure img {    transition: 0.5s;}.arrow_shape:before {    content: "";    position: absolute;    right: 100%;    top: 20px;    width: 15px;    height: 15px;    left: 1px;    background: url("../images/testimonial-pointer.png")}.carousel-indicator:before {    content: "";    position: absolute;    left: 54px;    width: 39%;    height: 1px;    top: 300px;    background-color: #810e54}.carousel-indicator:after {    content: "";    position: absolute;    left: 54px;    width: 39%;    height: 1px;    top: 300px;    background-color: #810e54}.carousel-control.left {    background: none;    left: 300px;    top: 35px}.carousel-control.right {    background: none;    right: 250px;    top: 35px}.testimonial_box .carousel-control.left {    background: url("../images/left_handle.png");    width: 25px;    height: 25px;    bottom: 0;    left: 52%;    top: 70px}.testimonial_box .carousel-control.right {    background: url("../images/right_handle.png");    width: 25px;    height: 25px;    bottom: 0;    right: 39%;    top: 70px}.carousel-indicators:before {    content: "";    position: absolute;    left: -123px;    width: 68%;    height: 1px;    top: 83px;    background: #810e54}.carousel-indicators:after {    content: "";    position: absolute;    right: -215px;    width: 68%;    height: 1px;    top: 83px;    background: #810e54}.guarantee_content {    margin-top: -10px;    margin-bottom: 10px}.testimonial_box .carousel-control.left:hover {    background: url("../images/left_handle_hover.png")}.testimonial_box .carousel-control.right:hover {    background: url("../images/right_handle_hover.png")}.search_box:hover .search_btn {    background: #810e54;    transition-duration: 0.5s}.carousel-control {    opacity: 1}.banner_points li {    position: relative;    padding-left: 20px}.banner_points li:before {    position: absolute;    content: "";    width: 10px;    height: 10px;    background-color: transparent;    border: 2px solid #ff9600;    border-radius: 100%;    left: 0;    top: 10px;}.bg_server {    position: relative}.bg_server:before {    position: absolute;    content: "";    background: url("../images/build_dedicated_btn.png") no-repeat;    width: 95px;    height: 95px;    right: 15px;    top: -95px}.bg_server:after {    background: url("../images/server.png") no-repeat;    width: 700px;    height: 131px;    position: absolute;    content: "";    left: -60px;    top: 75px;    z-index: 1}.bg_vps_server {    position: relative}.bg_vps_server:before {    position: absolute;    content: "";    background: url("../images/build_dedicated_btn.png") no-repeat;    width: 95px;    height: 95px;    right: 15px;    top: -95px}.bg_vps_server:after {    background: url("../images/vps_server.png") no-repeat;    width: 700px;    height: 131px;    position: absolute;    content: "";    left: -60px;    top: 75px;    z-index: 1}.bottom_overlay:after {    content: "";    position: absolute;    left: 0;    bottom: -100px;    width: 100%;    height: 160px;    background-color: rgba(0, 0, 0, 0.15);}.bottom_overlay {    position: relative}ul.side_list {    padding-bottom: 65px}.price_tag .price_content {    font-size: 16px;    color: #111;    font-weight: 400}.price_tag .price_content .price_amount {    font-size: 54px;    line-height: 54px;    font-weight: 500}.domain_price_tag .price_content {    font-size: 16px;    color: #111;    font-weight: 400;    line-height: 30px}.domain_price_tag .price_amount {    font-size: 54px;    line-height: 54px;    font-weight: 500}.counter_box h4 {    font-size: 16px;    font-weight: 400;    padding: 30px 0}.box_01 span.counter {    font-size: 48px;    font-weight: 700;    line-height: 48px}.hover01 figure img {    -webkit-transform: scale(1);    transform: scale(1);    -webkit-transition: .3s ease-in-out;    transition: .3s ease-in-out}.hover01 figure:hover img {    -webkit-transform: scale(1.3);    transform: scale(1.3)}.hover01 {    overflow: hidden}.bg_banner_img {    overflow: hidden}.dropdown .dropdown-menu li {    position: relative;    float: left;    width: 90%;    margin-left: 10%;    border-left: 1px solid #ff9600;}.dropdown .dropdown-menu li:before {    position: absolute;    content: "";    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 100%;    top: 0;    left: -5px;    border: 2px solid #ff9600}.dd_bg_01 {    background: url("../images/web_hosting.png") no-repeat 40px center}.dd_bg_02 {    background: url("../images/reseller.png") no-repeat 40px center}.dd_bg_03 {    background: url("../images/vps_hosting.png") no-repeat 40px center}.dd_bg_04 {    background: url("../images/dedicated_hosting.png") no-repeat 40px center}.dropdown .dropdown-menu li a {    padding-top: 0 !important;}.dropdown .dropdown-menu li a {    position: relative;    top: -6px}.dropdown-menu {    padding: 40px 0 10px;    border: none;    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3)}.dropdown-menu>li>a:hover {    color: #ff9600 !important;    background: transparent;    transition-duration: 0.5s}.dropdown .dropdown-menu li:hover:before {    background: #ff9600;    transition-duration: 0.5s}.dropdown .dropdown-menu li:last-child {    border-left: none}.dropdown-menu {    border-top: 4px solid #ff9600}