@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=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700,900');
/* ===================================
    Reset
====================================== */
body{color: #777; font-size: 14px}
.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; color: #777}
figure{margin: 0}
iframe{width: 100%}
/* ===================================
    Typography
====================================== */

/*font family*/

.open_sans {font-family: 'Open Sans', sans-serif}
.nunito    {font-family: 'Nunito', sans-serif}


/* ===================================
    Letter Spacing
====================================== */
.letter_spacing_1{letter-spacing: 1px}
/* ===================================
    Height
====================================== */

/*height*/


/* ===================================
    Width
====================================== */

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}
/* ===================================
    Bottom
====================================== */
.bottom_0   {bottom: 0}

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

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

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

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

/*Margin Left*/
.margin_left_8    {margin-left: 8px}
.margin_left_10   {margin-left: 10px}
.margin_left_15   {margin-left: 15px}
.margin_left_20   {margin-left: 20px}
.margin_left_30   {margin-left: 30px}
.margin_left_50   {margin-left: 50px}
.margin_left_100  {margin-left: 100px}
.margin_left_230  {margin-left: 230px}
.margin_left_245  {margin-left: 245px}
/*Margin Top*/
.margin_top-2   {margin-top: -2px}
.margin_top_10  {margin-top: 10px}
.margin_top_15  {margin-top: 15px}
.margin_top_20  {margin-top: 20px}
.margin_top_25  {margin-top: 25px}
.margin_top_30  {margin-top: 30px}
.margin_top_40  {margin-top: 40px}
.margin_top_35  {margin-top: 35px}
.margin_top_50  {margin-top: 50px}
.margin_top_60  {margin-top: 60px}
.margin_top_80  {margin-top: 80px}
.margin_top_90  {margin-top: 90px}
.margin_top_95  {margin-top: 95px}
.margin_top_100 {margin-top: 100px}
.margin_top_105 {margin-top: 105px}
.margin_top_115 {margin-top: 115px}
.margin_top_120 {margin-top: 120px}
.margin_top_240 {margin-top: 240px}

