@charset "utf-8";

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

Name: style.css
Version: 1.0

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

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

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

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

/* ===================================
    Reset
====================================== */
body{color:#8d97ad; font-size: 14px; line-height: 24px; font-weight: 500; font-family: 'Montserrat', sans-serif}
.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: #8d97ad}
figure{margin: 0}
/* ===================================
    Typography
====================================== */
/*font family*/
.montserrat_font {font-family: 'Montserrat', sans-serif}
/* ===================================
    Border
====================================== */

/* ===================================
    Margin
====================================== */
.margin_0_auto{margin: 0 auto}
/*margin*/
.margin_lr_30       {margin: 0 30px}
/*Margin Bottom*/
.margin_bottom_5    {margin-bottom: 5px}
.margin_bottom_10   {margin-bottom: 10px}
.margin_bottom_15   {margin-bottom: 15px}
.margin_bottom_20   {margin-bottom: 20px}
.margin_bottom_25   {margin-bottom: 25px}
.margin_bottom_26   {margin-bottom: 26px}
.margin_bottom_30   {margin-bottom: 30px}
.margin_bottom_35   {margin-bottom: 35px}
.margin_bottom_40   {margin-bottom: 40px}
.margin_bottom_50   {margin-bottom: 50px}
.margin_bottom_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_14   {margin-right: 14px}
.margin_right_10   {margin-right: 10px}
.margin_right_15  {margin-right: 15px}
.margin_right_20   {margin-right: 20px}
.margin_right_60   {margin-right: 60px}

/*Margin Left*/
.margin_left_14    {margin-left: 14px}
.margin_left_10   {margin-left: 10px}
.margin_left_15   {margin-left: 15px}
.margin_left_20   {margin-left: 20px}
.margin_left_30   {margin-left: 30px}
.margin_left_50   {margin-left: 50px}
.margin_left_60   {margin-left: 60px}
.margin_left_100  {margin-left: 100px}

/*Margin Top*/
.margin_top-2   {margin-top: -2px}
.margin_top_10  {margin-top: 10px}
.margin_top_15  {margin-top: 15px}
.margin_top_20  {margin-top: 20px}
.margin_top_25  {margin-top: 25px}
.margin_top_30  {margin-top: 30px}
.margin_top_40  {margin-top: 40px}
.margin_top_35  {margin-top: 35px}
.margin_top_50  {margin-top: 50px}
.margin_top_60  {margin-top: 60px}
.margin_top_80  {margin-top: 80px}
.margin_top_90  {margin-top: 90px}
.margin_top_95  {margin-top: 95px}
.margin_top_100 {margin-top: 100px}
.margin_top_115 {margin-top: 115px}
.margin_top-170 {margin-top: -170px}

/* ===================================
     Color
====================================== */
/*Colors*/
.color_fff{color: #fff}
.color_424357{color: #424357}
.color_ff5e62{color: #ff5e62}
.color_3e4555{color: #3e4555}
.color_343a40{color: #343a40}
/*Background Colors*/
.bg_color_424357{background-color: #424357}
.bg_color_fff   {background-color: #fff}
.bg_color_f4f8fa{background-color: #f4f8fa}
.bg_orange_gradiant{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5e62+0,ff9966+100 */
    background: #ff5e62; /* Old browsers */
    background: -moz-linear-gradient(left, #ff5e62 0%, #ff9966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff5e62 0%,#ff9966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e62', endColorstr='#ff9966',GradientType=1 ); /* IE6-9 */}
/* ===================================
    padding
====================================== */

/*padding*/
.no_padding{padding: 0}
.padding_30  {padding: 30px}
.padding_lr_95  {padding: 0 95px}
.padding_tb_20  {padding: 20px 0}
.padding_tb_40  {padding: 40px 0}

/*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_180{padding-top: 180px}
.padding_top_200{padding-top: 200px}
.padding_top_300{padding-top: 300px}

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

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

/*padding right*/
.padding_right_0    {padding-right: 0}
.padding_right_10   {padding-right: 10px}
.padding_right_15   {padding-right: 15px}
.padding_right_20   {padding-right: 20px}
.padding_right_30	{padding-right: 30px}
.padding_right_40   {padding-right: 40px}
.padding_right_50   {padding-right: 50px}
.padding_right_55   {padding-right: 55px}
.padding_right_58   {padding-right: 58px}
.padding_right_60   {padding-right: 60px}
.padding_right_70   {padding-right: 70px}
.padding_right_75   {padding-right: 75px}
.padding_right_80   {padding-right: 80px}
.padding_right_105  {padding-right: 105px}

/* ===================================
     Font Size
====================================== */
/*Font Size*/
.font_size_12   {font-size: 12px}
.font_size_14   {font-size: 14px}
.font_size_16   {font-size: 16px}
.font_size_18   {font-size: 18px}
.font_size_20   {font-size: 20px}
.font_size_22   {font-size: 22px}
.font_size_24   {font-size: 24px}
.font_size_26   {font-size: 26px}
.font_size_28   {font-size: 28px}
.font_size_30   {font-size: 30px}
.font_size_32   {font-size: 32px}
.font_size_34   {font-size: 34px}
.font_size_36   {font-size: 36px}
.font_size_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_18    {line-height: 18px}
.line_height_22    {line-height: 22px}
.line_height_24    {line-height: 24px}
.line_height_25    {line-height: 25px}
.line_height_28    {line-height: 28px}
.line_height_30    {line-height: 30px}
.line_height_34    {line-height: 34px}
.line_height_36    {line-height: 36px}
.line_height_40    {line-height: 40px}
.line_height_42    {line-height: 42px}
.line_height_48    {line-height: 48px}
.line_height_54    {line-height: 54px}
.line_height_65    {line-height: 65px}
.line_height_80    {line-height: 80px}
.line_height_82    {line-height: 82px}

/*Height*/
.height_24{height: 24px}

/* ===================================
     Button
====================================== */
.btn_top_nav{display: inline-block; color: #fff; background-color: #ff5e62; font-size: 14px; line-height: 20px; padding: 5px 20px; border-radius: 5px; transition:  all ease-in-out 0.5s}
.btn_top_header{display: inline-block; background: linear-gradient(to right, #ff9966 , #ff5e62); font-weight: 400; color: #fff; padding: 5px 10px; border-radius: 4px; transition: all ease-in-out 0.5s}
.btn_banner01{display: inline-block; font-size: 16px; font-weight: 300; border: 1px solid #fff; padding: 15px 50px; color: #fff; transition:  all ease-in-out .5s}
.btn_hosting_plan{display: inline-block; background: linear-gradient(to right, #ff5e62 , #ff9966); border-radius: 4px; font-size: 16px; font-weight: 400; padding: 15px 50px; color: #fff; transition: all ease-in-out 0.5s}
.btn_guarantee_box{display: inline-block; background: #424357; border-radius: 4px; font-size: 16px; font-weight: 400; padding: 15px 50px; color: #fff !important; transition:  all ease-in-out 0.5s}
.white-btn a{display: block; text-align: center; font-size: 16px; color: #fff; line-height: 16px; padding: 21px 41px; font-weight: 400; border-radius: 4px; border:2px solid #fff; transition: all ease-in-out 0.5s}
.btn_install{display: inline-block; background-color: #424357; color: #fff; border-radius: 5px; padding: 21px 61px; font-size: 16px; line-height: 26px; font-weight: 500; transition:  all ease-in-out 0.5s}
.btn_register{background-color: #3f4155; font-size: 14px; line-height: 26px; font-weight: 500; color: #fff; padding: 12px 30px; border-radius: 5px; transition:  all ease-in-out 0.5s}
.btn_tld{display: inline-block; background-color: #424357; border-radius: 5px; padding: 12px 35px; font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; transition:  all ease-in-out 0.5s}
/* ===================================
         Hover
====================================== */
ul.footer_social_links li a:hover i{color: #ff5e62}
.header_contact_info li a:hover, .header_social_links li a:hover i{color: #ff5e62}
.tld_domain_box:hover{background-color: #fff; box-shadow: 0 0 25px 2px rgba(0,0,0,.1), 0 5px 0 0 #ff6663 inset}
.tld_domain_box:hover .btn_tld{background: #ff5e62; /* Old browsers */
    background: -moz-linear-gradient(left, #ff5e62 0%, #ff9966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff5e62 0%,#ff9966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e62', endColorstr='#ff9966',GradientType=1 ); /* IE6-9 */; color: #fff}
.btn_top_header:hover{background: #fff; color: #424357}
.navigation .menubar li a:hover{color: #ff5e62}
.btn_banner01:hover{background-color: #424357; border: 1px solid #424357; color: #fff}
.banner_search_box:hover .search_btn{background-color: #ff5e62 !important; color: #fff !important; border: 2px solid #ff5e62 !important;}
.btn_hosting_plan:hover{background: #424357; color: #fff}
.small-box figure img{transition: all ease-in-out 0.5s}
.small-box:hover figure img{transform: translateY(10px)}
.inner-box:hover{background-color: #424357 !important;}
.inner-box:hover p{color: #fff !important;}
.btn_guarantee_box:hover{background: #ff5e62; /* Old browsers */
    background: -moz-linear-gradient(left, #ff5e62 0%, #ff9966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff5e62 0%,#ff9966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e62', endColorstr='#ff9966',GradientType=1 ); /* IE6-9 */; color: #fff}
.white-btn a:hover{background-color: #424357; border: 2px solid #424357; color: #fff}
.copy_right span a:hover{color: #ff5e62}
.footer_links li a:hover{color: #ff5e62}
.footer_contact_detail a:hover{color: #ff5e62}
.footer_email_us a:hover{color: #ff5e62}
.btn_install:hover{background-color: #ff5e62; color: #fff}
.btn_top_nav:hover{background-color: #424357; color: #fff}
    /* ===================================

          Top Bar
    ====================================== */
.bg_top_header{padding-top: 10px; padding-bottom: 70px }
.bg_top_header p{font-weight: 300; color: #fff; float: left}
/* ===================================
      Navigation Bar
====================================== */
.navbar{padding: 0}
a.logo{padding: 30px 0}
.info_links{float: left; width: 100%; padding: 15px 5px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5}
.header_contact_info li{display: inline-block; padding: 0 15px}
.header_contact_info li:last-child{padding-right: 0}
.header_social_links li{display: inline-block}
.header_contact_info li a{transition:  all ease-in-out 0.5s}
.header_contact_info li a i{color: #ff5e62; font-size: 14px}
.header_contact_info li i{color: #ff5e62; font-size: 14px; margin-right: 10px}
.header_social_links li i{padding: 0 13px; transition: all ease-in-out 0.5s}
.header_social_links li:last-child i{padding-right: 0}

.navigation_links{border-left: 1px solid #e5e5e5}

.navigation .menubar li a{font-weight: 300; color: #3e4555; padding: 10px 20px !important;}
.navigation_bar{position: absolute; top: 40px; z-index: 999999}

/*Mega Menu*/
.dropdown, .dropup{position: inherit}
.top_navigation .dropdown_menu,.top_navigation .dropdown_submenu{width: 100%; background-color: #fff; min-width: 1110px; float: left; top: 98px; border-radius: 0; left: -185px; right: 0; margin: 0 auto; border: none; border-right: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.dd_bg_01{background: url(../images/web_hosting.png) no-repeat 5px center; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.6s}
.dd_bg_02{background: url(../images/reseller_hosting.png) no-repeat 5px center; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.6s}
.dd_bg_03{background: url(../images/vps_hosting.png) no-repeat 5px center; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.6s}
.dd_bg_04{background: url(../images/dedicated_hosting.png) no-repeat 5px center; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.6s}
.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: #ff5e62}
.sb_dd_01{background: url(../images/whmcs_menu_img01.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_02{background: url(../images/whmcs_menu_img02.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_03{background: url(../images/whmcs_menu_img03.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_04{background: url(../images/whmcs_menu_img04.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_05{background: url(../images/whmcs_menu_img05.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_06{background: url(../images/whmcs_menu_img06.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_07{background: url(../images/whmcs_menu_img07.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_08{background: url(../images/whmcs_menu_img08.png) no-repeat 5px center; transition:  all ease-in-out 0.5s}
.sb_dd_01:hover{background: url("../images/hover_whmcs_menu_img01.png") no-repeat 5px center}
.sb_dd_02:hover{background: url("../images/hover_whmcs_menu_img02.png") no-repeat 5px center}
.sb_dd_03:hover{background: url("../images/hover_whmcs_menu_img03.png") no-repeat 5px center}
.sb_dd_04:hover{background: url("../images/hover_whmcs_menu_img04.png") no-repeat 5px center}
.sb_dd_05:hover{background: url("../images/hover_whmcs_menu_img05.png") no-repeat 5px center}
.sb_dd_06:hover{background: url("../images/hover_whmcs_menu_img06.png") no-repeat 5px center}
.sb_dd_07:hover{background: url("../images/hover_whmcs_menu_img07.png") no-repeat 5px center}
.sb_dd_08:hover{background: url("../images/hover_whmcs_menu_img08.png") no-repeat 5px center}
.sb_dd_01:hover .menu_text, .sb_dd_02:hover .menu_text, .sb_dd_03:hover .menu_text, .sb_dd_04:hover .menu_text, .sb_dd_05:hover .menu_text, .sb_dd_06:hover .menu_text, .sb_dd_07:hover .menu_text, .sb_dd_08:hover .menu_text{color: #ff5e62}
.menubar div.dropdown_submenu a{float: left; width: 100%; padding: 30px 0 !important; position: relative}
.menu_text{float: left; width: 75%; text-align: left; margin-left: 25%; line-height: 18px; color: #424357; font-size: 14px; font-weight: 500; transition:  all ease-in-out 0.5s}
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 a:after{position: absolute; content: ""; height: 1px; width: 80%; bottom: 0; left: 15px; background-color: #ccc}
div.dropdown_menu a{float: left; width: 100%; padding: 20px 0 !important;}
.menu_content{font-size: 12px; float: left; width: 70%; text-align: left; margin-left: 30%; line-height: 18px; color: #777; font-weight: 400; text-transform: none}
.navigation .dropdown_menu a span{font-size: 20px; display: block; line-height: 20px; transition: all ease-in-out 0.6s; color: #424357; margin-bottom: 5px; font-weight: 500}
.dd_bg_01:before, .dd_bg_02:before, .dd_bg_03:before, .dd_bg_04:before{position: absolute; content: ""; height: 50px; width: 1px; background-color: #ccc; left: 0; right: 175px; margin: 0 auto}
.bg_menu_hosting{background: url(../images/hosting_maping.png)no-repeat center; background-size: cover; width: 100%; height: 185px; padding: 30px 0; border-radius: 10px}
.bg_menu_hosting h5{color: #fff; line-height: 28px; font-size: 24px; margin-bottom: 15px; font-weight: 500; text-align: center}
.bg_menu_hosting>.btn_hosting_location{background: #ff5e62; color: #fff !important; padding: 20px 28px !important; display: inline-block; font-size: 16px !important; line-height: 16px; font-weight: 500 !important; border-radius: 5px; border: solid 2px #ff5e62; width: auto !important; float: none !important; transition:  all ease-in-out 0.5s}
.bg_menu_hosting>.btn_hosting_location:hover{background-color: #424357; border: 2px solid #424357; color: #fff !important;}
.dropdown_company{left: auto; top: 96px; border: none; border-radius: 0}
.bg_submenu{background: url(../images/hostiko_whmcs.png) no-repeat center; background-size: cover; width: 346px; height: 268px; text-align: center; border-radius: 10px; margin: 0 auto}
/* ===================================
     Banner
====================================== */
.slide_one, .slide_two, .slide_third{position: relative; content: ""; background-color: #ff5e62; width: 100%; height: 592px}
.sub_page_banner, .reseller_page_banner, .dedicated_sub_page_banner, .vps_sub_page_banner, .domain_sub_page_banner, .about_sub_page_banner, .contact_sub_page_banner{position: relative; content: ""; background-color: #ff5e62; width: 100%; height: 435px}
.slide_one:before{position: absolute; content: ""; background: url("../images/banner_img01.jpg") no-repeat center; width: 50%; height: 592px; right: 0; top: 0; background-size: cover}
.slide_two:before{position: absolute; content: ""; background: url("../images/banner_img02.jpg") no-repeat center; width: 50%; height: 592px; right: 0; top: 0; background-size: cover}
.slide_third:before{position: absolute; content: ""; background: url("../images/banner_img03.jpg") no-repeat center; width: 50%; height: 592px; right: 0; top: 0; background-size: cover}
.sub_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img01.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.reseller_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img02.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.dedicated_sub_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img03.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.vps_sub_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img04.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.domain_sub_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img05.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.about_sub_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img06.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.contact_sub_page_banner:before{position: absolute; content: ""; background: url("../images/sub_banner_img07.jpg") no-repeat center; width: 50%; height: 435px; right: 0; top: 0; background-size: cover}
.banner_text{position: relative}
.promotion_circle{Position: absolute; width: 140px; height: 140px; border-radius: 100%; right: -75%; top: 160px; text-align: center; background: url("../images/promotion_circle.png"); padding: 35px; font-size: 16px; line-height: 26px}
.reseller_promotion_circle, .dedicated_promotion_circle{Position: absolute; width: 140px; height: 140px; border-radius: 100%; right: -40%; top: 160px; text-align: center; background: url("../images/promotion_circle.png"); padding: 35px; font-size: 16px; line-height: 26px}
.promotion_circle span{font-size: 30px; line-height: 34px; font-weight: 600}

/* ===================================
      Search Domain Section
====================================== */
.banner_search_box{width: 100%; position: relative; display: inline-block; padding: 0 100px}
.search_area{width: 80%; height: 80px}
.banner_search_box .text_field{width: 100%; font-size: 14px; line-height: 36px; height: 80%; padding: 0 20px; box-shadow: 0 0 5px 0 rgba(0,0,0,.0); border: 1px solid #dddae7; background-color: #fff; font-weight: 400; color: #aaa; border-radius: 4px; margin: 0 auto; float: none}
.banner_search_box .search_btn{right: 8px; top: 8px; padding: 17px 50px; font-size: 16px; font-weight: 400; color: #fff; border: 2px solid #424357; background-color: #434357 !important; transition: all ease-in-out 0.4s; border-radius: 4px}
/* ===================================
      Hosting Plans Section
====================================== */
.hosting_plans li a{font-size: 30px; line-height: 25px; font-weight: 400; color: #424357; padding: 20px 15px; display: block}
.hosting_plans li a span{font-size: 14px; line-height: 24px; font-weight: 300; color: #8d97ad}
.hosting_plans li{border-left: 1px solid #c3dfd6}
.hosting_plans li:first-child{border-top: 1px solid #c3dfd6}
.hosting_plans li:last-child{border-bottom: 1px solid #c3dfd6}
.hosting_plan_list li{float: left; width: 100%; padding: 20px 10px; border-bottom: 1px solid #c3cfd6}
.hosting_plan_list li figure{float: left}
.hosting_plan_list li .inner_hosting_plan_list{float: left; font-size: 16px; font-weight: 600; color: #424357; text-transform: uppercase; padding-left: 30px}
.hosting_plan_list li .inner_hosting_plan_list span{font-size: 16px; line-height: 24px; font-weight: 300; color: #8d97ad; text-transform: none}
.price_tag span{font-size: 30px; line-height: 26px; font-weight: 400; color: #424357}
.price_tag{font-size: 18px; line-height: 26px; font-weight: 400; color: #424357; padding: 20px 0 20px 20px; float: left; width: 100%}
.hosting_plans li a.active{background-color: #fff; box-shadow: 5px 0 0 0 #ff6663 inset, 0 0 10px 0 rgba(0,0,0,.10);}
/* ===================================
      Web Hosting Section
====================================== */
.experience_box h2{
    padding-bottom: 40px;
    border-bottom: 1px solid #c3cfd6;
}
.small-box{
    float: left;
}
/* ===================================
      Hosting Guarantee Section
====================================== */

.guarantee-small-box .inner-box{
    border-radius: 5px; transition: all ease-in-out 0.5s}
.guarantee_section{
    position: relative;
}
.guarantee_section:before{position: absolute; content: ""; background: url("../images/boy-image.jpg"); width: 711px; height: 573px; right: 0; bottom: 0}
/* ===================================
    Before Footer contact Section
====================================== */
.action-box .white-btn{
    display: block;
}
/* ===================================
  Footer Section
====================================== */
.footer_top_area{border-bottom: 1px solid #606579; float: left; width: 100%; padding-bottom: 30px}
.footer_social_links li{display: inline-block}
.footer_links{padding-left: 80px}
.footer_links li{text-align: left}
.footer_social_links li a i{font-size: 16px; transition: all ease-in-out 0.5s}
.footer_social_links li a{padding: 0 5px}
.footer_social_links li:first-child a{padding: 0}
.footer_social_links li:last-child a{padding: 0}
.footer_links li a{line-height: 40px; position: relative}
.footer_links li a:before{position: absolute; content: ""; width: 10px; height: 10px; border-radius: 100%; background-color: #8d97ad; top: 5px; left: -25px}

ul.footer_contact_details li{padding: 20px 0 20px 70px; line-height: 26px; border-bottom: 1px solid #606579}
ul.footer_contact_details li:last-child{border-bottom: none}
.footer_address, .footer_contact_detail, .footer_email_us{position: relative}
.footer_address:before{position: absolute; content: ""; background: url("../images/map_marker.png"); width: 36px; height: 45px; left: -65px; top: 5px}
.footer_contact_detail:before{position: absolute; content: ""; background: url("../images/contact_us.png"); width: 32px; height: 32px; left: -60px; top: 10px}
.footer_email_us:before{position: absolute; content: ""; background: url("../images/email_us.png"); width: 43px; height: 43px; left: -65px; top: 3px}
.footer_contact_detail a, .footer_email_us {display:inline-block}
/* ===================================
          Hosting Plans Section
====================================== */
.hosting_plan_box{border: 1px solid #c3cfd6}
h3{font-size: 30px; line-height: 36px; color: #424357; font-weight: 600}
.plan_heading{padding: 20px 0 20px 40px; background-color: #fff; box-shadow: 5px 0 0 0 #ff5e62 inset; border-bottom: 1px solid #c3cfd6}
.hosting_plans_details li{padding: 20px 0 20px 70px; border-bottom: 1px solid #c3cfd6}
.hosting_plans_details li:last-child{border-bottom: none}
.ssd-space, .domain_database, .sql_database, .control_panel, .ssl_certificate{position: relative}
.ssd-space:before{position: absolute; content: ""; background: url("../images/ssd_server.png"); width: 37px; height: 46px; left: -60px; top: 0}
.domain_database:before{position: absolute; content: ""; background: url("../images/domains_database.png"); width: 46px; height: 46px; left: -60px; top: 0}
.sql_database:before{position: absolute; content: ""; background: url("../images/mysql_database.png"); width: 46px; height: 46px; left: -60px; top: 0}
.control_panel:before{position: absolute; content: ""; background: url("../images/cpanel.png"); width: 49px; height: 48px; left: -60px; top: 0}
.ssl_certificate:before{position: absolute; content: ""; background: url("../images/free_ssl.png"); width: 46px; height: 46px; left: -60px; top: 0}
.hosting_plans_details{padding: 10px 20px 0}
.outer_plan_details{padding: 0 10px 40px}
.plan_heading.active{position: relative}
.plan_heading.active:before{position: absolute; content: ""; background: url("../images/popular_plan.png"); width: 91px; height: 54px; right: 0; bottom: 0}
/* ===================================
      cPanel  Section
====================================== */
.cpanel_listing li{font-size: 16px; line-height: 30px; position: relative}
.cpanel_listing li:before{position: absolute; content: ""; width: 10px; height: 10px; border-radius: 100%; background-color: #ff5e62; left: -20px; top: 8px}
.outer_all_plans_include figure{position: relative}
.outer_all_plans_include figure:before{position: absolute; content: ""; width: 445px; height: 414px; top: -30px; right: -30px; background: #ff5e62; /* Old browsers */
    background: -moz-linear-gradient(left, #ff5e62 0%, #ff9966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff5e62 0%,#ff9966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e62', endColorstr='#ff9966',GradientType=1 ); /* IE6-9 */}
.outer_all_plans_include figure img{position: relative}
/* ===================================
      One Click Install Section
====================================== */
.software_box{height: 50px; width: 220px; background-color: #fff; border-radius: 32px; box-shadow: 0 0 30px rgba(0,0,0,.1); display: table}
.software_box figure{display: table-cell; vertical-align: middle; text-align: center}
.margin_box{margin-bottom: 10px}
/* ===================================
          Feature Section
====================================== */
.hosting_features_img figure, .shared_hosting_features_img figure, .Reseller_hosting_features_img figure, .dedicated_hosting_features_img figure, .vps_hosting_features_img figure{position: relative}
.hosting_features_img figure:before{position: absolute; content: ""; background-color: #ff5e62; width: 470px; height: 600px; left: -45px; bottom: -45px; z-index: -1}
.shared_hosting_features_img figure:before, .Reseller_hosting_features_img figure:before, .dedicated_hosting_features_img figure:before, .vps_hosting_features_img figure:before{position: absolute; content: ""; background-color: #ff5e62; width: 350px; height: 513px; left: -45px; bottom: -45px; z-index: -1}
/* ===================================
          Dedicated Stack Table
====================================== */
.dedicated_stack_table thead tr th{font-size: 16px; line-height: 24px; color: #fff; font-weight: 600; text-align: left; border: none}
.dedicated_stack_table thead tr{background: #ff5e62; /* Old browsers */
    background: -moz-linear-gradient(left, #ff5e62 0%, #ff9966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff5e62 0%,#ff9966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e62', endColorstr='#ff9966',GradientType=1 ); /* IE6-9 */}
.dedicated_stack_table tbody tr td{text-align: left}
.dedicated_stack_table tbody tr{background-color: transparent; box-shadow: 0 0 0 5px #c3cfd6 inset; border: 8px solid #f4f8fa}

.dedicated_stack_table tbody tr td:first-child{color: #424357; font-weight: 600}

.dedicated_stack_table tbody tr td:nth-child(6){color: #424357; font-weight: 600}
.dedicated_stack_table tbody tr td{padding: 16px}
.dedicated_stack_table tbody tr td:last-child{text-align: center}
/* ===================================
   VPS Plan Section
====================================== */
.outer_vps_plans_include figure, .outer_vps_plans_include figure img{position: relative}
.outer_vps_plans_include figure:before{position: absolute; content: ""; width: 350px; height: 413px; right: -30px; top: -30px; background: #ff5e62; /* Old browsers */
    background: -moz-linear-gradient(left, #ff5e62 0%, #ff9966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff5e62 0%,#ff9966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e62', endColorstr='#ff9966',GradientType=1 ); /* IE6-9 */}
/* ===================================
   Operating System Box Section
====================================== */
.operating_system_box{background-color: #fff; width: 165px; height: 100px; border-radius: 10px; display: table; box-shadow: 0 0 15px 0 rgba(0,0,0,.2)}
.operating_system_box figure{display: table-cell; vertical-align: middle; text-align: center}
/* ===================================
   TLD's Domain Section
====================================== */
.tld_domain_box{border: 1px solid #c3cfd6; padding: 40px; transition: all ease-in-out 0.2s}
.tld_name{font-size: 30px; color: #424357; font-weight: 700; margin-bottom: 15px}
.discounted_price{font-size: 20px; color: #ff5e62; font-weight: 500}
.original_price{font-size: 16px; line-height: 24px; font-weight: 500; color: #424357; margin-bottom: 20px}

/* ===================================
   Available Domains Section
====================================== */
.tlds_table thead tr{background-color: #ff5e62}
.tlds_table thead tr th{font-size: 16px; line-height: 24px; color: #fff; font-weight: 500; padding: 15px 0; border-bottom: none}
.tlds_table tbody tr td{border: 1px solid #c3cfd6; padding: 16px 0; color: #424357}
.tlds_table tbody tr{    background-color: transparent;
    box-shadow: 0 0 0 5px #c3cfd6 inset;
    border: 8px solid #fff;}
/* ===================================
            Team Member
====================================== */
.content_team_box{border: 1px solid #ccd5da; padding: 25px 0; transition: all ease-in-out 0.5s; background-color: #f4f8fa}
.team_member_social_link li{display: inline-block; padding: 0 3px}
.team_member_social_link li:nth-child(1) a{background-color: #5d82d1}
.team_member_social_link li:nth-child(2) a{background-color: #40bff5}
.team_member_social_link li:nth-child(3) a{background-color: #eb5d4a}
.team_member_social_link li a{width: 30px; height: 30px; border-radius: 100%; display: table}
.team_member_social_link li a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #fff}
.team_member_name{font-size: 16px; line-height: 24px; color: #424357; font-weight: 500}
.hosting_team_box figure{position: relative}
.hosting_team_box figure:before{position: absolute; content: ""; width: 255px; height: 245px; background-image: linear-gradient(to right,#ff5e62,#ff9966); left: 0; top: 0; opacity: 0.6; transition: all ease-in-out 0.5s}
.hosting_team_box:hover figure:before{opacity: 0}
.hosting_team_box:hover .content_team_box{background-color: #fff; box-shadow: 0 0 25px 2px rgba(0,0,0,.1), 0 -5px 0 0 #ff6663 inset;}
/* ===================================
            Team Member
====================================== */
.contact_fields{font-size: 16px; line-height: 24px; color: #424357; font-weight: 500; padding: 20px 25px}
.contact_fields:focus{outline: 1px solid #ff5e62}
.btn_submit{background-color: #343a40; border: none; font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; padding: 20px 0}
/* ===================================
      Blog Page
====================================== */

.container-3 input#search{width: 100%; height: 50px; background: #2b303b; border: none; font-size: 18px; float: right; padding-left: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 40px}
.container-3 input#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.container-3 input#search::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.container-3 input#search:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.container-3 input#search:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}
.container-3 .icon{position: absolute; margin-left: 17px; margin-top: 16px; z-index: 1; color: #fff}
.blog_post_btn{display: inline-block; font-size: 14px; color: #fff; background-color: #424357; padding: 8px 30px; border-radius: 5px; margin-bottom: 70px; transition: all ease-in-out 0.5s; border: 1px solid #424357}
.blog_post_btn:hover{background-color: #ff5e62; color: #fff; border: 1px solid #ff5e62}
.first_news_box p{margin-bottom: 30px}
.side_links{padding-top: 20px}
.side_links li{color: #243049; padding: 15px 0 15px 0; border-top: 1px solid #dddddd}
.side_links li:first-child{border-top: 1px solid #ff5e62}
.side_links li a{font-size: 14px; font-weight: 400; color: #777}
.side_links li span{float: right; color: #777; font-size: 14px; font-weight: 600}
.tag_buttons li{background-color: #f5f5f5; padding: 10px; margin: 5px; float: left; font-size: 12px}
.tag_buttons li:hover{background-color: #424357}
.tag_buttons li:hover a{color: #fff}
.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: #424357; border: 1px solid #424357; color: #fff; transition:  all ease-in-out 0.5s; border-radius: 5px}
.btn_comment_box{padding: 10px 40px; color: #fff; background-color: #424357; border: none}
.post_comment_button{float: left; font-size: 18px; font-weight: 400; padding: 10px 40px; background-color: #ff5e62; color: #fff; border: none; margin-top: 30px; border-radius: 32px}

.btn_blog_post:hover{background-color: #ff5e62; color: #fff}
.submit_button:hover{background-color: #ff5e62; color: #fff; border: 1px solid #ff5e62}
.submit_button:focus{outline: none}
.social_links li{display: inline-block}
.social_links li a{width: 35px; height: 35px; background-color: #d4d4d4; border-radius: 100%; display: table; transition: all ease-in-out 0.5s}
.social_links li:hover a{background-color: #ff5e62}
.social_links li a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; color: #fff}
.comments_heading, .post_comment{border-bottom: 1px solid #ddd; padding-bottom: 20px}
.inner_comment_box{padding: 30px}
.post_comment_button{margin-bottom: 100px}


.icon_box figure{position: relative}
.icon_box figure:before{position: absolute; content: ""; background-color: #ff5e62; width: 50%; height: 2px; right: 0; top: -10px; transition: transform 0.5s ease; opacity: 0}
.icon_box figure:after{position: absolute; content: ""; background-color: #ff5e62; width: 50%; height: 2px; bottom: -10px; left: 0; transition: transform 0.5s ease; opacity: 0}
.icon_box figure:hover:before{left: 0; opacity: 1}
.icon_box figure:hover:after{right: 0; left: auto; opacity: 1}

@media only screen and (min-width: 992px){
    .menubar li:hover .dropdown_menu {display: block}
    .menubar li:hover .dropdown_submenu {display: block}
    .menubar li:hover .dropdown_company {display: block}

}

/*=========================Custom=============================*/