@charset "utf-8";

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

Name: style.css
Version: 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=Lato:300,400,700,900');
/* ===================================
    Reset
====================================== */
.carousel-inner {overflow: visible}
.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}
button{border-width: 0;}
p{margin-bottom: 0;}
h2 span {color: #00b2f2}
th{text-align: center;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 13px; text-align: center}
 tr td:first-child {color: #fff; font-size: 16px; font-weight: 700}
th {color: #fff}
th{font-size: 20px; font-weight: 700}
td{font-size: 16px; font-weight: 600;}
tbody tr td .fa.fa-check{color: #41b656}
tbody tr td .fa.fa-close{color: #ff0000}
.comparison_price span.hostingpaln_numeric{font-size: 30px;
    font-weight: 700;
    line-height: 30px;}
.comparison_price span.hostingpaln_dollar{font-size: 20px;
    line-height: 20px;
    font-weight: 700;}
.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 }
.table>thead>tr>th{border-bottom: none}
.hostingplan_btn a{padding: 14px 30px; font-size: 16px; line-height: 16px; font-weight: 500;}

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

/*font family*/

.lato_font {font-family: 'Lato', sans-serif;}

/*!* ===================================*/
    /*Hover*/
/*====================================== *!*/
.menu_navigation .navbar-nav>li>a:hover  {color: #01b6ad}
.banner_btn_01:hover   {background-color: #ff8f5d; color: #fff; transition-duration: 0.5s; border-color: #01b6ad}
.banner_btn_02:hover   {background-color: #01b6ad; color: #fff; transition-duration: 0.5s; border-color: #01b6ad}

.btn_polygon   {border: 1px solid #9d989d; margin-bottom: 40px; padding: 15px 30px; background-color: #00b2f2; color: #fff}
.btn_price_box {display: inline-block; border: none; margin-bottom: 30px; background-color: #01b6ad; color: #fff}
.btn_promotion {display: inline-block; border: none; margin-bottom: 20px; background-color: #01b6ad; color: #fff}
.btn_promotion:hover {background: #ff8f5d; color: #fff; transition-duration: 0.5s}
.btn_domain_box {display: inline-block; border: none; padding: 15px 30px; background-color: #01b6ad; color: #fff}
.btn_polygon:hover{background-color: #00b2f2; color: #ffffff; border-color:#00b2f2; transition-duration: 0.5s }
.btn_domain {border: 1px solid #9d989d; margin-bottom: 40px; padding: 13px 30px; background-color: #00b2f2; color: #fff;}
.btn_domain:hover{background-color: #d7263d; color: #ffffff; border-color:#d7263d; transition-duration: 0.5s}

.heading_border{background: url("../images/heading_border_02.png") no-repeat; width: 100%; height: 2px; background-position: center; left: 0; right: 0; margin-bottom: 25px}
.heading_underline{background: url("../images/border_bottom.png") no-repeat; margin-bottom: 10px;width: 100%; height: 2px; left: 0; right: 0}
.services_box:hover .heading_underline {background: url("../images/border_bottom_hover.png") no-repeat}
.ssd_drive {background: url("../images/ssd_drive.png") no-repeat; width: 64px; transition: 0.5s;height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.ssl_free_certificate {background: url("../images/ssl_free_certificate.png") no-repeat; transition: 0.5s ;width: 48px; height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.support_feature {background: url("../images/24-7_support.png") no-repeat;transition: 0.5s ;width: 64px; height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.latest_speed_technology {background: url("../images/latest_speed_technology.png") no-repeat;transition: 0.5s ;width: 64px; height: 64px; background-position: center; left: 0; right: 0; margin:  0 auto;}
.most_stable_platform {background: url("../images/the_most_stable_platform.png") no-repeat;transition: 0.5s ;background-position: center; width: 64px; height: 64px; left: 0; right: 0; margin: 0 auto;}
.one_click_install {background: url("../images/one_click_install.png") no-repeat;transition: 0.5s ;width: 60px; height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.shared_hosting_feature:hover .one_click_install {transform: translateY(-10px)}

.shared_hosting_feature:hover .most_stable_platform {transform: translateY(-10px)}
.shared_hosting_feature:hover .latest_speed_technology {transform: translateY(-10px)}
.shared_hosting_feature:hover .support_feature {transform: translateY(-10px)}
.shared_hosting_feature:hover .ssl_free_certificate {transform: translateY(-10px)}

.footer_links li a:hover {color: #ff8f5d}
.footer_social_links li a i:hover {color: #fff}
.shared_hosting_feature:hover .ssd_drive {transform: translateY(-10px)}
.search_btn:hover{background-color: #ff8f5d !important;}
.feature_box{transition: all ease-in-out .5s}
.price_box:hover{box-shadow:0 0 0 4px #ff8f5d inset; transition-duration: 0.5s}
.services_box:hover {box-shadow:0 0 0 4px #ff8f5d inset;}
.price_box:hover .heading_border{background-image: url("../images/heading_border.png")}
.feature_box:hover h4{color: #ff8f5d}
.feature_box:hover .bg_guarantee_img {transform: translateY(-10px)}
.feature_box:hover .bg_support_img {transform: translateY(-10px)}
.feature_box:hover .bg_cloud_technology_img {transform: translateY(-10px)}
.feature_box:hover .bg_server_img {transform: translateY(-10px)}
.price_box:hover .btn_price_box{background-color: #ff8f5d; border-color: #ff8f5d; transition-duration: 0.5s; color: #fff}
.price_box:hover .btn_domain_box {background-color: #ff8f5d; border-color: #ff8f5d; transition-duration: 0.5s; color: #fff}
.dedicated_server_box:hover .heading_border{background-image: url("../images/heading_border.png")}
.dedicated_server_box:hover .btn_price_box{background-color: #ff8f5d; border-color: #ff8f5d; transition-duration: 0.5s; color: #fff}
.shape_box{width: 0; height: 0; border-top: 50px solid #038ce4; border-left: 50px solid transparent; position: absolute; top: 0; right: 0}
.shape_box figure{position: absolute; top: -47px; right: 5px}
.shape_square {position: absolute; top: 0; bottom: 0; transition: 0.5s; width: 100%; background-color: rgba(27,24,23,0.30);}

.shape_square{display: none}
.network_gallery:hover .shape_square{display: block}

.hostingplan_btn a:hover{background-color: #d7263d; color: #fff}
.hostingplan_btn_01 a:hover{background-color: #038ce4; color: #fff}
.testimonial_box:hover{box-shadow:0 0 0 2px #ff8f5d inset;}
.quality_box:hover{box-shadow:0 0 0 2px #ff8f5d inset;}
.testimonial_box:hover .shape_box{width: 0;
    height: 0;
    border-top: 50px solid #d7263d;
    border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0;}
/* ===================================
    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_70   {margin-bottom: 70px;}
.margin_bottom_75   {margin-bottom: 75px;}
.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_95  {margin-top: 95px;}
.margin_top_120 {margin-top: 120px;}
.margin_top_240 {margin-top: 240px;}

/* ===================================
     Color
====================================== */

/*Primary Color*/
.primary_color_01b6ad   {color: #01b6ad}

/*Secondary Color*/
.secondary_color_ff8f5d {color: #ff8f5d}

/*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}



.blue_text{color: #00b2f2}
.blue_bg {background-color: #00b2f2}
.yellowbg  {background-color: #fcb100}

/* ===================================
    padding
====================================== */

/*padding*/
.padding_tb_11   {padding: 11px 0}
.padding25      {padding: 25px}
.padding_35     {padding: 35px;}
.padding_lr_12  {padding: 12px 38px;}
.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 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_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_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_145   {padding-left: 145px;}

/*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_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_bottom_67d3ce{border-bottom: 1px solid #67d3ce}
.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_34   {font-size: 34px;}
.font_size_36   {font-size: 36px;}
.font_size_40   {font-size: 40px}
.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_40    {line-height: 40px;}
.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}

/* ===================================
     Top Bar
====================================== */

.navbar-default {background:transparent; border: none}
.menu_navigation .navbar-nav>li>a {color: #fff}

/* ===================================
     Banner
====================================== */

/*info banner image*/
.home_page_banner   {background: url("../images/home_page_banner.jpg") no-repeat; background-size:cover; background-position: center; width:100%;}
.home_page_banner02   {background: url("../images/home_page_banner02.jpg") no-repeat; background-size:cover; background-position: center; width:100%;}
.home_page_banner03   {background: url("../images/home_page_banner03.jpg") no-repeat; background-size:cover; background-position: center; width:100%;}
.shared_hosting_banner{background: url("../images/shared_hosting_banner.jpg")no-repeat; position: relative; background-position: right; width: 100%}
.shared_hosting_banner:before{position: absolute; content: ""; width: 50%; height: 100%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.bg_business_started{background: url("../images/business_started_banner.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.bg_customer_support{background: url("../images/customer_support.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.bg_supercharge_database {background: url("../images/supercharge_database.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.reseller_hosting_banner{background: url("../images/reseller_hosting.jpg") no-repeat; position: relative; background-position: right; width: 100%}
.reseller_hosting_banner:before{position: absolute; content: ""; width: 50%; height: 100%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.bg_business{background: url("../images/run_your_business.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.dedicated_hosting_banner{background: url("../images/dedicated_hosting.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.dedicated_hosting_banner:before{position: absolute; content: ""; width: 50%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.vps_hosting_banner{background: url("../images/vps_hosting.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.vps_hosting_banner:before{position: absolute; content: ""; width: 50%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.domain_hosting_banner{background: url("../images/domain.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.domain_hosting_banner:before{position: absolute; content: ""; width: 50%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.network_banner{background: url("../images/bg_network.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.network_banner:before{position: absolute; content: ""; width: 50%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.contact_page_banner{background: url("../images/contact_banner.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.contact_page_banner:before{position: absolute; content: ""; width: 50%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.about_page_banner{background: url("../images/about_banner.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.about_page_banner:before{position: absolute; content: ""; width: 50%; background-color: #01b6ad; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}

.managed_dedicated_server{background: url("../images/managed_dedicated_server.jpg") no-repeat; background-size: cover; background-position: center; width: 100%}
.home_page_banner_content {display: table; height: 700px; width: 100%}
.sub_page_banner_content{display: table; height: 400px}
/*!*Banner Text*!*/
.banner_text{display: table-cell; vertical-align: middle;}
.banner_btn_01 {background: #01b6ad; color: #fff; border: none; margin-right: 10px; display: inline-block}
.banner_btn_02 {background: transparent; color: #fff; border: 1px solid #01b6ad; padding: 12px 62px; display: inline-block}


/* ===================================
      Search Domain
====================================== */

.search_box{  width: 90%;
    height: 80px;
    position: relative;
    display: inline-block;
    text-align: center;

}

.search_btn{
    position: absolute;
    right: 20px;
    top: 6px;
    padding: 19px 60px !important;
    font-size: 14px !important;
    font-weight: 700;
    background: #01b6ad !important;
    color: #fff !important;
    transition-duration: 0.5s;
    line-height: 1;
    border-radius: 32px;
    border: none;
}

.search_area{
    width: 100%;
    height: 80px;
    position: relative;
    margin-bottom: 50px;

}

.search_box {text-align: center}

.search_box .text_field{
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    height: 81%;
    padding: 0 55px;
    box-shadow: 0 0 11px 4px rgba(0,0,0,.1);
    border: 1px solid #f1f1f1;
    border-radius: 50px;
}

label{
    position: absolute;
    left: 45px;
    text-align: center;
    top: 17px;
    font-size: 20px;
    color: #233141;
    transition: 0.3s;
    letter-spacing: 0.5px;
    font-weight: 400
}

/* ===================================
     Letter Spacing
====================================== */

.letter_spacing_1 {letter-spacing: 1px;}
.letter_spacing_2 {letter-spacing: 2px;}
.letter_spacing_4 {letter-spacing: 4px;}

/* ===================================
      Buttons
====================================== */

/*Button Transperent*/


/* ===================================
      Text Upper Case
====================================== */
.text_uppercase{text-transform: uppercase;}

/* ===================================
      Position
====================================== */

/*Position Relative*/
.positon_relative   {position: relative;}

/*Position Absolute   */
.positon_absolute   {position: absolute;}

/* ===================================
      Top Social Link
====================================== */

/*Top Social Links*/
.top_social_link li {margin:0 8px; }
.top_social_link li a{color: #fff}
.top_social_links li a{color: #fff}
.top_social_links li{margin: 0 8px;}
.top_social_link li{padding-right: 0; padding-left: 0;}
.top_social_links li{padding-right: 0; padding-left: 0;}
.top_social_link li i{margin-right: 10px; font-size: 20px;}
.top_social_links li i{margin-right: 10px; font-size: 20px}

.top_social_link li:hover i{color: #d7263d}
.top_social_links li:hover i{color: #d7263d}

.top_social_link li:hover span{color: #d7263d}
.top_social_links li:hover span{color: #d7263d}
/* ===================================
      Navigation Bar
====================================== */

.nav_bar li{padding: 0 12px}
.nav_bar li:first-child{padding-left: 0}
.nav_bar li:last-child{padding-right: 0}

/* ===================================
      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}
/* ===================================
      Top Bra Section
====================================== */

.top_bar_bg{background-color: #349245; width: 100%; height: 45px; position: relative; overflow: hidden; background-position: center; background-size: cover}
.top_bar_bg:before{content: ""; position: absolute; width: 75%; height: 100%; background-color: #2e2d2c;}

/* ===================================
      Footer Section
====================================== */

.image_box {width: 80px; height: 80px; background-color: #00b2f2; margin: 0 auto}
.client_testimonial {border: 1px solid #ececec; }
.client_img {top: -40px; left: 0; right: 0;}
.footer_links  li a{color: #d4d4d4; font-size: 14px; font-weight: 500; line-height: 24px}

.footer_social_links li a i{color: #01b6ad}
.bg_guarantee_img {background-color: #01b6ad; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.bg_why_chose_us {background-color: #fff; border-radius: 100%; margin: 0 auto; width: 108px; height: 108px; display: table; box-shadow: 0 0 50px rgba(0,0,0,.3); transition: 0.5s}
.bg_support_img {background-color: #ff8f5d; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.bg_cloud_technology_img    {background-color: #00b2f2; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.bg_server_img  {background-color: #d7263d; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.guarantee_img  {display: table-cell; vertical-align: middle;}
.support_img  {display: table-cell; vertical-align: middle}
.cloud_technology_img  {display: table-cell; vertical-align: middle}
.server_img  {display: table-cell; vertical-align: middle}
.vision_box {border-bottom: 1px solid #ededed; padding-bottom: 100px}
.hostingplan_btn {margin-top: 25px; margin-bottom: 25px}
.Custom_Class_774039964{
font-size: 26px;
color: #fff;
font-weight: 700;
background-color: #d7263d;
padding: 11px 0 10px;
text-align: center;}

.Custom_Class_774039965{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    background-color: #00b2f2;
    padding: 11px 0 10px;
    text-align: center;}


#price_table th {background-color: #00abf0;
    font-size: 18px;
    color: #fff;
    padding: 16px 0 15px;
    font-weight: 600;
    border: none;
    text-transform: uppercase;}

.Custom_Class_471590519 {width: 100%}

#price_table td:first-child, #price_table th:first-child {    width: 20%;
    text-align: left;
    padding-left: 20px;}

#price_table td{    border: none;
    padding: 24px 0;
    font-weight: 400;
    text-transform: uppercase;
    color: #777777;
    line-height: 0;}

#price_table .Custom_Class_342432758 a {padding: 12px 32px 13px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #00abf0;
    transition: all ease-in-out 0.4s;}



#price_table tr:nth-child(odd){background-color: #f4f4f4}
#price_table tr:hover {background-color: #e7e7e7; transition-duration: 0.1s}
.server_detail li i{color: #fcb100; padding-right: 10px}
.server_detail li{font-size: 16px; font-weight: 400; line-height: 26px}

.accordion {
    background-color: #038ce4;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}


.hosting_bluebox {position: absolute;
    width: 130px;
    height: 130px;
    border: 3px solid #000;
    box-shadow: 0px 0px 0px 3px #fff inset;
    border-radius: 50%;
    top: -66px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 35px 0;}

.domain_box h5 {font-size: 14px; font-weight: 300}
.domain_box h6 {font-size: 30px; font-weight: 400; padding-bottom: 20px}
.domain_box h6  span {font-size: 72px; font-weight: 500}
.hosting_bluebox p {font-size: 30px; font-weight: 400; color: #fff}
.stacktable.large-only {display: table}
.domain_table_07 {width: 100%; float: left; background-color: #fff}
.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}
.side_links li:last-child{padding-bottom: 0; padding-top: 0}
.side_links {padding-top: 20px}
.side_recent_news {display: inline-flex}
.side_recent_news li {padding: 16px 16px;
    color: #ffffff;}
.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}

.submit_button {padding: 6px 32px;
    float: right;
    font-size: 14px;
    font-weight: 500;
    background-color: #00b2f2;
    border-color: #00b2f2;
}


.tag_buttons li:hover a {color: #ffffff;}
.side_links li:last-child{border-bottom: none}
.side_recent_news li:hover {background-color: #ffffff;}

.side_recent_news li a{color: #fff}

.btn_feature_box:hover a{color: #fff}
.btn_feature_box {background-color: #00b2f2;}
.btn_feature_box a{color: #fff;}

.post_comment_button {    float: left; font-size: 18px; font-weight: 400; padding: 14px 49px; background-color: #00b2f2; color: #fff; border-color: #00b2f2;}
.post_comment_button:hover{background-color: #fcb100; color: #fff; border-color: #fcb100}
.send_message_button{font-size: 18px; font-weight: 400; padding: 14px 40px; background-color: #00b2f2; color: #ffffff;}
.send_message_button:hover{background-color: #fcb100; border-color: #fcb100}



.hosting_box i{font-size: 20px; color: #ffd203}
.hosting_box figure {padding-bottom: 10px}
.list-inline>li {padding-left: 0; padding-right: 0}

.box_01 figure img{padding: 40px 17px; border: 1px solid #d9dfde}
.box_01 figure  {float: left}
.footer_info li a{color: #ff8f5d}
.footer_logo_box h6 span a{color: #ff8f5d}
.footer_box h5{color: #01b6ad}
.footer_social_links li{margin: 0 8px}
.footer_info li {padding-bottom: 15px}
.footer_info li:last-child{padding-bottom: 0}
.footer_info li a span{color: #d4d4d4}
.footer_info li span{color: #d4d4d4}
.testimonial_box h4 {color: #00b2f2; font-size: 16px; font-weight: 700}
.testimonial_box h4 span a{color: #41b656; font-weight: 300; font-size: 14px }
.testimonial_box p{font-size: 16px; color: #777; font-weight: 400}
.quality_box p{font-size: 16px; color: #777; font-weight: 400}
.footer_logo_box h6{color: #d4d4d4}

.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}
.main_text .price_tag{font-size: 24px; font-weight: 300}
.main_text p span{color: #ff8f5d; font-size: 34px; font-weight: 300}
.sub_banner_text .price_tag{font-size: 24px; font-weight: 300}
.sub_banner_text .price_tag span{font-size: 34px; font-weight: 500}
.price_box  {border: 1px solid #01b6ad; box-shadow: 5px 5px 5px 3px rgba(0,0,0,.1);}
.price_box, .dedicated_server_box h4 span {font-size: 40px; font-weight: 400;}
.price_box, .dedicated_server_box h4 {color: #ff8f5d; font-size: 60px; font-weight: 400; padding-bottom: 30px}
.price_box, .dedicated_server_box h3{padding-top: 50px; padding-bottom: 10px}
.price_box, .dedicated_server_box p{ padding: 30px 35px; font-size: 16px; font-weight: 400; color: #777;}
.price_box, .dedicated_server_box figure{padding-bottom: 30px}

.menu_navigation .navbar-nav>.active>a, .menu_navigation .navbar-nav>.active>a:hover{color: #01b6ad; background-color: transparent}
.menu_navigation .navbar-nav>.open>a, .menu_navigation .navbar-nav>.open>a:focus, .menu_navigation .navbar-nav>.open>a:hover{background-color: transparent; color: #fff}
#sub_menu>li>a, #sub_menu_01>li>a, #sub_menu_02>li>a, #sub_menu_03>li>a{font-size: 14px; font-weight: 500}
#sub_menu>.active>a, #sub_menu>.active>a:focus, #sub_menu>.active>a:hover{background-color: transparent; color: #01b6ad}
#sub_menu>li>a:hover, #sub_menu_01>li>a:hover, #sub_menu_02>li>a:hover, #sub_menu_03>li>a:hover{background-color: transparent; color: #01b6ad}
#sub_menu_01>.active>a, #sub_menu_01>.active>a:focus, #sub_menu_01>.active>a:hover, #sub_menu_02>.active>a, #sub_menu_02>.active>a:focus, #sub_menu_02>.active>a:hover, #sub_menu_03>.active>a, #sub_menu_03>.active>a:focus, #sub_menu_03>.active>a:hover{background-color: transparent; color: #01b6ad}
#sub_menu li:first-child, #sub_menu_01 li:first-child, #sub_menu_02 li:first-child, #sub_menu_03 li:first-child{padding-left: 0}
#sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 79px}
.nav_bar .dropdown-menu{right: auto;}
.testimonial_box{padding: 0 35px; border: 1px solid #e0e0e0}
.quality_box    {padding: 0 35px; background-color: #fff;box-shadow: 0 0 10px 1px rgba(0,0,0,.2); padding-top: 70px; padding-bottom: 50px}
.testimonial_box span a{font-size: 16px; font-weight: 400; font-family: Lato; color: #777}
.background_shape{clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0 100%); -webkit-clip-path:polygon(0% 7%, 100% 0%, 100% 93%, 0 100%)}
.bg_shape{clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0 100%)}
.background_style {clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 0 100%);}
.testimonial_box ul{padding-left: 5px}
.testimonial_box ul li i{
    color: #ff8f5d;
}
.testimonial_box h6{
    color: #01b6ad;
}
.affix {
    top:0;
    width: 100%;
    z-index: 9999 !important;
    margin: 0 auto;
    background: rgba(0,0,0,0.80);
}
.website_design .website_price{
    font-size: 24px;
    font-weight: 300;
}
.website_design .website_price span{
    font-size: 34px;
    font-weight: 500
}
.btn_website_price{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 55px;
    border-radius: 32px;
    background-color: #ff8f5d;
    color: #fff;
    border: 2px solid #ff8f5d;
}
.btn_website_price:hover{
    background-color: #fff;
    transition-duration: 0.5s;
    border:2px solid #ff8f5d;
    color: #ff8f5d;
}







#loader {
    position: absolute;
    left:0;
    right:0;
    top: 50%;
    margin: 0 auto;
    z-index: 1;
    border: 8px solid #01b6ad;
    border-radius: 50%;
    border-top: 8px solid #ff8f5d;
    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;
}
.plan_details ul li{font-size: 18px; font-weight: 300; line-height: 32px}
.plan_details ul li span{color: #01b6ad}
.plan_details{margin-left: 30px; margin-right: 30px; padding: 30px 0 ; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: 30px}
.hosting_table tbody tr td:first-child{text-align: left; width: 30%}
.plan_details .dedicated_server_plan li{
    line-height: 40px;
    color: #777;
}

#return-to-top {
    z-index: 1000;
    position: fixed;
    bottom: 40px;
    right: 15px;
    background: #ff8f5d;
    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: #01b6ad}

.nav4 ul > li:hover ul li {
    max-height: 150px;
}
.nav4 li ul {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 1;
}
.nav4 li ul li {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 500ms ease;
    -moz-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease;
}

#sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 80px; right: 0; left: 0; margin: 0 auto; width: 242px; border: none; line-height: 14px; border-radius: 5px}
.sub-menu li a{float: left; width: 100%; background-color: #089790; padding: 10px 20px; margin: 5px 0; color: #fff; border-radius: 5px}

.sub-menu:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #01b6ad;
    top: -13px;
    left: 30px;
    opacity: 0;
    transition: all ease-out 780ms;
}

.sub-menu-parent:hover .sub-menu:before{opacity: 1; transition: all ease-in 0ms;}
.nav4 ul > li:hover ul:before{opacity: 1;}
.sub-menu li:last-child > a{margin-bottom: 0}
.sub-menu li:first-child > a{margin-top: 0}
.sub-menu li:last-child > a{margin-bottom: 20px}
.sub-menu li:first-child > a{margin-top: 20px}
.sub-menu li{margin-left: 10px; margin-right: 10px}
.logo_box{padding: 13px 0}
.navbar-default .nav_bar>li>a:hover{color: #fff}
.sub-menu{background-color: #01b6ad; text-transform: uppercase}
#sub_menu>li>a:hover, #sub_menu_01>li>a:hover, #sub_menu_02>li>a:hover, #sub_menu_03>li>a:hover{background-color: #ff8f5d; color: #fff}
.sub-menu li:last-child {padding-right: 15px}
.price_box h4{font-size: 60px; line-height: 90px; font-weight: 500; color: #ff8f5d}
.price_box h4 span {font-size: 40px; line-height: 90px; font-weight: 500; color: #ff8f5d}
.rating span {font-size: 46px; line-height: 52px; font-weight: 300; color: #01b6ad;}
.domain_table_07 tr th {background-color: #01b6ad}
.price_table tbody tr td:first-child {color: #01b6ad; font-size: 16px; font-weight: 700}
.domain_table_07 tbody tr td:nth-child(3), .domain_table_07 tbody tr td:nth-child(4), .domain_table_07 tbody tr td:nth-child(5) {color: #ff8f5d}
.price_table {border: 3px solid #01b6ad}
.colored_text {font-size: 18px; line-height: 30px; font-weight: 500; color: #01b6ad}
.info_fields input{width: 100%; padding: 15px; margin-bottom: 25px; border-radius: 50px; border: none}
.info_fields input:focus {outline: none}
.message_box textarea{width: 100%; padding: 10px 15px; margin-bottom: 20px; border-radius: 25px; border: none}
.submit_btn{padding: 13px 50px ; color: #fff; border: none; background-color: #ff8f5d; border-radius: 25px; font-weight: 500;}
.submit_btn:focus {outline: none}
.text_section h3 {font-size: 26px; line-height: 32px; font-weight: 400; color: #222328; margin-bottom: 15px}
.services_box .image_section {padding-left: 25px; padding-top: 50px}
.services_box .text_section {padding: 40px 25px}
.text_section p{font-size: 16px; line-height: 24px; font-weight: 300; color: #777}
.vps_detail_box {padding: 0}
.price_box {transition-duration: 0.5s}
.carousel-control{top: 50%; width: 5%; height: 5%}