@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=Rubik:300,400,500,700,900&display=swap');

/* ===================================
    Reset
====================================== */
body{color:#4b5064; font-size: 16px; line-height: 24px; font-weight: 400; font-family: 'Rubik', 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: #555}
a:hover{text-decoration: none}
figure{margin: 0}
/* ===================================
    Typography
====================================== */
.primary_font   {font-family: 'Rubik', sans-serif;}
.secondary_font {
    font-family: 'Barlow', 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_bottom_150  {margin-bottom: 150px}

/*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_001144   {color: #001144}
.color_fff      {color: #fff}
.color_dce5ff   {color: #dce5ff}
.color_051646   {color: #051646}
.color_0c5adb   {color: #0c5adb}
.color_000 {
    color: #000;
}
.color_0c5adb{color:#0c5adb}
/*Background Colors*/
.bg_001144      {background-color: #001144}
.bg_dce5ff      {background-color: #dce5ff}
.bg_d8eff5      {background-color: #d8eff5}
.bg_f5f5f5 {
    background-color: #f5f5f5;
}
.bg_color_f4f8fa {
    background-color: #f4f8fa;
}
.bg_ddddf9      {background-color: #ddddf9}
.bg_4a0671      {background-color: #4a0671}
.bg_faa51e      {background-color: #faa51e}
.bg_32d05e      {background-color: #32d05e}
.bg_2c5cfa      {background-color: #2c5cfa}
.bg_5d088e      {background-color: #5d088e}
.bg_d74141      {background-color: #d74141}
.bg_1046f6      {background-color: #0358af}
.bg_31d576      {background-color: #31d576}
.bg_34d5df		{background-color:#34d5df }
.bg_002695		{background-color: #002695}
.bg_0568ce		{background-color: #0568ce}
.bg_color_fff{background-color:#fff;}
.bg_FFF8F6{background-color: #FFF8F6}

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

/*padding*/
.no_padding{padding: 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_65 {padding-top: 65px}
.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_120{padding-top: 120px}
.padding_top_130{padding-top: 130px}
.padding_top_150{padding-top: 150px}
.padding_top_200{padding-top: 200px}
.padding_top_185{padding-top: 185px}

/*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_180 {padding-bottom: 180px}
.padding_bottom_250 {padding-bottom: 250px}
.padding_bottom_400 {padding-bottom: 400px}

/*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_left_150   {padding-left: 150px}
.padding_left_200   {padding-left: 200px}
.padding_left_220   {padding-left: 220px}
.padding_left_230   {padding-left: 230px}
.padding_left_240   {padding-left: 240px}
/*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}
.height-102{max-height: 102px;}
/* ===================================
            Button
====================================== */
.banner_btn{display: inline-block; font-size: 16px; line-height: 16px; font-weight: 500; color: #051646; background-color: #fff; border-radius: 4px; padding: 21px 41px; transition: all ease-in-out 0.5s}
.hosting_plan_box_btn{display: inline-block; font-size: 16px; line-height: 16px; font-weight: 500; color: #fff; border-radius: 4px; background-color: #0c5adb; padding: 19px 60px; transition: all ease-in-out 0.5s; border: 2px solid #0c5adb}
/* ===================================
            slider text
====================================== */

.item-1, 
.item-2, 
.item-3
{
	position: absolute;
   display: block;
	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { left: 0; opacity: 0; }
  8.3%,25% { left: 2%; opacity: 1; }
  33.33%, 100% { left: 0; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: 0; opacity: 0; }
  41.63%, 58.29% { left: 2%; opacity: 1; }
  66.66%, 100% { left: 0; opacity: 0; }

}

@keyframes anim-3 {
	0%, 66.66% { left: 0; opacity: 0; }
  74.96%, 91.62% { left: 2%; opacity: 1; }
  100% { left:0; opacity: 0; }
}

/* ===================================
            slider text
====================================== */

.v-slider-frame {
 height: 50px;
  overflow: hidden;
  text-align: left;
}
ul.v-slides {
  list-style-type: none;
  transform: translateY(200px);
  padding:0;
}
.v-slide {
  font-size: 20px;
line-height: 50px;
color: #000;
font-weight: 400;
}

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

====================================== */

.banner_btn:hover{background-color: #051646; color: #fff}
.hosting_plan_box:hover{box-shadow: 0 0 0 5px rgba(12,90,219,1) inset}
.hosting_plan_box:hover .btn_hosting_plan{background-color: #FFF; color: #0c5adb;border: 2px solid #0c5adb}


/* ===================================
         Navigation Bar
====================================== */
.top_bar_social_links li{display: inline-block}
.top_bar_outer{padding: 10px 0}
.top_bar_social_links li a i, .top_bar_social_links li a{font-size: 16px; color: #dce5ff}
.top_bar_social_links li i{color: #1bd1ea; padding-right: 5px}
.top_bar_social_links li a{padding: 0 3px}
.top_bar_social_links li:last-child{padding-left: 30px}
.default_logo img{width: 130px}
.top_bar_contact_list{text-align: right}
.top_bar_contact_list li{display: inline-block; padding: 0 10px}
.top_bar_contact_list li a{font-size: 14px; line-height: 18px; font-weight: 400; color: #dce5ff}
.top_bar_contact_list li i{color: #1bd1ea; padding-right: 5px}


.default_navigation{position: absolute; width: 100%; top: 65px; padding: 0; transition: all ease-in-out 0.5s; z-index: 9}
.inner_default_navigation li a{font-size: 16px; line-height: 18px; color: #fff; font-weight: 400; padding: 20px 30px !important; transition: all ease-in-out 0.5s}
.inner_default_navigation li:hover a{color: #1bd1ea}
.default_navigation.affix{position: fixed; top: 0; background-color: #001144; z-index: 15; padding: 0}



button.dd_collapse_btn[aria-expanded="true"]{background-color: #0069ff; color: #fff !important; border-radius: 0; text-decoration: none}
button.dd_btn01[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img01.png") !important; width: 20px; height: 16px; top: 16px; left: 25px}
button.dd_btn02[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img02.png") !important;; width: 20px; height: 20px; top: 16px; left: 25px}
button.dd_btn03[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img03.png") !important;; width: 20px; height: 16px; top: 16px; left: 25px}
button.dd_btn04[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img04.png") !important;; width: 18px; height: 20px; top: 16px; left: 25px}
button.dd_btn05[aria-expanded="true"]:before{background: url("../images/megamenu_dd_hover_img05.png") !important;; 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: #0069ff; 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: #0069ff !important;}
.card-header:first-child{border-radius: 0}

.default_dd_menu{width: 210px; top: 56px; position: relative; left: 0; border: none; border-radius: 4px}

.inner_default_navigation li .default_dd_menu a{font-size: 14px; line-height: 24px; font-weight: 400; color: #000; padding: 10px 30px !important; transition: all ease-in-out 0.5s; text-transform: inherit}
.inner_default_navigation li .default_dd_menu a:hover{background-color: #1bd1ea; color: #fff}

.hosting_dd_menu{width: 335px; top: 56px; border: none; box-shadow: 0 10px 30px rgba(0,0,0,.10); padding: 20px 0; left: -50px; border-radius: 4px;
border: 1px solid #0069ff;}
.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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: 13px; 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: #000; text-transform: uppercase; transition: all ease-in-out 0.3s; padding: 10px 60px; width: 100%; text-align: left; font-weight: 400; font-size: 14px;text-decoration: none;}
.hosting_megamenu_dd_body{padding: 0}
.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: #0069ff}



.mobile_navigation{display: none}

/*Mega Menu*/
.outer_mega_menu{position: inherit}
.default_mega_menu{top: 106px !important;
border-radius: 4px;
box-shadow: 0 22px 15px rgba(0,0,0,.10);
border: 1px solid #0069ff;
left: 80px;
padding: 20px 0px;
width: 1000px !important;
position: relative;}
.mega_menu_box{width: 40%; 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: 12px; line-height: 24px; color: #2f395d; 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: #0069ff}
.header01_pages_menu{ width: 1110px !important; border-radius: 0; left: -185px; top: 108px !important;}
.default_navigation.affix .default_mega_menu{top: 56px !important;}
.menu_content {
    font-size: 12px;
    float: left;
    width: 70%;
    text-align: left;
    margin-left: 30%;
    line-height: 18px;
    color: #777;
    font-weight: 400;
    text-transform: none;
}
.menu_content span {
    font-size: 18px;
    display: block;
    line-height: 20px;
    transition: all ease-in-out 0.6s;
    color: #3784ff;
    margin-bottom: 5px;
    font-weight: 500;
}
.outer_mega_menu a {
    font-size: 14px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 40px 0px;
    transition: all ease-in-out 0.4s;
}
.dd_bg_01{background: url("../images/web_hosting.png") no-repeat 5px center; position: relative; transition: all ease-in-out 0.6s}
.dd_bg_01:before, .dd_bg_02:before, .dd_bg_03:before, .dd_bg_04:before{position: absolute; content: ""; height: 70px; width: 1px; background-color: #c0c3ce; left: 0; right: 175px; margin: 0 auto;}
.dd_bg_02{background: url("../images/reseller_hosting.png") no-repeat 5px center; position: relative; transition: all ease-in-out 0.6s; }
.dd_bg_03{background: url("../images/vps_hosting.png") no-repeat 5px center; position: relative; transition: all ease-in-out 0.6s;}
.dd_bg_04{background: url("../images/dedicated_hosting.png") no-repeat 5px center; position: relative; transition: all ease-in-out 0.6s;}


.icon_01{background: url("../images/affiliate.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_02{background: url("../images/abuse.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_03{background: url("../images/knowledge.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_04{background: url("../images/developer.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_09{background: url("../images/support(1).png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_05{background: url("../images/company.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_06{background: url("../images/legal.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_07{background: url("../images/banner.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}
.icon_08{background: url("../images/blog.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 88px; top -20px;}


/*====================================== */
a.logo img{width: 125px}
.top_navigation{padding: 0 100px}
.top_navigation .navigation .menubar li a{font-size: 14px; color: #fff; font-family: 'Rubik', sans-serif; font-weight: 400; text-transform: uppercase; padding: 40px 0; margin:0 15px; transition: all ease-in-out 0.4s}
.top_navigation .navigation .menubar li.active a{color: #f40076}
.top_navigation .navigation .menubar>li:hover a{color: #f40076}
.nav_contact{margin-left: 100px}
.nav_contact li{display: inline-block; padding: 0 10px}
.nav_contact li i{font-size: 14px; color: #f40076; font-weight: 400; padding-right: 10px}
.nav_contact li a{font-size: 14px; color: #fff; font-weight: 400}
/*Drop-Down Menu*/

/*Drop-Down Menu*/
.navigation .dropdown_menu{width: 100%; background-color: #fff; float: left; border-radius: 10px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-top: 4px solid #f40076; top: 86px; left: 0; right: 0; margin: 0 auto; border-left: none; border-right: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.navigation .dropdown_submenu {width: 100%; background-color: #fff; float: left; border-radius: 10px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-top: 4px solid #f40076; top: 86px; left: 0; right: 0; margin: 0 auto; border-left: none; border-right: none}
.navigation .dropdown_company {width: 250px; background-color: #fff; float: left; border-radius: 10px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-bottom: 4px solid #f40076; top: 86px; left: -60px; right: 0; margin: 0 auto; border-left: none; border-right: none; position: absolute !important; position: relative}
.navigation .dropdown_company:before{position: absolute; content: ""; 	width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: -10px; left:0; right: 40px; margin: 0 auto;}
.navigation .dropdown_menu li{margin: 0; padding-bottom: 0; list-style: none; width: 100%; background: none; float: left; font-size: 14px}
div.dropdown_menu a{font-size: 14px; font-weight: normal; line-height: 18px; margin: 0; color: #777; transition: all ease-in-out 0.6s; float: left; width: 100%; padding: 20px 0 !important;}
.menu_content{font-size: 12px; float: left; width: 70%; text-align: left; margin-left: 20%; line-height: 18px; color: #777; font-weight: 400; text-transform: none}
.navigation .dropdown_menu a span{font-size: 20px; display: block; line-height: 20px; transition: all ease-in-out 0.6s; color: #5c43bc; margin-bottom: 5px; font-weight: 500}
.dd_bg_01{background: url("../images/web_hosting.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 98px; top -20px;}
.dd_bg_01:before, .dd_bg_02:before, .dd_bg_03:before, .dd_bg_04:before{position: absolute; content: ""; height: 70px; width: 1px; background-color: #c0c3ce; left: 0; right: 135px; margin: 0 auto;}
.dd_bg_02{background: url("../images/reseller_hosting.png") no-repeat 0px center; position: relative; transition: all ease-in-out 0.6s;height: 98px; top -20px;}
.dd_bg_03{background: url("../images/vps_hosting.png") no-repeat 5px center; position: relative; transition: all ease-in-out 0.6s;}
.dd_bg_04{background: url("../images/dedicated_hosting.png") no-repeat 5px center; position: relative; transition: all ease-in-out 0.6s;}
div.dropdown_submenu a{font-size: 14px; font-weight: normal; line-height: 18px; margin: 0; color: #777; transition: all ease-in-out 0.6s; float: left; width: 100%; padding: 30px 0 !important; position: relative}
div.dropdown_submenu a:after{position: absolute; content: ""; height: 1px; width: 80%; bottom: 0; left: 15px; background-color: #ccc}
div.dropdown_submenu a:last-child:after{display: none}
div.dropdown_submenu a:before{content: ""; position: absolute; border: 1px solid #dadada; height: 40px; left: 58px; top: 0; bottom: 0; margin: auto}
div.dropdown_submenu{padding: 20px 0}

.menu_text{float: left; width: 75%; text-align: left; margin-left: 25%; line-height: 18px; color: #5c43bc; font-size: 14px; font-weight: 500}

.dedicated_why_choose_box {
    background-color: #fff;
    border-radius: 32px;
    box-shadow: 0 0 20px 0 rgba(0,105,255,.30);
    padding: 20px;
    text-align: center;
	margin: 10px;
}
/* ===================================
      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 !important;}
.sidenav a:hover {color: #222}
.sidenav .closebtn {position: absolute; top: 0px;right: 0;font-size: 24px;padding: 0px 5px !important;background-color: #000; color: #fff}
.inner_default_navigation  li:hover .mySidenav a{color: #ffff}
@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 !important;}
.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{float:none;width:auto;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 !important; 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: #0c5adb !important;}
.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: 17px 15px; font-size: 14px; cursor: pointer; transition: all ease-in-out 0.5s}
.openBtn i{color: #fff}
.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: 0 15px; background: url("../images/side_nav_btn.png") no-repeat center; width: 23px; height: 15px; transition:  all ease-in-out 0.5s; position: relative; top: 17px; z-index: 8}




#mouse-scroll {
    position: absolute;
    margin: auto;
    left: 50%;
    bottom: 15px;
    -webkit-transform: translateX(-50%);
    z-index: 9;
}
#mouse-scroll:hover{cursor: pointer}
#mouse-scroll .mouse {
    height: 21px;
    width: 14px;
    border-radius: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 2px solid #ffffff;
    top: 170px;
}
#mouse-scroll .mouse-in {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #ffffff;
    position: relative;
    -webkit-animation: animated-mouse 1.2s ease infinite;
}
#mouse-scroll .down-arrow-1,
#mouse-scroll .down-arrow-2,
#mouse-scroll .down-arrow-3 {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
#mouse-scroll .down-arrow-1 {
    margin-top: 6px;
}
#mouse-scroll .down-arrow-2 {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
    -webkit-animation-delay: .3s;
    -moz-animation-dekay: .3s;
    -webkit-animation-direction: alternate;
}
#mouse-scroll span {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 0 0 3px 5px;
}


@-webkit-keyframes animated-mouse {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}



/* ===================================
            Banner
====================================== */
.home_banner_section{background: url("../images/slider_bg.jpg") no-repeat center; background-size: cover; height: 750px; width: 100%; display: table; position: relative}
.home_banner_inner_section{display: table-cell; vertical-align: middle}
.home_banner_inner_section small, .sub_page_banner_section .banner_content_box small{font-size: 24px; line-height: 40px; color: #fff; font-weight: 400; text-transform: uppercase}
.home_banner_inner_section h1, .sub_page_banner_section h1{font-size: 52px; line-height: 72px; color: #fff; font-weight: 700; margin-bottom: 20px}
.home_banner_inner_section p, .sub_page_banner_section p{font-size: 20px; line-height: 30px; font-weight: 300; color: #fff; margin-bottom: 35px}
.home_banner_img_box{position: relative}
.home_banner_img_box:before{position: absolute; content: ""; background: url("../images/home_banner_img.png"); width: 710px; height: 654px; bottom: -195px; right: -100px}


.sub_page_banner_section{background: url("../images/bg_sub_page_banner.jpg") no-repeat center; background-size: cover; height: 460px;}
.sub_page_banner_section_ssl{background: url("../images/ssl1.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_privacy{background: url("../images/privacy.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_terms{background: url("../images/terms1.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_promo{background: url("../images/promotion1.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_testi{background: url("../images/testimonials3.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_banner{background: url("../images/banner1.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_dedi{background: url("../images/bg_home_banner3.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_vps{background: url("../images/bg_home_banner2.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_wvps{background: url("../images/bg_home_banner7.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_semi{background: url("../images/bg_home_banner6.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_about{background: url("../images/about.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section_blog{background: url("../images/blog-item.jpg") no-repeat center; background-size: cover; height: 500px;}
.sub_page_banner_section img{height:360px; margin-top: -15px;}
.sub_page_banner_content{padding-top: 100px}
.sub_page_banner_content_inner{padding-top: 70px}
.sub_page_banner_content_inner h1{font-weight: 500;
  font-size: 48px;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;}

.sub_page_banner_content_inner h3 {
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
  
  text-transform: capitalize;
}
.sub_page_banner_content_inner h4 {
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  line-height: 1.7;
  
  text-transform: capitalize;
}
.sub_page_banner_content_inner p {
    color: #fff;
    margin-right: 100px;
    padding: 15px 0;
}
.breadcrumb_list{background-color: #fff; margin: 0}
.breadcrumb_list li{color: #0c5adb; position: relative}
.breadcrumb_list li a{font-size: 14px; line-height: 14px; color: #051646; font-weight: 400; padding-right: 20px; padding-left: 10px}
.breadcrumb_list li i{color: #051646}
.breadcrumb_list li:first-child:before{position: absolute; content: ">"; right: 5px; top: 0}
.breadcrumb_list_dedi{background-color: #f7f8fa; margin: 0}
.breadcrumb_list_dedi li{color: #0c5adb; position: relative}
.breadcrumb_list_dedi li a{font-size: 14px; line-height: 14px; color: #051646; font-weight: 400; padding-right: 20px; padding-left: 10px}
.breadcrumb_list_dedi li i{color: #051646}
.breadcrumb_list_dedi li:first-child:before{position: absolute; content: ">"; right: 5px; top: 0}
.breadcrumb_outer_box{box-shadow: 0px 7px 30px 0px rgba(0,0,0,0.1)}

.sub_page_banner p{font-size: 14px; color: #fff}

/* ===================================
      Why Choose Section
====================================== */
.section_heading h2{font-size: 32px; line-height: 32px; font-weight: 700; text-transform: uppercase;text-align: center;
margin-bottom: 10px;}
.section_heading h4 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
.install-area h4{font-size: 2rem;}
.section_heading p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 35px;
	
}
.section_heading2 h2{font-size: 32px; line-height: 32px; font-weight: 700; text-transform: uppercase;text-align: center;
margin-bottom: 10px;}
.section_heading2 p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 20px;
	margin-top: 20px;
}
.section_heading .testi {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
}
.why_choose_box{padding: 50px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(157,184,209,.19); transition: all ease-in-out 0.5s; position: relative}
.why_choose_box h3, .hosting_plan_box h3{font-size: 20px; line-height: 38px; color: #39335b; font-weight: 700; margin-bottom: 20px; letter-spacing: 1px}
.why_choose_box p{margin-bottom: 25px}
.why_choose_box figure img{width: 104px}
.why_choose_box figure{margin-bottom: 45px}
.row-subtitle3 {
    position: relative;
    content: "";
    width: 486px;
    height: 2px;
    background-color: #3e7ccc;
    left: 50%;
    margin-left: -230px;
    bottom: 0px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.row-subtitle {
    position: relative;
    content: "";
    width: 186px;
    height: 2px;
    background-color: #3e7ccc;
    left: 50%;
    margin-left: -88px;
    bottom: 0px;
}

.popup {
  display: block;
  align-content: center;
  justify-content: center;
 padding: 2rem 2rem 0rem 2rem;
  text-align: center;
  color:#000;
  
}

.popup .cl_title_line {
    height: 3px;
    padding: 0px;
    margin: 35px auto 35px;
    text-align: center;
}
.popup .cl_title_line {
    background: url(../images/colors/red/title_line10.png) center top no-repeat;
}
.popup .popup-content  {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding:0px 0px 20px 0px;
}
.popup .popup-content .chorome {display: inherit;align-items: center;clear: both; padding: 10px 350px;margin-bottom:-10px}
.popup .popup-content .img728{width:728px;
	height:90px;
	display: block;
margin: 0px auto;}
.popup .popup-content .img500{width:468px;
	height:58px;
	display: block;
margin: 0px auto;}
.popup .popup-content .img300{width:300px;
	height:250px;
	display: block;
margin: 0px auto;}
.popup .popup-content .img220{width:200px;
	height:167px;
	display: block;
margin: 0px auto;}
.popup .popup-title {
	
color: #0c5adb;
font-size: 1.3em;
line-height: 1.5em;
font-weight: bold;
margin-top: 0;
margin-bottom: 4px;
}
.popup .popup-body {
  font-size: 1.1em;
  line-height: 1.6em;
  color: #6b7c93;
  font-weight: 500;
  margin-bottom: 2.1em;
}
.popup .popup-button {
  color: #000;
  display: block;
  text-align: center;
  text-decoration: none;
  width:auto;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 6px;
  margin: 20px 20px;
  padding: 1em 1em;
  background-size: 200% auto;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(to right, #fdd700  0%, #EFEA7D 50%, #fdd700 100%);
  transition: 0.5s;
  
}
.popup .popup-button a{ color:#000000;}
.popup .popup-button:hover {
  background-position: right center;
}
.banner-box{
	
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    border-radius: 30px;
    background-color: white;
    -webkit-box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);
    box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);

}
.banner-box-inner {
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    border-radius: 30px;
    background-color: #F4F4F4;
    -webkit-box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);
    box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);
}
/*=================================
3.home slider one start here
==================================*/
.slider-one-area {
  position: relative;
}
 .payment-img-1 img {
        position: absolute;
        top: 1260px;
		left: 253px;

    }
    
    .payment-img-2 img {
        position: absolute;
        top: 910px;
        left: 40px;
    }
    
    .payment-img-3 img {
        position: absolute;
        top: 350px;
        left: 450px;
    }
    
    .plan-circle {
        position: absolute;
        background: #fde6ea;
        width: 67px;
        height: 67px;
        border-radius: 100%;
        z-index: 2;
        text-align: center;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    .payment-img-4 img {
        position: absolute;
        
        left: 310px;
    }
    
    .payment-img-5 img {
        position: absolute;
        top: 871px;
        right: 318px;
    }
    
    .payment-img-6 img {
        position: absolute;
        top:1500px;
        right: 122px;
    }
    .payment-img-13 img {
        position: absolute;
        top:1100px;
        right: 122px;
    }
    .payment-img-7 img {
        position: absolute;
        left: 334px;
        top: -45px;
    }
.payment-img-8 img {
        position: absolute;
        top: 1700px;
        left: 80px;
    }
    
    .payment-img-9 img {
        position: absolute;
        top: 1071px;
        right: 90px;
		
    }
    .payment-img-14 img {
        position: absolute;
        top: 650px;
        right: 90px;
		
    }
    .payment-img-10 img {
        position: absolute;
        top:1900px;
        right: 122px;
    }
    
    .payment-img-11 img {
        position: absolute;
       left: 234px;
top: 1845px;
    }
 .payment-img-12 img {
        position: absolute;
        left: 334px;
        top: 1550px;
    }
.overlayh{position: relative;}
.overlayh:after{content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);}
.overlays{position: relative;}
.overlays:before{content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);}
.overlayb{position: relative;}
.overlayb:before{content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.4);}
.slider-one-area .owl-item.active .single-slide {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.slider-one-area .owl-item.active .single-slide .image img {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: cfadeInRight;
  animation-delay: .3s;
}

.slider-one-area .owl-item.active .single-slide .content h1 {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: cfadeInLeft;
  animation-delay: .3s;
}

.slider-one-area .owl-item.active .single-slide .content p {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: cfadeInLeft;
  animation-delay: .5s;
}

.slider-one-area .owl-item.active .single-slide .content h3 {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: cfadeInLeft;
  animation-delay: .7s;
}

.slider-one-area .owl-item.active .single-slide .content .button-area {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: cfadeInLeft;
  animation-delay: .9s;
}

.slider-one-area .single-slide {
  height: 55vh;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slider-one-area .single-slide .content {
  padding-top: 115px;
}

.slider-one-area .single-slide .content.content2 {
  padding-top: 0px;
}

.slider-one-area .single-slide .content.content2 h1 {
  color: #000;
}

.slider-one-area .single-slide .content.content2 p {
  color: #000;
}

.slider-one-area .single-slide .content.content2 h3 {
  color: #000;
}

.slider-one-area .single-slide .content.content2 .button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: text;
}

.slider-one-area .single-slide .content.content2 .button-area ul li {
  border: 2px solid #000;
}

.slider-one-area .single-slide .content.content2 .button-area ul li:hover {
  transition: 0.3s;
}

.slider-one-area .single-slide .content.content2 .button-area ul li:last-child {
  margin-right: 0;
}

.slider-one-area .single-slide .content.content2 .button-area ul li:last-child a {
  background: transparent;
}

.slider-one-area .single-slide .content.content2 .button-area ul li a {
  display: block;
  padding: 10px 40px;
  color: #000;
  background: #124bbc;
  font-weight: 500;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.slider-one-area .single-slide .content.content2 .button-area ul li a:hover {
  color: #fff;
}

.slider-one-area .single-slide .content.content2 .button-area ul li a:hover i {
  opacity: 1;
  right: 20px;
  transition: 0.3s;
  color: #fff;
}

.slider-one-area .single-slide .content.content2 .button-area ul li a i {
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  right: 0px;
  top: 10px;
}
.slider-one-area .single-slide .content{padding-top: 70px;}

.slider-one-area .single-slide .content h1 {
  font-weight: 500;
  font-size: 48px;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
}
.slider-one-area .single-slide .content h2 {
  font-weight: 500;
  font-size: 48px;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
}
.slider-one-area .single-slide .content p {
  color: #fff;
  margin-right: 100px;
  padding: 15px 0;
}

.slider-one-area .single-slide .content h3 {
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 50px;
  text-transform: capitalize;
}

.slider-one-area .single-slide .content .button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: text;
}

.slider-one-area .single-slide .content .button-area ul li {
  display: inline-block;
  margin-right: 30px;
  border: 2px solid #fff;
  transition: 0.3s;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.slider-one-area .single-slide .content .button-area ul li:hover {
  transition: 0.3s;
}

.slider-one-area .single-slide .content .button-area ul li:last-child {
  margin-right: 0;
}

.slider-one-area .single-slide .content .button-area ul li:last-child a {
  
}

.slider-one-area .single-slide .content .button-area ul li a {
  display: block;
  padding: 10px 40px;
  color: #fff;
  background: #124bbc;
  font-weight: 500;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.slider-one-area .single-slide .content .button-area ul li:hover {transform: translateY(-4px);background-color: #124bbc;}
	
.slider-one-area .single-slide .content .button-area ul li a:hover i {
  opacity: 1;
  right: 20px;
  transition: 0.3s;
}

.slider-one-area .single-slide .content .button-area ul li a i {
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  right: 0px;
  top: 10px;
}

.slider-one-area .single-slide .image {
  width: 100%;
  position: absolute;
	max-height: 750px;
  
}

.slider-one-area .single-slide .image img {
  width: 100%;
}

.slider-one-area .owl-nav {
  display: block;
}

.slider-one-area .owl-nav .owl-prev {
  width: 60px;
  height: 60px;
  line-height: 50px;
  border: 1px solid #e7e6e5;
  border-radius: 50%;
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.slider-one-area .owl-nav .owl-prev i {
  font-size: 60px;
  color: #ddd;
}

.slider-one-area .owl-nav .owl-prev:hover {
  color: #124bbc;
}

.slider-one-area .owl-nav .owl-next {
  width: 60px;
  height: 60px;
  line-height: 50px;
  border: 1px solid #e7e6e5;
  border-radius: 50%;
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.slider-one-area .owl-nav .owl-next i {
  font-size: 60px;
  color: #ddd;
}

.slider-one-area .owl-nav .owl-next:hover {
  color: #124bbc;
}

@keyframes cfadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes cfadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes cfadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes cfadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.slider-three-area .content {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100vh;
}

@media (max-width: 1500px) {
  .slider-one-area .single-slide .content h1 {
    font-size: 36px;
  }
  .slider-one-area .single-slide .content h3 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
  }
  .slider-one-area .single-slide .content p {
    margin-right: 100px;
    padding: 5px 0 0;
  }
}

@media (max-width: 992px) {
  .slider-one-area .single-slide .content h1 {
    font-size: 30px;
  }
  .slider-one-area .single-slide .content h3 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .slider-one-area .single-slide .content p {
    margin-right: 100px;
    padding: 5px 0 0;
  }
  .slider-three-area .content h1 {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .slider-one-area .single-slide .content p {
    margin-right: 0;
    padding: 0;
  }
}


/* ===================================
      Hosting plan Section
====================================== */
.feature_text {
    padding: 44px 0 0 46px;
}
.feature_text small {
    font-size: 18px;
    color: #9529f8;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 13px;
    display: inline-block;
}
.feature_text p {
    line-height: 30px;
    padding-bottom: 30px;
}
.feature_text p:nth-child(4) {
    padding-bottom: 41px;
}
.feature_text a {
    font-size: 16px;
    color: #fff;
    padding: 11px 47px;
    font-weight: 500;
    background-color: #9529f8;
    border-radius: 32px;
    display: inline-block;
    border: 2px solid #9529f8;
    transition: .5s;
}
.feature_text a:hover {
    border: 2px solid #274252;
    background: transparent;
    color: #274252;
}
.shared_feature_text {
    padding: 0;
}
.shared_feature_text h1 {
    width: 60%;
    margin: 0 auto;
}
.apps_box {
   background-color: #fff;
padding: 10px 25px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,.10);
border: 1px solid #c3cfd6;
text-align: center;
transition: all ease-in-out 0.5s;
border-radius: 10px;
width: 170px;
margin: 12px 0px;
}
.apps_box:hover {
    box-shadow: 0 0 20px 0 rgba(149,41,248,.15);
    transform: translateY(-10px);
}
.plan_section_bg, .search_domain_section, .bg_semi_plan_section, .contact_form_section, .domain_transfer_section{background: none; background-size: cover; background-attachment: fixed}
.hosting_plan_box{background-color: #fff; border-radius: 10px; padding: 20px 0; box-shadow: 0 0 20px rgba(0,0,0,.50); transition: all ease-in-out 0.5s}
.hosting_plan_box figure img{ width: 141px;
    height: 140px;
}
.hosting_plan_box figure{margin-bottom: 20px}
.hosting_plan_box h3{margin-bottom: 10px}
.hosting_plan_list li b{    color: #230BF5;
    font-weight: normal;
}
.hosting_plan_list li{text-align: left;padding-left: 20px;}
.hosting_plan_list{margin-bottom: 20px}
.hosting_plan_price{font-size: 36px; line-height: 38px; color: #0d79ed; font-weight: 700; margin-bottom: 20px}
.hosting_plan_price small{font-size: 20px; font-weight: 700}
.btn_hosting_plan {
   display: inline-block;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #fff;
border-radius: 4px;
background-color: #0c5adb;
padding: 15px 30px;
transition: all ease-in-out 0.5s;
border: 2px solid #0c5adb;

}


/* ===================================
         Search Domain  Section
====================================== */
.search_domain_section{background: url("../images/domain_bg.jpg") no-repeat center; background-size: cover; padding: 90px 0 0 0; position: relative}
.search_domain_section:before{position: absolute; content: ""; background: url("../images/cloud_img.png"); bottom: 0; width: 100%; height: 75px; left: 0}
.search_domain_box{background-color: #fff; border-radius: 4px; padding: 60px 20px 0}

.outer_search_filed{width: 100%; position: relative; padding-bottom: 20px}
.search_domain_field{width: 100%; border: 1px solid #cfd3da; border-radius: 4px; font-size: 18px; line-height: 18px; color: #9296a7; font-weight: 300; padding: 25px; box-shadow:  0 0 30px 0 rgba(0,0,0,.10)}
.search_domain_field::-webkit-input-placeholder {color: #cfd3da}
.search_domain_btn{position: absolute; right: 5px; top: 5px; font-size: 16px; line-height: 16px; color: #fff; font-weight: 500; border: none; background-color: #0c5adb; border-radius: 4px; padding: 24px 35px; transition: all ease-in-out 0.5s}
.search_domain_btn:hover{background-color: #051646; color: #fff}
.search_domain_btn:focus{outline: none}
.domain_tlds_list li, .domain_tlds_list li figure{display: inline-block}
.domain_tlds_list li figure{padding-right: 15px}
.domain_tlds_list{padding: 30px 100px}
.domain_tlds_list li{padding: 0 40px}
.domain_tlds_list li:first-child{padding-left: 0}
.domain_tlds_list li:last-child{padding-right: 0}
.domain_list_outer{box-shadow: 0px 30px 30px 0px rgba(12,90,219,0.1)}
/* ===================================
         Guarantee Section
====================================== */
.guarantee_box figure img{width: 153px; height: 160px; transition: all ease-in-out 0.5s}
.guarantee_box figure{margin-bottom: 30px}
.guarantee_box h4, .feature_box h4{color:#051646; font-size: 24px; line-height: 30px; font-weight: 500; margin-bottom: 10px}
.guarantee_box{transition: all ease-in-out 0.5s}
.guarantee_box:hover figure img{transform: translateY(-10px)}


/* ===================================
     Welcome Section
====================================== */
.welcome_section .section_heading p.color_text{font-size: 20px; line-height: 30px; color: #0c5adb; font-weight: 300; margin-bottom: 30px}
.welcome_section .section_heading p{font-size: 16px; line-height: 26px; font-weight: 300; color: #4b5064}
.welcome_section{position: relative}
.welcome_section:before{position: absolute; content: ""; background: url("../images/inverse_cloud.png"); width: 100%; height: 75px; top: -15px; left: 0}
.btn_welcome_us{display: inline-block; font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; border-radius: 4px; background-color: #0c5adb; padding: 17px 50px; transition: all ease-in-out 0.5s}
.btn_welcome_us:hover{background-color: #051646; color: #fff}
.welcome_section figure img{width: 730px; position: relative; z-index: 9}
.welcome_section:after{position: absolute; content: ""; background: url("../images/svg/map.svg") no-repeat center; bottom: 0; height: 350px; width: 100%; left: 0; z-index: 0}
.welcome_content_box{position: relative; z-index: 9}
.welcome_content_box h2{margin-bottom: 5px}
#chartdiv {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

/* ===================================
     Welcome Section1
====================================== */
.welcome_section1 .section_heading1 p.color_text{font-size: 20px; line-height: 30px; color: #0c5adb; font-weight: 300; margin-bottom: 30px}
.welcome_section1 .section_heading1 p{font-size: 15px; line-height: 22px; font-weight: 400; color: #4b5064;margin-top: 5px;}
.welcome_section1{position: relative}
.welcome_section1 h1 {text-align: center;
width: 100%;
margin: 15px auto 10px;
font-size: 32px;
color:#0c5adb;} 
.welcome_section1 .with_img1 img {padding: 20px 20px 10px 0px;  width: 100%}
.welcome_section1 .with_img2 img {padding: 0px 20px 10px 0px;  width: 100%}
.welcome_section1 .with_img3 img {padding: 30px 20px 10px 0px;  width: 100%}
.welcome_section-index1 img{padding: 60px 0px 10px 30px;}
.welcome_section-index2 img{padding: 20px 30px 20px 0px;} 
.welcome_section1:before{position: absolute; content: ""; background: url("../images/inverse_cloud2.png"); width: 100%; height: 75px; top: -42px; left: 0}
.btn_welcome_us{display: inline-block; font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; border-radius: 4px; background-color: #0c5adb; padding: 17px 50px; transition: all ease-in-out 0.5s}
.btn_welcome_us1:hover{background-color: #051646; color: #fff}
.welcome_section1 figure img{width: 730px; position: relative; z-index: 9;}
.welcome_section1:after{position: absolute; content: ""; background: none; bottom: 0; height: 684px; width: 100%; left: 0; z-index: 0}


.welcome_section_ssl .section_heading1 p.color_text{font-size: 20px; line-height: 30px; color: #0c5adb; font-weight: 300; margin-bottom: 30px}
.welcome_section_ssl .section_heading1 p{font-size: 15px; line-height: 24px; font-weight: 400; color: #4b5064;margin-top: 8px;}
.welcome_section_ssl{position: relative}
.welcome_section_ssl img {padding: 10px 20px 10px 0px;}
.welcome_section_ssl .with_img img {padding: 10px 20px 10px 0px; height: 500px; width: 100%}
.welcome_section_ssl .with_img2 img {padding: 0px 20px 10px 0px;height: 550px;width: 100%;margin-top: -30px;}
.welcome_section_ssl figure img{width: 730px; position: relative; z-index: 9;}
.welcome_section_ssl:before{position: absolute; content: ""; background: url("../images/cloud_ssl.png"); width: 100%; height: 75px; top: -35px; left: 0}
.welcome_section_ssl:after{position: absolute; content: ""; background: none; bottom: 0; height: 684px; width: 100%; left: 0; z-index: 0}
.welcome_content_box1{position: relative; z-index: 9}
.welcome_content_box1 h2{margin-bottom: 5px; margin-top: 10px;font-size: 17px;text-transform: uppercase;}
.search-shape-item:nth-child(1) {
    top: 30px;
    left: 0;
    opacity: 0.2;
}
.search-shape-item {
    position: absolute;
}
.pattern{background: url("../images/pack_pricing_bg.jpg");}
.pattern-dedi{background: url("../images/pattern1.png") repeat;background-color: #fff;}
.pattern-vps{background: url("../images/pattern3.png") repeat;background-color: #fff;}
.pattern_ssl{background: url("../images/pack_pricing_white.jpg");}
.pattern-promo{background: url("../images/pattern2.png");background-color: #fff;}
.pattern-terms{background: url("../images/terms.png");background-color: #f5f5f5;}
.pattern-testimonial{background: url("../images/testimonials-pattern.png");background-color: #f5f5f5;}
.pattern-index{
background: #fff url(../images/pattern5.png);}
/* ===================================
     Welcome Section1
====================================== */

.welcome_section2{position: relative;text-align: center;color: #fff;}
.welcome_section2 h2{margin-bottom: 10px;
margin-top: 20px;
font-size: 25px;
text-align: center;
margin-left: 28%;
text-transform: uppercase;}
.welcome_section2 img {padding: 10px 20px 10px 0px;}
.welcome_section2:before{position: absolute; content: ""; background: url("../images/inverse_cloud.png"); width: 100%; height: 75px; top: -15px; left: 0}
.welcome_section2 figure img{width: 730px; position: relative; z-index: 0;text-align: center;}
.welcome_section2:after{position: absolute; content: ""; background: none; bottom: 0; height: 684px; width: 100%; left: 0; z-index: 0}

.welcome_section2 .mr-2,.welcome_section2 .mx-2 {
    margin-right: 0.5rem !important;
}
.welcome_section2 .rounded-circle {
    border-radius: 50% !important;
}
.welcome_section2 i {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s;
	font-size: 20px;
color: #F80004 !important;
}

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
/* ===================================
     Welcome Section3
====================================== */
.welcome_section3 .section_heading3 p.color_text{font-size: 20px; line-height: 30px; color: #0c5adb; font-weight: 300; margin-bottom: 30px}
.welcome_section3 .section_heading3 p{font-size: 15px; line-height: 24px; font-weight: 400; color: #4b5064;margin-top: 8px;}
.welcome_section3{position: relative}
.welcome_section3 img {padding: 10px 20px 10px 0px; height: 380px; width: 100%;}
.welcome_section3:before{position: absolute; content: ""; background: url("../images/inverse_cloud.png"); width: 100%; height: 75px; top: -15px; left: 0}

.welcome_section3 figure img{width: 730px; position: relative; z-index: 9;}
.welcome_section3:after{position: absolute; content: ""; background: none; bottom: 0; height: 684px; width: 100%; left: 0; z-index: 0}
.welcome_content_box3{position: relative; z-index: 9}
.welcome_content_box3 h2{margin-bottom: 5px; margin-top: 10px;font-size: 17px;text-transform: uppercase;}
.welcome_content_box3 p{font-size: 15px;
line-height: 22px;
font-weight: 400;
color: #4b5064;
	margin-top: 5px;}
.welcome_content_box4{position: relative; z-index: 9}
.welcome_content_box4 h2{font-size: 22px;
line-height: 30px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 8px;}
.welcome_content_box4 p{font-size: 16.5px;
line-height: 24px;
font-weight: 400;
color: #4b5064;
margin-top: 8px;}
.welcome_section1 .semi1 img{width: 320px;padding-top: 30px;}
.welcome_section1 .semi2 img{width: 320px;padding-top: 20px;}

.welcome_section1 .vps1 img{width: 480px;padding-top: 10px;}
.welcome_section1 .vps2 img{width: 520px;padding-top: 70px;}
.welcome_section1 .vps3 img{width: 440px;padding-top: 10px;}
.welcome_section1 .vps4 img{width: 440px;padding-top: 50px;}
.welcome_section1 .vps5 img{width: 520px;padding-top: 80px;}
.welcome_section1 .vps6 img{width: 440px;padding-top: 10px;}
.welcome_section1 .vps7 img{width: 470px;padding-top: 50px;}
.welcome_section1 .wvps1 img{width: 570px;padding-top: 20px;}
.welcome_section1 .wvps6 img{width: 570px;padding-top: 50px;}
.welcome_section1 .wvps2 img{width: 500px;padding-top: 0px;}
.welcome_section1 .wvps3 img{width: 570px;padding-top: 0px;}
.welcome_section1 .wvps4 img{width: 560px;padding-top: 50px;}
.welcome_section1 .wvps5 img{width: 590px;padding-top: 40px;}
.welcome_section1 .xvps1 img{width: 480px;padding-top: 40px;}
.welcome_section1 .xvps2 img{width: 520px;padding-top: 90px;}
.welcome_section1 .xvps3 img{width: 480px;padding-top: 30px;}
.welcome_section1 .xvps4 img{width: 460px;padding-top: 40px;}
.welcome_section1 .xvps5 img{width: 540px;padding-top: 40px;}
.welcome_section1 .xvps6 img{width: 500px;padding-top: 50px;}
.welcome_section1 .kvps5 img{width: 520px;padding-top: 100px;}
/* ===================================
     Counter Section
====================================== */
.counter_section{background-image: linear-gradient(100deg, #099dfe 0%, #002694 95%)}
.feature_box figure img{width: 73px; transition: all ease-in-out 0.5s; height: 73px}
.feature_box:hover figure img{transform: translateY(-10px)}
/* ===================================
     Blog Section
====================================== */
.blog_section{position: relative}
.blog_section:before{position: absolute; content: ""; background: url("../images/inverse_cloud.png"); width: 100%; height: 75px; top: -15px; left: 0}
.blog_post_box{background-color: #fff; border-radius: 4px; overflow: hidden}
.blog_post_box figure img{transition: all ease-in-out 0.5s}
.blog_post_box figure{overflow: hidden}
.blog_post_box:hover figure img{transform: scale(1.3)}
.blog_content_box{padding: 50px 40px}
.blog_content_box .date_box{font-size: 16px; line-height: 24px; font-weight: 300; color: #0c5adb; margin-bottom: 10px}
.blog_content_box p{font-size: 20px; line-height: 28px; color: #051646; font-weight: 500}
/* ===================================
        Testimonial Section
====================================== */
.testimonial_box{background-color: #fff; border-radius: 4px; box-shadow: 0 0 7px 0 rgba(0,0,0,.10); padding: 50px; transition: all ease-in-out 0.5s; position: relative}
.testimonial_box .client_name{font-size: 20px; line-height: 26px; color: #0c5adb; font-weight: 700}
.testimonial_box .client_designation{font-size: 16px; line-height: 24px; color: #4b5064; font-weight: 300; margin-bottom: 20px; text-align: right}
.testimonial_box p{font-size: 16px; line-height: 28px; font-weight: 300}
.testimonial_slider_slide{padding: 20px}
.testimonial_slider_indicators{bottom: -30px; right: -125px;}
.testimonial_slider_indicators li{width: 10px; height: 10px; border: 2px solid #0c5adb; border-radius: 100%; background-color: transparent}
.testimonial_slider_indicators li.active{background-color: #0c5adb; border: 2px solid #0c5adb}
.testimonial_box:hover{background-image: linear-gradient(50deg, #002694 0%, #099afb 100%);color: #fff;}
.testimonial_box:hover p, .testimonial_box:hover .client_name, .testimonial_box:hover .client_designation{color: #fff}
.testimonial_raring_star{position: absolute; top: 55px; right: 40px}
.testimonial_raring_star li{display: inline-block}
.testimonial_raring_star li a i{color: #0c5adb}
.testimonial_box:hover .testimonial_raring_star li a i{color: #fff}

.testimonial_name{font-size: 18px; line-height: 24px; color: #3e7ccc; 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 #3e7ccc}
.two_column_testimonial_box{border: 1px solid #3e7ccc; border-radius: 4px; padding: 30px}
.testimonial_two_client_name{font-size: 20px; line-height: 24px; color: #3e7ccc; 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 #3e7ccc}
.rating_star_list li{display: inline-block}
.testimonial_box {border: 1px solid #3e7ccc; background: #fff; padding: 35px 40px 30px; border-radius: 4px; box-shadow: 0 10px 20px rgba(47,57,93,.2); float: left; width: 100%;min-height: 380px;}
.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: #3e7ccc}
.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 #3e7ccc; width: 95px; height: 95px; border-radius: 100%; overflow: hidden; float: right}
.client_profile_pic figure i{color: #3e7ccc;
font-size: 66px;
text-align: center;padding: 7px 12px;}
.testimonial_box:hover .client_profile_pic figure{border-color: #fff}
.testimonial_box:hover .client_profile_pic figure i{color: #fff;}
.client_profile_pic figure i:hover{color:#fff;}
.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: #3e7ccc; border: 2px solid #fff}
.two_column_testimonial_box p{font-size: 14px; line-height: 24px; color: #777}
/* ===================================
       COA Section
====================================== */
.coa_section{background: url("../images/bg_coa.jpg") no-repeat center; background-size: cover}
.coa_section .section_heading p{color: #fff; margin-bottom: 35px}
.btn_coa{display: inline-block; font-size: 16px; line-height: 16px; color: #fff; font-weight: 500; background-color: #0c5adb; border-radius: 4px; padding: 19px 40px; transition: all ease-in-out 0.5s; border: 2px solid #0c5adb}
.btn_coa:hover{background-color: transparent; border: 2px solid #fff; color: #fff}

/* ===================================
      Default Footer Section
====================================== */
.default_footer_outer{background: url("../images/footer_bg.jpg") no-repeat center; background-size: cover}
.default_footer_links_box h5{font-size: 24px; line-height: 30px; color: #fff; font-weight: 700; margin-bottom: 20px}
.footer_links_list li a{font-size: 14px; line-height: 36px; color: #fff; font-weight: 300; transition: all ease-in-out 0.5s}
.footer_links_list li{color: #fff; font-weight: 300; font-size: 14px; line-height: 36px}
.footer_links_list li a:hover{color: #1bd1ea}
.default_footer_copyright_box, .default_footer_copyright_box a{font-size: 14px; line-height: 14px; font-weight: 300; color: #fff; padding: 20px 0}
.default_footer_social_links{text-align: right}
.default_footer_social_links li{display: inline-block; padding: 0 5px}
.default_footer_social_links li a{width: 47px; height: 47px; border: 1px solid #fff; display: table; border-radius: 100%; transition: all ease-in-out 0.5s}
.default_footer_social_links li a i{display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; color: #fff; transition: all ease-in-out 0.5s}
.default_footer_copyright_box a:hover{color: #1bd1ea}
.default_footer_social_links li a:hover{background-color: #fff; border: 1px solid #fff}
.default_footer_social_links li a:hover i{color: #051646}
/* ===================================
        Counter Section
====================================== */
.counter_img_outer{width: 80px; line-height: 80px; background-color: #034c97; border-radius: 100%; display: table}
.counter_img_outer figure{display: table-cell; vertical-align: middle; text-align: center}
.counter_count{font-size: 48px; line-height: 48px; font-weight: 700; color: #fff}
.counter_type{font-size: 20px; line-height: 30px; font-weight: 300; color: #fff}

/* ===================================
        Shared Hosting Plan
====================================== */

/* ===================================
     Shared Hosting Plan Section
====================================== */
.hosting_plan_outer_box, .outer_shared_hosting_plan{position: relative; z-index: 1}
.cloud_border{position: relative;
content: "";
background: url("../images/cloud_border.png");
width: 100%;
height: 75px;
left: 0;
top: 55px;}
.text_size{font-size: 20px;}

.green-cloud{position: relative;
content: "";
background: url("../images/green-cloud.png");
width: 100%;
height: 47px;
left: 0;
top: -50px;}

.shared_plan_box .price_box {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}
.btn_plan{display: inline-block; font-size: 14px; line-height: 14px; color: #fff; font-weight: 400; text-transform: uppercase; background-color: transparent; padding: 13px 32px; border-radius: 6px; border: 2px solid #fff; letter-spacing: 0.5px; transition: all ease-in-out 0.5s}
.btn_plan:hover{background-color: #fff; border: 2px solid #fff; color: #000}
.outer_shared_hosting_plan:before{position: absolute; content: ""; background: url("../images/small_dot_img.png")no-repeat; background-size: 100%; width: 244px; height: 199px; top: -55px; left: -175px;z-index: -1;}
.outer_shared_hosting_plan:after{position: absolute; content: ""; background: url("../images/dots_round_img.png")no-repeat; background-size: 100%; width: 166px; height: 140px; right: -110px; bottom: -60px; z-index: -1}

.shared_plan_box{padding: 40px 50px}
.purple_plan_box{border-radius: 0 0 22px 0; background-color: #4a0671}
.yellow_plan_box{border-radius: 0 22px 0 0; background-color: #faa51e}
.red_plan_box{border-radius: 0 0 0 22px; background-color: #d74141}
.blue_plan_box{border-radius: 20px 0 0 0; background-color: #034ab4}
.shared_plan_box h2{font-size: 48px; line-height: 48px; font-weight: 800; color: #fff; text-transform: uppercase; margin-bottom: 10px}
.shared_plan_box h4{font-size: 48px; line-height: 48px; font-weight: 800; color: #fff; text-transform: uppercase; margin-bottom: 10px}
.shared_plan_box .price_box{margin-bottom: 15px}
.shared_plan_box .btn_plan{padding: 14px 25px}
.shared_plan_list{padding-top: 10px}
.shared_plan_list li{font-size: 17px; line-height: 30px; color: #fff; font-weight: 400; position: relative; padding-left: 15px}
.shared_plan_list li:before{position: absolute; content: ""; background-color: transparent; border: 2px solid #fff; border-radius: 100%; width: 8px; height: 8px; top: 11px; left: 0}
/* ===================================

        Reseller Feature Section
====================================== */
.reseller_feature_box{padding: 45px 90px 45px 35px; border-radius: 10px}
.reseller_feature_box figure img{width: 42px}
.reseller_feature_box figure{text-align: center}
.reseller_feature_box h3{font-size: 30px; line-height: 30px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px}
.reseller_feature_box p{font-size: 16px; line-height: 22px; color: #fff; font-weight: 400}


/* ===================================
        Reseller Plans Section
====================================== */
.reseller_feature_heading{font-size: 30px; line-height: 48px; color: #fff; text-transform: uppercase; font-weight: 800; font-family: 'Barlow', sans-serif; background-color: #034ab4; width: 100%; text-align: left; padding: 10px 25px;}
.first_heading{border-radius: 22px 22px 0 0}
.last_heading{border-radius: 0 0 22px 22px}
.data_management_laptop_btn {border-top-left-radius: 22px;}
.data_management_btn04 {border-top-right-radius: 22px;}
.reseller_feature_plan_box{padding-bottom: 10px}
#accordion2 .card-header button[aria-expanded="true"]:before {position: absolute; content: ""; transition: all ease-in-out 0.5s; transform: rotate(90deg); background: url("../images/right_arrow_icon.png"); width: 27px; height: 27px; top: 23px; right: 30px}
#accordion2 .card-header button[aria-expanded="false"]:before {position: absolute; content: ""; transition: all ease-in-out 0.5s; background: url("../images/right_arrow_icon.png"); width: 27px; height: 27px; top: 23px; right: 30px}
#basic_feature_heading,#basic_feature_heading1,#basic_feature_heading2,#basic_feature_heading3, #advanced_feature_heading, #db_feature_heading, .reseller_feature_content_box{padding: 0}
#accordion2 .card-header button[aria-expanded="true"], #accordion2 .card-header button[aria-expanded="false"]{color: #fff}

.reseller_plan_table tbody .plan_section_btn td {
    padding: 25px 25px;
}
.reseller_plan_outer {
    width:100%;
    margin:0 auto;
    position:relative;
}
.reseller_plan_list {
    display:flex;
    top:0;
    z-index:10;
    padding-bottom:14px;
}
.reseller_plan_list li {
    list-style:none;
    flex:1;
}
.reseller_plan_list li:last-child {
    border-right:1px solid #DDD;
}
.reseller_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
}
.reseller_plan_list li.active button {
    background:#F5F5F5;
    color:#000;
}
.reseller_plan_table { border-collapse:collapse; table-layout:fixed; width:100%; }
.reseller_plan_table th { background:#F5F5F5; display:none; }
.reseller_plan_table td, .reseller_plan_table th {
    height:53px
}
.reseller_plan_table td, .reseller_plan_table th { padding:10px; empty-cells:show; }
.reseller_plan_table th{border: none; font-size: 30px; line-height: 42px; font-weight: 800; font-family: 'Barlow', sans-serif; color: #000}
.reseller_plan_table th:first-child{border: none; font-size: 30px; line-height: 42px; font-weight: 800; font-family: 'Barlow', sans-serif; color: #000;padding-left: 25px;}
.reseller_plan_table td, .reseller_plan_table th {
    text-align:left;
}
.reseller_plan_table td{border-bottom: 1px solid #f5f5f5; border-left: 1px solid #eee}
.reseller_plan_table td i{color:#fa2c68 } 
.reseller_plan_table .flag-border img {
    border: 1px solid;
	margin-right: 2px;
}
.reseller_plan_table td:last-child{border-right: 1px solid #eee}
.reseller_plan_table tbody tr:first-child td{font-size: 25px; line-height: 48px; color: #fa2c68; font-weight: 800; font-family: 'Barlow', sans-serif; text-transform: uppercase; padding: 10px 25px;}
.reseller_plan_table tbody td{font-size: 18px; line-height: 18px; font-weight: 400; padding: 15px 25px}
.reseller_plan_table td+td, .reseller_plan_table th+th {
    text-align:center;
    display:none;
}
.reseller_plan_table td.default {
    display:table-cell;
}

.sep {
    background:#F5F5F5;
    font-weight:bold;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C; }
.hide {
    border:0;
    background:none;
}

@media (min-width: 640px) {
    .reseller_plan_list {
        display:none;
    }
    .reseller_plan_table td, .reseller_plan_table th {
        display:table-cell !important;
    }
    .reseller_plan_table td, .reseller_plan_table th {
        width: 330px;

    }
    .reseller_plan_table td+td, .reseller_plan_table th+th {
        width: auto;
    }
}
/* ===================================
             Promotions Page
====================================== */
.deal_box .dedicated_plan_box{padding: 30px 15px}
.deal_box .dedicated_plan_box_heading{margin-bottom: 20px}
.deal_box .server_name{margin-bottom: 20px}
/* ===================================
   Dedicated Price Plan Section
====================================== */
.promotion{background: url("../images/495.jpg");}
.promobox{padding-top: 50px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
border-radius: 30px;
background-color: white;
-webkit-box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);
box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);}
.promobox h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 10px;
    color: #0c5adb;
}
.testimoni-box{padding-top: 50px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
border-radius: 30px;
background-color: white;
-webkit-box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);
box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);}
.testimoni-box h2{
    font-size: 29px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 10px;
    color: #0c5adb;
}
.privacy{padding-top: 10px;
padding-right: 40px;
padding-bottom: 5px;
padding-left: 40px;
border-radius: 30px;
background-color: white;
-webkit-box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);
box-shadow: 0 0px 27px 0 rgba(62, 97, 157, .3);}
.privacy h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 0px;
    color: #0c5adb;
}
.promobox .border_pro{border-bottom: 4px solid #fa2c68;padding-right: 400px;}
.dedicated_plan_box{background-color: #fff;  padding: 30px;box-shadow: 0 0 30px 7px rgba(0,0,0,.07); transition: all ease-in-out 0.5s}
.box_shadow1{background-color: #fff;box-shadow: 0px 0px 25px 0px rgba(172,246,203,0.7);}
.box_shadow2{background-color: #fff;box-shadow: 0px 0px 25px 0px rgba(251,119,119,0.7);}
.box_shadow13{background-color: #fff;box-shadow: 0px 0px 25px 0px rgba(140,108,238,0.7);}
.dedicated_plan_box_img{background: url("../images/dedicated_plan_img01.png"); width: 145px; height: 145px; margin: 0 auto}
.dedicated_plan_box_heading{font-size: 24px; line-height: 28px; color: #0c5adb}
.dedicated_plan_box_heading span{font-size: 13px; line-height: 28px; color: #fa2c68}
.server_name{font-size: 27px;
line-height: 52px;
color: #0c5adb;
margin-bottom: 20px;
position: relative;}
.server_name:before {
    position: absolute;
    content: "";
    background: url("../images/circle.png");
    width: 93px;
    height: 93px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -20px;
}
.dedicated_plan_listing{margin-bottom: 20px}
.dedicated_plan_listing li{font-size: 16px; line-height: 30px; color: #5a5f69}
.dedicated_plan_price{font-size: 16px; line-height: 24px; color: #1633ff}
.dedicated_plan_price span{font-size: 48px; line-height: 24px}
.btn_dedicated_plan_box{background-color: rgba(194,211,253,.7); padding: 15px 0; box-shadow: 0 30px 30px 0 rgba(0,0,0,.07)}
.outer_dedicated_plan_box:hover .dedicated_plan_box{box-shadow: 0 0 0 10px #0c5adb inset}
.outer_dedicated_plan_box:hover .btn_dedicated_plan_box{background-color: #0c5adb}
.outer_dedicated_plan_box:hover .inner_btn_dedicated_plan_box .circle{width: 100%}
.outer_dedicated_plan_box:hover .inner_btn_dedicated_plan_box .circle{background: #fff}
.outer_dedicated_plan_box:hover .inner_btn_dedicated_plan_box .circle .icon.arrow{background: #000 !important;
    -webkit-transform: translate(1rem, 0);
    transform: translate(1rem, 0);}
.outer_dedicated_plan_box:hover a.inner_btn_dedicated_plan_box .button-text{color: #5a5f69}
.outer_dedicated_plan_box:hover .inner_btn_dedicated_plan_box .circle .icon.arrow::before{    border-top: 0.125rem solid #000;
    border-right: 0.125rem solid #000;}
.d-none{display: none;}
.inner_btn_dedicated_plan_box {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}
.inner_btn_dedicated_plan_box {
    width: 220px;
    height: auto;
}
.inner_btn_dedicated_plan_box .circle {
    transition: all .7s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    margin: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 1.625rem;
}
.bg_button1{background: #31d576; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #31d576 0%, #92f5bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #31d576 0%, #92f5bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #31d576 0%, #92f5bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.bg_button2{background: #ff2323; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ff2323 0%, #f88a63 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ff2323 0%, #f88a63 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ff2323 0%, #f88a63 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.bg_button3{background: #673de6; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #673de6 0%, #ac92fd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #673de6 0%, #ac92fd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #673de6 0%, #ac92fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


.inner_btn_dedicated_plan_box:hover .circle{background: #fff}
.inner_btn_dedicated_plan_box .circle .icon {
    transition: all .7s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}
.inner_btn_dedicated_plan_box .circle .icon.arrow {
    transition: all .7s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}
.inner_btn_dedicated_plan_box .circle .icon.arrow::before {
    position: absolute;
    content: '';
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inner_btn_dedicated_plan_box:hover .circle .icon.arrow::before{    border-top: 0.125rem solid #000;
    border-right: 0.125rem solid #000;}
.inner_btn_dedicated_plan_box .button-text {
    transition: all .7s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 0;
    margin: 0 0 0 1.85rem;
    color: #282936;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    text-align: center;
}
.inner_btn_dedicated_plan_box:hover .circle {
    width: 100%;
}
.inner_btn_dedicated_plan_box:hover .circle .icon.arrow {
    background: #000 !important;
    -webkit-transform: translate(1rem, 0);
    transform: translate(1rem, 0);
}
a.inner_btn_dedicated_plan_box:hover .button-text {
    color: #000;
}


/* ===================================  
     VPS  Feature Section
====================================== */
.vps_feature_box{padding: 45px 90px 45px 35px; border-radius: 10px}
.vps_feature_box figure img{width: 42px}
.vps_feature_box figure{text-align: center}
.vps_feature_box h3{font-size: 30px; line-height: 30px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px}
.vps_feature_box p{font-size: 16px; line-height: 22px; color: #fff; font-weight: 400}


/* ===================================
        VPS  Plans Section
====================================== */
.vps_feature_heading {
    font-size: 20px;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Barlow', sans-serif;
    background-color: #0568ce;
    width: 100%;
    text-align: left;
    padding: 10px 10px;
}
.vps_feature_heading2 {
    font-size: 20px;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Barlow', sans-serif;
    background-color: #0568ce;
    width: 100%;
    text-align: left;
    padding: 10px 10px;
}
.vps_feature_plan_box{padding-bottom: 10px}

.vps_plan_table tbody .plan_section_btn td {
    padding: 25px 25px;
}
.vps_plan_outer {
    width:100%;
    margin:0 auto;
    position:relative;
	box-shadow: 0 0 15px 0 rgba(0,105,255,.30);

}
.vps_plan_list {
    display:flex;
    top:0;
    z-index:10;
    padding-bottom:14px;
}
.vps_plan_list li {
    list-style:none;
    flex:1;
}
.vps_plan_list li:last-child {
    border-right:1px solid #DDD;
}
.vps_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
}
.vps_plan_list li.active button {
    background:#F5F5F5;
    color:#000;
}
.vps_plan_table { border-collapse:collapse; table-layout:fixed; width:100%;background-color: #fff; }
.vps_plan_table th { background:#F5F5F5; display:none; }
.vps_plan_table td, .vps_plan_table th {
    height:53px
}
.vps_plan_table td, .vps_plan_table th { padding:10px; empty-cells:show; }
.vps_plan_table th{border: none; font-size: 30px; line-height: 42px; font-weight: 800; font-family: 'Barlow', sans-serif; color: #000}
.vps_plan_table td, .vps_plan_table th {
    text-align:left;
}
.vps_plan_table td{border-bottom: 1px solid #f5f5f5; border-left: 1px solid #eee}
.vps_plan_table td i{color:#fa2c68 } 
.vps_plan_table .flag-border img {
    border: 1px solid;
	margin-right: 5px;
}
.vps_plan_table td:last-child{border-right: 1px solid #eee}
.vps_plan_table tbody tr td:first-child{font-size: 12px; line-height: 20px;  font-weight: 750;color:#151515; font-family: 'Barlow', sans-serif; text-transform: uppercase; padding: 10px 0; width: 175px;text-align: center}
.vps_plan_table tbody td{font-size: 15px; line-height: 18px; font-weight: 400; padding: 15px 25px ;color: #fa2c68;}
.vps_plan_table td+td, .vps_plan_table th+th {
    text-align:center;
    display:none;
}
.vps_plan_table td.default {
    display:table-cell;
}


@media (min-width: 640px) {
    .vps_plan_list {
        display:none;
    }
    .vps_plan_table td, .vps_plan_table th {
        display:table-cell !important;
    }
    .vps_plan_table td, .vps_plan_table th {
        width: 175px;

    }
    .vps_plan_table td+td, .vps_plan_table th+th {
        width: 175px;
    }
}

.outer_vps_hosting_plan{position: relative; z-index: 1}
.outer_vps_hosting_plan:before{position: absolute; content: ""; background: url("../images/small_dot_img.png")no-repeat; background-size: 100%; width: 244px; height: 199px; top: -55px; left: -175px}
.outer_vps_hosting_plan:after{position: absolute; content: ""; background: url("../images/dots_round_img.png")no-repeat; background-size: 100%; width: 166px; height: 140px; right: -90px; bottom: -80px; z-index: -1}
.btn_readmore{font-size: 14px; line-height: 1px; color: #fff; font-weight: 500; border-radius: 6px; background-color: #fa2c68;  padding: 15px 15px; transition: all ease-in-out 0.5s; text-transform: uppercase;margin-top: 10px;}
.btn_readmore:hover{background-color: #0568ce; color: #fff;box-shadow: 0 0 0 0}
.btn_readmore:active{border: none;box-shadow: 0 0 0 0}
.btn_readmore:focus{border: none;box-shadow: 0 0 0 0}

/* ===================================
        1 click intaller
====================================== */


.rtbgprefix-cover {
	background: url("../images/bg-18.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.rtbgprefix-cover p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}
.rt-spacer-100
{
    height: 100px;
}
.rt-spacer-md-0
    {
        height: 0;
    }
.rt-spacer-md-60
    {
        height: 60;
    }
.mx-auto{margin-right:auto!important;
}
.mx-auto{margin-left:auto!important}
.install-list-item {
    position: relative;
    z-index: 1;
    height: 300px;
}
.rt-list, .price-list-parent, .domain-search-parent, .domain-buyfooter, .order-detils-box, .filter-list, .tp-r-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.install-list-item li:nth-child(1) {
    top: 0;
    left: 0;
}
.install-list-item li {
    position: absolute;
}
.install-list-item li img {
    max-width: 90px;
}

.install-list-item
{
    position: relative;
    z-index: 1;

    height: 300px;
}
@media (max-width: 991.98px)
{
    .install-list-item
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        height: auto;
        margin-top: 30px; 

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
.install-list-item li
{
    position: absolute;
}
.install-list-item li img
{
    max-width: 90px;
}
@media (max-width: 991.98px)
{
    .install-list-item li img
    {
        max-width: 100%;
    }
}
@media (max-width: 991.98px)
{
    .install-list-item li
    {
        position: static;

        max-width: 20%; 

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
    }
}
@media (max-width: 767.98px)
{
    .install-list-item li
    {
        max-width: 33.33%; 

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
            -ms-flex: 0 0 33.33%;
                flex: 0 0 33.33%;
    }
}
.install-list-item li:hover img
{
    -webkit-animation: pulse 400ms ease-in-out;
            animation: pulse 400ms ease-in-out;
}
.install-list-item li:nth-child(1)
{
    top: 0; 
    left: 0;
}
.install-list-item li:nth-child(2)
{
    top: 42px; 
    left: 9%;
}
.install-list-item li:nth-child(3)
{
    top: 85px;
    left: 18%;
}
@media (max-width: 991.98px)
{
    .install-list-item li:nth-child(3)
    {
        top: 89px; 
        left: 22%;
    }
}
.install-list-item li:nth-child(4)
{
    top: 42px;
    left: 27%;
}
.install-list-item li:nth-child(5)
{
    top: 85px;
    left: 36%;
}
.install-list-item li:nth-child(6)
{
    top: 42px;
    left: 45%;
}
.install-list-item li:nth-child(7)
{
    top: 85px;
    left: 54%;
}
.install-list-item li:nth-child(8)
{
    top: 0;
    right: 0;
}
.install-list-item li:nth-child(9)
{
    top: 42px;
    right: 9%;
}
.install-list-item li:nth-child(10)
{
    top: 85px;
    right: 18%;
}
.install-list-item li:nth-child(11)
{
    top: 42px;
    right: 27%;
}
.install-list-item li:nth-child(12)
{
    top: 100px;
    right: 0;
}
.install-list-item li:nth-child(13)
{
    top: 100px;
    left: 0;
}
.install-list-item li:nth-child(14)
{
    top: 145px;
    left: 9%;
}
.install-list-item li:nth-child(15)
{
    top: 145px;
    right: 9%;
}
.install-list-item li:nth-child(16)
{
    top: 145px;
    left: 27%;
}
.install-list-item li:nth-child(17)
{
    top: 145px;
    left: 45%;
}
.install-list-item li:nth-child(18)
{
    top: 145px;
    right: 27%;
}

.rt-price-1.mini-title.has-icon .price-body .rt-list,
.rt-price-1.mini-title.has-icon .price-body .price-list-parent,
.rt-price-1.mini-title.has-icon .price-body .domain-search-parent,
.rt-price-1.mini-title.has-icon .price-body .domain-buyfooter,
.rt-price-1.mini-title.has-icon .price-body .order-detils-box,
.rt-price-1.mini-title.has-icon .price-body .filter-list,
.rt-price-1.mini-title.has-icon .price-body .tp-r-list
{
    text-align: start;
}
.rt-price-1.mini-title.has-icon .price-body .rt-list li,
.rt-price-1.mini-title.has-icon .price-body .price-list-parent li,
.rt-price-1.mini-title.has-icon .price-body .domain-search-parent li,
.rt-price-1.mini-title.has-icon .price-body .domain-buyfooter li,
.rt-price-1.mini-title.has-icon .price-body .order-detils-box li,
.rt-price-1.mini-title.has-icon .price-body .filter-list li,
.rt-price-1.mini-title.has-icon .price-body .tp-r-list li
{
    border-color: rgba(51, 64, 106, .302);
}
.rt-price-1.mini-title.has-icon .price-body .rt-list li span,
.rt-price-1.mini-title.has-icon .price-body .price-list-parent li span,
.rt-price-1.mini-title.has-icon .price-body .domain-search-parent li span,
.rt-price-1.mini-title.has-icon .price-body .domain-buyfooter li span,
.rt-price-1.mini-title.has-icon .price-body .order-detils-box li span,
.rt-price-1.mini-title.has-icon .price-body .filter-list li span,
.rt-price-1.mini-title.has-icon .price-body .tp-r-list li span
{
    margin-right: 10px;
}

/* ===================================
      Sahred Feature Section
====================================== */
.website_feature_box{background-color: #fff; border-radius: 10px; box-shadow: 0 0 7px 0 rgba(0,0,0,.10); padding: 50px}
.website_feature_box h3{font-size: 30px; line-height: 30px; font-weight: 700; color: #051646; margin-bottom: 15px}
.website_feature_box p{font-size: 18px; line-height: 24px; font-weight: 300; color: #0c5adb; margin-bottom: 20px}
.website_feature_box_list li{font-size: 16px; line-height: 28px; color: #4b5064; font-weight: 300; position: relative; padding-left: 20px}
.website_feature_box_list li span{color: #0c5adb}
.website_feature_box_list li:before{position: absolute; content: ""; background: url("../images/check_mark.png"); width: 12px; height: 10px; top: 9px; left: 0}
.outer_website_feature_box{margin-top: -370px; margin-bottom: 100px}
.shared_feature_content_box{padding-right: 80px; padding-top: 60px}
.shared_feature_content_box h2{font-size: 36px; line-height: 36px; font-weight: 500; color: #051646; margin-bottom: 25px}
.shared_feature_content_box p{font-size: 16px; line-height: 24px; font-weight: 300; color: #4b5064}
/* ===================================
            FAQ  Section
====================================== */
#accordion01 .card-header button{position: relative; text-align: left}
#accordion01 .card-header button[aria-expanded="true"]:before {position: absolute; content: ""; background: url("../images/faq_question_active_img.png"); width: 27px; height: 27px; top: 5px; left: 0}
#accordion01 .card-header button[aria-expanded="false"]:before {position: absolute; content: ""; background: url("../images/faq_question_img.png"); width: 27px; height: 27px; top: 5px; left: 0}
#accordion01 .card-header button[aria-expanded="true"]{font-size: 20px; line-height: 24px; color: #0c5adb; font-weight: 400}
#accordion01 .card-header button[aria-expanded="false"]{font-size: 20px; line-height: 24px; color: #4b5064; font-weight: 400}
.question_content, .question_content:hover, .question_content:focus{text-decoration: none}
.question_content_body{padding: 0 0 0 70px; font-size: 16px; line-height: 28px; color: #4b5064; font-weight: 300}
.question_content{padding-left: 50px}
.outer_question_content{padding: 10px 0; border-bottom: 1px solid #cfd3da; border-radius: 0}
.outer_question_content:last-child{border-bottom: none}
/* ===================================
      Reseller Hosting Plan
====================================== */
.reseller_price_plan {
    width:100%;
    margin:0 auto;
    position:relative;
}
.reseller_price_plan_list {
    display:flex;
    top:0;
    z-index:10;
    padding-bottom:14px;
}
.reseller_price_plan_list li {
    list-style:none;
    flex:1;
}
.reseller_price_plan_list li:last-child {
    border-right:none;
}
.reseller_price_plan_list li button {
    width:100%;
    border: none;
    padding: 10px;
    background:#FFF;
    font-size:14px;
    font-weight:bold;
    height:60px;
    color:#000
}
.reseller_price_plan_list li button:focus{outline: none}
.reseller_price_plan_list li.active button {
    background:#0069ff;
    color:#fff;
}
.reseller_price_plan_table {border-collapse:collapse; table-layout:fixed; width:100%; background-color: #fff; box-shadow:  0 0 7px 0 rgba(0,0,0,.10);}
.reseller_price_plan_table th { background:#F5F5F5; display:none; }

.reseller_price_plan_table thead th:first-child{background-color: transparent !important; text-align: left; border: none}
.reseller_price_plan_table thead th{background-color: #fff; font-size: 18px; line-height: 36px; color: #000; padding: 20px 25px 0; font-weight: 400}
.reseller_price_plan_table tbody td:first-child{font-size: 14px; line-height: 24px; color: #4b5064; font-weight: 300; text-align: left}
.reseller_price_plan_table tbody td{padding: 20px 25px}
.reseller_price_plan_table td, .reseller_price_plan_table th { border: none; empty-cells:show}
.reseller_price_plan_table td, .reseller_price_plan_table th {
    text-align:center;
}
.reseller_price_plan_table tbody tr:nth-child(even){background-color: #eef3fc}
.reseller_price_plan_table td.default {
    display:table-cell;
}
.sep {
    background:#0c5adb;
    font-size: 24px !important; line-height: 30px; color: #fff !important; font-weight: 500;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px}
.hide {border:0; background:none}
.reseller_price_plan_table td+td, .reseller_price_plan_table th+th {
    text-align:center;
    display:none;
}
@media (min-width: 768px) {
    .reseller_price_plan_list {
        display:none;
    }
    .reseller_price_plan_table td, .reseller_price_plan_table th {
        display:table-cell !important;
    }
    .reseller_price_plan_table thead th:first-child, .reseller_price_plan_table tbody td:first-child {
        width: 330px;

    }
}
.btn_reseller_plan {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    background-color: #fa2c68;
    padding: 12px 20px;
    margin: 5px 0;
    border-radius: 6px;
    text-transform: uppercase;
	color: #fff;
    letter-spacing: 1px;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.3s;
}
.btn_reseller_plan:hover {background-color: #5d088e; color: #fff;}
.reseller_plan_table tbody .plan_section_btn td {
    padding: 25px 25px;
}
/* ===================================
        Reseller Feature Section
====================================== */
.reseller_feature_box{background-color: #fff; box-shadow: 0 0 7px 0 rgba(0,0,0,.10); padding: 60px 20px; text-align: center; position: relative; transition: all ease-in-out 0.5s}
.reseller_feature_box figure{text-align: center}
.reseller_feature_box h3{font-size: 30px; line-height: 30px; font-weight: 500; color: #051646; margin: -40px 0 0 0}
.reseller_feature_hover_box{background-color: #0c5adb; padding: 60px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all ease-in-out 0.5s}
.reseller_feature_box:hover .reseller_feature_hover_box{opacity: 1}
.reseller_feature_hover_box h3{font-size: 30px; line-height: 30px; font-weight: 500; color: #fff; margin: 0 0 20px 0}
.reseller_feature_hover_box p{font-size: 16px; line-height: 28px; color: #fff; font-weight: 300}

/* ===================================
       Dedicated Server Table
====================================== */

/* ===================================
        Shared Feature Section
====================================== */
.dedicate_server_table{position: relative; z-index: 1; background: #fff; border-radius: 32px; box-shadow: 0 0 0 1px #eee inset}
.dedicate_server_table thead th{border: none; padding: 10px 10px; vertical-align: middle;width: auto;}
.dedicate_server_table thead th:first-child{font-size: 20px; line-height: 48px; font-weight: 800; color: #fff; text-transform: uppercase; font-family: 'Barlow', sans-serif; border-radius: 22px 0 0 0;width: auto;}
.dedicate_server_table thead th:last-child{border-radius: 0 22px 0 0;width: auto;}
.btn_dedi_server{font-size: 14px; line-height: 14px; transition: all ease-in-out 0.3s; font-weight: 400; color: #fff; text-transform: uppercase; background-color: #fa2c68; border-radius: 6px; padding: 12px 15px}
.dedicate_server_table thead th:nth-child(5) {
    font-size: 20px;
    
    font-weight: 800;
    color: #faa51e;
    text-transform: uppercase;
	font-family: 'Barlow', sans-serif;width: auto;}
.dedicate_server_table thead th del {
    font-size: 18px;
    
    font-weight: 800;
    color: #faa51e;
    text-transform: uppercase;
	font-family: 'Barlow', sans-serif;width: auto;}
.btn_dedi_server:hover {background-color: #fff; color: #000;}
.dedicate_server_table tbody td{font-size: 16px; line-height: 18px; font-weight: 400; vertical-align: middle; text-transform: uppercase; width: auto;padding-left: 50px;
padding-top: 15px;
}
.dedicate_server_table tbody tr td{border-top: none;width: auto;height: 85px;}
.dedicate_server_table tbody tr:last-child td:first-child{border-radius: 0 0 0 22px}
.dedicate_server_table tbody tr:last-child td:last-child{border-radius: 0 0 22px 0}
.dedi_server_price{display: inline-block;}
.dedi_server_btn_outer{display: inline-block}
.dedicate_server_table tbody tr:first-child td{position: relative}
.dedicate_server_table tbody tr:first-child td:nth-child(1):before{position: absolute; content: ""; background: url("../images/cpu2.png"); width: 35px; height: 35px; top: 25px; left: 10px}
.dedicate_server_table tbody tr:first-child td:nth-child(2):before{position: absolute; content: ""; background: url("../images/ramm.png"); width: 35px; height: 35px; top: 25px; left: 10px}
.dedicate_server_table tbody tr:first-child td:nth-child(3):before{position: absolute; content: ""; background: url("../images/ssd.png"); width: 35px; height: 35px; top: 25px; left: 20px}
.dedicate_server_table tbody tr:first-child td:nth-child(4):before{position: absolute; content: ""; background: url("../images/ip2.png"); width: 35px; height: 35px; top: 25px; left: 10px}
.dedicate_server_table tbody tr:first-child td:nth-child(5):before{position: absolute; content: ""; background: url("../images/bandwith2.png"); width: 35px; height: 35px; top: 25px; left: 10px}
.dedicate_server_table tbody tr:first-child td:nth-child(6):before{position: absolute; content: ""; background: url("../images/delivery.png"); width: 35px; height: 35px; top: 25px; left: 10px}

.dedicate_server_table tbody td .compare-name{
	font-weight: bold;
	display: block;
	line-height: 20px;
}
.dedicate_server_table tbody td .compare-namecpu{
	font-weight: bold;
	display: block;
	line-height: 20px;
	color: #7f7f7f;
	font-size:14px;
}


.dedicate_server_table tbody td .compare-line{
	font-weight: 300;
	display: block;
	color: #7f7f7f;
	line-height: 20px;
	text-transform: capitalize;
	font-size:14px
}
.dedicate_server_table tbody td .compare-plus{
	font-weight: bold;
	display: block;
	color: #7f7f7f;
	line-height: 20px;
	text-transform: capitalize;
	font-size:15px;
	padding-left: 60px;
}
.dedicate_server_table tbody td .compare-hdd{
	padding: 10px 8px;
font-weight: 400;
color: #252525;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
font-size:15px;
width: auto;
}
.box_shadow{box-shadow: 0 0 15px 0 rgba(0,105,255,.30);}

.rh_plan{font-size: 30px; line-height: 30px; font-weight: 400; color: #051646; margin-bottom: 20px}

/* ===================================
      Dedicated Guarantee Section
====================================== */
.dedicated_guarantee_box{position: relative}
.dedicated_guarantee_box:before{position: absolute; content: ""; background: url("../images/inverse_cloud.png"); width: 100%; height: 75px; left: 0; bottom: -50px}

/* ===================================
         Dedicated Feature Tab
====================================== */
.dedicated_feature_tab_content{padding-right: 80px; padding-top: 30px}
.dedicated_feature_tab_content h2{font-size: 36px; line-height: 36px; color: #051646; font-weight: 500; margin-bottom: 15px}
.dedicated_feature_tab_content p{font-size: 16px; line-height: 24px; color: #4b5064; font-weight: 300}
.dedicated_feature_list{margin-bottom: 80px; border: none}
.dedicated_feature_list li a:hover{border: none}
.dedicated_feature_list li a{border: none !important; padding: 0 5px}

.dedicated_feature_list li:first-child a{padding-left: 0}
.dedicated_feature_list li:last-child a{padding-right: 0}
.dedicated_feature_list li a.active{background-color: transparent !important;}

.dedicated_feature_list_img01{background: url("../images/dedicated_feature_img01.png") no-repeat; width: 120px; height: 120px; transition: all ease-in-out 0.5s}
.dedicated_feature_list_img02{background: url("../images/dedicated_feature_img02.png") no-repeat; width: 120px; height: 120px; transition: all ease-in-out 0.5s}
.dedicated_feature_list_img03{background: url("../images/dedicated_feature_img03.png") no-repeat; width: 120px; height: 120px; transition: all ease-in-out 0.5s}
.dedicated_feature_list_img04{background: url("../images/dedicated_feature_img04.png") no-repeat; width: 120px; height: 120px; transition: all ease-in-out 0.5s}
.dedicated_feature_list_img05{background: url("../images/dedicated_feature_img05.png") no-repeat; width: 120px; height: 120px; transition: all ease-in-out 0.5s}

.dedicated_feature_list_img01:hover{background: url("../images/hover_dedicated_feature_img01.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list_img02:hover{background: url("../images/hover_dedicated_feature_img02.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list_img03:hover{background: url("../images/hover_dedicated_feature_img03.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list_img04:hover{background: url("../images/hover_dedicated_feature_img04.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list_img05:hover{background: url("../images/hover_dedicated_feature_img05.png") no-repeat; width: 120px; height: 120px}

.dedicated_feature_list li a.active .dedicated_feature_list_img01{background: url("../images/hover_dedicated_feature_img01.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list li a.active .dedicated_feature_list_img02{background: url("../images/hover_dedicated_feature_img02.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list li a.active .dedicated_feature_list_img03{background: url("../images/hover_dedicated_feature_img03.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list li a.active .dedicated_feature_list_img04{background: url("../images/hover_dedicated_feature_img04.png") no-repeat; width: 120px; height: 120px}
.dedicated_feature_list li a.active .dedicated_feature_list_img05{background: url("../images/hover_dedicated_feature_img05.png") no-repeat; width: 120px; height: 120px}
/* ===================================
     Managed & Semi Managed  Section
====================================== */
.business_solution_box{background-color: #fff;
box-shadow: 0 0 20px 0 rgba(255,114,33,1);
border-radius: 32px;
padding: 40px;
text-align: left;
width: 70%;
margin: 0px auto;}
.business_solution_box figure img{width: 87px}
.business_solution_box figure{margin-bottom: 30px}
.business_solution_box h4, .dedicated_why_choose_box h4, .about_us_content_box h4{font-size: 22px; line-height: 22px; color: #000; font-family: 'Fira Sans', sans-serif; font-weight: 600; margin-bottom: 10px}
.business_plan_list{margin-bottom: 30px}
.business_plan_list li{font-size: 14px; line-height: 30px; color: #555; font-weight: 500; position: relative; padding:5px 0px 5px 25px;border-bottom: 1px solid #c3cfd6;}
.business_plan_list li span{color: #0069ff}
.business_plan_list li i{position: absolute; content: ""; line-height: 28px; top: 5px; left: 0;font-size: 20px;color: #fa2c68;}
.business_plan_btn{display: inline-block; font-size: 15px; line-height: 17px; color: #0069ff; border: 2px solid #0069ff; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,105,255,.30); border-radius: 32px; padding: 13px 30px; font-weight: 500; font-family: 'Fira Sans', sans-serif; transition: all ease-in-out 0.5s}
.business_plan_btn:hover{background-color: #0069ff; border: 2px solid #0069ff; color: #fff}
.featured_business_plan{position: relative}
.featured_business_plan figure img{width: 72px}
.featured_business_plan_tag{font-size: 15px; line-height: 17px; font-weight: 500; font-family: 'Fira Sans', sans-serif; color: #fff; background-color: #0069ff; box-shadow: 0 0 20px 0 rgba(0,105,255,.30); border-radius: 32px; padding: 13px 30px; width: 125px; position: absolute; top: 50px; right: 50px}
/* ===================================      Hosting Plans Section====================================== */
.tos_patten{background: url("../images/pattern2.png") no-repeat;
background-color: #F3F1F1;}
.privacy_patten{background-color: #fff;position: relative;
z-index: 1;}
.privacy_patten:before{
position: absolute;
content: "";
background: url("../images/497.jpg")no-repeat;
    background-size: auto;
background-size: 100%;
width: 300px;
height: 220px;
top: 30px;
left: 155px;
	z-index: -1;}

.about_patten{


background: url("../images/about-pattern.png")no-repeat;
}

.box_shadow4 li{background-color: #fff;}
.bg_f7f8fa{background-color: #f7f8fa;}
.ssl_text h2{font-size: 20px;
font-weight: 500;
	color: #0069ff;
padding :25px 0px 0px 0px;
text-align: center}
.ssl_text p{font-size: 15px;
	font-weight: 400;
padding: 5px 15px ;
text-align: center}

.privacy2  {
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    margin: 20px 0 10px;
    color: #0c5adb;
	text-transform: uppercase;
}
.tos_text h2{font-size: 20px;
font-weight: 500;
	color: #0c5adb;
padding :25px 0px 0px 0px;
text-align: left}
.tos_text {font-size: 15px;
font-weight: 400;
padding: 5px 5px 10px 5px;
text-align: left;
margin-left: 25px;}
.tos_text p{padding-top: 10px;}
.tos_text ul{padding: 10px 45px 10px 45px; }
.tos_text hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid rgba(0,0,0,.1);
}
.tos_text hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.box_shadow4{box-shadow:10px 15px 37px 10px rgba(62, 97, 157, .3)}
.box_shadow3{box-shadow:0 0px 27px 0 rgba(62, 97, 157, .3)}
.box_shadow5{box-shadow:10px 15px 37px 10px rgba(62, 97, 157, .3);border-radius: 8px}

.border-radius{border-radius: 15px;}
.tab-content .tos_img img{width: 400px;}
.hosting_plans li a {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #424357;
    padding: 10px 15px 10px 25px;
    display: block;
	width: 300px;
text-align: left;
}
.hosting_plans li a span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #8d97ad
}
.hosting_plans li {
   
    border-bottom: 1px solid rgba(244,244,244,0.85);
}
.hosting_plans li:first-child {
    border-top: 1px solid rgba(240,239,239,0.86);
	border-radius: 15px 15px 0px 0px;
}
.hosting_plans li:last-child {
    border-bottom: 1px solid rgba(240,239,239,0.86);
	border-radius: 0px 0px 15px 15px;
}
.hosting_plan_list li {
    float: left;
    width: 100%;
    padding: 13px 16px;
    border-bottom: 1px solid #c3cfd6
}
.hosting_plan_list li figure {
    float: left
}
.hosting_plan_img figure img {
   float: right;
	width: 300px;
}
.hosting_plan_img figure {
	padding:20px 40px;

}
.hosting_plan_img{
	
	text-align: center;
	padding: 20px;
	
}
.hosting_plan_img h2{
	font-size: 17px;
font-weight: 500;
padding-bottom: 8px;
}
.hosting_plan_img p{
	
	font-size: 13px;
	font-weight: 400;
	
}
.hosting_plan_list li span{color: #fa2c68;font-size: 25px;margin-left: 3px;}
.hosting_plan_list li .inner_hosting_plan_list {
    font-size: 14px;
line-height: 30px;
color: #0069ff;
font-weight: 500;
position: relative;
}
.bg_hosting_index{position: relative;}
.bg_hosting_index::after {
    position: absolute;
    content: "";
    background: url("../images/bg_doted_featured.png") no-repeat center bottom;
    width: 100%;
    height: 542px;
    bottom: 0;
    left: 0;
	top: 180px;
	z-index: -1;
}
.hosting_plan_index {
    position: relative;
}
.hosting_plan_index::after {
    position: absolute;
    content: "";
    background: url("../images/doted_img03.png");
    width: 204px;
    height: 204px;
    right: -95px;
    bottom: -100px;
    z-index: -1;
}
.hosting_plan_index::before {
    position: absolute;
    content: "";
    background: url("../images/doted_img02.png");
    width: 145px;
    height: 145px;
    left: -65px;
    top: -55px;
    z-index: -1;
}
.price_tag span {
    font-size: 30px;
    line-height: 26px;
    font-weight: 500;
    color: #424357
}
.price_tag {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #424357;
    padding: 20px 0 20px 20px;
    float: left;
    width: 100%
}
.hosting_plans li a.active {
   
    box-shadow: 5px 0 0 0 #0c5adb inset, 0 0 10px 0 rgba(0, 0, 0, 0);
	color: #0c5adb;
}
.hosting_plans li a.active span {
    color: #ff5e62
}
.hosting_plan_list {
    padding: 0px 10px
}
.hosting_plan_list span img {
    border: 1px solid #000;
	width: 25px;
}
.hosting_plan_box h4 {
    margin-bottom: 10px;
}
.hosting_plan_box h4 {
       font-size: 19.5px;
    line-height: 38px;
    color: #0c5adb;
    font-weight: 500;
    margin-bottom: 5px;
    letter-spacing: 1px;

}
.hosting_plan_pricee{font-size: 25px; line-height: 75px; color: #0d79ed; font-weight: 700;}
.hosting_plan_pricee del{font-size: 22px}
.hosting_plan_pricee small{font-size: 20px; font-weight: 700}
.btn_ssl_server {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    background-color: #fa2c68;
    padding: 12px 20px;
    margin: 5px 0;
    border-radius: 6px;
    text-transform: uppercase;
	color: #fff;
    letter-spacing: 1px;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.3s;
}
.btn_ssl_server:hover {background-color: #5d088e; color: #fff;}
.uppercase{text-transform: uppercase;}



/* ===================================
         promotion Box
====================================== */
.offer{font-size: 28px;
font-weight: bold;
padding-left: 56px;
}
.offer-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top: 85px;
margin-left: 70px;
}
.left-arrow {
    border-left: 20px solid #fff;
    margin-right: 15px;
}
.left-arrow, .right-arrow {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.right-arrow {
    border-right: 20px solid #fff;
    margin-left: 15px;
}
.offer-countdown-item h2 {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 0;
  color: #ffffff;
}


.offer-countdown-item h6 {
  font-size: 16px;
  line-height: 18px;
  opacity: 0.8;
}

.offer-countdown-item h6 {
  font-size: 16px;
  line-height: 18px;
  opacity: 0.8;
}

/* ===================================
         Domain Box
====================================== */
.domain_box{background-color: #fff; box-shadow: 0 0 7px 0 rgba(0,0,0,.10); border-radius: 4px; padding: 30px 50px}
.domain_name{font-size: 30px; line-height: 30px; font-weight: 700; color: #051646; margin-bottom: 25px}
.domain_box p{font-size: 18px; line-height: 24px; font-weight: 300; color: #4b5064; margin-bottom: 20px}
.domain_price_box{font-size: 52px; line-height: 52px; color: #0c5adb; font-weight: 700; margin-bottom: 20px}
.domain_price_box span{font-size: 16px; line-height: 24px}
.domain_btn{font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; background-color: #0c5adb; border-radius: 4px; padding: 16px 60px; display: inline-block; transition: all ease-in-out 0.5s; border: 2px solid #0c5adb}
.domain_btn:hover{background-color: #fff; border: 2px solid #0c5adb; color: #0c5adb}
/* ===================================
          Domain Table
====================================== */
.domain_table{background-color: #fff}
.domain_table thead th{background-color: #0c5adb; font-size: 14px; line-height: 18px; color: #fff; font-weight: 400; border: none; padding: 15px 0}
.domain_table tbody td{font-size: 14px; line-height: 18px; color: #4b5064; font-weight: 400; padding: 20px 0}
.domain_table tbody tr:nth-child(odd){background-color: #eef3fc}
.domain_table tbody td{border: none}
/* ===================================
          About Welcome Section
====================================== */
.about_welcome_section:before{display: none}
.history_box{background-color: #fff; border-radius: 4px; box-shadow: 0 0 7px 0 rgba(0,0,0,.10); padding: 50px 40px}
.history_box figure img{width: 183px}
.history_box figure{margin-bottom: 30px}
.history_box h3{font-size: 30px; line-height: 30px; font-weight: 700; color: #051646; margin-bottom: 25px}
.history_box p{font-weight: 300}
.outer_history_box{margin-top: -275px}
/* ===================================
          Team Section
====================================== */
.team_social_links{margin-bottom: 20px}
.team_social_links li{background-color: #0c5adb; border: 3px solid #fff; padding: 15px 0; border-bottom: none; transition: all ease-in-out 0.5s}
.team_social_links li a i{font-size: 18px; color: #fff}
.team_social_links li:first-child{border-left: none; border-right: none}
.team_social_links li:last-child{border-left: none; border-right: none}
.team_social_links li:hover{background-color: #051646; cursor: pointer}
.hosting_team_box h4{font-size: 24px; line-height: 24px; color: #051646; font-weight: 700; margin-bottom: 15px}
.hosting_team_box p{font-weight: 300}


/* ===================================
     Mailing Address Section
====================================== */
.mailing_address_box{background-color: #fff; border-radius: 4px; box-shadow: 0 0 7px 0 rgba(0,0,0,.10); padding: 60px 80px; min-height: 377px}
.mailing_address_box figure img{height: 110px}
.mailing_address_box figure{margin-bottom: 25px}
.mailing_address_box h3{font-size: 30px; line-height: 30px; font-weight: 700; color: #051646; margin-bottom: 20px}
.mailing_address_box p{font-weight: 300}

.contact_list li, .contact_list li a{font-weight: 300}



.location_map{margin-top: -165px}
.contact_form_fields{width: 100%; border: 1px solid #ccd2dc; border-radius: 10px; padding: 20px; font-size: 18px; line-height: 18px; font-weight: 300; margin-bottom: 10px}
.contact_form_fields:focus{outline: none}
.btn_submit_message{width: 100%; font-size: 16px; line-height: 16px; font-weight: 500; color: #fff; border: none; border-radius: 10px; background-color: #0c5adb; padding: 25px 0}
.btn_submit_message:focus{outline: none}
.contact_form_fields.error{border: 1px solid red}
span.error{display: none !important;}




.pages_plan{padding: 50px 30px}
.guarantee_img_box figure img , .voip_feature_img_box figure img{width: 50px; height: 50px}
.guarantee_box h3, .why_choose_box h3, .voip_feature_box h5{font-size: 20px; line-height: 24px; color: #000; margin-bottom: 10px}
.why_choose_box figure img{width: 50px; height: 50px}
.why_choose_box figure, .voip_feature_img_box figure{margin-bottom: 20px}
.payment_method_box {
    background-color: #e8e8e8;
    border-radius: 10px;
    padding: 60px 80px;
}
.payment_method_box figure {
    margin-bottom: 20px;
}




    /* ===================================
            Blog Page
    ====================================== */
.blog_banner{padding: 65px; background-image: linear-gradient(100deg, #099dfe 0%, #002694 95%);}
.blog_banner .banner_content_box h1{margin-bottom: 10px; font-weight: 400; font-size: 40px; line-height: 48px; color: #fff}
.banner_content_box{padding-top: 70px;color: #fff;}
.breadcrumb ul li a, .breadcrumb ul li{color: #fff}

/* ===================================
             Header01
====================================== */

.header01_top_bar{padding: 10px 0 74px}
.header01_top_bar_content{font-size: 14px; line-height: 14px; margin: 8px 0 0; color: #000; font-weight: 400}
.header01_top_bar_btn{text-align: right;margin-top: 5px;}
.btn_contact_us{display: inline-block; font-size: 13px; line-height: 14px; font-weight: 400; background-color: #fdd700 ; color: #000; padding: 8px 10px; border-radius: 10px; transition: all ease-in-out 0.5s}
.btn_contact_us .fa{padding-right: 5px;}
.btn_contact_us:hover{background-color: #0d79ed; color: #fff}
.btn_contact_blog{display: inline-block; font-size: 13px; line-height: 14px; font-weight: 400; background-color: #F75267 ; color: #000; padding: 8px 10px; border-radius: 10px; transition: all ease-in-out 0.5s}
.btn_contact_blog .fa{padding-right: 5px;}
.btn_contact_blog:hover{background-color: #0d79ed; color: #fff}

.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; z-index: 999}
.header01_logo img{width: 200px;height: 50px;}
.header01_logo{margin: 0; padding: 34px 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: 12px; line-height: 14px}
.header01_contact_list li i{padding-right: 7px; color: #000}
.header01_social_links li a{font-size: 16px; line-height: 20px; color: #777; padding: 0 5px}
.header01_contact_info_box{padding: 0px 15px 12px; border-bottom: 1px solid #e5e5e5}

.header01_contact_info_box img {height: 22px;
width: auto;
} 
.outer_header01_logo{border-right: 1px solid #e5e5e5; text-align: center}
.header01_navbar li a{padding: 15px 19px !important; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #000; transition: all ease-in-out 0.5s}
.header01_navbar li .header01_dd_menu a{font-size: 14px; text-transform: capitalize; transition: all ease-in-out 0.5s; padding: 10px 25px !important;}
.header01_navbar li .header01_dd_menu04 a{font-size: 14px; text-transform: capitalize; transition: all ease-in-out 0.5s; padding: 10px 25px !important;}
.header01_navbar li .header01_dd_menu a:hover, .header01_navbar li .header01_dd_menu04 a:hover{background-color: #1bd1ea; color: #fff}
.outer_header01_navbar .hosting_dd_menu{top: 52px}
.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.5s}
.header01_contact_list li a:hover, .header01_contact_list li:hover i, .header01_contact_list li:hover {color: #0069ff}
.header01_navbar li a:hover{color: #0069ff}
.header01_navbar .outer_mega_menu .default_mega_menu .list_mega_menu_box li a:hover{color: #0069ff}
.header01_social_links li a:hover{color: #0069ff}
.header01_dd_menu{left: 0; top: 52px}
.header01_dd_menu04{top: 52px; left: 0}
.header01_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a{font-size: 13px; line-height: 24px; color: #333; display: block; padding: 0 0 0 45px !important; text-transform: capitalize; position: relative;}
.header01_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a:hover{transform: translateY(-4px);}
.header01_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #0069ff; border-radius: 100%; top: 9px; left: 30px;}
.header01_navbar .company_dropdown {top: 52px}
/* ===================================
             Header02
====================================== */
.left_box{float: left; width: 50%; padding: 15px 0; border-bottom: 1px solid #d2e8fe}
.right_box {width: 50%; float: right; text-align: right; padding: 15px 0; border-bottom: 1px solid #d2e8fe}
.left_box a{font-size: 14px; line-height: 14px}
.left_box a i{color: #000; margin-right: 10px}
.left_box a:hover, .left_box a:hover i{color: #1bd1ea}
.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 #d2e8fe}
.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; box-shadow: 0 0 20px 0 rgba(0,105,255,.30);  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: #000}
.header_02_social_links li a:hover i{color: #1bd1ea}
.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: #1bd1ea}
.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: 12px; line-height: 24px; color: #777; font-weight: 300; text-transform: capitalize}
.menubar_header_02 li a:hover, .header02_right_side li a:hover{color: #1bd1ea}
.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-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 .hosting_dd_menu{top: 52px; left: -40px}
.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: #1bd1ea; color: #fff}
.header_02_navigation_links .menubar_header_03 .header02_dd_menu{top: 52px; left: 0 !important; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.30);}
.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: #1bd1ea; border-radius: 100%; top: 9px; left: 30px;}
.header02_mobile_logo{display: none}

.bg-red {
    background-color: #F80004 !important;
    color: #fff;
}
.mr-1, .mx-1 {
    margin-right: .25rem !important;
}
.badge {
    display: inline-block;
    padding: .41em .5em;
    font-size: 100%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.infonews small {
    color: #000 !important;
    font-size: 13px;
}
.infonews li a:hover { text-decoration:underline;color:#230BF5;}
.infonews p a:hover { text-decoration:underline;color:#230BF5;}
.infonews li a{ font-size: 13px;}
.infonews-nav li {
	position: relative;
	display: inline-block
}
.infonews li i{color:#230BF5;}
.infonews li:hover i {color:#230BF5;}
.infonews-nav a {
	color: #bcbcbc!important;
	font-size: 12px;
	margin-left: 20px;
	cursor: pointer;
	vertical-align: text-top
}
.infonews-nav a:hover {
	text-decoration: none;
	color: #fff!important
}

.c-violet{
	color:#230BF5;
}
element {
}
.bcg-pink {
    color: #fff !important;
    background-color: #E16C9E;
}
.bcg-yellow {
    background-color: #fdd700;
color: #000;
font-weight: 400;}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
/* ===================================
              Header 03
====================================== */
.header03_gradient_bg{background-color: #051646; padding: 0}
.header03_navbar li a{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 400; padding: 20px !important; transition: all ease-in-out 0.5s}
.header03_navbar li a:hover{color: #1bd1ea}
.header03_contact_info li{display: inline-block; position: relative; padding: 0 10%; 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: #000}
.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: 62px; border-radius: 4px; left: -15px}
.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: #1bd1ea; color: #fff !important;}
.mega_menu03{left: 15%; top: 62px !important; padding: 40px 50px}
.header03_navbar .mega_menu03 .list_mega_menu_box li a{font-size: 12px; 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: #1bd1ea}
.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: #1bd1ea; border-radius: 100%; top: 9px; left: 30px}
.header03_navbar .default_dd_menu:before{display: none}
/* ===================================
             Header 04
====================================== */
.header04_top_bar{background-color: #051646; padding: 10px 0}
.office_timing{font-size: 14px; line-height: 14px; color: #fff; font-weight: 300; padding-top: 7px}
.header04_social_links li{display: inline-block}
.header04_social_links li a i{font-size: 14px; color: #fff; padding: 0 5px; transition: all ease-in-out 0.5s}
.header04_social_links li a i:hover{color: #1bd1ea}
.header04_navigation{background-color: #051646; padding: 0}
.header04_navbar li a{font-size: 14px; line-height: 16px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 20px !important; transition: all ease-in-out 0.5s}
.header04_navbar li a:hover{color: #1bd1ea}
.header04_dropdown{top: 54px; border-radius: 4px}
.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: #1bd1ea; 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: #fff; 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: #1bd1ea}
.header04_navbar .default_dd_menu:before{display: none}
.header04_navbar .hosting_dd_menu{top: 54px; left: -45px}
.header04_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;}
.header04_navbar .hosting_dd_menu .hosting_megamenu_dd_body_list li a:before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #1bd1ea; border-radius: 100%; top: 9px; left: 30px}

/* ===================================
           Footer01
====================================== */
.footer01_logo figure img{width: 130px}
.copyright_box, .copyright_box a{font-size: 13px; line-height: 24px; color: #fff; font-weight: 400;z-index: 1;}
.copyright_box{padding-left: 5px;}
.copyright_box a:hover{color: #92BBFF}
.outer_logo_box{border-bottom: 1px solid #c4e0fd; padding-bottom: 40px; float: left; width: 100%}
.footer01_social_links li{display: inline-block;z-index: 1;}
.footer01_content_box p{font-size: 14px; line-height: 24px; color: #fff;}
.footer01_social_links li a{font-size: 18px; color: #fff; padding: 0 10px; transition: all ease-in-out .5s;z-index: 1}
.footer01_social_links li a:hover{color: #ECDE1A}
.footer01_social_links li:first-child a{padding-left: 0}
.footer01_links_list li{padding-left: 60px;z-index: 1}
.footer01_links_list li a{font-size: 14px; line-height: 40px; color: #fff; font-weight: 400; position: relative; padding-left: 20px; transition: all ease-in-out 0.5s;z-index: 1;}
.footer01_links_list li a:hover{color: #92BBFF}
.footer01_links_list li a:before{position: absolute; content: ""; background-color: #3c77ff; width: 7px; height: 7px; border-radius: 100%; top: 4px; left: 0;z-index: 1}
.footer01_contact_list li{font-size: 14px; line-height: 24px; color: #fff; font-weight: 400; padding: 15px 0 15px 60px; border-bottom: 1px solid #c4e0fd; position: relative}
.footer01_contact_list li:last-child{border-bottom: none}
.footer01_contact_list li a{color: #fff; transition: all ease-in-out 0.5s;z-index: 1}
.footer01_contact_list li a:hover{color: #1bd1ea}
.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_section2{
    position: relative;
    content: "";
    background: url("../images/footer_bg2.jpg") no-repeat center;
    width: 100%;
}
.footer02_section2 .payment-list {
    text-align: right;
    color: #90a4ae;
    list-style-type: none;
    margin: -180px 0px 0px -30px;
}
.footer02_section2 .payment-list .heading {
    font-size: 18px;
    font-family: "Open Sans Semibold";
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    padding-right: 23px;
}
.footer02_section2 h3.widget-title {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    letter-spacing: 0.64px;
    margin-top: 0;
    line-height: 30px;
    margin-bottom: 0px;
    position: relative;
    padding-left: 35px;
    text-transform: uppercase;
    word-wrap: break-word;
	font-weight: 700;
}
.footer02_section2 .payment-list h3.widget-title > span  {
  height: 2px;
width: 180px;
background: linear-gradient(to right, rgb(42, 22, 155) 10%, rgb(41, 137, 216) 50%, rgb(44, 212, 217) 95%);
margin: 5px auto;
	display: block !important;
}
.footer02_section2 .payment-list li {
	display: inline-block;
	margin-right: 3px;
	font-size: 32px
}
.footer02_section2 .payment-list li:last-child {
	margin-right: 0
}
.footer02_section2 .payment-list li p {
	margin-bottom: 2px;
	color: #DBD6D6;
	font-family: "Open Sans";
	font-size: 15px;
	margin-right: 10px;
	display: table;
	font-weight: 600;
}
.footer02_section2 .payment-list li img{
	
	margin-bottom: 7px;
height: 33px;}
.overlayi {
	position: relative
}
.overlayi:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
.overlayf {
	position: relative
}
.overlayf:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6)
}
.overlayff {
	position: relative
}
.overlayff:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.65)
}
.footer02_links_list li{display: inline-block}
.footer02_links_list li a{font-size: 15px; line-height: 24px; color: #fff; text-transform: uppercase; font-weight: 500; padding: 0 10px; transition: all ease-in-out 0.5s}
.footer02_links_list li a:hover{color: #5A96FB}
.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: 24px; font-weight: 400; color: #fff; background-color: #2f395d; border-radius: 10px; padding: 9px 45px 9px 65px; 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: #1bd1ea; color: #fff}
.footer02_center_box{border-top: 1px solid #d2e8fe; border-bottom: 1px solid #d2e8fe}
.footer02_logo img{width: 200px}
.footer02_logo{margin-bottom: 15px}
.footer02_content_box p{font-size: 14px; line-height: 24px; color: #fff; font-weight: 400; padding-right: 30px}
.footer02_link_box .footer01_links_list li{padding-left: 0}
.footer_heading{color: #fff; margin-bottom: 15px;text-transform: uppercase;}
.outer_footer01_social_links{z-index: 1000;padding-right: 5px; text-align: right;}
/* ===================================
              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: #1bd1ea}
.footer03_links li a:before{position: absolute; content: ""; background-color: #1bd1ea; width: 7px; height: 7px; border-radius: 100%; left: 0; top: 4px}
.footer03_content_box p{font-size: 14px; line-height: 24px; color: #777}
.footer03_social_links li{font-size: 14px; line-height: 36px; color: #2f395d; font-weight: 400}
.footer03_social_links li a{padding-left: 10px; color: #777; transition: all ease-in-out .5s}
.footer03_social_links li a:hover{color: #1bd1ea}
.footer03_logo figure{margin-bottom: 0}
.footer03_contact_box01, .footer03_contact_box02, .footer03_contact_box03{position: relative; padding-left: 55px}
.footer03_contact_box01:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img01.png"); width: 36px; height: 45px; top: 20px; left: 0}
.footer03_contact_box02:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img02.png"); width: 32px; height: 32px; top: 30px; left: 0}
.footer03_contact_box03:before{position: absolute; content: ""; background: url("../images/footer01_contact_list_img03.png"); width: 42px; height: 42px; top: 20px; left: 0}
.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{color: #777 !important; transition: all ease-in-out 0.5s}
.footer03_contact_box01 div a:hover, .footer03_contact_box02 div a:hover, .footer03_contact_box03 div a:hover{color: #1bd1ea !important;}

/* ===================================
              Footer 04
====================================== */
.footer04_logo img{width: 150px; margin-bottom: 15px}
.footer04_copyright{font-size: 16px; line-height: 24px; font-weight: 500; color: #2f395d}
.footer04_copyright a{color: #2f395d; transition: all ease-in-out 0.5s}
.footer04_copyright a:hover{color: #ff7211}
.footer04_contact_box01, .footer04_contact_box02, .footer04_contact_box03{position: relative; padding-left: 55px}
.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}

.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: #777}
.footer04_contact_box01 a:hover, .footer04_contact_box02 a:hover, .footer04_contact_box03 a:hover{color: #ff7211}


    /* ===================================
             Contact Form
    ====================================== */
.input_label{font-size: 16px; line-height: 24px; font-weight: 600; color: #000; margin-bottom: 10px}
.contact_form{border: none; background-color: #f4f7fb; border-radius: 32px; padding: 25px 20px; margin-bottom: 20px}
.check_list li{display: inline-block; padding-left: 20px}
.contact_fields, .date_field, .gj-datepicker-bootstrap [role=right-icon] button{border: none !important; border-radius: 32px; background-color: #f4f7fb}
.date_field{padding: 25px 20px}
.custom-file-label{border: none; background-color: #f4f7fb; border-radius: 32px;}
.custom-file-label:after{background-color: #cfdae9;
    border-radius: 32px;
    padding: 8px 15px;
    font-size: 14px;
    display: block;
    height: 38px; transition: all ease-in-out 0.5s}
.custom-file:hover .custom-file-label:after{background-color: #3e7ccc; color: #fff}
.learn_more{display: inline-block; font-size: 14px; line-height: 18px; color: #fff; font-weight: 600; background-color: #3e7ccc; border-radius: 32px; padding: 15px 40px; transition: all ease-in-out 0.5s}
.learn_more:hover{background-color: #0e1f35; color: #fff}
.contact_fields:focus{outline: none; border: 1px solid #3e7ccc !important;}


@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 li:hover .header02_dd_menu{display: block}
.menubar_header_02 li:hover .hosting_dd_menu{display: block}
.header02_right_side li:hover .mega_menu_header02{display: block}
.header02_right_side li:hover .header02_dd_menu{display: block}
.header03_navbar li:hover .header03_dropdown{display: block}
.header03_navbar li:hover .hosting_dd_menu{display: block}
.header03_navbar li:hover .mega_menu03{display: block}
.header04_navbar li:hover .header04_dropdown{display: block}
.header04_navbar li:hover .hosting_dd_menu{display: block}
.header04_navbar li:hover .header04_mega_menu{display: block}


}

.hosting_megamenu_dd_body_list{padding: 10px 0}

#return-to-top {
    z-index: 1000;
    position: fixed;
    bottom: 180px;
    right: 15px;
    background: #0948b3 ;
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border: 2px 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:focus{outline: none}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 11px;
    top: 6px;
    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;
}
#return-to-top:hover{background-color: #0731A4}

/************ 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: #3e7ccc;
    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: #3e7ccc;
    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: #3e7ccc;
    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;
}

/* ===================================
           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: 50%; top: 38%}
#data_center_box04{position: absolute; cursor: pointer; left: 52%; top: 43%}
#data_center_box05{position: absolute; cursor: pointer; left: 65%; top: 28%}
#data_center_box06{position: absolute; cursor: pointer; left: 50%;top: 29%;}
#data_center_box07{position: absolute; cursor: pointer; left: 52%; top: 35%}
.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 0px;
    font-size: 10px;
    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: #3e7ccc}
#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;}
.location-outer span img{width: 34px}

/* ===================================
            404 page
====================================== */
.error_page_outer{background: url("../images/bg_404.png") no-repeat center; background-size: cover; position: relative; height: 100vh; display: table}
.error_page_inner{display: table-cell; vertical-align: middle; text-align: center}
.logo_box a figure img{width: 140px}
.logo_box_404 a figure img{width: 500px;
padding: 50px 0px;}
.error_tag{font-size: 250px; font-weight: 900; color: #fff; line-height: 250px}
.error_tag_line{font-size: 48px; line-height: 54px; color: #fff; font-weight: 600; margin-bottom: 20px}
.error_page_inner p{font-size: 30px; line-height: 42px; color: #fff; font-weight: 400; margin-bottom: 40px}
.btn_return_home{display: inline-block; font-size: 14px; line-height: 18px; color: #fff; background-color: #000; border-radius: 32px; padding: 15px 40px; text-transform: uppercase; font-weight: 300; transition: all ease-in-out 0.5s}
.btn_return_home:hover{background-color: #fff; color: #000}
.footer_error_page{position: absolute; content: ""; left: 0; bottom: 20px; width: 100%; padding: 0 10px}
.error_page_copy_right{font-size: 14px; color: #000; line-height: 18px}
.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}
/* ===================================
            Coming Soon
====================================== */
.bg_coming_soon{background: url("../images/bg_coming_soon.jpg") no-repeat center; background-size: cover; width: 100%; position: relative; height: 100vh; display: table}
.inner_coming_soon{display: table-cell; vertical-align: middle; text-align: center; z-index: 9; position: relative}
.bg_coming_soon:before{position: absolute; content: ""; background-color: #fff; width: 790px; margin: 0 auto; top: 0; left: 0; right: 0; height: 100%;}
.coming_soon_logo figure img{width: 140px}
.coming_soon_logo{margin-bottom: 80px}
.inner_coming_soon .small_text{font-size: 20px; line-height: 28px; color: #3e7ccc; font-weight: 600; text-transform: uppercase}
.inner_coming_soon h1{font-size: 94px; line-height: 94px; color: #2f395d; font-weight: 900; text-transform: uppercase; margin-bottom: 20px}
.coming_soon_center_box{background-color: #fff; width: 790px; margin:  0 auto}
.counter_outer_box .counter_box{display: inline-block; padding: 0 50px}
.counter_outer_box .counter_box:first-child{padding-left: 0}
.counter_outer_box .counter_box:last-child{padding-right: 0}
.countd .counter{font-size: 50px; line-height: 30px; color: #2f395d; font-weight: 600; margin-bottom: 10px}
.countd div{font-size: 16px; line-height: 30px; color: #2f395d; font-weight: 600; text-transform: uppercase}
.counter_outer_box{width: 720px; background-color: #eef6fe; margin: 0 auto; border-radius: 70px; padding: 30px 0}
.coming_soon_tag_line{font-size: 24px; line-height: 36px; font-weight: 600; color: #000}
.inner_coming_soon p{margin-bottom: 30px}
.subscribe_text{font-size: 18px; line-height: 24px; color: #000; font-weight: 600; margin-bottom: 10px}
.subscribe_email_field{background-color: #f4f7fb; border-radius: 32px; border: none; font-size: 14px; padding: 11px 20px; width: 25%; border: 1px solid #f4f7fb}
.subscribe_email_field:focus{outline: none;  border: 1px solid #ff7211}
.subscribe_btn{display: inline-block; font-size: 13px; line-height: 14px; color: #fff; font-weight: 600; background-color: #000; padding: 15px 50px; border: none; border-radius: 32px; transition: all ease-in-out 0.5s}
.subscribe_btn:hover{background-color: #3e7ccc; color: #000}
.subscribe_btn:focus{outline: none}
.subscribe_email_box{margin-bottom: 40px}

.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}

.carousel-wrapp {
  margin: 0px auto;
  padding: 0 1%;
  width: 100%;
  position: relative;
}

.fa-twitter:before {
    content: "𝕏";
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
}