@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=Montserrat:300,400,500,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: 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}
.hosting_table tr td:first-child {color: #fff; font-size: 16px; font-weight: 700}
.hosting_table thead tr th {color: #fff; font-size: 20px; font-weight: 700}
.hosting_table thead tr th:first-child{text-align: left}
td{font-size: 14px;}
tbody tr td .fa.fa-check{color: #41b656}
tbody tr td .fa.fa-close{color: #ff0000}
.comparison_price p{margin-bottom: 15px; color: #028be3}
.comparison_price span.hostingpaln_numeric{font-size: 72px;
    font-weight: 700;
    line-height: 30px;}
.comparison_price span.hostingpaln_dollar{font-size: 54px; line-height: 20px; font-weight: 700}
.comparison_price span.hostingpaln_price{font-size: 30px; font-weight: 700}
.comparison_price span.hostingpaln_sign{font-size: 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;}
hr{ border: 0;
    border-top: 1px solid #51504f;
    width: 90%;
    margin-left: 0;}
.navbar{border-radius: 0}

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

/*font family*/

.montserrat_font {font-family: 'Montserrat', sans-serif;}

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

.navbar-default .navbar-nav>li>a:hover  {color: #d7263d}
.nav_bar li a{padding: 22px 15px}

.navbar-default .nav_bar>.open>a:focus{background-color: transparent; color: #fff}

.banner_btn_01:hover   {background-color: #d7263d; color: #fff; transition-duration: 1s; border-color: #d7263d }


.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: 40px; margin-top: 20px; padding: 15px 30px; background-color: #00b2f2; color: #fff}
.btn_price_box:hover{background-color: #d7263d; transition-duration: 1s; color: #fff}
.btn_polygon:hover{background-color: #00b2f2; color: #ffffff; border-color:#00b2f2; transition-duration: 1s }
.btn_domain {display: inline-block; border: none; margin-bottom: 40px; padding: 8px 30px; background-color: #00b2f2; color: #fff;}
.domain_box:hover .btn_domain{background-color: #d7263d; color: #ffffff; border-color:#d7263d; transition-duration: 1s}
.btn_domain a{color: #fff}
.btn_price_box a{color: #fff}
.polygon_boxes:hover .polygon_box_content h2 {color: #fcb100; transition-duration: 1s }
.polygon_boxes:hover {border: 1px solid #fcb100; transition-duration: 1s}
.polygon_boxes:hover .price_tag {background-color: #fcb100; transition-duration: 1s}
.polygon_boxes:hover .price_tag:after {border-top: 25px solid #fcb100; transition-duration: 1s }
.polygon_boxes:hover .price_tag h5{color: #fff}
.polygon_boxes:hover .price_tag h6{color: #fff}
.polygon_boxes:hover .btn_polygon{background-color: #fcb100; border-color: #fcb100; transition-duration: 1s}
.upload_time:hover {background-color: #fcb100; transition-duration: 1s}
.image_box:hover {background-color: #d7263d; transition-duration: 1s}
.footer_links li a:hover {color: #d7263d}
.footer_social_links li a i:hover {color: #d7263d}
.guarantee_box:hover {background-color: #d7263d; transition-duration: 1s}

.search_btn:hover{background-color: #d7263d !important;}
.domain_box:hover .hosting_bluebox {background-color: #d7263d; transition-duration: 1s}

.feature_box{transition: all ease-in-out .5s}
.price_box:hover{box-shadow:0 0 0 4px #d7263d inset; background-color: #f8f8f8}
.feature_box:hover{box-shadow: 0 0 0 4px #d7263d inset; background-color: #fff}

.feature_box:hover h4{color: #d7263d}
.price_box:hover .btn_price_box{background-color: #d7263d; border-color: #d7263d; transition-duration: 1s}


.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 #d7263d 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_45   {margin-bottom: 45px}
.margin_bottom_50   {margin-bottom: 50px;}
.margin_bottom_53   {margin-bottom: 53px;}
.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_d7263d   {color: #d7263d}

/*Secondary Color*/
.secondary_color_00b2f2 {color: #0197f6}

/*Bg Color*/

.bg_color_000000 {background-color: #000}
.bg_color_f4f4f4 {background-color: #f4f4f4}
.bg_color_fff    {background-color: #fff}
.bg_color_038ce4 {background-color: #0197f6}
.bg_color_00b2f2 {background-color: #0197f6}
.black_bg        {background-color: #000}
.bg_color_d7263d {background-color: #d7263d}
.bg_color_243049{background-color: #243049}
.bg_color_f1f1f1  {background-color: #f1f1f1}
.bg_color_f8f8f8    {background-color: #f8f8f8}
.bg_color_f5f5f5    {background-color: #f5f5f5}

/*Colors*/
.color_fff      {color: #fff}
.color_777      {color: #777}
.color_f5f5f5   {color: #777777}
.color_243049   {color: #243049}
.color_555      {color: #555}
.color_93a1bd   {color: #93a1bd}

.blue_text{color: #0197f6}
.blue_bg {background-color: #0197f6}
.yellowbg  {background-color: #fcb100}

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

/*padding*/
.padding_0       {padding-bottom: 0}
.padding_tb_11   {padding: 11px 0}
.padding25      {padding: 25px}
.padding_35     {padding: 35px;}
.padding_lr_14  {padding: 14px 28px;}
.padding_lr_19  {padding: 19px 33px}
.padding_lr_10  {padding: 0 10px;}
.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_65 {padding-top: 65px}
.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 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_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_95  {padding-bottom: 95px;}
.padding_bottom_100 {padding-bottom: 100px;}

/*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_263148{border-bottom: 1px solid #263148}

.border {border: 1px solid #d9dfde}
.border_dashed {border: 1px dashed #d9dfde}
/* ===================================
     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_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_32    {line-height: 32px}
.line_height_40    {line-height: 40px;}
.line_height_42    {line-height: 42px;}
.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}
.navbar-default .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; position: relative; background-position: center; width:100%;}
.bg_pattern {background: url("../images/bg_pattern.png")repeat;}
.about_page_banner{background: url("../images/about_page_banner.jpg")no-repeat; background-size: cover; background-position: center; width: 100%;}
.vps_slider_banner{background: url("../images/vpc_slider_banner.jpg")no-repeat; background-size: cover; background-position: center; width: 100%}
.webhosting_page_banner{background: url("../images/webhosting_page_banner.jpg")no-repeat; background-size: cover; background-position: center; width: 100%;}
.reseller_page_banner {background: url("../images/reseller_banne.jpg")no-repeat; background-position: center; background-size: cover; width: 100%;}
.dedicated_page_banner {background: url("../images/dedicated_page_banner.jpg")no-repeat; background-size: cover; background-position: center; position: relative; width: 100%}
.network_page_banner {background: url("../images/network_page_banner.jpg")no-repeat; background-position: center; background-size: cover; position: relative; width: 100%}
.domain_page_banner {background: url("../images/domain_page_banner.jpg")no-repeat; background-position: center; background-size: cover; position: relative; width: 100%}
.blog_page_banner {background: url("../images/network_page_banner.jpg")no-repeat; background-position: center; background-size: cover; position: relative; width: 100%}
.contact_page_banner{background: url("../images/contact_banner.jpg")no-repeat; background-position: center; background-size: cover; width: 100%}

.domain_emails{background: url("../images/domain_emails.png")no-repeat; width: 75px; height: 77px; margin: 0 auto; left: 0; right: 0; top: 30px}
.guarantee{background: url("../images/guarantee.png")no-repeat; width: 89px; height: 78px; margin: 0 auto; left: 0; right: 0; top: 30px}
.controll_panel{background: url("../images/control_panel.png")no-repeat; width: 95px; height: 75px; margin: 0 auto; left: 0; right: 0; top: 30px}
.high_speed {background: url("../images/high_speed.png")no-repeat; width: 72px; height: 79px; margin: 0 auto; left: 0; right: 0; top: 30px;}
.sub_page_banner_content{display: table; height: 300px}

.feature_box:hover .domain_emails{background: url("../images/domain&emails.png")no-repeat}
.feature_box:hover .guarantee{background: url("../images/guaranteee.png")no-repeat}
.feature_box:hover .controll_panel{background: url("../images/controllpanel.png")no-repeat}
.feature_box:hover  .high_speed{background: url("../images/highspeed.png")no-repeat}

.home_page_banner_content {display: table; height: 700px;}
.about_page_banner_content{display: table; height: 300px;}
.webhosting_page_banner_content{display: table; height: 300px;}

/*!*Banner Text*!*/
.banner_text{display: table-cell; vertical-align: middle;}
.sub_page_banner_text {display: table-cell; vertical-align: middle;}
.about_banner_text {display: table-cell; vertical-align: middle}


.hosting_table tbody tr td{background: url("../images/table_bottom_separator.png") no-repeat center bottom #243049}
.hosting_table tbody tr:last-child td{background-image: none}



.banner_btn_01 {background: transparent; color: #fff; border: 2px solid #fff; display: inline-block}
.banner_btn_01 a{color: #fff}



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

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

}

.search_btn{
    position: absolute;
    right: 20px;
    top: 8px;
    padding: 25px 36px !important;
    font-size: 14px !important;
    font-weight: 700;
    background: #0197f6 !important;
    color: #fff !important;
    transition-duration: 1s;
    line-height: 1;
    border-radius: 3px;
    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: 100%;
    padding: 0 55px;
    box-shadow: 0 0 11px 4px rgba(0,0,0,.1);
    border: 1px solid #f1f1f1;
}

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




.price_tag {
    width: 100%;
    height: 140px;
    background: #f9f9f9;
    position: absolute;
    left: 0;
}

.price_tag:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    border-top: 25px solid #f9f9f9;
}

/* ===================================
      Polygon Box
====================================== */
.polygon_box li{padding: 10px 0;}
.polygon_boxes {border: 1px solid #ececec; box-shadow: 0 0 11px 4px rgba(0,0,0,.1);}
.polygon_box li:last-child{border-bottom: none}
.polygon_box_content span {font-size: 72px; font-weight: 500;}
.polygon_box_content h6 {font-size: 54px; font-weight: 500;}
.polygon_box_content h2 {padding-top: 30px; padding-bottom: 30px}
.polygon_box {padding-top: 200px; padding-bottom: 40px}
.price_tag h5  {padding-top: 30px}
.price_tag h6{color: #0197f6}

/* ===================================
     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, .top_social_links li a{color: #fff; font-size: 14px; font-weight: 400}
.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: 14px; margin-left: 5px}
.top_social_links li i{margin-right: 10px; font-size: 14px}

.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
====================================== */

a.header_logo img{width: 125px}
.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}

/* ===================================
      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: 115px; height: 115px; background-color: #0197f6; margin: 0 auto; display: table; border-radius: 100%}
.image_box figure{display: table-cell; vertical-align: middle}
.client_testimonial {border: 1px solid #ececec; }
.client_img {top: -40px; left: 0; right: 0;}
.footer_links  li a{color: #999; font-size: 14px; font-weight: 500; line-height: 24px}
.footer_social_links li a i{color: #fff}
.bg_vision_img {background-color: #d7263d; border-radius: 100%; margin: 0 auto; width: 228px; height: 228px; display: table}
.vision_img, .vision_img_01 {display: table; background-color: #d7263d; height: 225px; width: 225px; border-radius: 100%; margin: 0 auto; margin-bottom: 20px; }
.vision_img_02{display: table; background-color: #038ce4; height: 225px; width: 225px; border-radius: 100%; margin: 0 auto; margin-bottom: 20px;}
.vision_img figure, .vision_img_01 figure, .vision_img_02 figure{display: table-cell; vertical-align: middle}
.hostingplan_btn {margin-top: 30px; margin-bottom: 25px}
.footer_logo_box figure img{width: 125px}

.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: #0197f6;
    padding: 11px 0 10px;
    text-align: center;}

#price_table th, #price_table th {background-color: #0197f6;
    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, #price_table_02 td:first-child, #price_table_02 th:first-child {    width: 20%;
    text-align: left;
    padding-left: 20px;}

#price_table td, #price_table_02 td{    border: none;
    padding: 20px 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #777777;
    line-height: 0;
    vertical-align: middle;
}

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

#price_table .Custom_Class_342432758 a:hover, #price_table_02 .Custom_Class_342432758 a:hover{background-color: #d7263d}

#price_table tr:nth-child(odd), #price_table_02 tr:nth-child(odd){background-color: #f4f4f4}
#price_table tr:hover {background-color: #e7e7e7; transition-duration: 0.1s}
#price_table_02 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}
.side_links li{    padding: 15px 0;
    border-bottom: 1px solid #dddddd;}

.accordion {
    background-color: #0197f6;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
.hosting_bluebox {position: absolute;
    width: 130px;
    height: 130px;
    border: 3px solid #000;
    box-shadow: 0px 0px 0px 3px #fff inset;
    border-radius: 50%;
    top: -64px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
}

.domain_box h5 {font-size: 16px; font-weight: 500; color: #999}
.domain_box h6 {font-size: 30px; font-weight: 700; padding-bottom: 20px; color: #0197f6}
.domain_box h6  span {font-size: 62px; font-weight: 700}
.hosting_bluebox p {font-size: 30px; font-weight: 400; color: #fff; display: table-cell; vertical-align: middle; font-size: 40px; font-weight: 700}
.stacktable.large-only {display: table}
.domain_table_07 {width: 100%; float: left; background-color: #fff}
.domain_table_07 tr th {background-color: #d7263d}
.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: 15px;}

.container-3 .icon {position: absolute;
    margin-left: 17px;
    margin-top: 17px;
    z-index: 1;
    color: #fff;}



.side_links li span{float: right; color: #777; font-size: 14px; font-weight: 500 }
.side_links li{padding-bottom: 5px; color: #243049; font-weight: 500; font-size: 16px}
.side_links li a{color: #777}

.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: #0197f6;
    border-color: #0197f6;
    border: none;
}

.tag_buttons li:hover{background-color: #d7263d;}
.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:hover a{color: #d7263d;}
.side_links li a:hover{color: #d7263d}
.side_links li a:hover span{color: #d7263d}
.side_recent_news li a{color: #fff}
.btn_feature_box:hover{background-color: #d7263d; border-color:#d7263d;}
.btn_feature_box:hover a{color: #fff}
.btn_feature_box {background-color: #0197f6;}
.btn_feature_box a{color: #fff;}
.submit_button:hover, .submit_button:focus{background-color: #d7263d; color: #fff; border-color: #d7263d}
.post_comment_button {float: left; font-size: 18px; font-weight: 400; padding: 14px 49px; background-color: #0197f6; color: #fff; border-color: #0197f6;}
.post_comment_button:hover{background-color: #fcb100; color: #fff; border-color: #fcb100}
.send_message_button{border: none; font-size: 18px; font-weight: 400; padding: 14px 40px; background-color: #0197f6; color: #ffffff;}
.send_message_button:focus, .send_message_button:active{border: none}
.send_message_button:hover{background-color: #d7263d; border-color: #d7263d}
.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_social_links li{padding: 0 8px;}
.footer_info li {padding-bottom: 10px}
.footer_info li:last-child{padding-bottom: 0}
.vision_img:hover{background-color: #0197f6; transition-duration: 1s}
.vision_img_01:hover{background-color: #0197f6; transition-duration: 1s}
.vision_img_02:hover{background-color: #d7263d; transition-duration: 1s}
.testimonial_box h4 {color: #0197f6; font-size: 16px; font-weight: 700}
.testimonial_box h4 span a{color: #41b656; font-weight: 300; font-size: 14px }
.testimonial_box p{font-size: 14px; color: #999}
.footer_info li a span:hover{color: #d7263d}
.footer_info li span:hover{color: #d7263d}
.footer_logo_box h6 a:hover{color: #d7263d}
.footer_logo_box h6 a{color: #fff}

.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 p span{color: #0197f6}
.main_text h2 {font-size: 18px; font-weight: 400;}
.main_text h2 span{font-size: 36px; font-weight: 700; color: #d7263d}
.price_box, .active_box  {box-shadow: 4px 4px 0 0 #e5e5e5; border: 1px solid #ccc}
.feature_box{border: 1px solid #dbdbdb; background-color: #f2f2f2}
.price_box h4 span, .active h4 span {font-size: 16px; font-weight: 700;}
.price_box h4, .active_box h4 {color: #d7263d}
.price_box h3 {padding-top: 25px; padding-bottom: 20px}
.active_box h3{padding-top: 15px; padding-bottom: 20px}
.testimonial_box{border: 1px solid #dbdbdb; padding: 0 35px}
.testimonial_box span a{font-size: 16px; font-weight: 400; font-family: Montserrat; color: #d7263d}
#sub_menu li, #sub_menu_01 li, #sub_menu_02 li, #sub_menu_03 li{padding: 0; list-style: none}
.functions{color: #fff}
.functions span i{color: #0197f6; padding-right: 5px}
.functions span{font-size: 16px; font-weight: 400}
.active_box{box-shadow: 0 0 0 4px #d7263d inset}
.core_feature_box{float: none; display: inline-block; vertical-align: middle; margin: 0 -2px}
.dropdown-menu{padding: 10px 0; right: auto !important; top: 66px}
#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}
.main_text h2 strong{font-size: 20px; font-weight: 700; color: #d7263d}
.first_row .st-head-row{text-align: left}
.hosting_table tbody tr td:first-child{text-align: left; width: 30%; background: none;}
.menu_navigation{background:url("../images/bg_pattern.png")repeat; left: 0; right: 0; z-index: 1;}
.footer_first_section{padding-bottom: 30px}
.menu_navigation .navbar-nav>.active>a, .menu_navigation .navbar-nav>.active>a:hover{color: #d7263d; background-color: transparent}
#sub_menu>.active>a, #sub_menu>.active>a:focus, #sub_menu>.active>a:hover{background-color: #007cd7; color: #fff}
#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: #d7263d}
#sub_menu_01>.active>a, #sub_menu_01>.active>a:focus, #sub_menu_01>.active>a:hover{background-color: transparent; color: #d7263d}
#sub_menu_02>.active>a, #sub_menu_02>.active>a:focus, #sub_menu_02>.active>a:hover{background-color: transparent; color: #d7263d}
#sub_menu_03>.active>a, #sub_menu_03>.active>a:focus, #sub_menu_03>.active>a:hover{background-color: transparent; color: #d7263d}
.hosting_table>tbody>tr>td{padding: 13px 0}
.empty-th{padding: 0 !important; width: 1%}
.counter_box span{color: #d7263d}
.footer_box li a{color: #999; font-weight: 500}
.footer_info li span{color: #999; font-weight: 500}
.panel-success>.panel-heading{background-color: #038ce4; color: #fff}
.panel-default>.panel-heading{background-color: #d7263d; color: #fff}
.hosting_table tbody tr td:nth-child(odd){background: none}
td.st-val{color: #fff}
.price_table thead tr th{color: #fff; font-size: 18px; font-weight: 700}
.price_table tbody tr td:first-child{color: #d7263d; font-size: 16px; font-weight: 700}
.navigation_bar .navbar-nav>.open>a, .navigation_bar .navbar-nav>.open>a:focus, .navigation_bar .navbar-nav>.open>a:hover{color: #fff; background-color: transparent}

#loader {
    position: absolute;
    left:0;
    right:0;
    top: 50%;
    margin: 0 auto;
    z-index: 1;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #d7263d;
    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;
}
.title_01{margin: 0; padding-bottom: 15px !important; padding-top: 0 !important;}
.list-inline>li{display: inline-block;
    padding-right: 5px;
    padding-left: 5px;}
.social_links li a i{color: #d7263d;}
.social_links li a i:hover{color: #fff}
.btn_comment_box{padding: 10px 40px;; color: #fff}

.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;
}
#return-to-top {
    z-index: 1000;
    position: fixed;
    bottom: 40px;
    right: 60px;
    background: #038ce4;
    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: #d7263d}
.title_01{margin: 0; padding-bottom: 15px !important; padding-top: 0 !important;}
.list-inline>li{display: inline-block;
    padding-right: 5px;
    padding-left: 5px;}
.social_links li a i{color: #d7263d;}
.social_links li a i:hover{color: #fff}
.btn_comment_box{padding: 10px 40px;; color: #fff}
.nav_bar li:hover .sub-menu{opacity: 1 !important;}
li > .sub-menu{background-color: #008df5; text-transform: uppercase}
/*.navbar-default .navbar-nav>li:hover{background-color: #e7e7e7;}*/


.nav_bar li .sub-menu li:hover a{color: #fff !important; background: #d22136 !important;}


.nav_bar li .sub-menu li:last-child > a{border-bottom: none}
.navbar{border: none}
.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: 77px; right: 0; left: 0; margin: 0 auto; min-width: 242px; border: none; line-height: 14px; border-radius: 5px; opacity: 0}
.sub-menu li a{float: left; width: 90%; background-color: #007cd7; padding: 10px 20px; margin: 5px 10px; 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 #008df5;
    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}