/* ===================================
     Color
====================================== */
/*Colors*/
.color_ffb401{color: #ffb401}
.color_e74c3c{color: #e74c3c}
.color_fff   {color: #fff}
.color_000   {color: #000}
.color_777   {color: #777}
.color_181818{color: #181818}
/*Background Colors*/
.bg_color_fafafa{background-color: #fafafa}
.bg_color_fff{background-color: #fff}
.bg_ffb401{background-color: #ffb401}
.bg_color_e74c3c{background-color: #e74c3c}
/* ===================================
    padding
====================================== */

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

/*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_105{padding-top: 105px}
.padding_top_150{padding-top: 150px}
.padding_top_130{padding-top: 130px}
.padding_top_140{padding-top: 140px}
.padding_top_325{padding-top: 325px}

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

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

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

/* ===================================
     Font Size
====================================== */

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

/*Font weight*/
.font_weight_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_42    {line-height: 42px}
.line_height_48    {line-height: 48px}
.line_height_54    {line-height: 54px}
.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
====================================== */
.btn_login{font-size: 14px; color: #fff; background-color: #e74c3c; border-radius: 4px; padding: 10px 35px; border: 1px solid #e74c3c; margin-left: 30px}
.btn_banner_01{display:inline-block; font-size: 18px; color: #fff; font-weight: 400; background-color: #ffb401; border-radius: 4px; padding: 13px 36px; border: 1px solid #ffb401; margin-right: 10px}
.btn_banner_02{display:inline-block; font-size: 18px; color: #000; font-weight: 400; background-color: transparent; border-radius: 4px; padding: 13px 36px; border: 1px solid #000}
.btn_plan_price{font-size: 18px; font-weight: 400; color: #181818; padding: 12px 37px; border: 1px solid #181818; border-radius: 4px; background-color: transparent; display: inline-block}
.btn_build_website{font-size: 18px; color: #fff; font-weight: 400; background-color: #e74c3c; border-radius: 4px; padding: 15px 40px; display: inline-block; margin-left:30px}
.btn_transfer{font-size: 22px; color: #fff; font-weight: 600; font-family: 'Nunito', sans-serif; background-color: #e74c3c; border: 1px solid #e74c3c; border-radius: 6px; padding: 15px 40px; display: inline-block}
.btn_send{display: inline-block; font-size: 18px; color: #fff; font-weight: 400; background-color: #e74c3c; border: 1px solid #e74c3c; border-radius: 4px; padding: 10px 60px; margin-top: 40px}
/* ===================================
         Hover
====================================== */

.btn_login:hover{background-color: transparent; border: 1px solid #e74c3c; color: #e74c3c; transition-duration: 0.5s}
.btn_banner_01:hover{border: 1px solid #e74c3c; color: #fff; background-color: #e74c3c; transition-duration: 0.5s}
.btn_banner_02:hover{border: 1px solid #e74c3c; background-color: #e74c3c; color: #fff; transition-duration: 0.5s}

.plan_price_box:hover .btn_plan_price{background-color: #e74c3c; border: 1px solid #e74c3c; color: #fff; transition-duration: 0.5s}
.plan_price_box.active:hover .btn_plan_price{background-color: transparent; border: 1px solid #000; color: #000; transition-duration: 0.5s}
.why_choose_hosting_box:hover{background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.20); border: 2px solid #fff; transition-duration: 0.5s}
.why_choose_hosting_box:hover h4{color: #e74c3c; transition-duration: 0.5s}
.why_choose_hosting_box:hover .hosting_bg_img01{background: url("../images/money_back_hover.png")}
.why_choose_hosting_box:hover .hosting_bg_img03{background: url("../images/free_ssl_hover.png")}
.why_choose_hosting_box:hover .hosting_bg_img04{background: url("../images/cpanel_access_hover.png")}
.footer_links li:hover a{color: #e74c3c; transition-duration: 0.5s}
.banner_search_box .search_btn:hover{background-color: #e74c3c !important; transition-duration: 0.5s}
.btn_send:hover{background-color: transparent; border: 1px solid #e74c3c; color: #e74c3c; transition-duration: 0.5s}
.btn_build_website:hover{background-color: #fff; color: #e74c3c; transition-duration: 0.5s}
.local_listing_inner .btn_local_list{display:inline-block; background: #fff; color: #fff !important; padding: 15px 20px !important; font-size: 12px !important; line-height: 12px !important; text-transform: uppercase; font-weight: 900 !important; margin-left: 30px !important; border-radius: 4px; float: none; width: auto}
.btn_local_list:hover{background-color: #fff; color: #e74c3c; transition-duration: 0.5s}
.dd_bg_01:hover, .dd_bg_02:hover, .dd_bg_03:hover, .dd_bg_04:hover{-webkit-filter: none; filter: none}
.dd_bg_01:hover .menu_content span, .dd_bg_02:hover .menu_content span, .dd_bg_03:hover .menu_content span, .dd_bg_04:hover .menu_content span{color: #e74c3c; font-weight: 600}
.menubar li:hover .dropdown_menu {display: block}
.menubar li:hover .dropdown_submenu {display: block}
.menubar li:hover .dropdown_company {display: block}
.top_navigation .navigation .dropdown_submenu a:hover div.menu_text span{color: #e74c3c; transition-duration: 0.5s}
.navigation .dropdown_company a:hover div.submenu_text span{padding-left: 15px; color: #fff}
.navigation .dropdown_company a:hover{background-color: #e74c3c; transition-duration: 0.5s}
.footer_social_links li a i:hover{color: #e74c3c; transition-duration: 0.5s}
.about_us_box:hover{background-color: #e74c3c; transition-duration: 0.5s}
.btn_transfer:hover{background-color: #fff; border: 1px solid #e74c3c; color: #e74c3c}
.vps_btn:hover{background-color: #fff; border: 1px solid #e74c3c; color: #e74c3c; transition-duration: 0.5s}
/* ===================================
     Banner
====================================== */
.home_page_banner{background: url("../images/home_page_banner.jpg") no-repeat center; background-size: cover; width: 100%; height: 600px}
.inner_content{content: ""; position: absolute; height: 300px; top: 180px; left: 0; right: 0; margin: 0 auto; width: 71%}
.home_page_banner02{background: url("../images/home_page_banner02.jpg") no-repeat center; background-size: cover; width: 100%; height: 600px}
.home_page_banner03{background: url("../images/home_page_banner03.jpg") no-repeat center; background-size: cover; width: 100%; height: 600px}
.home_page_banner_content{display: table; height: 600px; width: 100%}
.banner_inner_content{display: table-cell; vertical-align: middle}

.shared_page_banner{background: url("../images/bg_shared_hosting.jpg") no-repeat center; background-size: cover; position: relative}
.shared_page_banner:before{content: ""; position: absolute; width: 50%; height: 100%; background: url("../images/bg_shared.jpg") no-repeat; background-size: cover; left: 0; top: 0}
.shared_page_banner:after{content: ""; position: absolute; height: 100%;width: 120px; background: url("../images/shade.png") no-repeat; top: 0; right: -121px; left: 0; margin: 0 auto}

.shared_page_banner h1 span.small_text,
.reseller_page_banner h1 span.small_text,
.dedicated_page_banner h1 span.small_text,
.vps_page_banner h1 span.small_text,
.domain_page_banner h1 span.small_text, .about_page_banner h1 span.small_text, .contact_page_banner h1 span.small_text{font-size: 30px; font-weight: 600}

.reseller_page_banner{background: url("../images/bg_reseller_hosting.jpg") no-repeat center; background-size: cover; position: relative}
.reseller_page_banner:before, .dedicated_page_banner:before, .vps_page_banner:before, .domain_page_banner:before, .about_page_banner:before, .contact_page_banner:before, .network_page_banner:before{content: ""; position: absolute; width: 50%; height: 100%; background: url("../images/bg_shared.jpg") no-repeat; background-size: cover; left: 0; top: 0}
.reseller_page_banner:after, .dedicated_page_banner:after, .vps_page_banner:after, .domain_page_banner:after, .about_page_banner:after, .contact_page_banner:after, .network_page_banner:after{content: ""; position: absolute; height: 100%;width: 120px; background: url("../images/shade.png") no-repeat; top: 0; right: -121px; left: 0; margin: 0 auto}

.dedicated_page_banner{background: url("../images/bg_dedicated_hosting.jpg") no-repeat center; background-size: cover; position: relative}
.vps_page_banner{background: url("../images/bg_vps_hosting.jpg") no-repeat center; background-size: cover; position: relative}
.domain_page_banner{background: url("../images/bg_domain.jpg") no-repeat center; background-size: cover; position: relative}
.about_page_banner{background: url("../images/bg_about.jpg") no-repeat center; background-size: cover; position: relative}
.network_page_banner{background: url("../images/bg_dedicated_hosting.jpg") no-repeat center; background-size: cover; position: relative}
.contact_page_banner{background: url("../images/bg_contact.jpg") no-repeat center; background-size: cover; position: relative}


.left_arrow{background: url("../images/left_arrow.png"); width: 39px; height: 39px}
.right_arrow{background: url("../images/right_arrow.png"); width: 39px; height: 39px}
.next_icon, .prev_icon{position: absolute; bottom: 0; width: 15%; color: #fff; text-align: center; opacity: 1;}
.right_arrow:hover{background: url("../images/hover_right_arrow.png"); width: 51px; height: 51px; transition-duration: 0.5s}
.left_arrow:hover{background: url("../images/hover_left_arrow.png"); width: 51px; height: 51px; transition-duration: 0.5s}

.carousel-control-prev{left: -60px}
.carousel-control-next{right: -60px}
.slider-handle{display: none}
div#top_slider:hover .slider-handle{display: block}
/* ===================================
      Search Domain
====================================== */
.banner_search_box{width: 100%; position: relative; display: inline-block; text-align: center}
.search_area{width: 100%; height: 94px; position: relative}
.banner_search_box .text_field{width: 100%; font-size: 18px; line-height: 36px; height: 65%; padding: 0 20px; box-shadow: 0 0 5px 0 rgba(0,0,0,.0); border: 1px solid #dfe5e5; font-weight: 400; color: #666; border-radius: 6px; margin: 0 auto; float: none;}
.banner_search_box .search_btn{position: absolute; right: 8px; top: 8px; padding: 15px 60px !important; font-size: 14px !important; font-weight: 700; color: #fff !important; transition-duration: 0.5s; line-height: 1; border: 1px solid #dfe8e8; background-color: #fafafa !important;}
.banner_search_box figure{    position: absolute; right: 50px; text-align: center; top: 20px; transition: 0.3s; z-index: 9;}
ul.list-inline li{display: inline-block; padding: 10px 50px; font-size: 18px; font-weight: 400; color: #e74c3c; text-align: center}
ul.list-inline li:first-child{padding-left: 0}
ul.list-inline li:last-child{padding-right: 0}
ul.list-inline li:nth-child(2){border-left: 1px solid #dfe8e8; border-right: 1px solid #dfe8e8}
ul.list-inline li span{font-size: 28px}
/* ===================================
      Navigation Bar
====================================== */

.top_navigation{padding: 0}
.navigation .menubar li>a{font-size: 14px; color: #000 !important; font-weight: 400; padding: 40px 25px !important;}
.top_navigation .navigation ul li:hover a{color: #e74c3c !important; transition-duration: 0.5s}
/*Drop-Down Menu*/
.navigation .dropdown_menu{width: 100%; background-color: #fff; float: left; border-radius: 4px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-top: 4px solid #ffb401; top: 99px; left: 0; right: 0; margin: 0 auto; border-left: none; border-right: none; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out}
.navigation .dropdown_submenu {width: 100%; background-color: #fff; float: left; border-radius: 4px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-top: 4px solid #ffb401; top: 99px; left: 0; right: 0; margin: 0 auto; border-left: none; border-right: none}
.navigation .dropdown_company {width: 200px; background-color: #fff; float: left; border-radius: 4px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-top: 4px solid #ffb401; top: 99px; left: 460px; right: 0; margin: 0 auto; border-left: none; border-right: none}
.navigation .dropdown_menu li{margin: 0; padding-bottom: 0; list-style: none; width: 100%; background: none; float: left; font-size: 14px}
div.dropdown_menu a{font-size: 14px; font-weight: normal; line-height: 18px; margin: 0; color: #777; transition: all ease-in-out 0.6s; float: left; width: 100%; padding: 20px 0 !important;}
.menu_content{float: left; width: 70%; text-align: left; margin-left: 30%; line-height: 18px; color: #777; font-size: 12px}
.navigation .dropdown_menu a span{font-size: 20px; display: block; line-height: 30px; transition: all ease-in-out 0.6s; color: #333; margin-bottom: 5px}
.dd_bg_01{background: url("../images/web_hosting.png") no-repeat 5px center; transition: all ease-in-out 0.6s}
.dd_bg_02{background: url("../images/reseller.png") no-repeat 5px center; transition: all ease-in-out 0.6s}
.dd_bg_03{background: url("../images/vps_hosting.png") no-repeat 5px center; transition: all ease-in-out 0.6s}
.dd_bg_04{background: url("../images/dedicated_hosting.png") no-repeat 5px center; transition: all ease-in-out 0.6s}
div.dropdown_submenu a{font-size: 14px; font-weight: normal; line-height: 18px; margin: 0; color: #777; transition: all ease-in-out 0.6s; float: left; width: 100%; padding: 30px 0 !important; border-bottom: 1px solid #ccc; position: relative}

div.dropdown_submenu a:last-child{border-bottom: none}
div.dropdown_submenu a:before{content: ""; position: absolute; border: 1px solid #dadada; height: 40px; left: 58px; top: 0; bottom: 0; margin: auto}
div.dropdown_submenu{padding: 20px 0}
.sb_dd_01{background: url("../images/announcement.png") no-repeat 5px center}
.sb_dd_02{background: url("../images/your_services.png") no-repeat 5px center}
.sb_dd_03{background: url("../images/update_details.png") no-repeat 5px center}
.sb_dd_04{background: url("../images/update_credit_card.png") no-repeat 5px center}
.sb_dd_05{background: url("../images/your_domains.png") no-repeat 5px center}
.sb_dd_06{background: url("../images/submit_ticket.png") no-repeat 5px center}
.sb_dd_07{background: url("../images/deposite_funds.png") no-repeat 5px center}
.sb_dd_08{background: url("../images/manage_contact.png") no-repeat 5px center}

.menu_text{float: left; width: 75%; text-align: left; margin-left: 25%; line-height: 18px; color: #777; font-size: 14px}
.bg_menu_hosting{background: url("../images/menu_hosting.jpg") no-repeat center; background-size: cover; width: 100%; height: 190px; display: table; text-align: center}
.local_listing{position: relative; display: table-cell; vertical-align: middle}
.local_listing ul{padding: 0; margin: 0; list-style-type: none}
.local_listing ul li{float: none; position: relative; color: #fff; padding-left: 40px; display: block; text-align: left}
.local_listing ul li:before{content: ""; position: absolute; background: url("../images/tick_img.png"); width: 16px; height: 12px; left: 15px; top: 7px}
.local_listing .local_listing_inner{position: absolute; right: 0; top: 0; width: 65%; padding: 30px 0; display: block}
.local_listing_inner h6{font-size: 26px; line-height: 28px; color: #fff; text-transform: uppercase; margin-left: 35px; font-weight: 600}
.local_listing_inner p{font-size: 14px; line-height: 16px; font-weight: 600; text-transform: uppercase; color: #fff; margin-bottom: 20px; margin-left: 30px}
.dropdown, .dropup{position: inherit}
.bg_submenu{background: url("../images/lates_version.png"); background-size: cover; width: 349px; height: 265px; text-align: center}
.bg_submenu h2{color: #fff; font-size: 36px; font-weight: 600; line-height: 34px; padding-top: 30px}
.bg_submenu h2 .small_color_text{color: #e74c3c; font-weight: 600; font-size: 24px}
.navigation .dropdown_company a{padding: 10px 20px}
.navigation .dropdown_company a .submenu_text span{color: #000}
.navigation .dropdown_company a div.submenu_text span{transition: all ease-in-out 0.5s}
.dropdown-item:focus, .dropdown-item:hover{background-color: transparent}

/* ===================================
      Hosting Plan Section
====================================== */
.carousel_top_indicator{position: relative}
.carousel-indicators01{position: relative; right: 0; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; list-style: none; margin: 0 80px; float: right; top: -80px}
.carousel-indicators01 li{-webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 30px; padding-left: 30px; text-indent: 0; background-color: transparent; display: table; cursor: pointer; font-size: 18px; border-right: 1px solid #bfbfbf}
.carousel-indicators01 li.active{color: #e74c3c; background-color: transparent}
.plan_list li{font-size: 16px; font-weight: 400; color: #181818; line-height: 34px}
.plan_list{margin-bottom: 30px; margin-top: 18px}
.plan_price_box{padding: 45px 0; border-radius: 4px}
.plan_price_box.active{background-color: #fff; box-shadow: 0 0 50px rgba(0,0,0,.10)}
.plan_price_box.active .btn_plan_price{background-color: #e74c3c; border: 1px solid #e74c3c; color: #fff}
.slider_inner{margin: 30px 0}
.carousel-indicators01 li.active{position: relative}
.carousel-indicators01 li.active:before{position:absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid red; left: 0; right: 0; margin: 0 auto}

/* ===================================
      Our Services Section
====================================== */
.service_list li{padding: 0 15px; border-right: 1px solid #bfbfbf; font-size: 18px}
.service_list li:first-child{padding-left: 0}
.service_list li:last-child{padding-right: 0; border-right: none}

/* ===================================
      Why Choose Section
====================================== */
.why_choose_hosting_box{border: 2px dashed #d7d7d7; border-radius: 4px; padding: 50px 10px}
.hosting_bg_img01{background: url("../images/money_back.png"); width:50px; height: 35px; left: 0; right: 0; margin: 0 auto; margin-bottom: 13px}
.hosting_bg_img02{background: url("../images/free_domain.png"); width:48px; height: 48px; left: 0; right: 0; margin: 0 auto}
.hosting_bg_img03{background: url("../images/free_ssl.png"); width:37px; height: 47px; left: 0; right: 0; margin: 0 auto}
.hosting_bg_img04{background: url("../images/cpanel_access.png"); width:48px; height: 43px; left: 0; right: 0; margin: 0 auto}


/* ===================================
      Build Dream Website Section
====================================== */
.bg_build_website{background: url("../images/bg_build_website.jpg")no-repeat; width: 100%; background-size: cover; background-position: center}
div .starting{font-size: 20px; font-weight: 400; color: #000}
div .dollar_sign{font-size: 30px; font-weight: 400; color: #000}
div .price{font-size: 40px; font-weight: 400; color: #000}

/* ===================================
          Install App One Click
====================================== */
.bg_install_app{background: url("../images/bg_install_app.jpg")no-repeat; width: 100%; background-position: center; background-size: cover}


/* ===================================
      Testimonial Section
====================================== */
.main_box,.testimonial_slider{
    width: 100%;
    padding-left: 7%;
    background-position:center center;
    background-size:cover;
}


/*------------------------------ vertical bootstrap slider----------------------------*/

.main_box> .carousel-item.carousel-item-next , .main_box > .carousel-item.active.carousel-item-right{transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0}
.main_box > .carousel-item.carousel-item-prev , .main_box > .carousel-item.active.carousel-item-left{transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0}
.main_box > .carousel-item.next.carousel-item-left , .main_box > .carousel-item.carousel-item-prev.carousel-item-right , .main_box > .carousel-item.active{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0}

/*------------------------------- vertical carousel indicators ------------------------------*/
.carousel-indicators02{position:absolute; top:-10px; bottom:0; margin:auto; height:20px; left:0; right: auto; -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg)}
.carousel-indicators02 li{display:block; margin-bottom:5px; border-top:4px solid #e5e5e5; text-indent: 0; width: 77px; height: auto}
.carousel-indicators02 li.active{margin-bottom:5px; border-top:4px solid #ffb401}
.carousel-indicators02 li.active figure img{border: 3px solid #ffb401; border-radius: 100%}
.carousel-indicators02 li figure img{border: 3px solid #fff; border-radius: 100%}
.carousel-indicators02 li figure{margin: 35px 0 0 0}
.carousel-indicators02 li img{transform: rotate(-90deg)}
.vertical_slide a:hover{color: #e74c3c}
/* ===================================
      Footer Section
====================================== */
.footer_section{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5}
.footer_detail h4{font-size: 18px; font-weight: 400; color: #181818; margin-bottom: 15px}
.footer_links li{line-height: 30px}

.footer_social_links li a i{color: #000; padding: 0 10px}
.footer_social_links li:first-child i{padding-left: 0}
.footer_social_links li:last-child i{padding-right: 0}
/* ===================================
      Footer Slider Section
====================================== */

/* ===================================
      Feature Section
====================================== */
.feature_box01{width: 90px; height: 90px; border-radius: 10px; display: table; text-align: center; background-color: #e74c3c; margin: 0 auto;   -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out}
.feature_box01:hover{-webkit-transform: scale(1); transform: scale(1.1)}
.feature_box01 figure{display: table-cell; vertical-align: middle}

.feature_box02{width: 90px; height: 90px; border-radius: 10px; display: table; text-align: center; background-color: #ffb401; margin: 0 auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out}
.feature_box02:hover{-webkit-transform: scale(1); transform: scale(1.1)}
.feature_box02 figure{display: table-cell; vertical-align: middle}

.icon_text{font-size: 16px; font-weight: 400; padding-top: 15px}
/* ===================================
      Hosting Feature Section
====================================== */


/* ===================================
      Windows Plan Section
====================================== */
.windows_plan li{width: 365px; display: table; background: #f1f9f8}
/* ===================================
      Stack Table Section
====================================== */
.windows_plan li{width: 365px; display: table; margin-right: 10px}
.windows_plan li a{float: left; width: 100%; padding: 17px 40px; border: 1px solid #ececec; background: #fff; border-radius: 6px}
.windows_plan li a figure{float: left; margin-right: 30px}
.windows_plan li a .processor_heading{float: left; font-size: 20px; font-weight: 500; color: #000; line-height: 24px; padding: 15px 0}
.windows_plan li a.active{background-color: #e74c3c; border: 1px solid #e74c3c; border-radius: 6px}
.windows_plan li a.active span{color: #fff}


.dedicated_stack_table thead tr th{font-size: 20px; font-weight: 400; color: #181818; font-family: 'Nunito', sans-serif; border: none; padding: 20px 25px; text-align: left}
.dedicated_stack_table thead tr{background-color: #ececec}
.table td, .table th{border: none}
.dedicated_stack_table tbody tr td{font-size: 16px; font-weight: 300; color:#777; padding: 20px 0; vertical-align: middle; text-align: left; padding-left: 25px}
.dedicated_stack_table tbody tr td:first-child{font-weight: 600}
.dedicated_stack_table tbody tr td:nth-child(6){font-weight: 700; color: #e74c3c}
.dedicated_stack_table tbody tr{background-color: #fff; box-shadow: 0 0 0 5px #ececec inset; border: 8px solid #fff}
.btn_register{background-color: #ececec; border: 1px solid #ececec; padding: 10px 31px; display: inline-block; border-radius: 4px}

.dedicated_stack_table tbody tr:hover{background-color: #e74c3c; transition-duration: 1s }
.dedicated_stack_table tbody tr:hover td{color: #fff; transition-duration: 0.5s}
.dedicated_stack_table tbody tr:hover td:nth-child(6){color: #ffb401; transition-duration: 0.5s}
.dedicated_stack_table tbody tr:hover .btn_register{background-color: #ffb401; color: #fff; border: 1px solid #ffb401; transition-duration: 0.5s}
.features_list li{text-align: left; position: relative; padding-left: 20px}
.features_list li:before{content: ""; position: absolute; width: 12px; height: 12px; background-color: #fff; border: 2px solid #e74c3c; border-radius: 100%; left: 0; top: 5px}
.feature_detail{background-color: #ececec; border-radius: 6px; padding: 30px 15px}

/* ===================================
      Domain TLD's Table Section
====================================== */
.tlds_table thead tr{background-color: #ececec}
.tlds_table thead tr th{font-size: 20px; font-weight: 400; color: #000; font-family: 'Nunito', sans-serif; padding: 20px 25px}
.tlds_table thead tr th:first-child{text-align: left}
.tlds_table tbody tr td{font-size: 16px; font-weight: 600; color: #e74c3c; padding: 15px 25px}
.tlds_table tbody tr td:first-child{font-size: 20px; font-weight: 600; color: #000; text-align: left}
.tlds_table tbody tr{background-color: #fff; box-shadow: 0 -2px 2px 0 #ececec inset}


/* ===================================
   Multi Features Section
====================================== */
.multi_feature_text{font-size: 20px; font-weight: 400; color: #000; font-family: 'Nunito', sans-serif; line-height: 24px; margin-top: 30px}

/* ===================================
   Already Have Domain Section
====================================== */
.already_have_domain{background: url("../images/bg_already_domain.jpg") no-repeat center; background-size: cover}

/* ===================================
   Hosting Team Section
====================================== */
.team_member{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out}
.team_member:hover{-webkit-transform: scale(1); transform: scale(1.1)}
/* ===================================
   Contact Us Section
====================================== */
.social_links li{display: inline-block; padding: 0 10px}
.social_links li:first-child{padding-left: 0}
.social_links li:last-child{padding-right: 0}
.social_links li a i{font-size: 14px; color: #000}
.contact_info input, .contact_info textarea{border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #e9e8e6; padding: 35px 0}
/* ===================================
   Windows Plan Section
====================================== */


/* ===================================
            Blog Post Section
====================================== */
.container-3 input#search{width: 100%; height: 50px; background: #2b303b; border: none; font-size: 10px; float: right; padding-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; margin-bottom: 40px; padding-top: 5px}
.side_links li{padding: 5px 0}
.side_links li a{font-size: 14px; color: #000; font-weight: 400; line-height: 18px}
.side_links li a span{float: right}
.side_links li a:hover{color: #e74c3c; transition-duration: 0.5s}
.tag_buttons li{background-color: #e74c3c; padding: 10px; margin: 5px; float: left; font-size: 12px}
.tag_buttons li a{color: #fff}
.tag_buttons li:hover{background-color: #ffb401; transition-duration: 0.5s}
.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: #e74c3c; border: 1px solid #e74c3c; color: #fff; border-radius: 6px; display: inline-block; cursor: pointer}
.submit_button:hover{background-color: #ffb401; border: 1px solid #ffb401; transition-duration: 0.5s}
.btn_feature_box{background-color: #e74c3c; border: 1px solid #e74c3c; border-radius: 6px; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15)}
.btn_feature_box a{color: #fff}
.blog_social_links{padding-left: 0; list-style: none; margin-top: 10px}
.blog_social_links li {display: inline-block; margin: 0 3px}
.blog_social_links li:first-child{margin-left: 0}
.blog_social_links li:last-child{margin-right: 0}
.blog_social_links li a{width: 30px; height: 30px; background-color: #e74c3c; border-radius: 100%; display: table; text-align: center !important}
.blog_social_links li a i{color: #ffb401; display: table-cell; vertical-align: middle}
.btn_comment_box{padding: 8px 40px; border: none; border-radius: 4px; background-color: #e74c3c; color: #fff}

#return-to-top {z-index: 1000; position: fixed; bottom: 40px; right: 60px; background: #e74c3c; 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: #ffb401}

.home_page_banner {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
}

.home_page_banner02 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
}

.home_page_banner03 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
}

/* keyframes*/

@keyframes
slideShow {  0% {
    opacity: 0;
    transform:scale(1);
    -ms-transform:scale(1);
}
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 1;
        transform:scale(1.1);
        -ms-transform:scale(1.1);
    }
    100% {
        opacity: 1;
        transform:scale(1);
        -ms-transformm:scale(1);
    }
}
@-o-keyframes
slideShow {  0% {
    opacity: 0;
    -o-transform:scale(1);
}
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 1;
        -o-transform:scale(1.1);
    }
    100% {
        opacity: 1;
        -o-transformm:scale(1);
    }
}
@-moz-keyframes
slideShow {  0% {
    opacity: 0;
    -moz-transform:scale(1);
}
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 1;
        -moz-transform:scale(1.1);
    }
    100% {
        opacity: 1;
        -moz-transformm:scale(1);
    }
}
@-webkit-keyframes
slideShow {  0% {
    opacity: 0;
    -webkit-transform:scale(1);
}
    5% {
        opacity: 1
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 1;
        -webkit-transform:scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transformm:scale(1);
    }
}

.contact_info input, .contact_info textarea{outline: none}