@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=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
/* ===================================
    Reset
====================================== */
body{color:#777; font-size: 18px; line-height: 24px; font-weight: 400; font-family: 'Open Sans', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
    -webkit-text-size-adjust: 100%;}
.carousel-inner {overflow: hidden}
.navbar {margin-bottom: 0}
ul{margin: 0; padding: 0; list-style-type:none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0}
p{margin-bottom: 0;}
a{text-decoration: none; color: #4f4b6c}
a:hover{text-decoration: none}
figure{margin: 0}
/* ===================================
    Typography
====================================== */
.opensans_font{font-family: 'Open Sans', sans-serif;}
.lato_font{font-family: 'Lato', sans-serif;}
/* ===================================
    Margin
====================================== */
/*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_55   {margin-bottom: 55px}
.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_30   {margin-right: 30px}
.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_150 {margin-top: 150px}
.margin_top-170 {margin-top: -170px}

/* ===================================
     Color
====================================== */
/*Colors*/
.color_fff  {color: #fff}
.color_e73747   {color: #e73747}
.color_000   {color: #000}

/*Background Colors*/
.bg_e73747  {background-color: #e73747}
.bg_e8e8e8  {background-color: #e8e8e8}
.bg_fff       {background-color: #fff}
.bg_f1f1f1       {background-color: #f1f1f1}

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

/*padding*/
.no_padding{padding: 0}
.padding_tb60{padding: 60px 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_75 {padding-top: 75px}
.padding_top_80 {padding-top: 80px}
.padding_top_85 {padding-top: 85px}
.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_130{padding-top: 130px}
.padding_top_120{padding-top: 150px}
.padding_top_170{padding-top: 170px}
.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_120 {padding-bottom: 120px}
.padding_bottom_200 {padding-bottom: 200px}
.padding_bottom_300 {padding-bottom: 300px}
.padding_bottom_160 {padding-bottom: 160px}

/*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_45    {padding-left: 45px}
.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_38   {font-size: 38px}
.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_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_800{font-weight: 800}
.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_50    {line-height: 50px}
.line_height_54    {line-height: 54px}
.line_height_60    {line-height: 60px}
.line_height_65    {line-height: 65px}
.line_height_80    {line-height: 80px}
.line_height_82    {line-height: 82px}

/* ===================================
     Button
====================================== */
.hero_banner_btn{display: inline-block; background-color: #e8cb4a; font-size: 16px; line-height: 24px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; padding: 15px 45px; border-radius: 32px; text-transform: uppercase; letter-spacing: 2px; transition: all ease-in-out 0.5s}
.btn_hosting_plan{display: inline-block; background-color: #e8cb4a; font-size: 14px; line-height: 24px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; padding: 10px 45px; border-radius: 32px; text-transform: uppercase; letter-spacing: 2px; transition: all ease-in-out 0.5s}
.btn_managed_solution_box{display: inline-block; background-color: #e8cb4a; font-size: 14px; line-height: 24px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; padding: 10px 45px; border-radius: 32px; text-transform: uppercase; letter-spacing: 2px; transition: all ease-in-out 0.5s; border: 2px solid #e8cb4a}
.btn_guarantee_section{display: inline-block; background-color: #e8cb4a; font-size: 14px; line-height: 24px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; padding: 10px 45px; border-radius: 32px; text-transform: uppercase; letter-spacing: 2px; transition: all ease-in-out 0.5s}
.btn_create_account{display: inline-block; background-color: #e8cb4a; font-size: 16px; line-height: 24px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; padding: 15px 45px; border-radius: 32px; text-transform: uppercase; letter-spacing: 2px; transition: all ease-in-out 0.5s}
/* ===================================
         Hover
====================================== */
.hero_banner_btn:hover{background-color: #e73747; color: #fff}
.search_domain_btn:hover{background-color: #e8cb4a; color: #000; cursor: pointer}
.search_domain_btn:focus{outline: none}
.hosting_plan_box:hover{border: 2px solid #e8cb4a}
.hosting_plan_box:hover .btn_hosting_plan{background-color: #e73747; color: #fff}
.btn_managed_solution_box:hover{background-color: transparent; color: #fff; border: 2px solid #fff;}
.btn_guarantee_section:hover{background-color: #e73747; color: #fff}
.btn_comparison_plan:hover, .btn_create_account:hover{background-color: #e73747; color: #fff}
.comparison_price_plan_table td:nth-child(3) .btn_comparison_plan:hover{background-color: #e8cb4a; color: #000}
/* ===================================
      Navigation Bar
====================================== */
.default_logo img{width: 130px}
.default_navigation .inner_default_navigation li a{font-size: 16px; line-height: 24px; color: #000; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; padding: 20px !important; transition: all ease-in-out 0.5s}
.default_navigation .inner_default_navigation li:first-child a{padding-left: 0}
.default_navigation .inner_default_navigation li:last-child a{padding-right: 0}
.inner_default_navigation{margin-right: 50px}
.default_navigation .inner_default_navigation li:hover a{color: #e73747}
.default_dd_menu{top: 62px; left: -15px; border: none; border-left: 3px solid #e73747; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.20)}
.default_navigation .inner_default_navigation .default_dd_menu a{font-size: 16px; line-height: 24px; color: #000 !important; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: capitalize; padding: 10px 35px !important; transition: all ease-in-out 0.5s}
.default_navigation .inner_default_navigation .default_dd_menu a:hover{background-color: #e73747; color: #fff !important;}
.hosting_dd_menu{width: 310px; top: 62px; border: none; box-shadow: 0 10px 30px rgba(0,0,0,.10); padding: 20px 0; left: -50px; border-radius: 10px}
.card, .card-header {background-color: transparent; border: none}
.hosting_megamenu_dd_card01_header, .hosting_megamenu_dd_card02_header, .hosting_megamenu_dd_card03_header, .hosting_megamenu_dd_card04_header, .hosting_megamenu_dd_card05_header{padding: 0 !important; position: relative; border-top: 1px solid #eeeff3 !important;}
.hosting_megamenu_dd_card05_header{border-bottom: none !important;}
.hosting_megamenu_dd_card01_header h5 .btn:before{position: absolute; content: ""; background: url("../images/megamenu_dd_img01.png"); width: 20px; height: 16px; top: 16px; left: 25px; transition: all ease-in-out 0.5s}
.hosting_megamenu_dd_card02_header h5 .btn:before{position: absolute; content: ""; background: url("../images/megamenu_dd_img02.png"); width: 20px; height: 20px; top: 16px; left: 25px; transition: all ease-in-out 0.5s}
.hosting_megamenu_dd_card03_header h5 .btn:before{position: absolute; content: ""; background: url("../images/megamenu_dd_img03.png"); width: 20px; height: 16px; top: 16px; left: 25px; transition: all ease-in-out 0.5s}
.hosting_megamenu_dd_card04_header h5 .btn:before{position: absolute; content: ""; background: url("../images/megamenu_dd_img04.png"); width: 18px; height: 20px; top: 16px; left: 25px; transition: all ease-in-out 0.5s}
.hosting_megamenu_dd_card05_header h5 .btn:before{position: absolute; content: ""; background: url("../images/megamenu_dd_img05.png"); width: 20px; height: 20px; top: 16px; left: 25px; transition: all ease-in-out 0.5s}
.hosting_megamenu_dd_card01_header h5 .dd_collapse_btn:hover:before{background: url("../images/megamenu_dd_hover_img01.png"); width: 20px; height: 16px; top: 16px; left: 25px}
.hosting_megamenu_dd_card02_header h5 .dd_collapse_btn:hover:before{background: url("../images/megamenu_dd_hover_img02.png"); width: 20px; height: 20px; top: 16px; left: 25px}
.hosting_megamenu_dd_card03_header h5 .dd_collapse_btn:hover:before{background: url("../images/megamenu_dd_hover_img03.png"); width: 20px; height: 16px; top: 16px; left: 25px}
.hosting_megamenu_dd_card04_header h5 .dd_collapse_btn:hover:before{background: url("../images/megamenu_dd_hover_img04.png"); width: 18px; height: 20px; top: 16px; left: 25px}
.hosting_megamenu_dd_card05_header h5 .dd_collapse_btn:hover:before{background: url("../images/megamenu_dd_hover_img05.png"); width: 20px; height: 20px; top: 16px; left: 25px}
.hosting_megamenu_dd_card01_header h5, .hosting_megamenu_dd_card02_header h5, .hosting_megamenu_dd_card03_header h5, .hosting_megamenu_dd_card04_header h5, .hosting_megamenu_dd_card05_header h5{font-size: 14px; line-height: 20px;}
.hosting_megamenu_dd_card01_header h5 .btn, .hosting_megamenu_dd_card02_header h5 .btn, .hosting_megamenu_dd_card03_header h5 .btn, .hosting_megamenu_dd_card04_header h5 .btn, .hosting_megamenu_dd_card05_header h5 .btn{color: #333; text-transform: uppercase; transition: all ease-in-out 0.5s; padding: 10px 60px; width: 100%; text-align: left}
.hosting_megamenu_dd_card01_header:hover .btn, .hosting_megamenu_dd_card02_header:hover .btn, .hosting_megamenu_dd_card03_header:hover .btn, .hosting_megamenu_dd_card04_header:hover .btn, .hosting_megamenu_dd_card05_header:hover .btn{color: #fff; text-decoration: none}
.hosting_megamenu_dd_card01_header:hover, .hosting_megamenu_dd_card02_header:hover, .hosting_megamenu_dd_card03_header:hover, .hosting_megamenu_dd_card04_header:hover, .hosting_megamenu_dd_card05_header:hover{background-color: #e73747}
.inner_default_navigation .hosting_megamenu_dd .hosting_megamenu_dd_body_list{padding: 20px 0}
.inner_default_navigation .hosting_megamenu_dd .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #333; display: block; padding: 0 0 0 70px !important; text-transform: capitalize; position: relative}
.inner_default_navigation .hosting_megamenu_dd .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #e73747; border-radius: 100%; top: 10px; left: 55px}
.height_200{height: 200px}
.mobile_navigation{display: none}
.default_navigation.affix{position: fixed; box-shadow: 0 0 20px rgba(0,0,0,.20); background-color: rgba(255,255,255,.95); z-index: 10; top: 0}
/* ===================================
      Right Drawer
====================================== */
.sidenav {height: 100%; position: fixed; z-index: 9; top: 0; right: -250px; width: 250px; background-color: #111; overflow-x: hidden; transition: 0.5s; padding: 40px 0 0}
.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s}
.sidenav a.logo_link{padding: 0}
.sidenav a:hover {color: #222}
.sidenav .closebtn {position: absolute; top: 0px;right: 0;font-size: 24px;padding: 0px 5px;background-color: #eff6f8}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.side_nav_box{padding: 0 30px; color: #fff}
.side_nav_box a img{margin-bottom: 10px; width: 120px}
.side_nav_box p{font-size: 12px; line-height: 16px; margin-bottom: 10px}
.side_nav_social_link li{display: inline-block}
.side_nav_social_link li a{padding: 8px}
.side_nav_social_link li a i{font-size: 14px}
.side_nav_social_link li a:hover i{color: #fff}
.side_nav_social_link{margin-bottom: 30px}
.vertical_menu{margin-bottom: 25px}
.vertical_menu .heading{font-size: 14px; line-height: 14px; color: #fff; margin-bottom: 15px}
.vertical_menu_list li a{font-size: 12px; line-height: 24px; color: #fff; padding: 0 8px 0 15px; position: relative}
.vertical_menu_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background: #fff; left: 0; top: 9px; border-radius: 100%; transition: .5s ease-in-out}
.vertical_menu_list li a:hover{color: #e73747}
.burger__item{position: relative; cursor: pointer; transition: all 0.5s ease}
.burger__item-line{position: absolute;}
.burger__item-line, .burger__item-line:before, .burger__item-line:after{width: 50px; height: 3px; background: #000; border-radius: 5px}

/* ===================================
            Search Icon
====================================== */

.openBtn {background: transparent; padding: 0 9px; font-size: 14px; cursor: pointer; transition: all ease-in-out 0.5s}
.openBtn i{color: #e8cb4a}
.openBtn:hover {background: transparent}
.overlay{height: 100%; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9)}
.overlay-content {position: relative; top: 46%; width: 40%; text-align: center; margin-top: 30px; margin: auto}
.overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white}
.overlay .closebtn:hover {color: #ccc}
.overlay input[type=text] {padding: 20px 20px 20px 0; font-size: 24px; font-weight: 500; border: none; float: left; width: 100%; color: #fff; background-color: transparent; border-bottom: 2px solid #fff}
.overlay input[type=text]:focus{outline: none}
.overlay input[type=text]::-webkit-input-placeholder {color: #fff}
.overlay input[type=text]::-moz-placeholder {color: #fff}
.overlay input[type=text]:-ms-input-placeholder {color: #fff}
.overlay button {background: transparent; font-size: 24px; border: none; cursor: pointer; color: #fff; position: absolute; right: 0; bottom: -48px}
.side_nav_button{ cursor: pointer; padding: 14px 15px; margin-left: 10px; background: url("../images/side_nav_btn.png") no-repeat center; width: 23px; height: 15px; transition:  all ease-in-out 0.5s}

/*Mega Menu*/
.outer_mega_menu{position: inherit}
.default_mega_menu{top: 62px !important; border-radius: 0; box-shadow: 0 22px 15px rgba(0,0,0,.10); border: none; left: 385px; padding: 40px 50px; width: 1140px !important;}
.mega_menu_box{width: 20%; float: left}
.margin_mega_menu{margin-bottom: 20px}
.mega_menu_box_heading{font-size: 16px; line-height: 24px; font-weight: 600; color: #000; margin-bottom: 15px}
.inner_default_navigation .outer_mega_menu .default_mega_menu .list_mega_menu_box li a{font-size: 14px; line-height: 24px; color: #333; font-weight: 300; text-transform: capitalize; padding: 10px 0 !important; transition: all ease-in-out 0.5s}
.badge{margin-left: 5px}
.inner_default_navigation .outer_mega_menu .default_mega_menu .list_mega_menu_box li a:hover{color: #e73747}


button.dd_collapse_btn[aria-expanded="true"]{background-color: #e73747; color: #fff; border-radius: 0; text-decoration: none}
button.dd_btn01[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img01.png"); width: 20px; height: 16px; top: 16px; left: 25px}
button.dd_btn02[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img02.png"); width: 20px; height: 20px; top: 16px; left: 25px}
button.dd_btn03[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img03.png"); width: 20px; height: 16px; top: 16px; left: 25px}
button.dd_btn04[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img04.png"); width: 18px; height: 20px; top: 16px; left: 25px}
button.dd_btn05[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img05.png"); width: 20px; height: 20px; top: 16px; left: 25px}
.inner_default_navigation .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #333; display: block; padding: 0 0 0 45px !important; text-transform: capitalize; position: relative}
.inner_default_navigation .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #e73747; border-radius: 100%; top: 9px; left: 30px}
.inner_default_navigation .hosting_dd_menu .hosting_megamenu_dd_body_list li a:hover{background-color: transparent; color: #e73747 !important;}
.card-header:first-child{border-radius: 0}
/* ===================================
            Banner
====================================== */
.main_hero_banner01{background: url("../images/main_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh; }
.main_hero_banner02{background: url("../images/main_banner_img02.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh; }
.main_hero_banner03{background: url("../images/main_banner_img03.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh; }
.bg_landing_page{background: url("../images/bg_landing_page.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh}
.main_hero_banner01:after{position: absolute; content: ""; background: url("../images/svg/white-curve.svg") no-repeat bottom; width: 100%; height: 500px; left: 0; bottom: -1px; background-size: 100%}
.main_hero_banner02:after{position: absolute; content: ""; background: url("../images/svg/white-curve.svg") no-repeat bottom; width: 100%; height: 500px; left: 0; bottom: -1px; background-size: 100%}
.main_hero_banner03:after{position: absolute; content: ""; background: url("../images/svg/white-curve.svg") no-repeat bottom; width: 100%; height: 500px; left: 0; bottom: -1px; background-size: 100%}
.bg_landing_page:after{position: absolute; content: ""; background: url("../images/svg/white-curve.svg") no-repeat bottom; width: 100%; height: 500px; left: 0; bottom: 0; background-size: 100%}
.inner_hero_banner{display: table-cell; vertical-align: middle}
.default_navigation{position: absolute; width: 100%; top: 20px; left: 0; z-index: 9; padding: 0}
.sub_page_navigation .default_navigation{top: 0; background-color: #fff; position: relative; padding: 10px 0}
.hero_banner_content_box{width: 609px; height: 609px; border-radius: 100%; background-color: #fff; display: table; text-align: center; z-index: 1}
.inner_hero_banner_content_box{display: table-cell; vertical-align: middle; text-align: center; padding: 0 35px}
.inner_hero_banner_content_box h1{font-size: 48px; line-height: 54px; color: #e73747; font-weight: 400; font-family: 'Lato', sans-serif}
.inner_hero_banner_content_box p{font-size: 22px; line-height: 30px; color: #000; font-weight: 300; margin-bottom: 30px; margin-top: 10px}
.banner_price_box{font-size: 24px; line-height: 30px; color: #000; font-weight: 300; font-family: 'Lato', sans-serif; margin-bottom: 30px}
.banner_price_box span{font-size: 48px; line-height: 30px; color: #e73747; font-weight: 400; font-family: 'Lato', sans-serif}
.hero_banner_content_box{position: absolute; bottom: 12%; right: 16%}
.main_hero_banner02 .hero_banner_content_box, .bg_landing_page .hero_banner_content_box{position: absolute; bottom: 12%; left: 16%}
.carousel-control-prev-icon{background: url("../images/slider_left_arrow.png"); width: 50px; height: 50px}
.carousel-control-next-icon{background: url("../images/slider_right_arrow.png"); width: 50px; height: 50px}
.carousel-control-next, .carousel-control-prev{width: 5%; height: calc(100% - 25%);}
.carousel-control-prev-icon:hover{background: url("../images/hover_slider_left_arrow.png"); width: 50px; height: 50px}
.carousel-control-next-icon:hover{background: url("../images/hover_slider_right_arrow.png"); width: 50px; height: 50px}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{opacity: 0.5}
.sub_page_navigation .default_navigation .default_dd_menu{top: 52px}
.landing_page_banner_list{margin-bottom: 20px}
.landing_page_banner_list li{display: inline-block; font-size: 22px; line-height: 30px; color: #000; font-weight: 300; padding: 0 15px; position: relative}
.landing_page_banner_list li:before{position: absolute; content: ""; background-color: #000; width: 5%; height: 1px; right: -5px; top: 18px}
.landing_page_banner_list li:last-child:before{display: none}
.landing_page_banner_list li:first-child{padding-left: 0}
.landing_page_banner_list li:last-child{padding-right: 0}
/* ===================================
      Hosting plan Section
====================================== */
.hosting_plan_box{background-color: #fff; border-radius: 25px; border: 2px solid #e8e8e8; padding: 45px 20px; text-align: center; transition: all ease-in-out .5s}
.hosting_plan_box figure img{margin-bottom: 20px; width: 74px}
.hosting_plan_box h3{font-size: 26px; line-height: 36px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; position: relative; margin-bottom: 40px}
.hosting_plan_box h3:before{position: absolute; content: ""; background-color: #e8e8e8; width: 50%; height: 2px; bottom: -20px; left: 0; right: 0; margin: 0 auto}
.hosting_plan_box p{font-size: 16px; line-height: 24px}
.hosting_plan_price_box{font-size: 30px; line-height: 90px; color: #e73747; font-weight: 400; font-family: 'Lato', sans-serif}
.hosting_plan_price_box span{font-size: 60px; line-height: 90px; font-weight: 400}
.hosting_plan_section{position: relative}
.hosting_plan_section:before{position: absolute; content: ""; background: url("../images/svg/red_curve.svg") no-repeat bottom; width: 100%; left: 0; bottom: 0; background-size: 100%; height: 1000px; z-index: -1}
/* ===================================
      Search Domain Section
====================================== */
.section_heading_box{text-align: center; margin-bottom: 50px}
.section_heading_box h2, .data_center_box h2{font-size: 40px; line-height: 52px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif}
.outer_search_filed{position: relative}
.search_domain_field{width: 100%; border: 3px solid #e8e8e8; border-radius: 32px; font-size: 16px; line-height: 16px; font-weight: 300; font-family: 'Lato', sans-serif; padding: 20px}
.search_domain_field:focus{outline: none; border: 3px solid #e73747}
.search_domain_btn{position: absolute; right: 8px; top: 6px; font-size: 14px; line-height: 18px; color: #fff; font-family: 'Lato', sans-serif; letter-spacing: 2px; text-transform: uppercase; border-radius: 32px; border: none; background-color: #e73747; padding: 17px 55px; transition: all ease-in-out .5s}
.tld_domain_list li{display: inline-block; text-align: center; padding: 0 15px; border-right: 1px solid #ced3dc}
.tld_domain_list li:last-child{border-right: none}
.tld_domain_list li img, .tld_domain_list li div{display: inline-block; vertical-align: middle}
.tld_domain_list li img{margin-right: 10px}
.search_domain_section{position: relative}
.btn_scroll_down{position: absolute; top: -120px; left: 0; right: 0; margin: 0 auto; z-index: 9}
.btn_scroll_down figure{margin: 0 auto; text-align: center}
.btn_scroll_down:hover{cursor: pointer}
/* ===================================
        Shared Hosting Plan Section
====================================== */
.hosting_plan_list li{font-size: 16px; line-height: 48px; color: #777; font-weight: 400}
.shared_feature_section .section_heading_box h2{color: #fff}
.shared_hosting_feature .feature_img_box{margin: 0 auto}
.shared_hosting_feature .feature_content_box{padding-top: 20px; position: relative; z-index: 10}
.shared_banner{background: url("../images/shared_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}
.shared_banner:after, .reseller_banner:after, .dedicated_banner:after, .vps_banner:after, .domain_banner:after, .about_banner:after, .contact_banner:after{position: absolute; content: ""; background: url("../images/svg/white-curve.svg") no-repeat bottom; width: 100%; height: 400px; left: 0; bottom: 0; background-size: 100%}
.shared_banner_content_box{    width: 500px;
    height: 500px;}
.shared_banner_content_box h1{font-size: 48px; line-height: 54px}
.inner_shared_banner_content_box{padding: 0 55px}
/* ===================================
        Reseller Page
====================================== */
.reseller_banner{background: url("../images/reseller_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}
.dedicated_banner{background: url("../images/dedicated_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}
.vps_banner{background: url("../images/vps_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}
.domain_banner{background: url("../images/domain_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}
.about_banner{background: url("../images/about_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}
.contact_banner{background: url("../images/contact_banner_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 750px; position: relative;}

.shared_hosting_feature .feature_img_box{width: 182px; height: 182px}
.shared_hosting_feature .feature_img_box figure img{width: 99px}
/* ===================================
     Comparison Price Plan Section
====================================== */
.comparison_price_plan_section{position: relative}
.comparison_price_plan_section:before{position: absolute; content: ""; background: url("../images/svg/flip_red_curve.svg") no-repeat top; background-size: 100%; width: 100%; left: 0; top: 0; height: 400px;}

.comparison_price_plan_box {
    width:100%;
    margin:0 auto;
    position:relative;
}
.comparison_price_plan_list{
    display:flex;
    top:0px;
    z-index:10;
    padding-bottom:14px;
}
.comparison_price_plan_list li {
    list-style:none;
    flex:1;
}
.comparison_price_plan_list li:last-child {
    border-right:1px solid #DDD;
}
.comparison_price_plan_list li button {
    width:100%;
    border: 1px solid #DDD;
    border-right:0;
    border-top:0;
    padding: 10px;
    background:#FFF;
    font-size:14px;
    font-weight:bold;
    height:60px;
    color:#999
}
.comparison_price_plan_list li.active button {
    background:#F5F5F5;
    color:#000;
}
.comparison_price_plan_table { border-collapse:collapse; table-layout:fixed; width:100%; }
.comparison_price_plan_table th {display:none; color: #000; font-size: 24px; line-height: 30px; font-weight: 400; font-family: 'Lato', sans-serif; }
.comparison_price_plan_table th:first-child{background-color: #e8e8e8; border: none}
.comparison_price_plan_table th:nth-child(3){color: #fff}
.comparison_price_plan_table td, .comparison_price_plan_table th {padding: 20px 0 !important}
.comparison_price_plan_table td, .comparison_price_plan_table th { padding:10px; empty-cells:show; }
.comparison_price_plan_table td{border-bottom: 1px solid #cfd2d7; border-right: 1px solid #cfd2d7; background-color: #fff; font-size: 16px; line-height: 24px; color: #777; font-weight: 600}
.comparison_price_plan_table td:first-child{background-color: transparent; border-right: none; color: #333; font-weight: 700}
.comparison_price_plan_table td:last-child{border-right: none}
.comparison_price_plan_table tr:last-child td{border-bottom: none}
.comparison_price_plan_table td, .comparison_price_plan_table th {text-align:left}
.comparison_price_plan_table td+td, .comparison_price_plan_table th+th {text-align:center; display:none}
.comparison_price_plan_table td.default {display:table-cell}
.bg_yellow {background-color: #e8cb4a}
.bg_red {background-color: #e73747}
.sep {background:#e8cb4a; font-weight:bold}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top {position:relative; top:-9px; left:-2px}
.tick {color: #e8cb4a; font-weight: 700}
.cross{color: #e73747; font-weight: 700}
.hide {border:none !important; background:none}
.outer_box{font-size: 16px; line-height: 24px; color: #777; font-weight: 400}
.comparison_plan_price_box{font-size: 22px; line-height: 50px; color: #e73747; font-weight: 400; font-family: 'Lato', sans-serif; margin-bottom: 10px}
.comparison_plan_price_box span{font-size: 42px; line-height: 50px}
.btn_comparison_plan{display: inline-block; font-size: 14px; line-height: 18px; color: #000; font-weight: 400; background-color: #e8cb4a; padding: 10px 30px; border-radius: 32px; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px}
.comparison_price_plan_table td:nth-child(3) .btn_comparison_plan{display: inline-block; font-size: 14px; line-height: 18px; color: #fff; font-weight: 400; background-color: #e73747; padding: 10px 30px; border-radius: 32px; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px}
@media (min-width: 640px) {
    .comparison_price_plan_list {
        display:none;
    }
    .comparison_price_plan_table td, .comparison_price_plan_table th {
        display:table-cell !important;
    }
    .comparison_price_plan_table td, .comparison_price_plan_table th {
        width: 330px;

    }
    .comparison_price_plan_table td+td, .comparison_price_plan_table th+th {
        width: auto;
    }
}

/* ===================================
        Feature  Section
====================================== */
.feature_section .section_heading_box{margin-bottom: 70px}
.feature_section .section_heading_box h2{color: #fff}
.feature_img_box{height: 255px; width: 255px; border-radius: 100%; background: #fff; display: table; position: relative; overflow: hidden; transition: .5s ease-in-out; border: 10px solid #e73747; z-index: 12}
.feature_img_box figure{display: table-cell; vertical-align: middle; text-align: center}
.feature_img_box figure img{width: 139px; position: relative}
.feature_img_box:before{position: absolute; content: ""; background-color: #ffd5d9; width: 100%; left: 0; bottom: 0; height: 28%}
.feature_content_box{padding-top: 60px}
.feature_content_box h3{font-size: 30px; line-height: 36px; font-weight: 300; color: #fff; margin-bottom: 15px}
.feature_content_box p{font-size: 14px; line-height: 24px; font-weight: 400; color: #fff}
.feature_section{position: relative}
.feature_section:before{position: absolute; content: ""; width: 100%; height: 1024px; background: url("../images/fatures_item_desgin.png") no-repeat center bottom; top: 15%; left: 0; background-size: contain}

/* ===================================
   Testimonial Section
====================================== */
.testimonial_content_box{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.25); border-radius: 10px; padding: 20px; margin-bottom: 20px}
.slider_inner_box{padding: 10px}
.testimonial_content_box figure{margin-bottom: 15px}
.testimonial_content_box p{font-size: 16px; line-height: 30px; font-weight: 300}
.testimonial_img_box{padding: 20px}
.testimonial_img_box figure, .testimonial_img_box .testimonial_customer_box{display: inline-block}
.customer_name{font-size: 16px; line-height: 24px; color: #e73747; font-weight: 400; font-family: 'Lato', sans-serif}
.customer_website{font-size: 16px; line-height: 20px; font-weight: 300; color: #777; transition: all ease-in-out 0.5s}
.customer_website:hover{color: #e73747}
.testimonial_img_box .testimonial_customer_box{vertical-align: middle; padding-left: 15px}
.slider_indicator{bottom: -25px}
.slider_indicator li{width: 10px; height: 10px; border-radius: 100%; background-color: #979797}
.slider_indicator li.active{background-color: #e73747}
.testimonial_section{position: relative; z-index: 9}
.testimonial_section:before{position: absolute; content: ""; background: url("../images/svg/flip_red_curve.svg") no-repeat top #fff; background-size: 100%; width: 100%; left: 0; top: -20%; height: 550px; z-index: -1}

/* ===================================
        Default Footer
====================================== */
.outer_default_header{position: relative}
.contact_detail_list li{display: inline-block; font-size: 14px; line-height: 18px; color: #000; vertical-align: middle; padding: 0 110px 0 45px; position: relative}
.contact_detail_list li:nth-child(1):before{position: absolute; content: ""; background: url("../images/map_marker.png"); width: 29px; height: 29px; top: 0; left: 0}
.contact_detail_list li:nth-child(2):before{position: absolute; content: ""; background: url("../images/contact_number.png"); width: 29px; height: 29px; top: 0; left: 0}
.contact_detail_list li:nth-child(3):before{position: absolute; content: ""; background: url("../images/envelop.png"); width: 31px; height: 29px; top: 0; left: 0}
.contact_detail_list li span{font-size: 16px; line-height: 18px; font-weight: 700; color: #e73747; font-family: 'Lato',sans-serif; padding-right: 5px}
.border_bottom{border-bottom: 1px solid #c7c7c7}
.footer_heading{font-size: 18px; line-height: 26px; color: #000; font-weight: 700; font-family: 'Lato', sans-serif; margin-bottom: 25px}
.footer_box p{font-size: 14px; line-height: 20px; padding-right: 80px}
.footer_links li a{font-size: 14px; line-height: 26px; font-weight: 400; transition: all ease-in-out 0.5s}
.footer_social_links li{display: inline-block; padding: 0 5px}
.footer_social_links li a{width: 31px; height: 31px; background-color: transparent; border-radius: 100%; display: table; transition: all ease-in-out .5s; border: 1px solid #000}
.footer_social_links li a i{display: table-cell; vertical-align: middle; text-align: center; color: #000; font-size: 16px}
.footer_links li a:hover{color: #e73747}
.footer_social_links li a:hover{background-color: #e73747; border: 1px solid #e73747}
.footer_social_links li a:hover i{color: #fff}
.contact_detail_list li a{color: #000; transition: all ease-in-out .5s}
.contact_detail_list li a:hover{color: #e73747}
.footer_box p a:hover{color: #e73747}

/* ===================================
        Dedicated Section
====================================== */
.dedicate_server_table thead th{background-color: #e73747; font-size: 20px; line-height: 24px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; padding: 20px}
.dedicate_server_table tbody td{padding: 20px; background-color: #f2f2f2; font-size: 16px; line-height: 20px; color: #777; font-weight: 400}
.dedicate_server_table tbody td:first-child{color: #000}
.dedicate_server_table tbody td:nth-child(6){color: #e73747; font-size: 18px; font-weight: 600}
.dedicated_server_btn{font-size: 14px; line-height: 24px; color: #000; font-family: 'Lato', sans-serif; background-color: #e8cb4a; padding: 10px 20px; border-radius: 32px; transition: all ease-in-out .5s}
.dedicated_server_btn:hover{background-color: #e73747; color: #fff}
/* ===================================
        Managed Solution Section
====================================== */
.managed_solution_box{background-color: #e73747; border-radius: 20px; padding: 45px; text-align: center}
.managed_solution_box h3{font-size: 36px; line-height: 42px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; margin-bottom: 40px; position: relative}
.managed_solution_box h3:before{position: absolute; content: ""; background-color: #f39ba3; height: 2px; width: 40%; left: 0; right: 0; margin: 0 auto; bottom: -20px}
.managed_solution_list li{font-size: 16px; line-height: 32px; color: #fff}
.managed_solution_price_box{font-size: 40px; line-height: 90px; color: #fff; font-weight: 400}
.managed_solution_price_box span{font-size: 50px; line-height: 90px}

/* ===================================
       Data Center Section
====================================== */
.data_center_box{padding-top: 30px}
.data_center_box h2{margin-bottom: 20px}
.data_center_box p{font-size: 16px; line-height: 30px; color: #777}
.color_text{font-size: 16px; line-height: 24px; color: #e73747 !important;}
/* ===================================
      Operating System
====================================== */
.operating_system_list{width: 100%}
.operating_system_list li{display: inline-block; padding: 0 10px}
.operating_system_list li .operating_system_img_box{width: 200px; height: 200px; background-color: #e73747; border-radius: 16px; display: table; transition: all ease-in-out 0.5s}
.operating_system_list li .operating_system_img_box{display: table-cell; vertical-align: middle; text-align: center}
.operating_system_list li .operating_system_img_box:hover{background-color: #e8cb4a}
/* ===================================
       Domain Feature Section
====================================== */
.inner_domain_feature_box{height: 192px; width: 192px; border-radius: 100%; background: #fff; display: table; position: relative; overflow: hidden; transition: .5s ease-in-out; border: 5px solid #d9d9d9; z-index: 12; margin: 0 auto}
.inner_domain_feature_box figure{display: table-cell; vertical-align: middle; text-align: center}
.inner_domain_feature_box figure img{width: 99px; position: relative}
.domain_feature_img01 figure img{width: 67px}
.inner_domain_feature_box:before{position: absolute; content: ""; background-color: #ffd5d9; width: 100%; left: 0; bottom: 0; height: 28%}
.domain_feature_content_box h3{font-size: 30px; line-height: 24px; color: #000; font-weight: 300; margin-top: 25px; margin-bottom: 25px}
.domain_feature_content_box p{font-size: 14px; line-height: 24px; color: #777}
/* ===================================
        Domain Table
====================================== */
.domain_table thead th{background-color: #e8cb4a; color: #000; border: none; text-transform: uppercase; text-align: center; padding: 20px 0; font-size: 20px; font-weight: 400}
.domain_table tbody td{background-color: #fff; text-align: center; font-size: 18px; color: #000; font-weight: 400; padding: 20px 0}
.domain_table tbody td:first-child{font-weight: 600}
/* ===================================
        Popular Domain Section
====================================== */
.popular_domain_box{width: 257px; height: 257px; background-color: #e73747; border-radius: 100%; position: relative; overflow: hidden; text-align: center}
.popular_domain_box:before{position: absolute; content: ""; background-color: #bd2836; width: 100%; left: 0; bottom: 0; height: 32%}
.domain_name_box{font-size: 80px; line-height: 48px; color: #e8cb4a; font-weight: 900; padding: 70px 0 50px 0}
.domain_price_box{font-size: 30px; line-height: 60px; color: #fff; font-weight: 400; font-family: 'Lato', sans-serif; position: relative; padding-top: 10px}
.domain_price_box span{font-size: 50px; line-height: 60px; color: #fff; font-weight: 400; font-family: 'Lato', sans-serif; position: relative; }

/* ===================================
         History Section
====================================== */
.history_box h2{font-size: 40px; line-height: 52px; font-family: 'Lato', sans-serif; color: #000; font-weight: 400}
.history_box p{font-size: 18px; line-height: 30px; color: #777}
/* ===================================
         Hosting Team Member
====================================== */
.team_member_box figure{margin-bottom: 10px}
.team_member_name{font-size: 20px; line-height: 22px; font-weight: 400; color: #fff; font-family: 'Lato', sans-serif}
.team_member_designation{font-size: 16px; line-height: 22px; font-weight: 400; color: #e8cb4a; font-family: 'Lato', sans-serif}
/* ===================================
         Contact Information
====================================== */
.contact_info_img_box{width: 121px; height: 121px; border-radius: 100%; border: 5px solid #d9d9d9; display: table; position: relative; overflow: hidden; margin: 0 auto}
.contact_info_img_box:before{position: absolute; content: ""; background-color: #ffd5d9; width: 100%; height: 28%; left: 0; bottom: 0}
.contact_info_img_box figure{display: table-cell; vertical-align: middle; text-align: center; position: relative}
.heading_contact_info_box{font-size: 20px; line-height: 32px; font-weight: 700; color: #000; font-family: 'Lato', sans-serif; margin-top: 15px; margin-bottom: 10px}
.contact_info_box p, .contact_info_box a, .contact_info_box div{font-size: 16px; line-height: 24px; color: #000}
.contact_form_fields{width: 100%; font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 400; padding: 15px 20px; border-radius: 32px; border: none; margin-bottom: 20px}
.contact_form_fields::-webkit-input-placeholder {color: #000}
.contact_form_fields::-moz-placeholder {color: #000}
.contact_form_fields:-ms-input-placeholder {color: #000}
.comment_box{padding: 20px}
.btn_submit_message{font-size: 16px; line-height: 24px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 2px; border: 2px solid #e8cb4a; background-color: #e8cb4a; padding: 10px 45px; border-radius: 32px; transition: all ease-in-out 0.5s}
.btn_submit_message:hover{background-color: transparent; color: #fff; cursor: pointer; border: 2px solid #fff}
.contact_form_fields:focus{outline: none}
.contact_form_fields.error{border: 1px solid #e8cb4a}
span.error{display: none !important;}


/* ===================================
         One Page
====================================== */
.one_page_sticky_nav{position: fixed; background-color: #fff; top: 0; z-index: 13}
.one_page_footer_logo img{width: 150px}
.one_page_footer_social_links li{display: inline-block; }
.one_page_footer_social_links li a{width: 31px; height: 31px; background-color: transparent; border-radius: 100%; display: table; transition: all ease-in-out .5s; border: 1px solid #000;}
.one_page_footer_social_links li a i{display: table-cell; vertical-align: middle; text-align: center; color: #000; font-size: 16px;}
.one_page_footer_social_links li a:hover{background-color: #e73747; border: 1px solid #e73747}
.one_page_footer_social_links li a:hover i{color: #fff}
.designed_by a:hover{color: #e73747}
/* ===================================
         Domain Transfer
====================================== */
.domain_transfer_section .section_heading_box{margin-bottom: 100px}
.domain_transfer_step{font-size: 72px; line-height: 52px; color: rgba(0,0,0,.10); font-weight: 700; margin-bottom: 20px; position: relative}
.domain_transfer_step:before{position: absolute; content: ""; background: url("../images/check_mark.png"); width: 30px; height: 30px; top: -25px; left: 50px; right: 0; margin: 0 auto}
.domain_transfer_box h5{font-size: 20px; line-height: 24px; color: #000; font-weight: 600; margin-bottom: 10px}
.domain_transfer_box p{font-size: 14px; line-height: 24px; color: #777}
.affiliates_list li{font-size: 16px; line-height: 28px; font-weight: 400; color: #777; padding-bottom: 10px; position: relative}
.affiliates_list li:last-child{padding-bottom: 0}
.affiliates_list li:before{position: absolute; content: ""; background: url("../images/list_icon.png"); width: 15px; height: 15px; top: 7px; left: -25px}
.domain_transfer_feature_box{background-color: #fff; width: 182px; height: 182px; border-radius: 100%; margin: 0 auto; display: table; position: relative; overflow: hidden}
.domain_transfer_feature_box:before{position: absolute; content: ""; background-color: #ffd5d9; width: 100%; height: 30%; left: 0; bottom: 0}
.domain_transfer_feature_section .section_heading_box h2, .domain_transfer_feature_section .section_heading_box p{color: #fff}
.domain_transfer_feature_box figure{display: table-cell; vertical-align: middle; text-align: center}
.domain_transfer_feature_box figure img{width: 110px; z-index: 9; position: relative}
/*.domain_transfer_feature_section .section_heading_box{margin-bottom: 80px}*/
.outer_domain_transfer_feature_box h5{font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; margin-bottom: 10px; margin-top: 20px}
.outer_domain_transfer_feature_box p{font-size: 14px; line-height: 24px; color: #fff}
/* ===================================
         SSL Certificate
====================================== */
.outer_default_footer .bg_e8e8e8{background-color: #fff}
.ssl_certificate_plan_list li{font-size: 14px; line-height: 28px; color: #777}
/* ===================================
         Affiliates Section
====================================== */
.hosting_affiliates_img_box{width: 195px; height: 195px; background-color: #fff; border-radius: 100%; display: table; border: 5px solid #d9d9d9; position: relative; overflow: hidden; margin: 0 auto}
.hosting_affiliates_img_box:before{position: absolute; content: ""; background-color: #ffd5d9; width: 100%; height: 30%; left: 0; bottom: 0}
.hosting_affiliates_img_box figure{display: table-cell; vertical-align: middle; text-align: center}
.hosting_affiliates_box figure img{width: 99px; position: relative; z-index: 9}
.hosting_affiliates_box h5{font-size: 20px; line-height: 24px; color: #000; font-weight: 600; margin-bottom: 10px; margin-top: 20px}
.hosting_affiliates_box p{font-size: 14px; line-height: 24px; color: #777}
.history_section .section_heading_box{margin-bottom: 20px}
.history_section p{font-size: 16px; line-height: 28px; color: #777}


/* ===================================
        Email Security
====================================== */
.powerful_iptv_section .section_heading_box h2, .powerful_iptv_section .section_heading_box p{color: #fff}
.email_provider_img_box{background-color: #fff; width: 182px; height: 182px; border-radius: 100%; display: table; margin: 0 auto}
.email_provider_img_box figure{display: table-cell; vertical-align: middle; text-align: center}
.email_provider_img_box figure img{width: 103px}
.email_provider_box h5{font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; margin-bottom: 10px; margin-top: 20px}
.email_provider_box p{font-size: 14px; line-height: 24px; color: #fff}
/* ===================================
            FAQ Section
====================================== */
.question_content{font-size: 24px; line-height: 36px; color: #e73747; font-weight: 400; font-family: 'Lato', sans-serif; padding: 0; transition: all ease-in-out .5s; text-decoration: none}
.question_content:hover{color: #000; text-decoration: none}
.question_content:focus{text-decoration: none}
.card-body{font-size: 14px; line-height: 28px; color: #777; padding: 0 20px}
/* ===================================
           Data Center Section
====================================== */
.btn_data_center{display: inline-block; font-weight: 300; font-size: 18px; line-height: 28px; color:#fff; background-color: #0dace0; padding: 10px 30px; margin-top: 20px; text-transform: uppercase; transition: all ease-in-out 0.5s}
.btn_data_center:hover{background-color: #6115d0; color: #fff}
.data_center_map figure{position: relative}
#data_center_box01{position: absolute; cursor: pointer; left: 8%; top: 28%}
#data_center_box02{position: absolute; cursor: pointer; left: 27%; top: 68%}
#data_center_box03{position: absolute; cursor: pointer; left: 33%; top: 13%}
#data_center_box04{position: absolute; cursor: pointer; left: 44%; top: 36%}
#data_center_box05{position: absolute; cursor: pointer; left: 73%; top: 30%}
#data_center_box06{position: absolute; cursor: pointer; left: 67%; top: 57%}
#data_center_box07{position: absolute; cursor: pointer; left: 83%; top: 76%}
.location_pin{font-weight: 600}
#data_center_box01 .location_detail, #data_center_box02 .location_detail, #data_center_box03 .location_detail, #data_center_box04 .location_detail, #data_center_box05 .location_detail, #data_center_box06 .location_detail, #data_center_box07 .location_detail {position: absolute;
    background: #fff;
    color: #777;
    width: 200px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 10px;
    display: block !important;
    -webkit-box-shadow: 4px 0 33px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 4px 0 33px 0 rgba(0,0,0,.3);
    box-shadow: 4px 0 33px 0 rgba(0,0,0,.3);
    z-index: 2;
    margin-top: 5px;
    opacity: 0;
    transition: .5s ease-in-out; left: -50px; text-align: left}
#data_center_box01 .location_detail h2, #data_center_box02 .location_detail h2, #data_center_box03 .location_detail h2, #data_center_box04 .location_detail h2, #data_center_box05 .location_detail h2, #data_center_box06 .location_detail h2, #data_center_box07 .location_detail h2 {    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
    color: #e73747}
#data_center_box01 .location_detail p, #data_center_box02 .location_detail p, #data_center_box02 .location_detail p, #data_center_box04 .location_detail p, #data_center_box05 .location_detail p, #data_center_box06 .location_detail p, #data_center_box07 .location_detail p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300}
#data_center_box01.location-outer:hover .location_detail, #data_center_box02.location-outer:hover .location_detail, #data_center_box03.location-outer:hover .location_detail, #data_center_box04.location-outer:hover .location_detail, #data_center_box05.location-outer:hover .location_detail, #data_center_box06.location-outer:hover .location_detail, #data_center_box07.location-outer:hover .location_detail{    display: block !important; opacity: 1; left: 0; transition: .8s ease-in-out;}

/* ===================================
           DDoS Protection
====================================== */
.data_center_outer .section_heading_box{text-align: left; margin-bottom: 20px}
.data_center_outer p{font-size: 16px; line-height: 28px;}
/* ===================================
           G Suite
====================================== */
.everything_section .section_heading_box{margin-bottom: 80px}
.everything_section .section_heading_box h2, .everything_section .section_heading_box p{color: #fff}
.one_package_img_box{width: 181px; height: 181px; background-color: #fff; border-radius: 100%; display: table; margin: 0 auto}
.one_package_img_box figure{display: table-cell; vertical-align: middle; text-align: center}
.one_package_img_box figure img{width: 100px}
.one_package_box h5{font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; margin-bottom: 10px; margin-top: 20px}
.one_package_box p{font-size: 14px; line-height: 24px; color: #fff}

/* ===================================
        Testimonial Page
====================================== */
.testimonial_name{font-size: 18px; line-height: 24px; color: #e73747; font-weight: 300}
.testimonial_name small{color: #271540; font-weight: 300}
.testimonial_box p{font-size: 16px; line-height: 24px; font-weight: 300}
.testimonial_box .rating_star_list{margin-bottom: 30px}
.outer_testimonial_box figure{text-align: center}
.outer_testimonial_box figure img{position: relative; bottom: 45px}
.three_column_slider_indicators{right: -20px; bottom: 10px; left: auto}
.three_column_slider_indicators li{border: 1px solid #b7b7b7; width: 12px; height: 12px; background-color: transparent; border-radius: 100%}
.three_column_slider_indicators li.active{border: 1px solid #e73747}
.two_column_testimonial_box{border: 1px solid #e73747; border-radius: 4px; padding: 30px}
.testimonial_two_client_name{font-size: 20px; line-height: 24px; color: #e73747; font-weight: 300}
.testimonial_two_client_name small{font-size: 14px; line-height: 24px; color: #271540; font-weight: 300}
.testimonial_social_icons li{display: inline-block; padding: 0 5px}
.testimonial_social_icons li a i{font-size: 14px; color: #333}
.two_column_slider_indicators, .one_column_slider_indicators {bottom: -50px; right: 0; left: auto}
.two_column_slider_indicators li, .one_column_slider_indicators li{border: 1px solid #b7b7b7; width: 12px; height: 12px; border-radius: 100%}
.two_column_slider_indicators li.active, .one_column_slider_indicators li.active{border: 1px solid #e73747}
.rating_star_list li{display: inline-block}
.testimonial_box {border: 1px solid #e73747; background: #fff; padding: 35px 40px 30px; border-radius: 4px; box-shadow: 0 10px 20px rgba(47,57,93,.2); float: left; width: 100%}
.rating_star_list li{display: inline-block}
.rating_star_list li i{font-size: 16px; line-height: 16px; color: #fcb100}
.testimonial_box p{font-size: 14px; line-height: 24px; margin: 9px 0 11px; font-weight: 400; letter-spacing: 0.5px; color: #777}
.client_name{margin: 0; padding: 0; font-size: 18px; line-height: 18px; text-transform: capitalize; font-weight: 700;color: #e73747}
.client_name small{color: #9e9e9e}
.client_name{width: 50%; float: left}
.client_profile_pic{width: 50%; float: left}
.client_profile_pic figure{margin: 0; border: 1px solid #e73747; width: 90px; height: 90px; border-radius: 100%; overflow: hidden; float: right}
.client_profile_pic figure img{height: auto; max-width: 100%}
.testimonial_slider_indicator{bottom: -40px}
.testimonial_slider_indicator li{width: 12px; height: 12px; border-radius: 100%; background-color: #fff; border: 1px solid #b6b6b6}
.testimonial_slider_indicator li.active{background-color: #e73747; border: 2px solid #fff}
.two_column_testimonial_box p{font-size: 14px; line-height: 24px; color: #777}
/* ===================================
        Payment Methods
====================================== */
.payment_method_box{background-color: #e8e8e8;
    border-radius: 10px;
    padding: 60px 80px;}
.payment_method_box figure{margin-bottom: 20px}
.payment_method_box p{font-size: 16px; line-height: 24px; color: #777}
/* ===================================
            Team Page
====================================== */
.team_box .team_member_name{color: #000}
/* ===================================
            IPTV
====================================== */
.voip_feature_box{text-align: center}
.voip_feature_img_box{width: 181px; height: 181px; background-color: #fff; border-radius: 100%; display: table; margin: 0 auto}
.voip_feature_img_box figure{display: table-cell; vertical-align: middle; text-align: center}
.voip_feature_img_box figure img{width: 100px; height: 99px}
.voip_feature_box h5{font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; margin-bottom: 10px; margin-top: 20px}
.voip_feature_box p{font-size: 14px; line-height: 24px; color: #fff}
.iptv_section .section_heading_box h2, .iptv_section .section_heading_box p{color: #fff}
/* ===================================
         Privacy Policy
====================================== */
.privacy_policy_text h3{color: #000}
.privacy_list li b{color: #e73747}
/* ===================================
            404 page
====================================== */
.error_page_outer{background: url("../images/bg_404.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh; ;position: relative; display: table}
.error_page_outer:after{position: absolute; content: ""; background: url("../images/bottom_shape_404.png") no-repeat bottom; bottom: 0; width: 100%; height: 235px; left: 0; background-size: cover}
.error_page_inner{display: table-cell; vertical-align: middle; text-align: center}
.error_page_tag_line{font-size: 50px; line-height: 40px; color: #e8cb4a; font-weight: 700; margin-bottom: 10px}
.error_page_inner p{font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 40px}
.error_page_inner h1{font-size: 120px; line-height: 124px; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 50px}
.outer_search_field{margin-bottom: 50px}
.error_field{font-size: 12px; line-height: 14px; font-weight: 300; font-family: 'Lato', sans-serif; border-radius: 32px; border: none; padding: 25px 30px; text-transform: uppercase; width: 40%}
.error_field:focus{outline: none}
.btn_return_home{display: inline-block; font-size: 16px; line-height: 16px; color: #000; background-color: #e8cb4a; padding: 11px 45px; border-radius: 32px; transition: all ease-in-out 0.5s; border: 2px solid #e8cb4a; position: relative; z-index: 9}
.btn_return_home:hover{background-color: transparent; color: #fff; border: 2px solid #fff}
.footer_error_page{position: absolute; bottom: 0; left: 0; z-index: 9; width: 100%; padding: 50px 0}
.footer_error_page figure img{width: 130px}
.footer_error_page figure{margin-bottom: 20px}
.error_page_copy_right{font-size: 16px; line-height: 18px; color: #777; font-family: 'Lato', sans-serif; font-weight: 400}
.error_page_social_links li{display: inline-block;}
.error_page_social_links li:nth-child(1) a{width: 32px; height: 32px; border-radius: 100%; background-color: #34465d; display: table;}
.error_page_social_links li:nth-child(2) a{width: 32px; height: 32px; border-radius: 100%; background-color: #3b5998; display: table;}
.error_page_social_links li:nth-child(3) a{width: 32px; height: 32px; border-radius: 100%; background-color: #55acee; display: table;}
.error_page_social_links li:nth-child(4) a{width: 32px; height: 32px; border-radius: 100%; background-color: #dd4b39; display: table;}
.error_page_social_links li:nth-child(1) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #fff}
.error_page_social_links li:nth-child(2) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #fff}
.error_page_social_links li:nth-child(3) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #fff}
.error_page_social_links li:nth-child(4) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #fff}
.outer_error_page_social_links{padding-right: 17%; padding-top: 30px}
/* ===================================
            Coming Soon
====================================== */
.bg_coming_soon{background: url("../images/bg_coming_soon.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh; display: table; position: relative}
.inner_coming_soon{display: table-cell; vertical-align: middle; padding: 0 5%}
.coming_soon_content_box{background-color: #fff; border-radius: 20px 20px 0 0; padding: 50px}
.coming_soon_heading{font-size: 70px; line-height: 64px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'Lato', sans-serif; position: relative; margin-bottom: 80px}
.coming_soon_heading:before{position: absolute; content: ""; background-color: #e73747; width: 20%; left: 0; bottom: -30px; height: 5px}
.small_text{font-size: 20px; line-height: 28px; color: #000; margin-bottom: 10px; text-transform: uppercase; font-weight: 600}
.count .counter_box{display: inline-block}
.countd .counter{font-size: 50px; line-height: 30px; font-weight: 600; color: #000; padding: 0 30px; margin-bottom: 15px}
.countd .counter:first-child{padding-left: 0}
.countd{text-align: left; font-size: 14px; line-height: 24px; color: #e73747; text-transform: uppercase; font-weight: 600}
.counter_outer_box{margin-bottom: 50px}
.coming_soon_content_box p{font-size: 40px; line-height: 48px; color: #777; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: capitalize; margin-bottom: 40px}
.coming_soon_content_box p span{color: #e73747}
.heading_coming_soon_subscribe_email{font-size: 22px; line-height: 28px; color: #000; font-weight: 400; font-family: 'Lato', sans-serif; text-transform: capitalize; margin-bottom: 20px}
.outer_coming_soon_subscribe_email{position: relative}
.coming_soon_subscribe_email{background-color: #ededed; border: none; padding: 20px 30px; font-size: 14px; line-height: 14px; border-radius: 32px; width: 70%}
.coming_soon_subscribe_email:focus{outline: none}
.submit_email_subscribe{position: absolute; right: 31%; top: 5px; border: none; font-size: 14px; line-height: 18px; color: #fff; background-color: #e73747; border-radius: 32px; padding: 15px 35px}
.submit_email_subscribe:focus{outline: none}
.footer_coming_soon{background-color: #e8cb4a; border-radius: 0 0 20px 20px; padding: 50px}
.get_in_touch_box{font-size: 22px; line-height: 28px; color: #000; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 500}
.get_in_touch_list li{display: inline-block; padding-right: 30px}
.get_in_touch_list li span, .get_in_touch_list li div a{font-size: 14px; line-height: 24px; color: #000; font-weight: 400}
.get_in_touch_list li, .get_in_touch_list li div{font-size: 14px; line-height: 24px; font-weight: 700; color: #000}
.coming_soon_social_links{padding-top: 135px}
.coming_soon_social_links li{display: inline-block; padding: 0 5px}
.coming_soon_social_links li:nth-child(1) a{width: 53px; height: 53px; border-radius: 100%; background-color: #34465d; display: table;}
.coming_soon_social_links li:nth-child(2) a{width: 53px; height: 53px; border-radius: 100%; background-color: #3b5998; display: table;}
.coming_soon_social_links li:nth-child(3) a{width: 53px; height: 53px; border-radius: 100%; background-color: #55acee; display: table;}
.coming_soon_social_links li:nth-child(4) a{width: 53px; height: 53px; border-radius: 100%; background-color: #dd4b39; display: table;}
.coming_soon_social_links li:nth-child(1) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; color: #fff}
.coming_soon_social_links li:nth-child(2) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; color: #fff}
.coming_soon_social_links li:nth-child(3) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; color: #fff}
.coming_soon_social_links li:nth-child(4) a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; color: #fff}


/* ===================================
        Blog Page
====================================== */
.btn_blog_post, .post_comment_button {background-color: #e73747; border: 2px solid #e73747; -webkit-box-shadow: 0 10px 6px -6px #666; -moz-box-shadow: 0 10px 6px -6px #666; box-shadow: 0 10px 6px -6px #666; padding: 11px 40px; transition: all ease-in-out 0.5s}
.post_comment_button:hover{background-color: #e8cb4a; color: #000; border: 2px solid #e8cb4a}
.btn_blog_post:hover{background-color: #e8cb4a; border: 2px solid #e8cb4a; cursor: pointer}
.btn_blog_post a{color: #fff}
.post_comment_button{color: #fff; margin-bottom: 50px; cursor: pointer}
.container-3 input#search {width: 100%; height: 50px; background: #2b303b; border: none; font-size: 18px; float: right; padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; margin-bottom: 40px}
.border_bottom{border-bottom: 1px solid #ccc;}
.side_links li{padding: 10px 0 0}
.side_links li a{font-size: 14px; color: #222; font-weight: 400; line-height: 18px; transition: all ease-in-out 0.4s}
.side_links li a span{float: right}
.side_links li a:hover{color: #e73747}
.tag_buttons li{background-color: #e73747; padding: 10px; margin: 5px; float: left; font-size: 12px; transition: all ease-in-out 0.4s}
.tag_buttons li a{color: #fff}
.tag_buttons li:hover{background-color: #e8cb4a}
.input_fields{padding: 10px; font-size: 14px; margin-bottom: 20px; border: 1px solid #dbdede}
.submit_button{padding: 6px 32px; float: right; font-size: 14px; font-weight: 500; background-color: #e73747; border: 2px solid #e73747; color: #fff; display: inline-block; cursor: pointer; transition: all ease-in-out 0.4s; -webkit-box-shadow: 0 10px 6px -6px #666; -moz-box-shadow: 0 10px 6px -6px #666; box-shadow: 0 10px 6px -6px #666;}
.social_links li{display: inline-block; padding: 0 5px}
.social_links li a i{color: #666}
.social_links li a:hover i{color: #0d2781}
.inner_comment_box{padding: 30px}
.blogpost_input_fields{padding: 10px; font-size: 14px; border: 1px solid #dbdede}

.submit_button:hover{background-color: #e8cb4a; border: 2px solid #e8cb4a; color: #000}
.btn_blg_post{background-color: #e73747; font-size: 16px; line-height: 24px; color: #fff; padding: 14px 40px; text-transform: uppercase; display: inline-block; margin-bottom: 50px; transition: all ease-in-out 0.5s}
.btn_blg_post:hover{background-color: #e8cb4a; color: #000}

/* ===================================
             Header01
====================================== */
.outer_header01{background-color: #e73747}
.header01_top_bar{padding: 10px 0 65px}
.header01_top_bar_content{font-size: 14px; line-height: 14px; margin: 8px 0 0; color: #fff; font-weight: 400}
.header01_top_bar_btn{text-align: right}
.btn_contact_us{display: inline-block; font-size: 14px; line-height: 14px; font-weight: 400; background-color: #e8cb4a; color: #000; padding: 8px 20px; border-radius: 32px; font-family: 'Lato', sans-serif}
.btn_contact_us:hover{background-color: #fff; color: #000}
.header01_navigation{position: absolute; width: 100%; z-index: 9; box-shadow: 0 0 5px rgba(0,0,0,.2); top: 50px; padding: 0}
.header01_logo img{width: 130px}
.header01_logo{margin: 0; padding: 37px 0}
.header01_contact_list li, .header01_social_links li{display: inline-block}
.header01_contact_list li{padding: 0 10px}
.header01_contact_list li a, .header01_contact_list li{font-size: 14px; line-height: 14px}
.header01_contact_list li i{padding-right: 7px; color: #777}
.header01_social_links li a{font-size: 16px; line-height: 20px; color: #777; padding: 0 5px}
.header01_contact_info_box{padding: 15px; border-bottom: 1px solid #e5e5e5}
.outer_header01_logo{border-right: 1px solid #e5e5e5; text-align: center}
.header01_navbar li a{padding: 15px 25px !important; font-size: 16px; font-weight: 400; text-transform: uppercase; font-family: 'Lato', sans-serif; color: #000; transition: all ease-in-out 0.5s}
.header01_navbar li .header01_dd_menu a{font-size: 14px}
/*.header01_navbar li .header01_dd_menu a:hover{background-color: transparent; color: #6115d0}*/
.header01_navbar li .default_dd_menu{top: 52px; left: -2px; border: none; border-left: 3px solid #e73747; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.20)}
.header01_navbar li .default_dd_menu a{font-size: 14px; text-transform: capitalize; padding: 10px 25px !important; transition: all ease-in-out 0.5s}
.header01_navbar li .default_dd_menu a:hover{background-color: #e73747; color: #fff}
.mega_menu{width: 1110px !important; left: -185px; top: 105px !important; border: none; border-radius: 0}
.header01_navbar .outer_mega_menu .default_mega_menu .list_mega_menu_box li a{padding: 10px 0 !important; font-size: 14px; line-height: 24px; color: #333; font-weight: 300; text-transform: capitalize; transition: all ease-in-out 0.5s}
.header01_contact_list li a:hover, .header01_contact_list li:hover i, .header01_contact_list li:hover {color: #e73747}
.header01_navbar li a:hover{color: #e73747}
.header01_navbar .outer_mega_menu .default_mega_menu .list_mega_menu_box li a:hover{color: #e73747}
.header01_social_links li a:hover{color: #e73747}
.header01_navigation.affix{position: fixed; top: 0; left: 0}
/* ===================================
             Header02
====================================== */
.left_box{float: left; width: 50%; padding: 15px 0; border-bottom: 1px solid #e8e8e8}
.right_box {width: 50%; float: right; text-align: right; padding: 15px 0; border-bottom: 1px solid #e8e8e8}
.left_box a{font-size: 14px; line-height: 14px}
.left_box a i{color: #777; margin-right: 10px}
.left_box a:hover, .left_box a:hover i{color: #e73747}
.header_02_social_links li{display: inline-block}
.inner_box{float: right}
.header_02_social_links{float: left; padding-right: 20px; border-right: 1px solid #e8e8e8}
.contact_number{padding-left: 30px}
.header_02_logo{max-width: 300px!important; position: absolute; background: #fff; height: 165px; display: table; width: 220px; top: -55px; left: 0; right: 0; margin: 0 auto; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); box-shadow: 0 0 10px 0 rgba(0,0,0,.15); z-index: 9}
.header_02_logo figure{display: table-cell; vertical-align: middle; text-align: center}
.header_02_social_links li a i{font-size: 14px; color: #777}
.header_02_social_links li a:hover i{color: #e73747}
.header_02_social_links li a{padding: 0 5px}
.contact_number a{font-size: 14px; line-height: 14px; color: #000}
.contact_number a i{color: #777; margin-right: 10px}
.contact_number a:hover, .contact_number a:hover i{color: #e73747}
.header_02_top_navigation{padding: 0 1px}
.menubar_header_02 li a, .header02_right_side li a{font-size: 16px; font-weight: 400; text-transform: uppercase; padding: 15px 25px !important;}
.menubar_header_02 li:first-child a{padding-left: 0 !important;}
.header02_right_side li:last-child a{padding-right: 0 !important;}
.header02_dd_menu{top: 42px; border: none; border-radius: 0}
.mega_menu_header02{top: 42px !important; left: -100%; padding: 40px 50px}
.list_mega_menu_box li a{padding: 10px 0 !important; font-size: 14px; line-height: 24px; color: #333; font-weight: 300; text-transform: capitalize}
.menubar_header_02 li a:hover, .header02_right_side li a:hover{color: #e73747}
.menubar_header_02 .header02_dd_menu a, .header_02_navigation_links .menubar_header_03 .header02_dd_menu a{font-size: 14px !important; text-transform: capitalize}
.header_02_navigation_links .menubar_header_02 .header02_dd_menu{top: 52px; left: -30px; border: none; border-left: 3px solid #e73747; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.20);}
.header_02_navigation_links .menubar_header_02 .header02_dd_menu a, .header_02_navigation_links .menubar_header_03 .header02_dd_menu a{padding: 10px 30px !important; transition: all ease-in-out 0.5s}
.header_02_navigation_links .menubar_header_02 .header02_dd_menu a:hover, .header_02_navigation_links .menubar_header_03 .header02_dd_menu a:hover{background-color: #e73747; color: #fff}
.header_02_navigation_links .menubar_header_03 .header02_dd_menu{top: 52px; left: -30px; border: none; border-left: 3px solid #e73747; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.20);}
.header02_inner_box{left: -10px !important;}
.menubar_header_02 .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #333; display: block; padding: 0 0 0 45px !important; text-transform: capitalize; position: relative;}
.menubar_header_02 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #e73747; border-radius: 100%; top: 9px; left: 30px;}
.header02_mobile_logo{display: none}
.menubar_header_02 .hosting_dd_menu{top: 52px}

    /* ===================================
                  Header 03
    ====================================== */
.header03_gradient_bg{background-color: #e73747; padding: 0}
.header03_navbar li a{color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 400; padding: 20px !important;}
.header03_contact_info li{display: inline-block; position: relative; padding: 0 65px; text-align: left; font-size: 14px; line-height: 20px}
.header03_contact_info li a{font-weight: 600; color: #000}
.header03_contact_info li a:hover{color: #e73747}
.header03_logo img{width: 130px}
.header03_contact_info li:nth-child(1):before{position: absolute; content: ""; background: url("../images/phone_img.png"); width: 36px; height: 36px; left: 0; top: 8px}
.header03_contact_info li:nth-child(2):before{position: absolute; content: ""; background: url("../images/envelop_img.png"); width: 36px; height: 36px; left: 0; top: 8px}
.header03_dropdown{top: 66px; border: none; border-radius: 0}
.header03_navbar .header03_dropdown a{font-size: 14px !important; color: #000 !important; padding: 10px 30px !important; text-transform: capitalize; transition: all ease-in-out .5s}
.header03_navbar .header03_dropdown a:hover{background-color: #e73747; color: #fff !important;}
.mega_menu03{left: 15%; top: 66px !important; padding: 40px 50px}
.header03_navbar .mega_menu03 .list_mega_menu_box li a{font-size: 14px; line-height: 24px; color: #333; font-weight: 300; text-transform: capitalize; padding: 10px 0 !important; transition: all ease-in-out 0.5s}
.header03_navbar .mega_menu03 .list_mega_menu_box li a:hover{color: #e73747}
.menubar_header03 .hosting_dd_menu {top: 62px}
.header03_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #333; display: block; padding: 0 0 0 45px !important; text-transform: capitalize; position: relative;}
.header03_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #e73747; border-radius: 100%; top: 9px; left: 30px;}
/* ===================================
             Header 04
====================================== */
.header04_top_bar{background-color: #e8e8e8; padding: 10px 0}
.office_timing{font-size: 14px; line-height: 14px; color: #000; font-weight: 300; padding-top: 7px}
.header04_social_links li{display: inline-block}
.header04_social_links li a i{font-size: 14px; color: #000; padding: 0 5px}
.header04_navigation{background-color: #e73747; padding: 0}
.header04_navbar li a{font-size: 16px; line-height: 16px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 20px !important;}
.header04_dropdown{top: 54px; border: none; border-radius: 0}
.header04_navbar .header04_dropdown a{color: #000 !important; font-size: 14px !important; padding: 10px 20px !important; text-transform: capitalize; transition: all ease-in-out 0.5s}
.header04_navbar .header04_dropdown a:hover{background-color: #e73747; color: #fff !important;}
.header04_mega_menu{left: 0; top: 54px !important;}
.header04_mega_menu .list_mega_menu_box li a{font-size: 14px; line-height: 24px; color: #333; font-weight: 300; text-transform: capitalize; padding: 10px 0 !important; transition: all ease-in-out 0.5s}
.header04_mega_menu .list_mega_menu_box li a:hover{color: #e73747}
/* ===================================
              Footer01
====================================== */
.footer01_logo figure img{width: 130px}
.copyright_box, .copyright_box a{font-size: 16px; line-height: 24px; color: #777; font-family: 'Lato', sans-serif}
.copyright_box a:hover{color: #e73747}
.outer_logo_box{border-bottom: 1px solid #d3d3d3; padding-bottom: 75px}
.footer01_social_links li{display: inline-block}
.footer01_content_box p{font-size: 14px; line-height: 24px; color: #777;}
.footer01_social_links li a{font-size: 18px; color: #777; padding: 0 10px; transition: all ease-in-out .5s}
.footer01_social_links li a:hover{color: #e73747}
.footer01_social_links li:first-child a{padding-left: 0}
.footer01_links_list li{padding-left: 80px}
.footer01_links_list li a{font-size: 14px; line-height: 40px; color: #777; font-weight: 400; font-family: 'Lato', sans-serif; position: relative; padding-left: 20px; transition: all ease-in-out 0.5s}
.footer01_links_list li a:hover{color: #e73747}
.footer01_links_list li a:before{position: absolute; content: ""; background-color: #777; width: 9px; height: 9px; border-radius: 100%; top: 5px; left: 0}
.footer01_contact_list li{font-size: 14px; line-height: 24px; color: #777; font-weight: 400; font-family: 'Lato', sans-serif; padding: 15px 0 15px 60px; border-bottom: 1px solid #d3d3d3; position: relative}
.footer01_contact_list li:last-child{border-bottom: none}
.footer01_contact_list li a{color: #777; transition: all ease-in-out 0.5s}
.footer01_contact_list li a:hover{color: #e73747}
.footer01_contact_list li:nth-child(1):before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img01.png"); width: 36px; height: 45px; top: 15px; left: 0}
.footer01_contact_list li:nth-child(2):before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img02.png"); width: 32px; height: 32px; top: 25px; left: 0}
.footer01_contact_list li:nth-child(3):before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img03.png"); width: 42px; height: 42px; top: 15px; left: 0}
/* ===================================
              Footer02
====================================== */
.footer02_links_list li{display: inline-block}
.footer02_links_list li a{font-size: 14px; line-height: 24px; color: #000; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 500; padding: 0 20px}
.footer02_links_list li a:first-child{padding-left: 0}
.footer02_links_list li a:hover{color: #e73747}
.chat_btn_footer02{display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; background-color: #e73747; border-radius: 32px; padding: 10px 45px 10px 65px; position: relative}
.chat_btn_footer02:before{position: absolute; content: ""; background: url("../images/btn_img.png"); width: 18px; height: 19px; top: 14px; left: 25%}
.chat_btn_footer02:hover{background-color: #e8cb4a; color: #fff}
.footer02_center_box{border-top: 1px solid #cdd0d6; border-bottom: 1px solid #cdd0d6}
.footer02_logo img{width: 150px}
.footer02_logo{margin-bottom: 30px}
.footer02_content_box p{font-size: 14px; line-height: 24px; color: #777; font-family: 'Lato', sans-serif; font-weight: 400; padding-right: 50px}
.footer02_link_box .footer01_links_list li{padding-left: 0}

/* ===================================
              Footer 03
====================================== */
.footer03_links li a{font-size: 14px; line-height: 36px; color: #777; font-weight: 400; position: relative; padding-left: 20px; transition: all ease-in-out 0.5s}
.footer03_links li a:hover{color: #e73747}
.footer03_links li a:before{position: absolute; content: ""; background-color: #e73747; width: 9px; height: 9px; border-radius: 100%; left: 0; top: 5px}
.footer03_content_box p{font-size: 14px; line-height: 24px; color: #777}
.footer03_social_links li{font-size: 14px; line-height: 36px; color: #777; font-weight: 400}
.footer03_social_links li a{padding-left: 20px}
.footer03_logo figure{margin-bottom: 0}
.footer03_contact_box01, .footer03_contact_box02, .footer03_contact_box03{position: relative; padding-left: 50px}
.footer03_contact_box01:before{position: absolute; content: ""; background: url("../images/footer03_contact_img01.png"); width: 36px; height: 45px; top: 20px; left: 0}
.footer03_contact_box02:before{position: absolute; content: ""; background: url("../images/footer03_contact_img02.png"); width: 32px; height: 32px; top: 30px; left: 0}
.footer03_contact_box03:before{position: absolute; content: ""; background: url("../images/footer03_contact_img03.png"); width: 42px; height: 42px; top: 20px; left: 0}

/* ===================================
              Footer 04
====================================== */
.footer04_logo img{width: 150px; margin-bottom: 15px}
.footer04_copyright{font-size: 16px; line-height: 24px; font-weight: 400; color: #777}
.footer04_copyright a{color: #e73747}
.footer04_contact_box01, .footer04_contact_box02, .footer04_contact_box03{position: relative; padding-left: 50px}
.footer04_contact_box01:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img01.png"); width: 36px; height: 45px; top: 20px; left: 0}
.footer04_contact_box02:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img02.png"); width: 32px; height: 32px; top: 30px; left: 0}
.footer04_contact_box03:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img03.png"); width: 42px; height: 42px; top: 20px; left: 0}




/* ===================================
         Contact Form
====================================== */



@media only screen and (min-width: 992px){
.inner_default_navigation .default_header_dd:hover .default_dd_menu{display: block}
.inner_default_navigation .outer_mega_menu:hover .default_mega_menu{display: block}
.header01_navigation .header01_navbar li:hover .default_dd_menu{display: block}
.header01_navigation .header01_navbar li:hover .default_mega_menu{display: block}
.menubar_header_02 .default_header_dd:hover .default_dd_menu{display: block}
.menubar_header03 .default_header_dd:hover .default_dd_menu{display: block}



}

.hosting_megamenu_dd_body_list{padding: 10px 0}

#return-to-top {
    z-index: 1000;
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #e8cb4a;
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border: 1px solid #fff;
    border-radius: 32px;
    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: 11px;
    top: 7px;
    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: #e73747}

/************ PRELOADER CSS ************/
/* ====  Preloader styles ==== */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e73747;
    z-index: 1001;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e73747;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e73747;
    animation: spin 1.5s linear infinite;
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222;
    z-index: 1000;
    transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
}