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

/* ===================================
    Reset
====================================== */
body{color:#777; font-size: 16px; line-height: 24px; font-weight: 300;
    font-family: 'Lato', 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: #777}
a:hover{text-decoration: none; color: #b7181d}
figure{margin: 0}
/* ===================================
    Typography
====================================== */
.primary_font   {font-family: 'Lato', sans-serif;}
/* ===================================
    Margin
====================================== */
/*Margin Bottom*/
.mb_0               {margin-bottom: 0 !important;}
.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_3e3e3e      {color: #3e3e3e}
.color_b7181d      {color: #b7181d}
.color_5872b0      {color: #5872b0}
.color_ce5370      {color: #ce5370}
.color_e88e0c      {color: #e88e0c}
.color_499e1b      {color: #499e1b}
/*Background Colors*/
.bg_f4f4f4         {background-color: #f4f4f4}
.bg_131313         {background-color: #131313}
.bg_0d0c0c         {background-color: #0d0c0c}
.bg_e9f3fb          {background-color:  #e9f3fb}
/* ===================================
    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_200 {padding-bottom: 200px}
.padding_bottom_120 {padding-bottom: 120px}
.padding_bottom_250 {padding-bottom: 250px}

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

/*padding right*/
.padding_right_0    {padding-right: 0}
.padding_right_10   {padding-right: 10px}
.padding_right_15   {padding-right: 15px}
.padding_right_20   {padding-right: 20px}
.padding_right_30	{padding-right: 30px}
.padding_right_40   {padding-right: 40px}
.padding_right_50   {padding-right: 50px}
.padding_right_55   {padding-right: 55px}
.padding_right_58   {padding-right: 58px}
.padding_right_65   {padding-right: 65px}
.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_100{font-weight: 100}
.font_weight_200{font-weight: 200}
.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}


/* ===================================
             Default Header
====================================== */
.default_navigation{border-top: 8px solid #333; padding: 0}
.default_navigation .default_navigation_list li a{font-size: 14px; line-height: 18px; color: #3e3e3e; font-weight: 400; text-transform: uppercase; padding: 30px 0 !important; margin: 0 20px}

.btn_client_area{color: #fff; background-color: #6ab718; border: 2px solid #6ab718; padding: 8px 20px; font-size: 14px; line-height: 18px; font-weight: 300; text-transform: uppercase; display: inline-block; border-radius: 2px; transition: all ease-in-out 0.5s}
.outer_btn_client_area{margin-left: 10px}
.default_navigation .default_navigation_list li a:hover{color: #b7181d; border-bottom: 0px solid #b7181d}

/* ===================================
             Hero Banner
====================================== */
.hero_banner{background: url("../images/hero_banner.jpg") no-repeat center; background-size: cover; width: 100%; height: 521px; display: table}
.hero_banner_inner{display: table-cell; vertical-align: middle}
.banner_content_box h1{font-size: 66px; line-height: 72px; font-weight: 300; color: #fff; text-transform: uppercase; }
.banner_content_box h1 b{font-weight: 700}
.banner_content_box p{font-size: 32px; line-height: 38px; color: #fff; font-weight: 300; margin-bottom: 15px}
.search_domain_outer{position: relative; margin-bottom: 15px}
.search_field{background-color: #fff; border-radius: 4px; padding: 18px; border: 2px solid #fff; font-size: 18px; line-height: 16px; font-weight: 400; width: 60%}
.search_field:focus{outline: none; border: 2px solid #b7181d}
.search_field::-webkit-input-placeholder {color: #333}
.search_field::-moz-placeholder {color: #333}
.search_field:-ms-input-placeholder {color: #333}
.search_field:-moz-placeholder {color: #333}
.banner_slider_indicators{bottom: -120px}
.banner_slider_indicators li{width: 10px; height: 10px; border: 2px solid #fff; background-color: transparent; border-radius: 100%}
.banner_slider_indicators li.active{background-color: #b7181d}
.btn_submit{position: absolute; left: 55%; top: 0; font-size: 16px; line-height: 16px; color: #fff; font-weight: 400; text-transform: uppercase; border: none; background-color: #b7181d; border-radius: 0 4px 4px 0; padding: 23px}
.btn_submit:focus{outline: none}
/*Sub Banner*/
.sub_banner{background: url("../images/sub_banner.jpg") no-repeat center; background-size: cover; width: 100%; height: 300px; display: table}
.sub_banner_content_box h1{font-size: 50px; line-height: 52px; color: #fff; font-weight: 900; margin-bottom: 10px}
.sub_banner_content_box p{font-size: 24px; line-height: 30px; color: #fff; font-weight: 300}
.sub_banner02{background: url("../images/sub_banner02.jpg") no-repeat center; background-size: cover; width: 100%; height: 300px; display: table}
.sub_banner03{background: url("../images/sub_banner03.jpg") no-repeat center; background-size: cover; width: 100%; height: 300px; display: table}




/* ===================================
         We Offer Section
====================================== */
.section_heading h2{font-size: 36px; line-height: 42px; color: #333; font-weight: 900; margin-bottom: 10px}

/* ===================================
         Hosting Plan Section
====================================== */
.section_heading p{font-size: 20px; line-height: 28px}
.hosting_plan_box{background-color: #fff; padding: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,.10); text-align: center; transition: all ease-in-out 0.5s}
.hosting_plan_box .hosting_plan_heading{font-size: 36px; line-height: 32px; color: #fff; font-weight: 700; text-transform: uppercase; background-color: #5872b0; padding: 15px 0 15px 120px; text-align: left}
.hosting_plan_box .hosting_plan_heading small{font-size: 16px; line-height: 32px; color: #fff; font-weight: 700}
.sub_hosting_plan_box .hosting_plan_heading{font-size: 28px; line-height: 32px; color: #fff; font-weight: 700; text-transform: uppercase; background-color: #5872b0; padding: 20px 0 20px 120px; text-align: left}
.heading_img01, .heading_img02, .heading_img03, .blue_img, .red_img, .yellow_img, .green_img{position: relative}
.hosting_plan_box .heading_img02, .sub_hosting_plan_box .bg_red{background-color: #ce5370}
.hosting_plan_box .heading_img03, .sub_hosting_plan_box .bg_yellow{background-color: #e88e0c}
.sub_hosting_plan_box .bg_green{background-color: #499e1b}
.heading_img01:before{position: absolute; content: ""; background: url("../images/hosting_plan_img01.png"); width: 93px; height: 93px; left: 10px; top: 5px}
.heading_img02:before{position: absolute; content: ""; background: url("../images/hosting_plan_img02.png"); width: 93px; height: 93px; left: 10px; top: 5px}
.heading_img03:before{position: absolute; content: ""; background: url("../images/hosting_plan_img03.png"); width: 93px; height: 93px; left: 10px; top: 5px}
.blue_img:before{position: absolute; content: ""; background: url("../images/hosting_plan_blue_img.png"); width: 93px; height: 93px; left: 10px; top: 8px}
.red_img:before{position: absolute; content: ""; background: url("../images/hosting_plan_red_img.png"); width: 93px; height: 93px; left: 10px; top: 8px}
.yellow_img:before{position: absolute; content: ""; background: url("../images/hosting_plan_yellow_img.png"); width: 93px; height: 93px; left: 10px; top: 8px}
.green_img:before{position: absolute; content: ""; background: url("../images/hosting_plan_green_img.png"); width: 93px; height: 93px; left: 10px; top: 8px}
.hosting_plan_list{padding: 20px; text-align: left}
.hosting_plan_list li{font-size: 14px; line-height: 50px; color: #333; font-weight: 300; border-bottom: 1px solid #e1e6eb; position: relative; padding-left: 40px}
.hosting_plan_list li:last-child{border-bottom: none}
.hosting_plan_list li:nth-child(1):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img01.png"); width: 28px; height: 28px; top: 10px; left: 0}
.hosting_plan_list li:nth-child(2):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img02.png"); width: 23px; height: 20px; top: 13px; left: 3px}
.hosting_plan_list li:nth-child(3):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img03.png"); width: 22px; height: 22px; top: 12px; left: 4px}
.hosting_plan_list li:nth-child(4):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img04.png"); width: 22px; height: 19px; top: 15px; left: 5px}
.hosting_plan_list li:nth-child(5):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img05.png"); width: 27px; height: 14px; top: 18px; left: 0}
.hosting_plan_list li:nth-child(6):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img06.png"); width: 23px; height: 21px; top: 15px; left: 5px}
.hosting_plan_list li:nth-child(7):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img07.png"); width: 26px; height: 19px; top: 15px; left: 0}
.hosting_plan_list li:nth-child(8):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img08.png"); width: 26px; height: 24px; top: 12px; left: 0}
.hosting_plan_list li:nth-child(9):before{position: absolute; content: ""; background: url("../images/hosting_plan_list_img09.png"); width: 25px; height: 22px; top: 15px; left: 0}
.hosting_plan_price_box{text-align: center; font-size: 16px; line-height: 30px; font-weight: 400; color: #777; margin-bottom: 10px}
.hosting_plan_price_box span{font-size: 40px; line-height: 30px; font-weight: 700; color: #333}
.btn_hosting_plan01{display: inline-block; text-align: center; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; text-transform: uppercase; background-color: #5872b0; border: 2px solid #5872b0; border-radius: 4px; padding: 10px 0; margin-bottom: 10px; width: 100%; transition: all ease-in-out 0.5s}
.btn_hosting_plan02{display: inline-block; text-align: center; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; text-transform: uppercase; background-color: #ce5370; border: 2px solid #ce5370; border-radius: 4px; padding: 10px 0; margin-bottom: 10px; width: 100%; transition: all ease-in-out 0.5s}
.btn_hosting_plan03{display: inline-block; text-align: center; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; text-transform: uppercase; background-color: #e88e0c; border: 2px solid #e88e0c; border-radius: 4px; padding: 10px 0; margin-bottom: 10px; width: 100%; transition: all ease-in-out 0.5s}
.btn_hosting_plan04{display: inline-block; text-align: center; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; text-transform: uppercase; background-color: #499e1b; border: 2px solid #499e1b; border-radius: 4px; padding: 10px 0; margin-bottom: 10px; width: 100%; transition: all ease-in-out 0.5s}
.btn_compare_plan{display: inline-block; font-size: 14px; line-height: 18px; font-weight: 400; color: #777; text-transform: uppercase; border-bottom: 2px solid #d2d2d2; margin-bottom: 30px}

/* ===================================
        Our Services Section
====================================== */
.our_services_section, .good_reasons_section{background: url("../images/pattren_icon.png") repeat;}
.our_services_img_box figure{text-align: center}
.our_services_content_box{}
.our_services_box_heading{font-size: 26px; line-height: 32px; font-weight: 300; margin-bottom: 5px}
.left_border{position: relative}
.left_border:before{position: absolute; content: ""; background-color: #6ab718; width: 2px; height: 18px; left: 55px; bottom: -45px}



/* ===================================
            Get Started Section
====================================== */
.get_started_section{background: url("../images/green_pattren_icon.png") repeat;}
.subscription_email_heading h2{font-size: 30px; line-height: 36px; color: #fff; font-weight: 900; text-transform: uppercase}
.subscribe_field{position: relative; text-align: right}
.email_field{width: 90%; background-color: #fff; border-radius: 4px; box-shadow: 5px 5px 5px rgba(0,0,0,.10); font-size: 16px; line-height: 16px; font-weight: 400; border: none; padding: 25px}
.email_field::-webkit-input-placeholder {color: #777}
.email_field::-moz-placeholder {color: #777}
.email_field:-ms-input-placeholder {color: #777}
.email_submit{position: absolute; border: none; background-color: #333; font-size: 16px; line-height: 16px; text-transform: uppercase; right: 4px; top: 4px; color: #fff; padding: 23px; border-radius: 0 4px 4px 0; transition: all ease-in-out 0.5s}


/* ===================================
            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_open_icon.png"); width: 13px; height: 8px; top: 12px; right: 20px}
#accordion01 .card-header button[aria-expanded="false"]:before {position: absolute; content: ""; background: url("../images/faq_close_icon.png"); width: 8px; height: 13px; top: 12px; right: 20px}
#accordion01 .card-header button[aria-expanded="true"]{font-size: 16px; line-height: 24px; color: #fff; font-weight: 400; display: block; width: 100%; background-color: #b7181d; border-radius: 0; padding: 10px}
#accordion01 .card-header button[aria-expanded="false"]{font-size: 16px; line-height: 24px; color: #333; font-weight: 400; display: block; width: 100%; padding: 10px}
.question_content, .question_content:hover, .question_content:focus{text-decoration: none}
.question_content_body{padding: 17px 0; font-size: 14px; line-height: 22px; font-weight: 400}
.outer_question_content{border: none; margin-bottom: 10px; border-radius: 0; background-color: transparent}
.outer_question_content:last-child{border-bottom: none}
.outer_question_content .card-header{background-color: #fff; padding: 0; border-bottom: none; box-shadow: 5px 5px 5px rgba(0,0,0,.10)}
.question_content_body a{font-size: 14px; line-height: 22px; color: #b7181d; border-bottom: 2px solid #deb7b8; margin-left: 5px}

/* ===================================
            Testimonial Section
====================================== */
.testimonial_slider_outer{padding: 25px; box-shadow: 5px 5px 5px rgba(0,0,0,.10); background-color: #fff}
.testimonial_bx figure{float: left}
.testimonial_bx .testimonial_client_info{float: left; padding: 15px 0 0 15px}
.testimonial_client_info .client_name{font-size: 16px; line-height: 24px; font-weight: 700; color: #b7181d; text-transform: uppercase}
.testimonial_client_info a{display: inline-block; font-size: 16px; line-height: 24px;}
.testimonial_content{float: left; width: 100%; margin-top: 20px; margin-bottom: 30px}
.testimonial_content p{font-size: 14px; line-height: 20px; font-weight: 300}
.testimonial_content p a{font-size: 14px; line-height: 22px; color: #b7181d; border-bottom: 2px solid #deb7b8; margin-left: 25px}
.btn_testimonial{display: inline-block; font-size: 16px; line-height: 16px; color: #fff; font-weight: 400; text-transform: uppercase; border-radius: 4px; width: 100%; background-color: #333; padding: 15px 0; text-align: center; transition: all ease-in-out 0.5s; border: 2px solid #333}
.testimonial_slider_prev{background: url("../images/left_arrow.png"); width: 30px; height: 30px; opacity: 1; left: auto; right: 40px}
.testimonial_slider_next{background: url("../images/right_arrow.png"); width: 30px; height: 30px; opacity: 1; right: 5px}
.testimonial_slider_prev:hover{background: url("../images/hover_left_arrow.png"); width: 30px; height: 30px}
.testimonial_slider_next:hover{background: url("../images/hover_right_arrow.png"); width: 30px; height: 30px}
/* ===================================
            Footer Section
====================================== */
.footer_inner_box h6{font-size: 16px; line-height: 22px; color: #6ab718; font-weight: 400; text-transform: uppercase; margin-bottom: 25px}
.footer_links_list li a{font-size: 14px; line-height: 24px; color: #fff; font-weight: 300; transition: all ease-in-out 0.5s}
.footer_social_links_list li{display: inline-block}
.footer_inner_box h6.white_text{color: #fff; margin-bottom: 10px; text-transform: capitalize; font-size: 18px; line-height: 30px}
.footer_social_links_list li a i{font-size: 24px; color: #6ab718; border-radius: 0; margin: 0 2px}
.copyright_box{font-size: 14px; line-height: 24px; color: #fff; font-weight: 300}
.designed_by{text-align: right; font-size: 14px; line-height: 24px; color: #c7c7c7; font-weight: 300}
.designed_by a{color: #c7c7c7; transition: all ease-in-out 0.5s}
/* ===================================
            Good Reason Section
====================================== */
.reason_box figure{margin-bottom: 20px; transition: all ease-in-out 0.5s}
.reason_box p{font-size: 16px; line-height: 24px; font-weight: 700}
.reason_box{padding: 0 25px}
.right_border{position: relative}
.right_border:before{position: absolute; content: ""; background-color: #6ab718; height: 3px; width: 5%; top: 60px; right: -25px}
/* ===================================
         Contact Form Section
====================================== */
.form_field{width: 100%; font-size: 14px; line-height: 14px; font-weight: 400; padding: 15px; border-radius: 4px; border: 2px solid #fff; margin-bottom: 15px}
.btn_submit_message{font-size: 16px; line-height: 22px; color: #fff; font-weight: 900; text-transform: uppercase; background-color: #6ab718; border: 2px solid #6ab718 ;width: 100%; border-radius: 4px; padding: 10px 0; transition: all ease-in-out 0.5s}
.btn_submit_message:focus{outline: none}
/* ===================================
         Support Section
====================================== */
.support_section{background: url("../images/bg_coa.jpg") no-repeat center; padding: 70px 0; background-size: cover; background-attachment: fixed}
.support_content_box h2{font-size: 30px; line-height: 36px; font-weight: 900; color: #fff; margin-bottom: 15px}
.support_content_box p{font-size: 16px; line-height: 28px; color: #fff; font-weight: 300}
.support_content_box{padding: 25px 0}


/* ===================================
         History Section
====================================== */
.purple_box{background-color: #a9bded; padding: 15px}
.inner_purple_box{background-color: #5872b0; padding: 30px 20px}
.yellow_box{background-color: #ffcd82; padding: 15px}
.inner_yellow_box{background-color: #e88e0c; padding: 30px 20px}
.red_box{background-color: #ffbcd1; padding: 15px}
.inner_red_box{background-color: #ce5370; padding: 30px 20px}
.history_box h5{font-size: 22px; line-height: 28px; color: #fff; font-weight: 900; margin-bottom: 10px}
.history_box p{font-size: 16px; line-height: 24px; color: #fff; font-weight: 300}
.whychoose_box h5{font-size: 20px; line-height: 22px; color: #fff; font-weight: 700; margin-bottom: 10px}
.whychoose_box p{font-size: 16px; line-height: 24px; color: #fff; font-weight: 300}
/* ===================================
         Hosting Plans Section
====================================== */
.cloud_plan_outer{margin-top: -140px}
.cloud_plan_list{display: table; text-align: center; border: 5px solid #e8e8e8; background: url("../images/pattren_icon.png") repeat; width: 230px; margin: 0 auto 70px; height: 145px; padding: 20px}
.cloud_plan_list li{display: table-cell; vertical-align: middle; text-align: center}
.cloud_plan_list li a{background-color: transparent; border: none !important; padding: 0 !important;}
.cloud_plan_list li a:hover{border: none}
.cloud_plan_list li a.active{background-color: transparent !important; border: none}

/* ===================================
     One Click Installation Section
====================================== */
.application_box{background-color: #fff; padding: 30px 15px; text-align: center; transition: all ease-in-out 0.5s}
.application_box figure{margin-bottom: 25px}
.application_box h4{font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 10px}
.application_box p{font-size: 14px; line-height: 24px; font-weight: 300}

/* ===================================
            Network Section
====================================== */
.bg_network{background: url("../images/bg_network.jpg") no-repeat center fixed; background-size: cover;}
.bg_network .section_heading h2, .bg_network .section_heading p{color: #fff}

.network_feature_box{position: relative; background-color: #fff; padding: 23px 0 23px 75px; font-size: 16px; line-height: 24px; color: #333; font-weight: 400}
.network_feature_box:before{position: absolute; content: ""; background: url("../images/check_mark_img.png"); width: 50px; height: 49px; top: 10px; left: 10px}


/* ===================================
            Hover Section
====================================== */
.hosting_plan_box:hover{transform: translateY(-20px)}
.hosting_plan_box:hover .btn_hosting_plan01{background-color: transparent; border: 2px solid #5872b0; color: #333}
.hosting_plan_box:hover .btn_hosting_plan02{background-color: transparent; border: 2px solid #ce5370; color: #333}
.hosting_plan_box:hover .btn_hosting_plan03{background-color: transparent; border: 2px solid #e88e0c; color: #333}
.hosting_plan_box:hover .btn_hosting_plan04{background-color: transparent; border: 2px solid #499e1b; color: #333}
.btn_client_area:hover{background-color: transparent; border: 2px solid #6ab718; color: #333}
.btn_testimonial:hover{background-color: transparent; border: 2px solid #333; color: #333}
.email_submit:hover{background-color: #b7181d; color: #fff}
.footer_links_list li a:hover{color: #6ab718}
.designed_by a:hover{color: #6ab718}
.application_box:hover{transform: translateY(-20px); box-shadow: 0 0 27px rgba(0,0,0,.10)}
.btn_submit_message:hover{background-color: transparent; border: 2px solid #6ab718; color: #333}
.form_field:focus{outline: none; border: 2px solid #499e1b}
.reason_box:hover figure{transform: translateY(-20px)}

.form_field.error{border: 2px solid red}
span.error{display: none !important;}


@media only screen and (min-width: 992px){
    .default_navigation .default_navigation_list li:hover .dropdown-menu{display: block}
}
.default_navigation .default_navigation_list li .dropdown-menu{top: 100%; border: none; margin: 0; width: auto}
.default_navigation .default_navigation_list li .dropdown-menu a{margin-left: 0; margin-right: 0;padding: 10px 25px !important;}
.default_navigation .default_navigation_list li .dropdown-menu a:hover{background-color: #b7181d; color: #fff; border-bottom: none}

/****************** table section ****************/
.contentbox, .mainbox{
	width:100%;
	float: left;
}
@media screen and (max-width: 710px){
	#scroll-x{
		overflow-x: scroll;
	}
}
.contentbox2{
	float:left;
	width:100%;
	background-position:center top;
}
.smallbox{
	float:left;
	width:22%;
	font-size:14px;
	min-height:270px;
	margin-right:30px;
}
.offwhite-pattern{
	background-image:url(../images/off_white_pattern.png);
	background-repeat:repeat-x
}
.featurebox h2{
	margin:0 0 42px;
}
.imagebox{
	display:table;
	height:126px;
	width:100%;
	margin:0 0 15px;
	transition:all ease-in-out 0.6s;
}
.smallbox_inner{
	padding:0 2%;
}
.smallbox h4{
	margin:0 0 10px;
}
.feature_images{
	margin:0 auto;
	transition:all ease-in-out 0.6s;
}.smallbox:hover .imagebox{
	background:url(../images/green_patternbg.png) repeat left top;
}
.feature_image1{
	background:url(../images/feature_image1.png) no-repeat center center;
}
.smallbox:hover .feature_image1{
	background:url(../images/feature_image1_hover.png) no-repeat center center;
}
.feature_image2{
	background:url(../images/feature_image2.png) no-repeat center center;
}
.smallbox:hover .feature_image2{
	background:url(../images/feature_image2_hover.png) no-repeat center center;
}
.feature_image3{
	background:url(../images/feature_image3.png) no-repeat center center;
}
.smallbox:hover .feature_image3{
	background:url(../images/feature_image3_hover.png) no-repeat center center;
}
.feature_image4{
	background:url(../images/feature_image4.png) no-repeat center center;
}
.smallbox:hover .feature_image4{
	background:url(../images/feature_image4_hover.png) no-repeat center center;
}
.smallbox:hover{
	box-shadow:0 0 0 1px #e6eaf1 inset;
}
.smallbox:hover h4{
	color:#0ab45b;
}

.black-btn a{
	display:block;
	color:#fff;
	display:block;
	font-size:14px;
	text-decoration:none;
	line-height:36px;
	background:#CE5370;
	text-align:center;
}
.black-btn a:hover{
	background:#499E1B;
}
<==========  Home Why choose us =============>

.solutions h2 {
    color: white;
    font-size: 30px;
    font-weight: 400;
}

.solutions-block {
    display: block;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}

.solutions-block img {
    width: 100%;
}

.solutions-block h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}

.solutions-block p {
    font-weight: 300;
    line-height: 26px;
}

.solutions-block h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}

.solutions-block p {
    font-weight: 300;
    line-height: 26px;
}

.block-inner {
    padding-top: 50px;
}

.why-choose {
    display: block;
    padding: 60px 0;
    background: url("..assets/images/world-map.png") no-repeat;
    background-position: 90% 65%;
    background-size: 36%;
}
.title-top {
    color: #ff791a;
    font-weight: 300;
    font-size: 20px;
    padding-bottom: 10px;
}

.title-bottom {
    font-size: 15px;
    font-weight: 300;
    padding-top: 5px;
}

.why-block {
    border: 3px solid #C70039;
    padding: 40px 40px;
    margin-bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 20px;
}
.why-block-left {
	position: relative;
    left: 600px;
    border: 3px solid #C70039;
    padding: 40px 40px;
    margin-bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 20px;
}
.solutions-block-icon {
        width: 50%;
		border-radius: 20px;
    }

    .solutions-block-text {
        width: 75%;
    }

    .solutions-block h3 {
        font-size: 18px;
		color: white;
    }

    .solutions-block p {
        line-height: 25px;
        font-size: 14px;
		color: white;
    }
    .solutions-block h2 {
        font-size: 18px;
		color: white;
    }