@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/css2?family=Poppins:wght@300;400;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');

/* ===================================
    Reset
====================================== */
body{color:#888888; font-size: 14px; line-height: 24px; font-weight: 400;
    font-family: 'Raleway', 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%;}

.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: #000;transition: all ease-in-out 0.5s;}
a:hover{text-decoration: none; color: #28ABE3}
figure{margin: 0}
/* ===================================
    Typography
====================================== */
.primary_font   {font-family: 'Raleway', sans-serif;}
.secondary_font {font-family: 'Poppins', sans-serif;}
/* ===================================
     Color
====================================== */
/*Colors*/
.color_28abe3   {color: #28abe3}
.color_e8b71a   {color: #e8b71a}
.color_888888   {color: #888888}
.color_333333   {color: #333333}
.color_777777   {color: #777777}
.color_9b9b9b   {color: #9b9b9b}
.color_282828   {color: #282828}
.color_616161   {color: #616161}
.color_000000   {color: #000000}
.color_222222   {color: #222222}
/*Background Colors*/
.bg_28abe3      {background-color: #28abe3}
.bg_e8b71a      {background-color: #e8b71a}
.bg_ffffff      {background-color: #ffffff}
.bg_fffefe      {background-color: #fffefe}
.bg_eeeeee      {background-color: #eeeeee}
.bg_222222      {background-color: #222222}
.bg_eeeeee6e    {background-color: #eeeeee6e}
.bg_0f0f0f      {background-color: #0f0f0f}
.bg_d2d2d2      {background-color: #d2d2d2}
.banner_btn_bg  {background: rgba(0, 0, 0, 0.3);}
/* ===================================
     Font
====================================== */
/*Font Size*/
.font_size_12   {font-size: 12px}
.font_size_14   {font-size: 14px}
/*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}
/* ===================================
     Line Height
====================================== */
.line_height_16     {line-height: 16px}
.line_height_18     {line-height: 18px}
.line_height_20     {line-height: 20px}
/* ===================================
     Letter Spacing
====================================== */
.letter_spacing_04   {letter-spacing: -0.4px;}
.letter_spacing_03   {letter-spacing: 0.3px;}
.letter_spacing_08   {letter-spacing: 0.8px;}
.letter_spacing_1   {letter-spacing: 1px;}
.letter_spacing_12   {letter-spacing: 1.2px;}
.letter_spacing_14   {letter-spacing: 1.4px;}
.letter_spacing_3   {letter-spacing: 3px;}   
/* ===================================
             Default Header
====================================== */
/* <-------  Section Heading ----------> */
.section_heading h2::before, .pricing_section .section_heading h2::before, .inner_domain_search .section_heading h2::before, .guarantee_section .section_heading h2::before, .partners_section .section_heading h2::before{position: absolute; background: url(../images/black_divider.png) no-repeat center; background-size: cover; content: ""; width: 26px; height: 6px; bottom: 7px; left: 0; right: 0; margin: 0 auto;}
.pricing_section .section_heading h2::before, .inner_domain_search .section_heading h2::before {background: url(../images/yellow_divider.png) no-repeat center;}
.guarantee_section .section_heading h2::before, .tld_section .section_heading h2::before {background: url(../images/white_divider.png) no-repeat center;}
.inner_domain_search .section_heading p, .guarantee_section .section_heading p, .tld_section .section_heading p  {color: #ffffff}
/* <---------- ends here ----------> */
/* ===================================
            Default Header
====================================== */
#navbar {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.5);}
#navbar.scrolled {background-color: #000000; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); transition: all ease-in-out 0.3s;}
.navbar-light .navbar-nav .nav-link {color: #ffffff;}
ul.default_navbar a {font-size: 16px; line-height: 26px; font-weight: 600}
.navbar-light .navbar-nav .nav-link span {border-bottom: 2px solid transparent; color: #ffffff; transition: 0.3s;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, #header01 .dropdown-toggle:hover::after, #header02 .dropdown-toggle:hover::after {color: #28abe3;}
.navbar-light .navbar-nav .nav-link span:focus, .navbar-light .navbar-nav .nav-link span:hover {border-bottom: 2px solid #28abe3; color: #28abe3;}
.navbar-brand figure img {width: 150px;}
.header_02_logo  figure img {width: auto;}
.navbar ul li .dropdown-menu {box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3); padding: 0;}
.navbar ul li .dropdown-menu a {font-size: 13px; line-height: 22px; font-weight: 400; color: #333333;}
.navbar ul li .dropdown-menu a:hover, .header01_navbar li .default_dd_menu a:hover {color: #ffffff; background-color: #28abe3;}
.navbar ul li .dropdown-menu a:hover.b_top_radius, .navbar ul li .dropdown-menu a.b_top_radius {border-top-right-radius: 2px; border-top-left-radius: 2px;}
.navbar ul li .dropdown-menu a:hover.b_bottom_radius, .navbar ul li .dropdown-menu a.b_bottom_radius {border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
#accordion .card {border: none}
#accordion .card .card-header {border-bottom: 1px solid #d2d2d2; background-color: #ffffff; padding: 10px 20px 10px 10px;}
#accordion .card-header h5 button{font-size: 14px; font-weight: 600; color: #333333; text-transform: capitalize; text-decoration: none; transition: 0.3s; padding: 0; padding-left: 46px; line-height: 24px;}
#accordion .card-header .btn01::before {position: absolute; content: ""; background: url(../images/navbar/nav_btn01.png) no-repeat; width: 20px; height: 20px; top: 16px; left: 24px; transition: 0.5s;}
#accordion .card-header:hover .btn01::before {background: url(../images/navbar/nav_btn01_hover.png) no-repeat;}
#accordion .card-header .btn02::before {position: absolute; content: ""; background: url(../images/navbar/nav_btn02.png) no-repeat; width: 20px; height: 20px; top: 14px; left: 24px; transition: 0.5s;}
#accordion .card-header:hover .btn02::before {background: url(../images/navbar/nav_btn02_hover.png) no-repeat;}
#accordion .card-header .btn03::before {position: absolute; content: ""; background: url(../images/navbar/nav_btn03.png) no-repeat; width: 20px; height: 20px; top: 16px; left: 24px; transition: 0.5s;}
#accordion .card-header:hover .btn03::before {background: url(../images/navbar/nav_btn03_hover.png) no-repeat;}
#accordion .card-header .btn04::before {position: absolute; content: ""; background: url(../images/navbar/nav_btn04.png) no-repeat; width: 20px; height: 20px; top: 14px; left: 24px; transition: 0.5s;}
#accordion .card-header:hover .btn04::before {background: url(../images/navbar/nav_btn04_hover.png) no-repeat;}
#accordion .card-header .btn05::before {position: absolute; content: ""; background: url(../images/navbar/nav_btn05.png) no-repeat; width: 20px; height: 20px; top: 14px; left: 24px; transition: 0.5s;}
#accordion .card-header:hover .btn05::before {background: url(../images/navbar/nav_btn05_hover.png) no-repeat;} 
#accordion .card-header:hover {background-color: #28abe3; border-bottom: 1px solid #28abe3}
#header04 #accordion .card-header:hover, #header03 #accordion .card-header:hover {background-color: #333333; border-bottom: 1px solid #333333}
#accordion .card05:hover {border-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
#accordion .card-header:hover h5 button {color: #ffffff}
#accordion .card-body {border-bottom: 1px solid #d2d2d2; padding: 5px 18px;}
#accordion .card-body ul {list-style: square; padding-left: 26px;}
#accordion .card-body ul li a {font-size: 13px; font-weight: 400; color: #333333; background-color: transparent;}
#accordion .card-body ul li:hover a, #header04 .navbar ul li .dropdown-menu .card-body a:hover {color: #28abe3; background-color: transparent;}
#header01 .dropdown-toggle::after, #header02 .dropdown-toggle::after {color: rgba(0,0,0,.5);}
#default_header .navbar .navbar-nav .nav-item {padding: 0 8px;}
#accordion .card05 {border-bottom: none;}
.navbar .navbar-nav .dropdown-menu {border-radius: 4px;}
/* <---------- ends here ----------> */
/* <-----------hero banner -------------> */
.hero_banner {background: url(../images/hero_banner.jpg) no-repeat center; background-size: cover; height: 900px; display: table; width: 100%; position: relative;}
.hero_banner_inner, .dedicated_banner_inner, .domain_banner_inner {display: table-cell; vertical-align: middle;}
.btn_banner:hover{background-color: #28abe3; border-color: #28abe3; transition-timing-function: ease;}
.dedicated_banner_inner .btn_banner:hover{background-color: #e8b71a; border-color: #e8b71a; color: #000000!important;}
.dedicated_banner_inner .btn_banner.white_hover:hover{background-color: #ffffff; border-color: #ffffff; color: #000000!important;}
.banner_slider_indicators{bottom: -278px; z-index: 11;}
.banner_slider_indicators li{width: 20px; height: 4px; border-radius: 50px; border: 0; background-color: #fff; opacity: 1; margin: 0 5px;}
.banner_slider_indicators li.active{background-color: #e8b71a;}
.btn_banner{border: 2px solid white; border-radius: 6px; display: inline-block; transition: 1s; padding: 0 39px;}
.btn_banner:hover{color: white;}
/* <---------- ends here ----------> */
/* <---------- domain search ----------> */
.domain_search{background: url(../images/domain_search.jpg) no-repeat center; background-size: cover; position: relative;}
.search_area {width: 100%; position: relative}
.text_field {width: 100%; height: 60px; border: 1px solid #cccccc; border-radius: 6px; margin: 0 auto; float: none;}
.btn_submit{position: absolute; top: 5px; right: 5px;}
.search_btn{background-color: #e8b71a; border-radius:6px; border: none; transition: all ease-in-out 0.5s;}
.search_btn:focus, .text_field:focus{outline: none}
.search_btn:hover {transition-timing-function: ease; background-color: #28abe3; color: #fff;}
.search_domain_outer{position: relative;}
/* <---------- ends here ----------> */
/* <---------- service section ----------> */
.service_section_card_inner{transition: 0.5s; width: 16rem; border: 0; border-bottom: 4px solid #d2d2d2; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}  
.service_section_card_inner:hover{border-bottom: 4px solid #28abe3; transition-timing-function: ease;}
.service_section_card_inner:hover .btn_banner {background-color: #28abe3; border-color: #28abe3; transition-timing-function: ease; color: #ffffff;}
.service_img01 {background: url(../images/service01.png)no-repeat; background-size: 100%; width: 67px; height: 67px; transition: 0.5s;}
.service_section_card_inner:hover .service_img01 {background: url(../images/service01_hover.png)no-repeat; background-size: 100%;}
.service_img02 {background: url(../images/service02.png)no-repeat; background-size: 100%; width: 67px; height: 67px; transition: 0.5s;}
.service_section_card_inner:hover .service_img02 {background: url(../images/service02_hover.png)no-repeat; background-size: 100%;}
.service_img03 {background: url(../images/service03.png)no-repeat; background-size: 100%; width: 67px; height: 67px; transition: 0.5s;}
.service_section_card_inner:hover .service_img03 {background: url(../images/service03_hover.png)no-repeat; background-size: 100%;}
.service_img04 {background: url(../images/service04.png)no-repeat; background-size: 100%; width: 67px; height: 67px; transition: 0.5s;}
.service_section_card_inner:hover .service_img04 {background: url(../images/service04_hover.png)no-repeat; background-size: 100%;}
/* <---------- ends here ----------> */
/* <---------- guarantee section ----------> */
.guarantee_section{background: url(../images/our_guarantee.jpg) no-repeat center; background-size: cover; position: relative;}
/* <---------- ends here ----------> */
/* <---------- feature section ----------> */
.guarantee_section_card_outer{margin-top: -155px;}
.guarantee_section_card {transition: 0.5s; border: 0; border-bottom: 4px solid #d2d2d2; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 4px;}
.guarantee_section_card:hover {transition-timing-function: ease; border-bottom: 4px solid #28abe3; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.guarantee_section_card .guarantee_img01 {background: url(../images/feature01.png)no-repeat; background-size: 100%; width: 65px; height: 66px; transition: 0.5s;}
.guarantee_section_card:hover .guarantee_img01 {background: url(../images/feature01_hover.png)no-repeat; background-size: 100%;}
.guarantee_section_card .guarantee_img02 {background: url(../images/feature02.png)no-repeat; background-size: 100%; width: 65px; height: 66px; transition: 0.5s;}
.guarantee_section_card:hover .guarantee_img02 {background: url(../images/feature02_hover.png)no-repeat; background-size: 100%;}
.guarantee_section_card .guarantee_img03 {background: url(../images/feature03.png)no-repeat; background-size: 100%; width: 65px; height: 66px; transition: 0.5s;}
.guarantee_section_card:hover .guarantee_img03 {background: url(../images/feature03_hover.png)no-repeat; background-size: 100%;}
.feature_img {background: url(../images/feature_inner.png)no-repeat; background-size: 100%; width: 61px; height: 61px; transition: all ease-in-out 0.3s; margin: auto;}
.feature_section_card:hover .feature_img {background: url(../images/feature_inner01.png)no-repeat; background-size: 100%;}
.feature_section_card, .vps_feature_section_card, .dedi_feature_section_card {border-bottom: 4px solid #d2d2d2; transition: all ease-in-out 0.3s;}
.feature_section_card:hover, .vps_feature_section_card:hover, .dedi_feature_section_card:hover {border-color: #28abe3;}
.feature_section_card:hover h5, .vps_feature_section_card:hover h5, .dedi_feature_section_card:hover h5 {color: #28abe3; transition: all ease-in-out 0.3s;}
.feature_section_card_inner {transition: 0.5s; width: 22rem; background-color: #eeeeee; border-bottom: 4px solid #d2d2d2; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top: transparent; border-left: transparent; border-right: transparent;}
.feature_section_card_inner:hover {transition-timing-function: ease; border-bottom: 4px solid #28abe3;}
.feature_section_card_inner figure img {transition: 0.5s; width: auto;}
.feature_section_card_img {background: url(../images/feature_inner.png) no-repeat left; width: 61px; height: 61px; transition: 0.5s;}
.feature_section_card_inner:hover .feature_section_card_img {background: url(../images/feature_inner01.png) no-repeat left; width: 61px; height: 61px; transition-timing-function: ease;}
.feature_section_card_inner h5 {transition: 0.5s;}
.feature_section_card_inner:hover h5 {color: #28abe3; transition-timing-function: ease;}
/* <---------- ends here ----------> */
/* <---------- feature section ----------> */
.team_section_img_outer .team_section_img_inner:before{position: absolute; transition: 1s; content: ""; background-color: rgba(0, 0, 0, 0.6); height: 100%; top: 0; left: 15px; right: 15px; opacity: 0;}
.team_section_img_outer:hover .team_section_img_inner:before{opacity: 1;}
.team_section_img_outer:hover .team_section_img_text{opacity: 0.9;}
.team_section_img_text{opacity: 0; position: absolute; top: 0px; left: 15px; right: 15px; padding: 15px; height: 100%; content: ""; transition: 1s;}
.team_section_img_text_inner{height: 100%;}
.team_section_img_text .head_text:before{position: absolute; content: ""; border-bottom: 4px solid #28abe3; width: 16%; margin: auto; left: 0; right: 0; top: 46px;}
.social_icon_list li{display: inline-block;}
.social_icon_list li:nth-child(1) .social_icons{transition: 0.5s; border-radius: 100%; background-color: #5d82d1; width: 36px; height: 36px; display: table;}
.social_icon_list li:nth-child(1) .social_icons:hover{transition-timing-function: ease; background-color: #fff; border-radius: 100%;}
.social_icon_list li:nth-child(1) .social_icons:hover i{ color: #5d82d1; transition-timing-function: ease;}
.social_icon_list li:nth-child(2) .social_icons{transition: 0.5s; border-radius: 100%; background-color: #40bff5; width: 36px; height: 36px; display: table;}
.social_icon_list li:nth-child(2) .social_icons:hover{transition-timing-function: ease; background-color: #fff; border-radius: 100%;}
.social_icon_list li:nth-child(2) .social_icons:hover i{ color: #40bff5; transition-timing-function: ease;}
.social_icon_list li:nth-child(3) .social_icons{transition: 0.5s; border-radius: 100%; background-color: #eb5e4c; width: 36px; height: 36px; display: table;}
.social_icon_list li:nth-child(3) .social_icons:hover{transition-timing-function: ease; background-color: #fff; border-radius: 100%;}
.social_icon_list li:nth-child(3) .social_icons:hover i{ color: #eb5e4c; transition-timing-function: ease;}
.social_icon_list li .social_icons i{display: table-cell; vertical-align: middle; color: #fff; transition: 0.5s;}
/* <---------- ends here ----------> */
/* <---------- Blog section ----------> */
.blog_text_inner .section_heading h2::before, .website_vps_section .section_heading h2::before {right: auto;}
.home_blog, .wordpress_host_banner {background-color: #28abe3; position: relative;}
.blog_text {padding: 140px 0px 140px 50px;}
.home_blog::before, .wordpress_host_banner::before {background: url(../images/blog.jpg) no-repeat top; background-size: cover; width: 50%; height: 100%; top: 0; left: 0; position: absolute; content: "";}
.blog_slider_arrow_left{background: url(../images/blog_slider_arrow_left.png) no-repeat center; width: 20px; height: 10px; top: 112%;}
.blog_slider_arrow_right{background: url(../images/blog_slider_arrow_right.png) no-repeat center; width: 20px; height: 10px; left: 34px; top: 112%;}
.blog_slider_arrow_left:hover{color: #ffffff;}
.blog_slider_arrow01_right:hover{color: #ffffff;}
/* <---------- Reviews section ----------> */
.reviews_section_outer .reviews_section_inner{border: 1px solid rgb(197, 197, 197); border-radius: 0px; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.16);}
.reviews_section_outer .reviews_section_inner .reviews_image{top: 8px; left: 0;}
.reviews_slider_indicator{bottom: -35px;}
.reviews_slider li{ width: 20px; height: 6px; border-radius: 50px; border: 0; background-color: #d2d2d2; opacity: 1; margin: 0 4px;}
.reviews_slider li.active{background-color: #e8b71a;}
/* <---------- ends here ----------> */
/* <---------- Our Partner section ----------> */
.partner_section_img_inner figure{padding: 10px 0; width: 172px; transition: all ease-in-out 0.5s}
.partner_section_img_inner figure:hover {filter: drop-shadow(2px 4px 6px black);}
.partners_section_img figure {opacity: 0.6;}
.partners_section_img figure:hover {opacity: 1;}
/* <---------- ends here ----------> */
/* **************** Footer ************************** */
.footer_contact02, .footer_contact03 {padding: 20px 0;}
.footer_box h6 {color: #ffffff;}
.footer_contact01 {padding: 12px 0 0 40px;}
.footer_contact02 {border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.footer_contact {margin: 50px 0 30px;}
.default_footer_links li {font-size: 14px; line-height: 26px; font-family: 'Open Sans', sans-serif;}
.default_footer_links li a {color: #a8bac3;}
.default_footer_links li a:hover {color: #28abe3;}
.default_footer_links {margin-top: 15px;}
.default_footer_inner .footer_box p {margin: 25px 30px 37px 0;}
.footer_box .social_icon_list li a {font-size: 24px;}
.footer_box .social_icon_list li a:hover {color: #ffffff;}
/* ===================================
     Shared Hosting 
====================================== */
.shared_hosting_banner {background: url(../images/shared_hosting_banner.jpg) no-repeat center; background-size: cover; height: 414px;}
.pricing_card_inner li {font-weight: 500; color: #777777; border-bottom: 1px solid #e3e3e3; letter-spacing: 0.3px; line-height: 40px;}
.pricing_card_inner li:last-child {border-bottom: none;}
.pricing_card_inner li span {font-weight: 700; color: #333333;}
.pricing_card .btn_banner {border: 2px solid #222222; border-radius: 6px;}
.pricing_card {padding: 35px; transition: all ease-in-out 0.3s; border-radius: 2px; border:  1px solid #cccccc;}
.pricing_card_tag{border-radius: 2px; background-color: #28abe3; border: 2px solid #28abe3; color: #fff; transition: all ease-in-out 0.5s; padding: 30px 0;}
.pricing_card:hover {box-shadow: 0px 15px 20px 0px rgba(40, 40, 40, 0.20); border: 1px solid #ffffff;}
.pricing_card:hover .pricing_card_tag {background-color: #e8b71a; border: 2px solid #d5a712;}
.pricing_card:hover .btn_banner {background-color: #e8b71a; border: 2px solid #d5a712; color: #ffffff;}
.free_ssl{background: url(../images/domain_img.jpg) no-repeat center; background-size: cover; height: 416px; position: relative;}
.free_ssl_support .section_heading h2::before {right: 580px;}
.support_section_inner .section_heading h2::before {right: auto;}
.free_ssl_support .btn_banner, .support_section .btn_banner, .vps_btn .btn_banner, .website_section_inner .btn_banner {border: 2px solid #222222;}
.free_ssl_support .btn_banner:hover, .support_section .btn_banner:hover, .vps_btn .btn_banner:hover {border-color: #28abe3;}
.free_ssl_support {padding: 70px 0; box-shadow: 0px 2px 3px 0px rgba(40, 40, 40, 0.16); border-radius: 4px; position: relative; top: 220px; z-index: 1;}
.support_image_box::before {background: url(../images/support_img.png) no-repeat; background-size: 100%; width: 601px; height: 400px; bottom: 0px; right: 65px; position: absolute; content: "";}
.coa_solutions {display: table; height: 200px; width: 100%;}
.coa_solutions .coa_solutions_inner, .coa_solutions h2 {display: table-cell; vertical-align: middle;}
.coa_solutions .btn_banner:hover, .website_section_inner .btn_banner:hover {background-color: #ffffff; color: #333333!important; border-color: #ffffff;}
/* ===================================
     Reseller Hosting 
====================================== */
.reseller_pricing_section .pricing_card {padding: 20px;}
.reseller_hosting_pricing .pricing_card {padding: 30px 25px;}
.reseller_hosting_pricing .pricing_card a{margin: auto; text-align: center;}
.reseller_pricing_button{text-align: center;}
/* ===================================
     Dedicated Hosting 
====================================== */
.dedicated_banner{background: url(../images/dedicated_banner.jpg) no-repeat center; background-size: cover; height: 800px; width: 100%; position: relative; display: table;}
.wordpress_host_banner::before {background: url(../images/dedicated_wordpress.jpg) no-repeat right; background-size: cover;}
.border_e8b71a {border-color: #e8b71a}
.wordpress_section_inner .btn_banner {box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.20);}
.wordpress_section_inner .btn_banner:hover {border-color: #ffffff; background-color: #ffffff; color: #000000!important; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.20);}
.dedi_feature_section_card>div {width: 76px; height: 68px; transition: all ease-in-out 0.5s; margin: auto;}
.dedi_feature_section_card .feature_img01 {background: url(../images/dedicated_feature01.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card:hover .feature_img01 {background: url(../images/dedicated_feature01_hover.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card .feature_img02 {background: url(../images/dedicated_feature02.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card:hover .feature_img02 {background: url(../images/dedicated_feature02_hover.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card .feature_img03 {background: url(../images/dedicated_feature03.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card:hover .feature_img03 {background: url(../images/dedicated_feature03_hover.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card .feature_img04 {background: url(../images/dedicated_feature04.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card:hover .feature_img04 {background: url(../images/dedicated_feature04_hover.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card .feature_img05 {background: url(../images/dedicated_feature05.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card:hover .feature_img05 {background: url(../images/dedicated_feature05_hover.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card .feature_img06 {background: url(../images/dedicated_feature06.png) no-repeat; background-size: 100%;}
.dedi_feature_section_card:hover .feature_img06 {background: url(../images/dedicated_feature06_hover.png) no-repeat; background-size: 100%;}
/* Dedicated Stack Table */
.dedicated_server_table{width: 100%;}
.dedicate_server_table thead {border: none;}
.dedicate_server_table thead th {border: none;}
.dedicate_server_table tbody tr td:nth-child(1) {padding-left: 20px;}
.dedicate_server_table tbody tr td:nth-child(2) {padding-left: 50px;}
.dedicate_server_table tbody tr td:nth-child(3) {padding-left: 5px;}
.dedicate_server_table tbody tr td:nth-child(5) {padding-left: 20px;}
.dedicate_server_table tbody tr td:nth-child(6) {padding-left: 20px;}
.dedicate_server_table thead th:nth-child(1) {padding-left: 20px;}
.dedicate_server_table thead th:nth-child(2) {text-align: center; padding-right: 40px;} 
.dedicate_server_table thead th:nth-child(3) {padding-left: 5px;}
.dedicate_server_table thead th:nth-child(5) {text-align: center;}
.dedicate_server_table thead th:nth-child(6) {padding-left: 20px;}
.dedicate_server_table tbody tr td:nth-child(2) {font-weight: 600; letter-spacing: 0.3px;}
.dedicate_server_table tbody tr td:nth-child(6) {font-weight: 600; font-size: 18px; color: #28abe3;}
.dedicate_server_table tbody tr td .dedicated_server_btn{transition: all ease-in-out 0.5s; border: 2px solid #000; font-weight: 400; background-color: #fff; color: #000; padding: 5px 25px; border-radius: 4px;}
.dedicate_server_table tbody tr {transition: all ease-in-out 0.5s;}
.dedicate_server_table tbody tr:hover {background-color: #eeeeee;}
.dedicate_server_table tbody tr:hover .dedicated_server_btn {background-color: #28abe3; border: 2px solid #28abe3; color: #fff; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);}
.dedicate_server_table tbody {box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20);}
/* ===================================
     VPS Hosting 
====================================== */
.vps_feature_section_card>div {width: 69px; height: 69px; transition: all ease-in-out 0.5s; margin: auto;}
.vps_feature_section_card .feature_img01 {background: url(../images/vpsfeature01.png) no-repeat; background-size: 100%;}
.vps_feature_section_card:hover .feature_img01 {background: url(../images/vpsfeature01_hover.png) no-repeat; background-size: 100%;}
.vps_feature_section_card .feature_img02 {background: url(../images/vpsfeature02.png) no-repeat; background-size: 100%;}
.vps_feature_section_card:hover .feature_img02 {background: url(../images/vpsfeature02_hover.png) no-repeat; background-size: 100%;}
.vps_feature_section_card .feature_img03 {background: url(../images/vpsfeature03.png) no-repeat; background-size: 100%;}
.vps_feature_section_card:hover .feature_img03 {background: url(../images/vpsfeature03_hover.png) no-repeat; background-size: 100%;}
.vps_feature_section_card .feature_img04 {background: url(../images/vpsfeature04.png) no-repeat; background-size: 100%;}
.vps_feature_section_card:hover .feature_img04 {background: url(../images/vpsfeature04_hover.png) no-repeat; background-size: 100%;}
.vps_feature_section_card .feature_img05 {background: url(../images/vpsfeature05.png) no-repeat; background-size: 100%;}
.vps_feature_section_card:hover .feature_img05 {background: url(../images/vpsfeature05_hover.png) no-repeat; background-size: 100%;}
.vps_feature_section_card .feature_img06 {background: url(../images/vpsfeature06.png) no-repeat; background-size: 100%;}
.vps_feature_section_card:hover .feature_img06 {background: url(../images/vpsfeature06_hover.png) no-repeat; background-size: 100%;}
.website_vps_section {background: url(../images/website_vps.jpg) no-repeat center; background-size: cover;}
.website_section_inner {padding: 40px; border-radius: 4px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.5);}
.vps_feature_section_outer {border: 1px solid #cccccc;}
.vps_product_content span {background-color: #e8b71a; color: #ffffff; padding: 27px 0; border-radius: 100%; border: 3px solid #1c779e; transition: all ease-in-out 0.3s; width: 87px; text-align: center;}
.vps_product_content {transition: all ease-in-out 0.5s; width: 100%;}
.vps_feature_section_outer:hover .vps_product_content {background-color: #e8b71a;}
.vps_feature_section_outer:hover .vps_product_content span {border-color: #f4db8d; background-color: #28abe3;}
.vps_feature_section_img::before {position: absolute; content: ""; width: 0; bottom: -15px; left: 0; right: 0; margin: 0 auto; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #fff;}
.quality_guarantee {background: url(../images/vps_quality.jpg) no-repeat center; background-size: cover; height: 416px; position: relative;}
/* ===================================
     Domain
====================================== */
.domain_banner {background: url(../images/domain_banner.jpg) no-repeat center; background-size: cover; height: 800px; width: 100%; position: relative; display: table;}
.tld_section {background: url(../images/domain_tlds.jpg) no-repeat center; background-size: cover;}
.tld_section_inner {transition: all ease-in-out 0.5s; border: 3px solid #1c779e; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); padding: 50px; border-radius: 10px;}
.tld_section_inner h2 {transition: all ease-in-out 0.5s; border-bottom: 1px solid #d2d2d2;}
.tld_section_inner:hover {background-color: #e8b71a;}
.tld_section_inner:hover h2 {color: #ffffff; border-bottom: 1px solid #f4db8d;}
.tld_section_inner:hover div {color: #ffffff; transition: all ease-in-out 0.5s;}
/* Domain Server Table */
.domain_table thead {border: none;}
.domain_table thead th {border: none; text-align: center;}
.domain_table tbody {box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20);}
.domain_table td {border: none;}
.domain_table tbody tr td {transition: all ease-in-out 0.2s;}
.domain_table tbody tr td:nth-child(1) {font-size: 14px; color: #28abe3; letter-spacing: 0.7px; padding-left: 50px; text-align: left;}
.domain_table tbody tr:nth-child(even) {background-color: #f6f6f6;} 
.domain_table tbody tr:hover {background: url(../images/domain_table.jpg);}
.domain_table tbody tr:hover td {color: #fff;}
.domain_table thead th:nth-child(1) {text-align: left; padding-left: 50px;}
.domain_table thead th:nth-child(2) {padding-left: 0px;}
.domain_table tbody tr td:nth-child(2) {padding-left: 0px;}
.domain_table tbody tr td {text-align: center;}
/* ===================================
     Contact Us
====================================== */
.contact_inner {transition: all ease-in-out 0.5s; border: 2px solid #d2d2d2; border-radius: 10px; min-height: 230px; padding: 35px 0;}
.contact_inner a {transition: all ease-in-out 0.5s;}
.contact_inner a:hover {color: #e8b71a;}
.contact_inner:hover {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);}
img {transition: all ease-in-out 0.5s;}
.contact_inner:hover figure img {transform: rotateY(180deg);}
.contact_image_box::before{background: url(../images/contact_us.png) no-repeat; background-size: 100%; width: 601px; height: 380px; bottom: 0; right: 65px; position: absolute; content: "";}
.form_input_field {width: 100%; font-size: 14px; margin-top: 28px; padding: 15px 20px; font-weight: 600; border-radius: 4px; border: 1px solid #d7d7d7;}

/* ===================================
             Return-To-Top
====================================== */
#return-to-top {
    z-index: 1000;
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: rgb(255, 255, 255, 0.5);
    width: 42px;
    height: 42px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #28abe3;
    border-radius: 6px;
    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:hover {
    background-color: #28abe3;
}
#return-to-top:hover i {
    color: #fff;
}
#return-to-top i {
    color: #28abe3;
    margin: 0;
    position: absolute;
    left: 13px;
    top: 11px;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/* ===================================
              Loader-Wrapper
====================================== */
.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
}
.loaded #loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}
#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: #d2d2d2;
    z-index: 1001;
    animation: spin 4s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #28abe3;
    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: #f5f5f5;
    animation: spin 1.5s linear infinite;
}
.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);
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222;
    z-index: 1000;
    transform: translateX(0);
}
.loaded #loader-wrapper {
    visibility: hidden;
}
.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);
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
/* ===================================
  Blog Page
====================================== */
.blog_page_banner::before {background: url(../images/shared_page/vector.png); background-size: 100%; width: 58%; height: 378px; content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.sticky-sidebar {padding: 0px; margin-left: 70px;}
.btn_submit_msg {background-color: transparent;}
.post-item-description h2 {font-family: 'ubuntu', sans-serif;}
.post-meta-category:hover a{text-decoration: none; color: #fff}
.single-post01 .post-image img, .single-post01 .post-navigation, .single-post01 .comment-list img, .sidebar .widget, .sidebar .widget-tweeter small, .sidebar .widget-twitter small, #loader-wrapper, .post-image img, .single-post01 .post-item-description .post-meta, .sidebar .form-inline .input-group, .sidebar .post-thumbnail-entry, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed, #blog .post-item.border > .post-item-wrap > .post-item-description, #blog img, #blog audio, #blog iframe {
    width: 100%;
    border-radius: 4px;
}
.single-post01 .post-image img {box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.20);}
.theiaStickySidebar01 {background-color: #fff; float: left; padding: 20px 20px;border: 1px solid #cccccc; border-radius: 4px;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);}
#widget-widget-search-form-button i {color: #fff;}
.widget-tags {border-bottom: none!important; margin-bottom: 10px!important; padding-bottom: 0!important;}
.widget-tweeter {padding-bottom: 10px!important;}
.single-post01 .post-image img {
    height: auto;
    border-radius: 4px;
}
.single-post01 .post-item-description {
    padding: 22px 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
#blog .post-item .post-item-description > h2, #blog .post-item .post-item-description > h2 > a {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 15px;
    letter-spacing: .1px;
}
.single-post01 .post-item-description h2, .single-post01 .post-item-description h2 > a {
    font-size: 34px;
    margin-top: 8px;
    line-height: 38px;
    margin-bottom: 12px;
}
.single-post01 .comments .comment .image, .sidebar .post-thumbnail-entry > img, .sidebar .post-thumbnail-entry, .single-post01 .post-item-description .post-meta, .sidebar .widget {
    float: left;
}
.single-post01 .post-item-description .post-meta {
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
}
.single-post01 .post-item-description .post-meta {
    padding: 12px 0;
    margin-bottom: 26px;
}
#blog .post-item .post-meta-category, #blog .post-item .post-meta-comments, #blog .post-item .post-meta-date {
    top: -4px;
    font-size: 12px;
    margin-right: 8px;
}
.single-post01 .post-navigation, .sidebar .post-thumbnail-list, #loader, #blog .post-item .post-meta-category, #blog .post-item .post-meta-comments, #blog .post-item .post-meta-date, #blog .post-item.border .post-image, .breadcrumb ol li, .breadcrumb ul li, .sidebar .widget-categories ul li, .single-post01 .comments .comment .text {
    position: relative;
}
.single-post01 .post-item-description .post-meta-category i, .single-post01 .post-item-description .post-meta-comments i, .single-post01 .post-item-description .post-meta-date i {
    margin-right: 4px;
}
.form-group label:not(.error), #blog .post-item .post-item-description > h2, #blog .post-item .post-item-description > h2 > a {
    color: #333333;
}
#blog .post-item .post-meta-category, #blog .post-item .post-meta-comments, .single-post01 .post-item-description .post-meta-category a, #blog .post-item.border .post-item-wrap .post-item-description .post-meta-comments a, #blog .post-item .post-item-description .post-meta-date, #blog .post-item-description .post-meta-comments a {
    color: #cccccc;
}
.single-post01 .text .comment-reply-link, .respond-comment span, .single-post01 .comment_number span, .sidebar .nav-tabs .nav-link.active, .sidebar .widget-tweeter li a, .sidebar .widget-twitter li a, .sidebar .cat-count-span, .single-post01 .post-item-description .post-meta-date:hover, .single-post01 .post-item-description .post-meta-date a:hover, .single-post01 .post-item-description .post-meta-category:hover, .single-post01 .post-item-description .post-meta-category a:hover, .single-post01 .post-item-description .post-meta-comments:hover, .single-post01 .post-item-description .post-meta-comments a:hover, .single-post01 .post-tags a:hover, .post-navigation .post-prev-title:hover span, .post-navigation .post-next-title:hover span, .post-navigation .post-prev:hover, .post-navigation .post-next:hover, .single-post01 .post-navigation .post-prev:hover, .single-post01 .post-navigation .post-next:hover, .post-navigation .post-next:hover span, .post-navigation .post-prev:hover span, .sidebar .post-thumbnail-list a:hover, .sidebar .widget-categories ul li a:hover, #blog .post-item .post-item-description .post-meta-comments a:hover, #blog .post-item .post-item-description > h2 > a:hover, .load-more a:hover, #blog .post-item.border .post-item-wrap .post-item-description a:hover {
    color: #28abe3;
}
.single-post01 .post-meta-share a {
    line-height: 16px;
}
.single-post01 .post-item-description .post-meta-date, .single-post01 .post-item-description .post-meta-date a, .single-post01 .post-item-description .post-meta-category, .single-post01 .post-item-description .post-meta-category a, .single-post01 .post-item-description .post-meta-comments, .single-post01 .post-item-description .post-meta-comments a, .single-post01 .post-meta-share a, .single-post01 .post-navigation .post-next, .single-post01 .post-navigation .post-prev, .sidebar .post-thumbnail-list a, .sidebar .tags a, .load-more a, #blog .post-item.border .post-image .post-meta-category a, #blog .post-item .post-item-description > h2, #blog .post-item .post-item-description > h2 > a, .breadcrumb ol li a, .breadcrumb ul li a, .sidebar .widget-categories ul li a, .post-meta-category a {
    text-decoration: none;
}
.post-meta-category a {
    color: #fff;
}
.single-post01 .post-meta-share a i {
    font-size: 30px;
    color: #cccccc;
    transition: all ease 0.3s;
}
.single_text_field {height: 100px;}
.single-post01 .post-meta-share a:hover i {color: #28abe3;}
.single-post01 .post-item-description .blockquote {
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0;
    padding: 10px 20px;
    background-color: #fff;
    color: #212529;
}
.single-post01 .blockquote {
    border-left: 3px solid #28abe3;
}
.single-post01 .post-item-description .blockquote .small, .single-post01 .post-item-description .blockquote small {
    font-size: 80%;
    color: #28abe3;
}
.single-post01 .post-tags {
    margin-bottom: 30px;
}
.single-post01 .post-tags a, .post-next span, .post-prev span, .single-post01 .post-navigation .post-next, .single-post01 .post-navigation .post-prev, .sidebar .post-thumbnail-content a, .sidebar .widget-categories ul li a, .sidebar .nav-tabs .nav-link, .breadcrumb ol li a, .breadcrumb ul li a, .pagination .page-item:not(.disabled).active > .page-link, .pagination .page-item:not(.disabled):active > .page-link, .pagination .page-item:not(.disabled):focus > .page-link, .pagination .page-item:not(.disabled):hover > .page-link, .pagination .page-item:not(.disabled) > .page-link, #blog .post-item.border .post-item-wrap .post-item-description a {
    color: #333333;
    font-weight: 400;
}
.single-post01 .post-item-description .post-meta-date, .single-post01 .post-item-description .post-meta-date a, .single-post01 .post-item-description .post-meta-category, .single-post01 .post-item-description .post-meta-category a, .single-post01 .post-item-description .post-meta-comments, .single-post01 .post-item-description .post-meta-comments a, .single-post01 .post-tags a {
    font-size: 13px;
    margin-right: 10px;
}
.single-post01 .post-tags a {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}
.single-post01 .text .comment-reply-link, .respond-comment span, .single-post01 .comment_number span, .sidebar .nav-tabs .nav-link.active, .sidebar .widget-tweeter li a, .sidebar .widget-twitter li a, .sidebar .cat-count-span, .single-post01 .post-item-description .post-meta-date:hover, .single-post01 .post-item-description .post-meta-date a:hover, .single-post01 .post-item-description .post-meta-category:hover, .single-post01 .post-item-description .post-meta-category a:hover, .single-post01 .post-item-description .post-meta-comments:hover, .single-post01 .post-item-description .post-meta-comments a:hover, .single-post01 .post-tags a:hover, .post-navigation .post-prev-title:hover span, .post-navigation .post-next-title:hover span, .post-navigation .post-prev:hover, .post-navigation .post-next:hover, .single-post01 .post-navigation .post-prev:hover, .single-post01 .post-navigation .post-next:hover, .post-navigation .post-next:hover span, .post-navigation .post-prev:hover span, .sidebar .post-thumbnail-list a:hover, .sidebar .widget-categories ul li a:hover, #blog .post-item .post-item-description .post-meta-comments a:hover, #blog .post-item .post-item-description > h2 > a:hover, .load-more a:hover, #blog .post-item.border .post-item-wrap .post-item-description a:hover {
    color: #333333;
    transition: all ease 0.3s;
}
.single-post01 .post-tags a:hover {
    border: 1px solid #28abe3;
}
.single-post01 .comments, .single-post01 .post-navigation {
    border-top: 1px solid #cccccc;
}
.single-post01 .post-navigation, .single-post01 .comments .comment, .pagination .page-item:not(.disabled) > .page-link {
    background-color: #fff;
}
.blog_section .pagination .page-item .page-link:hover {
    border-color: #28abe3;
}
.three-column{padding: 0;}
.pagination {padding-left: 15px;}
.single-post01 .post-navigation {
    min-height: 64px;
    padding: 16px 0 0;
    vertical-align: top;
}
.single-post01 .post-navigation, .sidebar .tags a {
    display: inline-block;
}
.single-post01 .post-navigation .post-next, .single-post01 .post-navigation .post-prev {
    height: 44px;
    max-width: 40%;
    font-size: 16px;
}
.single-post01 .post-navigation .post-next, .single-post01 .post-navigation .post-prev, .post-navigation .post-prev:before, .post-navigation .post-all, #loader:before, #loader:after, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed, #blog .post-item.border .post-meta-category, .sidebar .widget-categories ul li:before, .player, .sidebar .widget-tweeter:not([data-avatar="true"]) li::before, .sidebar .widget-twitter:not([data-avatar="true"]) li::before, .post-navigation .post-next:after {
    position: absolute;
}
.post-navigation .post-next span, .post-navigation .post-prev span {
    opacity: 0.7;
    font-size: 11px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: -6px;
    text-transform: uppercase;
}
.breadcrumb, #loader, .sidebar .widget-tweeter small, .sidebar .widget-twitter small, .post-navigation .post-next span, .post-navigation .post-prev span, .sidebar .post-thumbnail-entry .post-category {
    display: block;
}
.single-post01 .post-navigation .post-next {
    right: 0;
    text-align: right;
}
.single-post01 .comments{
    border-bottom: 1px solid #cccccc;
}
.single-post01 .comments, .single-post01 .post-navigation {
    border-top: 1px solid #cccccc;
    border-radius: 0;
}
.single-post01 .comments {
    padding: 40px 0;
}
.single-post01 .comments .comment_number {
    font-size: 18px;
    margin: 0 0 30px;
}
.single-post01 .comment .comment {
    margin-left: 90px;
}
.single-post01 .comments .comment {
    padding: 10px 0;
}
.single-post01 .comments .comment .image {
    width: 64px;
    height: 64px;
}
.single-post01 .comments .comment .image, .sidebar .post-thumbnail-entry > img, .sidebar .post-thumbnail-entry, .single-post01 .post-item-description .post-meta, .sidebar .widget {
    float: left;
}
.single-post01 .comment-list img {
    height: auto;
    border-radius: 100%;
}
.single-post01 .comments .comment .text {
    min-height: 80px;
    padding: 0 0 0 86px;
}
.single-post01 .post-item-description h2, .single-post01 .comments .comment .text .name, .sidebar .widget-title, .sidebar > h4, .page-title h1 {
    color: #333333
}
.single-post01 .comments .comment .text .name {
    font-size: 16px;
}
.single-post01 .comments .comment .comment_date {
    font-size: 12px;
    color: #777777;
}
.single-post01 .comments .comment .text .comment-reply-link {
    opacity: 0.7;
    font-size: 9px;
    padding: 0 0 0 5px;
    text-transform: uppercase;
}
.single-post01 .text_holder {
    line-height: 24px;
}
.single-post01 .comments .comment {
    padding: 10px 0;
    background-color: transparent;
}
.respond-form {
    padding-top: 40px;
}
.respond-comment {
    font-size: 18px;
    margin: 0 0 30px;
}
#contactpage .blog_form_field {
    font-weight: 600;
    width: 230px;
    margin-right: 15px;
    padding: 15px 30px;
    border-radius: 4px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.20);
    border: 1px solid #cccccc;
    outline: none;
}
#contactpage .blog_form_field:nth-child(3) {
    margin-right: 0;
}
#contactpage .blog_form_btn {
    font-weight: 700;
    padding: 15px 50px;
    transition: all ease-in-out 0.5s;
    border-radius: 4px;
    border: 2px solid #28abe3;
    color: #28abe3;
    margin-top: 15px;
    margin-left: 5px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.20);
}
.btn_submit_msg:hover {
    background-color: #28abe3;
    border: 2px solid #28abe3;
    border-radius: 4px;
    color: #fff;
}
#contactpage .blog_form_btn:hover {
    color: #fff;
    border: 2px solid #28abe3;
    background-color: #28abe3;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.20);
} 
.sidebar {
    font-size: 12px;
    line-height: 20px;
}
.sidebar .widget {
    border-bottom: 1px solid #cccccc;
}
.sidebar .widget {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.widget-newsletter .form-control {
    font-size: 12px;
    box-shadow: none;
    line-height: 18px;
    padding: 10px 16px;
    border-radius: 4px;
    height: auto;
}
.input-group-append {
    margin-left: -1px;
}
.sidebar .tags a.active, .sidebar .tags a:active, .sidebar .tags a:focus, .sidebar .tags a:hover, .form-gray-fields .btn, .widget-newsletter .btn {
    border-color: #28abe3;
    background-color: #28abe3;
}
#blog .post-item.border .post-meta-category, .sidebar .tags a.active, .sidebar .tags a:active, .sidebar .tags a:focus, .sidebar .tags a:hover, .form-gray-fields .btn, .widget-newsletter .btn, #blog .post-item.border .post-meta-category a:hover {
    color: #fff;
}
.widget-newsletter .btn {
    border-radius: 0 5px 5px 0;
}
.widget-newsletter .btn {
    font-weight: 600;
    height: 40px;
    padding: 7px 16px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sidebar .widget {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.sidebar .widget {
    border-bottom: 1px solid #eee;
}
.sidebar .nav-tabs {
    margin-bottom: 30px;
}

.sidebar .nav-tabs .nav-link.active {
    background-color: transparent;
    border-bottom: 1px solid #28abe3;
}
.single-post01 .text .comment-reply-link, .respond-comment span, .single-post01 .comment_number span, .sidebar .nav-tabs .nav-link.active, .sidebar .widget-tweeter li a, .sidebar .widget-twitter li a, .sidebar .cat-count-span, .single-post01 .post-item-description .post-meta-date:hover, .single-post01 .post-item-description .post-meta-date a:hover, .single-post01 .post-item-description .post-meta-category:hover, .single-post01 .post-item-description .post-meta-category a:hover, .single-post01 .post-item-description .post-meta-comments:hover, .single-post01 .post-item-description .post-meta-comments a:hover, .single-post01 .post-tags a:hover, .post-navigation .post-prev-title:hover span, .post-navigation .post-next-title:hover span, .post-navigation .post-prev:hover, .post-navigation .post-next:hover, .single-post01 .post-navigation .post-prev:hover, .single-post01 .post-navigation .post-next:hover, .post-navigation .post-next:hover span, .post-navigation .post-prev:hover span, .sidebar .post-thumbnail-list a:hover, .sidebar .widget-categories ul li a:hover, #blog .post-item .post-item-description .post-meta-comments a:hover, #blog .post-item .post-item-description > h2 > a:hover, .load-more a:hover, #blog .post-item.border .post-item-wrap .post-item-description a:hover {
    color: #28abe3;
}
.nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: 0;
}
.sidebar .widget .tabs li > a {
    padding: 10px 15px 10px 0;
    font-size: 14px;
    font-weight: 500;
}
.sidebar .post-thumbnail-entry, .sidebar .widget-categories ul li {
    border-bottom: 1px solid #f3f3f3;
}
.sidebar .post-thumbnail-entry {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar .post-thumbnail-entry > img {
    height: 48px;
    width: 64px;
    margin-right: 10px;
    border-radius: 2px;
    margin-top: 5px;
}
.sidebar .post-thumbnail-entry:last-child, .sidebar .widget-categories ul li:last-child {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.sidebar .post-thumbnail-entry img + .post-thumbnail-content {
    padding-left: 72px;
}
.sidebar .post-thumbnail-list a {
    margin: -4px 0 0;
}
.sidebar .post-thumbnail-entry .post-category, .sidebar .post-thumbnail-entry .post-date {
    color: #aaa;
}
.sidebar .post-thumbnail-entry .post-category, .sidebar .post-thumbnail-entry .post-date {
    font-size: 10px;
}
.sidebar .post-thumbnail-entry .post-category i, .sidebar .post-thumbnail-entry .post-date i {
    margin-right: 2px;
}
.sidebar .widget {
    border-bottom: 1px solid #eee;
}
.sidebar .widget {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.single-post01 .post-item-description h2, .single-post01 .comments .comment .text .name, .sidebar .widget-title, .sidebar > h4, .page-title h1 {
    color: #0a0c19;
}
.sidebar .widget-title, .sidebar > h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.sidebar .widget-categories ul {
    padding: 0;
}
.sidebar .widget-tweeter ul, .sidebar .widget-twitter ul, .sidebar .widget-categories ul {
    list-style: none;
}
.sidebar .post-thumbnail-entry, .sidebar .widget-categories ul li {
    border-bottom: 1px solid #f3f3f3;
    font-weight: 400;
}
.sidebar .widget-categories ul li {
    margin-bottom: 10px;
    padding: 0 0 10px 28px;
}
.sidebar .widget-categories ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    font-size: 20px;
    padding-top: 2px;
    background: url(../images/icon-folder.png);
    width: 16px;
    height: 14px;
    transition: all .3s ease;
    transform: translate3d(0,-50%,0);
}
.sidebar .cat-count-span {
    float: right;
}
.sidebar .widget-tweeter li, .sidebar .widget-twitter li {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 18px;
}
.sidebar .tags a {
    padding: 5px 14px;
    border-radius: 50px;
    margin: 0 2px 5px 0;
    color: #4c5667;
    border: 1px solid #999999;;
}
.single-post01 .post-navigation, .sidebar .tags a {
    display: inline-block;
}

/* ===================================
  Infinite Scroll
====================================== */
.single-post01 .post-navigation, .sidebar .post-thumbnail-list, #loader, #blog .post-item .post-meta-category, #blog .post-item .post-meta-comments, #blog .post-item .post-meta-date, #blog .post-item.border .post-image, .breadcrumb ol li, .breadcrumb ul li, .sidebar .widget-categories ul li, .single-post01 .comments .comment .text {
    position: relative;
    /* background-color: #f2f5f8; */
}
.single-post01 .post-navigation {
    background-color: transparent;
}
#blog .post-item.border .post-meta-category, .sidebar .tags a.active, .sidebar .tags a:active, .sidebar .tags a:focus, .form-gray-fields .btn, .widget-newsletter .btn {
    color: #333333;
    border: 1px solid transparent;
}
#blog .post-item.border .post-meta-category:hover {background: #ffffff; border: 1px solid #28abe3; transition: 0.3s;}
#blog .post-item.border .post-meta-category:hover a {color: #28abe3;}
#blog .post-item.border .post-meta-category {
    top: 11px;
    z-index: 3;
    right: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 16px;
    border-radius: 50px;
}
.single-post01 .post-navigation .post-next, .single-post01 .post-navigation .post-prev, .post-navigation .post-prev:before, .post-navigation .post-all, #loader:before, #loader:after, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed, #blog .post-item.border .post-meta-category, .sidebar .widget-categories ul li:before, .player, .sidebar .widget-tweeter:not([data-avatar="true"]) li::before, .sidebar .widget-twitter:not([data-avatar="true"]) li::before, .post-navigation .post-next:after {
    position: absolute;
}
#blog .post-item .post-meta-category, #blog .post-item .post-meta-comments, #blog .post-item .post-meta-date {
    top: -4px;
    font-size: 12px;
    margin-right: 0px;
}
.post-item.border .post-meta-category, .load-more a {
    background-color: #28abe3;
}
.load-more a {
    color: #fff;
}
#blog .post-item.border > .post-item-wrap > .post-item-description {
    padding: 30px;
    line-height: 24px;
    background-color: #fff;
    border-color: #e8e9ea;
    border-radius: 4px;
}
.post-item.border {
    margin-bottom: 30px!important;
    border-radius: 4px;
    color: #777777;
    box-shadow: 5px 5px 5px 0px rgba(40, 40, 40, 0.20);
}
.item-link {font-size: 12px;}
#blog audio{
    height: 46px;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto 10px;
}
/* ===================================
  Single Blog
====================================== */

.post-meta-date i, .post-meta-comments i {
    padding-right: 5px;
}
a.item-link {
    margin-top: 20px;
    display: inline-block;
    border: 1px solid #28abe3;
    padding: 5px 15px;
    border-radius: 26px;
    color: #28abe3!important;
}
a.item-link:hover {background-color: #28abe3; color: #fff!important;}
.slide .carousel-item {
    min-height: 100%;
}
.post-audio audio {
    bottom: 0;
    left: 0;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    top: 0;
    left: 0;
    height: 100%;
}
.single-post01 .post-navigation .post-next, .single-post01 .post-navigation .post-prev, .post-navigation .post-prev:before, .post-navigation .post-all, #loader:before, #loader:after, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed, #blog .post-item.border .post-meta-category, .sidebar .widget-categories ul li:before, .player, .sidebar .widget-tweeter:not([data-avatar="true"]) li::before, .sidebar .widget-twitter:not([data-avatar="true"]) li::before, .post-navigation .post-next:after {
    position: absolute;
}
.fluid-width-video-wrapper {
    padding-top: 66.8%;
}
.hide-blog {
    display: none;
}
.load-more a {
    padding: 10px 25px;
    border-radius: 30px;
    border: 2px solid #28abe3;
    transition: all ease-out 0.5s;
}
.load-more a:hover {
    background-color: transparent;
    color: #28abe3;
    border: 2px solid #28abe3;
}
.load-more {text-align: center;}
.blog_sec_02 {display: none}
/* ===================================
  One Column Blog
====================================== */
.page-item.active .page-link {
    border-color: #28abe3;
    background-color: #28abe3!important;
    color: #fff!important;
}
.page-link:focus {
    box-shadow: none;
}
/* ===================================
             Header01
====================================== */
#default_header .navbar-expand-lg .navbar-nav .dropdown-menu {left: 2px}
#default_header .navbar-expand-lg .navbar-nav .host_dropdown {left: -8px;}
.navbar .header02_right_side .nav-item .dropdown-menu {left: 4px}
#header01 .navbar-expand-lg .navbar-nav .dropdown-menu {left: 6px;}
#header01 .navbar-expand-lg .navbar-nav .host_dropdown02  {left: -4px;}
#header01 .navbar-expand-lg .navbar-nav .host_dropdown01 {left: 0px;}
#header02 .navbar .menubar_header_02 li:nth-child(1) .dropdown-menu {left: -14px;}
.menubar_header_02 li .nav-link, .header02_right_side li .nav-link {font-size: 14px;}
#header01, #header02, #header03, #header04 {position: absolute; width: 100%; top: 0; z-index: 12;}
.header01_navbar li .nav-link:hover {color: #28abe3;}
.header01_top_bar{padding: 12px 0 74px}
.header01_top_bar_content{font-size: 14px; line-height: 14px; margin: 10px 0 0; color: #ffffff; font-weight: 400}
.header01_top_bar_btn{text-align: right}
.btn_contact_us{display: inline-block; border: 2px solid #28abe3; font-size: 12px; line-height: 14px; font-weight: 500; background-color: transparent; color: #28abe3; padding: 8px 20px; border-radius: 22px; transition: all ease-in-out 0.3s}
.btn_contact_us:hover{background-color: #28abe3; color: #fff; border: 2px solid #28abe3;}
.header01_navigation{position: absolute; width: 100%; z-index: 9; box-shadow: 0 0 5px rgba(0,0,0,.2); top: 60px; padding: 0}
.header01_navigation.affix{top: 0; left: 0; position: fixed}
.header01_logo img{width: 138px}
.header01_logo{margin: 0; padding: 39px 0 41px}
.header01_contact_list li, .header01_social_links li{display: inline-block}
.header01_contact_list li{padding: 0 10px 0 5px}
.header01_contact_list li a, .header01_contact_list li{font-size: 12px; line-height: 14px; color: #333333; font-weight: 400;}
.header01_contact_list li i{padding-right: 7px; color: #333333}
.header01_social_links li a{font-size: 16px; line-height: 20px; color: #333333; 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 .nav-link{padding: 15px 20px!important; font-size: 14px; line-height: 24px; font-weight: 500; color: #333333; transition: all ease-in-out 0.3s}
/* .header01_navbar li .default_dd_menu a {padding: 4px 25px!important;} */
.header01_navbar li .header01_dd_menu a:hover {background-color: #fff; color: #28abe3}
.outer_header01_navbar .hosting_dd_menu{top: 58px}
.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: 12px; line-height: 24px; color: #333; font-weight: 300; text-transform: capitalize; transition: all ease-in-out 0.3s}
.header01_contact_list li a:hover, .header01_contact_list li:hover i, .header01_contact_list li:hover {color: #28abe3}
.header01_navbar .outer_mega_menu .default_mega_menu .list_mega_menu_box li a:hover{color: #28abe3}
.header01_social_links li a:hover{color: #28abe3}
.header01_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 20px !important; text-transform: capitalize; position: relative;}
.header01_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #e94d3a; border-radius: 100%; top: 9px; left: 8px;}
.header01_navbar .company_dropdown {top: 58px}
.mega_menu_box {text-align: center;}
.nav_tablet_btn {display: none;}
.outer_header01_navbar .hide_on_tablet .hosting_megamenu_dd_card_header {width: 310px; padding: 5px 15px;}
.header01 .header01_contact_list {margin: 0; padding: 0;}
/* ===================================
             Header02
====================================== */
.left_box{float: left; width: 50%; padding: 15px 0; border-bottom: 1px solid #cccccc}
.right_box {width: 50%; float: right; text-align: right; padding: 15px 0; border-bottom: 1px solid #cccccc}
.left_box a{font-size: 14px; line-height: 14px; font-weight: 500; transition: all ease 0.3s; color: #333333;}
.left_box a i{color: #333333; margin-right: 10px; transition: all ease 0.3s;}
.left_box a:hover, .left_box a:hover i{color: #28abe3}
.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 #e8e9ea}
.contact_number{padding-left: 30px}
.header_02_logo{max-width: 218px!important; position: absolute; background: #fff; height: 165px; display: table; width: 220px; top: -60px; left: 0; right: 0; margin: 0 auto; box-shadow: 0 0 20px 0 #0000002b;  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: #333333}
.header_02_social_links li a:hover i{color: #28abe3}
.header_02_social_links li a{padding: 0 5px}
.host_dropdown02 {left: -4px;}
.host_dropdown03, .host_dropdown04  {left: -1px; border-top-right-radius: 0; border-top-left-radius: 0; border-top: 0;}
.host_dropdown03 .card-header:first-child, .host_dropdown04 .card-header:first-child {border-radius: 0;}
.contact_number a{font-size: 14px; line-height: 14px; color: #333333; font-weight: 500; transition: all ease 0.3s;} 
.contact_number a i{color: #777777; margin-right: 10px; transition: all ease 0.3s;}
.contact_number a:hover, .contact_number a:hover i{color: #28abe3}
.header_02_top_navigation, .header03_top_navigation {padding: 0 1px; box-shadow: none;}
.header_02_navigation_links ul li .nav-link {color: #333333;}
.header02_right_side li:last-child .nav-link{padding-right: 0 !important;}
.mega_menu_header02{top: 42px !important; left: -100%; padding: 40px 50px}
.list_mega_menu_box li a{padding: 10px 0 !important; font-size: 12px; line-height: 24px; color: #777; font-weight: 500; text-transform: capitalize}
.header02_right_side li a:hover{color: #28abe3}
.menubar_header_02 li a:hover {color: #28abe3; background-color: transparent;}
.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: 58px; left: -30px; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.20);}
.header_02_navigation_links .menubar_header_02 .hosting_dd_menu{top: 48px; left: -40px}
.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: #28abe3; border-radius: 100%; top: 9px; left: 30px;}
.header02_mobile_logo{display: none}
.menubar_header_02 .hide_on_tablet .hosting_megamenu_dd_card_header {width: 310px; padding: 5px 15px;}
.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 20px !important; transition: all ease-in-out 0.3s; text-transform: capitalize; position: relative;}
.menubar_header_02 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:hover {color: #28abe3;}
.menubar_header_02 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #e94d3a; border-radius: 100%; top: 9px; left: 8px;}
.menubar_header_02 li:first-child .nav-link {padding-left: 0!important;}
.menubar_header_02 li .nav-link, .header02_right_side li .nav-link {padding: 15px 20px!important;}
#accordion li a {padding: 0px!important;}
.header_02_navigation_links ul li .nav-link {font-weight: 500;}
/* ===================================
              Header 03
====================================== */
.header03_gradient_bg{background-color: #28abe3; padding: 0}
.header03_top_navigation .header03_navbar li a {color: #fff; line-height: 24px; font-size: 14px; font-weight: 500; padding: 15px 13px!important; transition: all ease-in-out 0.3s}
.header03_top_navigation .header03_navbar li a:hover, .header04_navbar li .nav-link:hover {background-color: #333333;}
.header03_top_navigation .header03_navbar li:hover .default_dd_menu a{color: #333333; background-color: transparent;}
.header03_top_navigation .header03_navbar li:hover .default_dd_menu a:hover, .header03_navbar li:hover .header03_dropdown a:hover, #header04 .navbar ul li .dropdown-menu a:hover, .header03_top_navigation .header03_navbar li:hover a, .header04_navbar li:hover .nav-link {background-color: #333333; color: #ffffff;}
.header03_navbar .list_mega_menu_box li a{color: #8c8f94}
.header03_navbar li .default_dd_menu a {font-size: 14px; line-height: 20px; padding: 5px 20px!important; text-transform: capitalize; color: #333333;}
.header03_navbar li:hover .default_dd_menu a {color: #fff; background-color: #28abe3;}
.header03_contact_info li{display: inline-block; position: relative; padding: 0 10%; text-align: left; font-size: 14px; line-height: 20px; font-weight: 400;}
.header03_contact_info li:last-child{padding-right: 0}
.header03_contact_info li a {font-weight: 600; color: #333333; transition: all ease-in-out 0.3s; font-size: 16px; line-height: 22px;}
.header03_contact_info li a:hover {color: #28abe3}
.header03_logo img{width: 148px}
.header03_logo {padding: 6px 7px 9px 14px;}
.header04_logo_box .header03_logo {padding: 12px 0px 0px 0px;}
.header03_contact_info li:nth-child(1):before{position: absolute; content: ""; background: url("../images/phone_img.png") no-repeat; width: 36px; height: 36px; left: 0; top: 3px}
.header03_contact_info li:nth-child(2):before{position: absolute; content: ""; background: url("../images/envelop_img.png"); width: 36px; height: 36px; left: 0; top: 4px}
.header03_dropdown{top: 53px; border-top-left-radius: 0!important; border-top-right-radius: 0!important; left: -1px; margin: 0;}
.header03_navbar li:hover .header03_dropdown a {background-color: #fff; color: #333333;}
.mega_menu03{left: 15%; top: 58px !important; padding: 40px 50px}
.header03_navbar .mega_menu03 .list_mega_menu_box li a{font-size: 12px; line-height: 24px; color: #333333; font-weight: 500; text-transform: capitalize; padding: 10px 0 !important; transition: all ease-in-out 0.3s}
.header03_navbar .mega_menu03 .list_mega_menu_box li a:hover{color: #28abe3}
.menubar_header03 .hosting_dd_menu {top: 58px}
.header03_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #333333; 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: #28abe3; border-radius: 100%; top: 9px; left: 30px}
.header03_navbar .default_dd_menu:before{display: none}
.menubar_header03 .hide_on_tablet .hosting_megamenu_dd_card_header:hover {background-color: #28abe3; border-bottom: 1px solid #28abe3;}
.menubar_header03 .hide_on_tablet .hosting_megamenu_dd_card_header {width: 310px; padding: 5px 15px;}
.menubar_header03 .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #333333; display: block; padding: 0 0 0 20px !important; text-transform: capitalize; position: relative;}
.menubar_header03 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #28abe3; border-radius: 100%; top: 9px; left: 8px;}
.menubar_header03 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:hover {color: #28abe3!important;}
/* ===================================
             Header 04
====================================== */
.header04_top_bar{background-color: #eeeeee; padding: 10px 0}
.office_timing{font-size: 14px; line-height: 14px; color: #333333; font-weight: 500; padding-top: 5px}
.header04_social_links li{display: inline-block}
.header04_social_links li a i{font-size: 14px; color: #333333; padding: 0 5px; transition: all ease-in-out 0.3s}
.header04_social_links li:last-child a i{font-size: 14px; color: #333333; padding: 0 0 0 5px; transition: all ease-in-out 0.3s}
.header04_social_links li a i:hover{color: #28abe3}
.header04_navbar li .default_dd_menu a:hover {background-color: #333333;}
.header04_navigation{background-color: #28abe3; padding: 0}
.header04_navbar li .nav-link{font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #fff; padding: 15px 25px!important; transition: all ease-in-out 0.3s}
.header04_navbar .list_mega_menu_box li a{color: #8c8f94}
.header04_dropdown{top: 47px; left: -6px; border-radius: 5px}
.header04_navbar li .header04_dropdown a{color: #000; background-color: #fff; padding: 5px 20px !important; text-transform: capitalize; transition: all ease-in-out 0.3s}
.header04_navbar li .header04_dropdown a:hover{background-color: #3b55e6; color: #fff!important;}
.header04_mega_menu{left: 0; top: 54px !important;}
.header04_mega_menu .list_mega_menu_box li a{font-size: 12px; line-height: 24px; color: #333; font-weight: 500; text-transform: capitalize; padding: 10px 0 !important; transition: all ease-in-out 0.3s}
.header04_mega_menu .list_mega_menu_box li a:hover{color: #28abe3}
.header04_navbar .default_dd_menu:before{display: none}
.header04_navbar .hosting_dd_menu{top: 56px; left: -45px}
.menubar_header04 .hide_on_tablet .hosting_megamenu_dd_card_header:hover {background-color: #3b55e6; border-bottom: 1px solid #3b55e6;}
.menubar_header04 .hide_on_tablet .hosting_megamenu_dd_card_header {width: 310px; padding: 5px 15px;}
.menubar_header04 .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 12px; line-height: 24px; color: #000; display: block; padding: 0 0 0 20px !important; text-transform: capitalize; position: relative;}
.menubar_header04 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #3b55e6; border-radius: 100%; top: 9px; left: 8px;}
.menubar_header04 .hosting_dd_menu .hosting_megamenu_dd_body_list li a:hover {color: #3b55e6;}
.header04_dropdown {left: -1px; border-top: 0; margin: 0; top: 100%;}
.mobile_navigation {display: none;}
/* ===================================
           Footer01
====================================== */
.footer01_logo figure img{width: 138px}
.copyright_box, .copyright_box a{font-size: 14px; line-height: 30px; color: #333333;}
.copyright_box {padding-left: 15px;}
.copyright_box a:hover{color: #28abe3}
.outer_logo_box{border-bottom: 1px solid #cccccc; float: left; width: 100%}
.footer01_social_links li{display: inline-block}
.footer01_content_box p{font-size: 14px; line-height: 24px; color: #777777;}
.footer01_social_links li a{font-size: 20px; color: #333333; padding: 0 10px; transition: all ease-in-out .5s}
.footer01_social_links li a:hover{color: #28abe3}
.footer01_social_links li:first-child a{padding-left: 0}
.footer01_links_list li{padding-left: 60px;}
.footer01_links_list li a{font-size: 14px; line-height: 36px; color: #777777; position: relative; padding-left: 20px; transition: all ease-in-out 0.3s}
.footer01_links_list li a:hover{color: #28abe3}
.footer01_links_list li a:before{position: absolute; content: ""; background-color: #28abe3; width: 7px; height: 7px; border-radius: 100%; top: 4px; left: 0}
.footer01_contact_list li{font-size: 14px; line-height: 24px; color: #777777; padding: 15px 0 15px 60px; border-bottom: 1px solid #cccccc; position: relative}
.footer01_contact_list li:first-child{padding-top: 8px;}
.footer01_contact_list li:last-child{border-bottom: none}
.footer01_contact_list li a{color: #777777; transition: all ease-in-out 0.3s}
.footer01_contact_list li a:hover{color: #28abe3}
.footer01_contact_list li:nth-child(1):before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img01.png"); width: 36px; height: 45px; top: 10px; 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: #333333; text-transform: uppercase; padding: 0 25px; transition: all ease-in-out 0.3s; font-weight: 600;}
.footer02_links_list li a:hover{color: #28abe3}
.footer02_links_list li:first-child a{padding-left: 0}
.footer02_links_list li:last-child a{padding-right: 0}
.chat_btn_footer02{display: inline-block; font-size: 14px; line-height: 20px; font-weight: 600; color: #ffffff; background-color: #e8b71a; border-radius: 22px; padding: 10px 35px 10px 60px; position: relative; transition: all ease-in-out 0.5s}
.chat_btn_footer02:before{position: absolute; content: ""; background: url("../images/btn_img.png"); width: 18px; height: 19px; top: 12px; left: 22%}
.chat_btn_footer02:hover{background-color: #28abe3; color: #ffffff}
.footer02_center_box{border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc}
.footer02_logo img{width: 128px}
.footer02_logo{margin-bottom: 30px}
.footer02_content_box p{font-size: 14px; line-height: 24px; color: #777777; padding-right: 30px}
.footer02_link_box .footer01_links_list li{padding-left: 0}
.footer_heading{color: #333333; font-weight: 600; margin-bottom: 24px; font-size: 18px; line-height: 24px}
/* ===================================
              Footer 03
====================================== */
.footer03_links li a{font-size: 14px; line-height: 30px; color: #777777; position: relative; padding-left: 15px; transition: all ease-in-out 0.3s}
.footer03_links li a:hover{color: #28abe3}
.footer03_links li a:before{position: absolute; content: ""; background-color: #28abe3; width: 7px; height: 7px; border-radius: 100%; left: 0; top: 6px}
.footer03_content_box p{font-size: 14px; line-height: 24px; color: #777777; padding-right: 20px;}
.footer03_social_links li{font-size: 14px; line-height: 30px; color: #333333; transition: all ease-in-out 0.3s}
.footer03_social_links li:hover {color: #28abe3;}
.footer03_social_links li a{padding-left: 10px; color: #777777; transition: all ease-in-out 0.3s}
.footer03_social_links li a:hover{color: #28abe3}
.footer03_logo figure{margin-bottom: 0}
.footer03_contact_box01, .footer03_contact_box02, .footer03_contact_box03{position: relative; padding-left: 75px; padding-right: 30px;}
.footer03_contact_box01:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img01.png"); width: 36px; height: 45px; top: 2px; left: 20px}
.footer03_contact_box02:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img02.png"); width: 32px; height: 32px; top: 10px; left: 20px}
.footer03_contact_box03:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img03.png"); width: 42px; height: 42px; top: 4px; left: 20px}
.footer03_contact_box01 div, .footer03_contact_box02 div, .footer03_contact_box03 div, .footer03_contact_box01 div a, .footer03_contact_box02 div a, .footer03_contact_box03 div a{font-weight: 500; color: #000 !important; transition: all ease-in-out 0.3s}
.footer03_contact_box01 div a:hover, .footer03_contact_box02 div a:hover, .footer03_contact_box03 div a:hover{color: #28abe3 !important;}
/* ===================================
              Footer 04
====================================== */
.footer04_logo img{width: 150px;}
.footer04_copyright{font-size: 16px; line-height: 24px; font-weight: 500; color: #333333; margin-bottom: 40px;}
.footer04_copyright a{color: #333333; transition: all ease-in-out 0.5s}
.footer04_copyright a:hover{color: #28abe3}
.footer04_contact_box01 {position: relative; padding-left: 110px; padding-right: 10px;}
.footer04_contact_box02, .footer04_contact_box03{position: relative; padding-left: 130px; padding-right: 10px;}
.footer04_contact_box01:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img01.png"); width: 36px; height: 45px; top: 18px; left: 50px}
.footer04_contact_box02:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img02.png"); width: 32px; height: 32px; top: 26px; left: 80px}
.footer04_contact_box03:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img03.png"); width: 42px; height: 42px; top: 18px; left: 70px}
.footer04_contact_box01 div, .footer04_contact_box02 div, .footer04_contact_box03 div, .footer04_contact_box01 a, .footer04_contact_box02 a, .footer04_contact_box03 a{color: #777777;}
.footer04_contact_box01 a:hover, .footer04_contact_box02 a:hover, .footer04_contact_box03 a:hover{color: #28abe3}
.footer04_contact_info_box {border: 1px solid #cccccc; background-color: #ffffff;}
.footer04_contact_box01, .footer04_contact_box02 {border-right: 1px solid #cccccc;}
.footer04_box {border: 1px solid #cccccc; border-top: none; background-color: #ffffff;}
.footer_links01 {border-right: 1px solid #cccccc; padding-left: 35px;}
.footer_links02 {border-right: 1px solid #cccccc; padding-left: 75px;}
.footer04_box .footer_heading{padding-top: 40px;}
.footer04_content_box  {padding: 0 20px 40px 50px;}