/* *******************Table of Content************************** 1-Google fonts 2- Font Weights 3- Font Family 4- Text Colors 5- Background Colors 6- Custom Font Sizes 7- Line Heights 8- Margin 9- Padding 10- Buttons 11- Reset 12- Custom Css ******************************************************************** /*****************************************************/ /********************Google Fonts *******************/ /*****************************************************/ @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900'); @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900'); /*****************************************************/ /******************** Font Weights *******************/ /*****************************************************/ .font_weight300 {font-weight: 300} .font_weight400 {font-weight: 400} .font_weight500 {font-weight: 500} .font_weight600 {font-weight: 600} .font_weight700 {font-weight: 700} /*****************************************************/ /******************** Font Family *******************/ /*****************************************************/ .nunito_font {font-family: 'Nunito', sans-serif} .poppins_font {font-family: 'Poppins', sans-serif} /*****************************************************/ /*********************** Color **********************/ /*****************************************************/ .color_fff , .home_page_banner_inner ul li:last-child a , #plans_inner_cont > .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn button, #plans_inner_cont > .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn a {color:#fff !important} .color_080245 , .home_page_banner_inner ul li:first-child a , .primary_btn.plans_btn button , .primary_btn.plans_btn a , .home_page_banner_inner ul li a:hover , #wdc-style button#Submit:hover , #sub_banner_planinner .primary_btn.plans_btn button:hover , #sub_banner_planinner .primary_btn.plans_btn a:hover , .home_page_banner_inner ul li:last-child a:hover , #tabs_sec_inner .vc_tta-tabs-list li a , #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn button , #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn a , #price_table .Custom_Class_888195867 th , #price_table tbody tr td:first-child , #vps_slider .price-slider-rt .smalbox1 .numeric1 , .price_txt #price_val , .price-button .buynow-button , #exppirence_power_btn button , #exppirence_power_btn a , #horizontal_tabs_section .vc_general .vc_tta-tabs-container .vc_tta-tabs-list li a , #dedicated_table_sec table thead tr th , #dedicated_table_sec table tbody tr td:first-child , #dedicated_table_sec table tbody tr:hover td a , #faqs_inner_section .accordian_section_quiz h4 a , #wdc-style .input-group-btn #Submit:hover:before , #hostiko16_resellerplans .domain_search_section_inner #wdc-style .input-group-btn #Submit:hover:before, #domian_img_sec.domain_tld_section .domain_tld_box > .vc_column-inner > .wpb_wrapper:hover .time_period , .modal-footer .btn-default , .about_play_btn a:hover .fa , #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper ul li a {color: #080245 !important} .color_1d1261 {color: #1d1261 !important} .color_3fd7d7 , #wdc-style .input-group-btn #Submit , .hostiko_forward_btn a , #sub_banner_planinner .primary_btn.plans_btn button , #sub_banner_planinner .primary_btn.plans_btn a , #exppirence_power_btn button , #exppirence_power_btn a , .primary_btn.plans_btn button:hover , .primary_btn.plans_btn a:hover , .home_page_banner_inner ul li:first-child a:hover , #techinal_sec_outer h2:before , #price_table tbody tr td:nth-child(6) , #price_table .Custom_Class_970109244 td .Custom_Class_342432758.btn a , .price-button .buynow-button:hover , #exppirence_power_btn button:hover , #exppirence_power_btn a:hover , #horizontal_tabs_section .vc_general .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a , #dedicated_table_sec table tbody tr td.price_row , #dedicated_table_sec table tbody tr td a , #faqs_inner_section.vc_active .accordian_section_quiz h4 a , #wdc-style .input-group-btn #Submit:before , #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper ul li a:hover , #form_submit_btn , .about_play_btn a .fa , #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn button , #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn a {color: #3fd7d7 !important} .color_777 {color: #777 !important} .color_666 {color: #666666 !important;} .color_222 {color:#222 !important;} /*****************************************************/ /************* Background Color *********************/ /*****************************************************/ .background_fff , .home_page_banner_inner ul li a:hover {background: #fff !important} .background_3fd7d7 , .home_page_banner_inner ul li:first-child a , #wdc-style button#Submit:hover, #sub_banner_planinner .primary_btn.plans_btn button:hover , #sub_banner_planinner .primary_btn.plans_btn a:hover , #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn button:hover , #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn a:hover , .reseller_features_inner_sec .features_inner_cont > .vc_column-inner > .wpb_wrapper:before , #domian_img_sec.domain_tld_section .domain_tld_box > .vc_column-inner > .wpb_wrapper:hover .domain_page_pricing , #build_website_section:after , .modal-footer .btn-default , .about_play_btn a:hover , #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper:before , #dedicated_table_sec table tbody tr:hover td a {background: #3fd7d7 !important} .background_080245 , #wdc-style .input-group-btn #Submit , #plans_inner_cont > .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn button, #plans_inner_cont > .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn a , .hostiko_forward_btn a:hover , #sub_banner_planinner .primary_btn.plans_btn button , #sub_banner_planinner .primary_btn.plans_btn a , .primary_btn.plans_btn button:hover , .primary_btn.plans_btn a:hover , #techinal_sec_outer h2:hover:before , #price_table .Custom_Class_970109244 td .Custom_Class_342432758.btn a , #vps_slider .slider_box .icon.current , .price-button .buynow-button:hover , #exppirence_power_btn button:hover , #exppirence_power_btn a:hover , #dedicated_table_sec table tbody tr td a , #dedicated_table_sec table tbody tr:hover , .modal-content , #form_submit_btn , #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn button , #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn a {background: #080245 !important} .background_f2f2f2 {background: #f2f2f2 !important} .background_e6e6e6 {background: #e6e6e6} .background_f1f9f9 , #techinal_sec_outer.vps_power{background: #f1f9f9 !important;} /*****************************************************/ /**************** Font Sizes ************************/ /*****************************************************/ .font_size14 {font-size: 14px} .font_size16 {font-size: 16px} .font_size18 {font-size: 18px} .font_size20 {font-size: 20px} .font_size24 {font-size: 24px} .font_size36 {font-size: 36px} .font_size42 {font-size: 42px} .font_size40 {font-size: 40px} .font_size48 {font-size: 48px} .font_size50 {font-size: 50px} .font_size64 {font-size: 64px} .font_size72 {font-size: 72px} /*****************************************************/ /**************** Line Height ************************/ /*****************************************************/ .line_height0 {line-height: 0} .line_height14 {line-height: 14px} .line_height16 {line-height: 16px} .line_height18 {line-height: 24px} .line_height20 {line-height: 20px} .line_height24 {line-height: 24px} .line_height26 {line-height: 26px} .line_height30 {line-height: 30px} .line_height36 {line-height: 36px} .line_height42 {line-height: 42px} .line_height48 {line-height: 48px} .line_height54 {line-height: 54px} .line_height64 {line-height: 64px} /*****************************************************/ /****************** Margins *************************/ /*****************************************************/ .no_margin {margin: 0} /****************** Margin Top *************************/ /*****************************************************/ .margin_top0 {margin-top: 0} .margin_top5 {margin-top: 5px} .margin_top10 {margin-top: 10px} .margin_top15 {margin-top: 15px} .margin_top20 {margin-top: 20px} .margin_top25 {margin-top: 25px} .margin_top30 {margin-top: 30px} .margin_top35 {margin-top: 35px} .margin_top40 {margin-top: 40px} .margin_top45 {margin-top: 45px} .margin_top50 {margin-top: 50px} .margin_top55 {margin-top: 55px} .margin_top60 {margin-top: 60px} .margin_top65 {margin-top: 65px} .margin_top70 {margin-top: 70px} .margin_top75 {margin-top: 75px} .margin_top80 {margin-top: 80px} .margin_top85 {margin-top: 85px} .margin_top90 {margin-top: 90px} /****************** Margin Bottom *************************/ /*****************************************************/ .margin_bottom0 {margin-bottom: 0} .margin_bottom5 {margin-bottom: 5px} .margin_bottom10 {margin-bottom: 10px} .margin_bottom15 {margin-bottom: 15px} .margin_bottom20 {margin-bottom: 20px} .margin_bottom25 {margin-bottom: 25px} .margin_bottom30 {margin-bottom: 30px} .margin_bottom35 {margin-bottom: 35px} .margin_bottom40 {margin-bottom: 40px} .margin_bottom45 {margin-bottom: 45px} .margin_bottom50 {margin-bottom: 50px} .margin_bottom55 {margin-bottom: 55px} .margin_bottom60 {margin-bottom: 60px} .margin_bottom65 {margin-bottom: 65px} .margin_bottom70 {margin-bottom: 70px} .margin_bottom75 {margin-bottom: 75px} .margin_bottom80 {margin-bottom: 80px} .margin_bottom85 {margin-bottom: 85px} .margin_bottom90 {margin-bottom: 90px} /*****************************************************/ /****************** Padding *************************/ /*****************************************************/ .no_padding {padding: 0} /****************** Padding Top *************************/ /*****************************************************/ .padding_top5 {padding-top:5px} .padding_top10 {padding-top:10px} .padding_top15 {padding-top:15px} .padding_top20 {padding-top:20px} .padding_top25 {padding-top:25px} .padding_top30 {padding-top:30px} .padding_top35 {padding-top:35px} .padding_top40 {padding-top:40px} .padding_top45 {padding-top:45px} .padding_top50 {padding-top:50px} .padding_top55 {padding-top:55px} .padding_top60 {padding-top:60px} .padding_top65 {padding-top:65px} .padding_top70 {padding-top:70px} .padding_top75 {padding-top:75px} .padding_top80 {padding-top:80px} .padding_top85 {padding-top:85px} .padding_top90 {padding-top:90px} .padding_top95 {padding-top:95px} .padding_top100 {padding-top:100px} .padding_top120 {padding-top:120px} /****************** Padding Bottom *************************/ /*****************************************************/ .padding_bottom5 {padding-bottom:5px} .padding_bottom10 {padding-bottom:10px} .padding_bottom15 {padding-bottom:15px} .padding_bottom20 {padding-bottom:20px} .padding_bottom25 {padding-bottom:25px} .padding_bottom30 {padding-bottom:30px} .padding_bottom35 {padding-bottom:35px} .padding_bottom40 {padding-bottom:40px} .padding_bottom45 {padding-bottom:45px} .padding_bottom50 {padding-bottom:50px} .padding_bottom55 {padding-bottom:55px} .padding_bottom60 {padding-bottom:60px} .padding_bottom65 {padding-bottom:65px} .padding_bottom70 {padding-bottom:70px} .padding_bottom75 {padding-bottom:75px} .padding_bottom80 {padding-bottom:80px} .padding_bottom85 {padding-bottom:85px} .padding_bottom90 {padding-bottom:90px} .padding_bottom95 {padding-bottom:95px} .padding_bottom100 {padding-bottom:100px} .padding_bottom120 {padding-bottom:120px} /*****************************************************/ /************ Text Transforms ***********************/ /*****************************************************/ .text_lowercase {text-transform: lowercase} .text_capitalize {text-transform: capitalize} .text_uppercase {text-transform: uppercase} /*****************************************************/ /**************** Buttons **************************/ /*****************************************************/ .primary_btn button , .primary_btn a { padding: 20px 70px !important; ; border: none !important; font-size: 18px !important; line-height: 18px !important; font-weight: 700 !important; letter-spacing: 1px !important; position: relative; } .secondary button , .secondary a { padding: 18px 33px !important; border: none !important; font-size: 14px !important; line-height: 14px !important; font-weight: 700 !important; letter-spacing: 1px !important; } .primary_btn.plans_btn button , .primary_btn.plans_btn a { background: none !important; border: 1px solid !important; padding: 20px 56px !important; letter-spacing: normal !important; font-family: 'Nunito', sans-serif !Important; overflow: hidden; position: relative; } #build_website_section .primary_btn.plans_btn button , #build_website_section .primary_btn.plans_btn a { padding: 20px 35px !important; } #sub_banner_planinner .primary_btn.plans_btn button, #sub_banner_planinner .primary_btn.plans_btn a { padding: 21px 45px !important; letter-spacing: normal !important; border: 1px solid #080245 !important; color: #080245 !important; background: transparent !important; } #sub_banner_planinner .primary_btn.plans_btn button:hover, #sub_banner_planinner .primary_btn.plans_btn a:hover { border: 1px solid #4ddada !important; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn button , #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover .primary_btn.plans_btn a{ box-shadow: 0 10px 15px rgba(0,0,0,.15); } /*****************************************************/ /**************** Border_colors **************************/ /*****************************************************/ .border_3fd7d7 , .home_page_banner_inner ul li:first-child a , .hostiko_forward_btn a , .testimonial_inner_box .rating_section , #myCarousel-hostiko16 .carousel-indicators li , #sub_banner_planinner .sub_page_plans_listing ul li:before {border-color:#3fd7d7 !important;} .home_page_banner_inner ul li:last-child a , .border_fff{border-color:#fff !important;} .border_080245 , .primary_btn.plans_btn button , .primary_btn.plans_btn a , #myCarousel-hostiko16 .carousel-indicators li.active , .hostiko_forward_btn a:hover { border-color: #080245 !important; } /*****************************************************/ /**************** Reset **************************/ /*****************************************************/ body { font-family: 'Nunito', sans-serif; font-size: 16px; line-height: 24px; background: #fff; } a:hover { text-decoration: none; } ul { margin: 0; padding: 0; list-style-type: none; } h2 { letter-spacing: -1px; } .trasition_all , .home_page_banner_inner ul li a , .primary_btn.plans_btn button , .primary_btn.plans_btn a , #wdc-style .input-group-btn #Submit , #plans_inner_cont > .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper , .hostiko_forward_btn a { transition: 0.5s ease-in-out !important; ; } /**************************************************************/ #home_banner { background: url(../../assets/images/hostiko16_home_page_banner.svg); background-size: cover; overflow: visible; z-index: 1; } #banner_headinbg_Sec { padding-top: 186px; } #domain_inner_sec_banner { width: 90%; margin: 276px auto 0; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); -webkit-border-radius:8px 8px 0 0 ; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } #domian_img_sec { box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1); padding: 0 10% 40px; width: 90%; margin: 0 auto; -webkit-border-radius: 0 0 8px 8px ; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .home_page_banner_inner ul li{ display: inline-block; margin-right: 11px; } .home_page_banner_inner ul li a { padding: 21px 39px !important; border: 1px solid transparent !important; font-size: 18px !important; line-height: 18px !important; display: block; font-weight: 700; border-radius: 4px; font-family: 'Nunito', sans-serif; min-width: 175px; text-align: center; } .home_page_banner_inner ul li:first-child a:hover { background: transparent !important; border-color: #3fd7d7; } .home_page_banner_inner ul li:last-child a:hover { background: #fff !important; } #wdc-style { box-shadow: 0 2px 5px rgba(0,0,0,.1); } #wdc-style .input-group-btn {border: none !important;} #wdc-style .input-group-btn #Submit { height: 60px; line-height: 14px; padding: 0 30px; border-radius: 0 4px 4px 0!important; } #wdc-style #Search:focus { outline-width: 0 !important; border:none; } /*************************************************/ #plans_inner_cont > .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper { border: 1px solid #edf2f2; background: #fff; border-bottom: 5px solid #080245; border-radius: 4px; z-index: 9; position:relative; } #plans_inner_cont .plan_images { width: 100%; background-size: cover !important; background-repeat: no-repeat !important; border-radius: 4px; } #plans_inner_cont .plan_img_1 { background: url(../../assets/images/Web_Hosting_Plan.svg) bottom; } #plans_inner_cont .plan_img_2 { background: url(../../assets/images/vps_hosting_plan.svg) bottom; } #plans_inner_cont .plan_img_3 { background: url(../../assets/images/dedicated_server_plan.svg) bottom; } /**************************************************/ .home_plans_pricing p span.dollar_sign { position: relative; top: -18px; } /************************************/ #hostiko_compnay { background: #f1f9f9; margin-top: -880px; padding-top: 890px !important; -webkit-clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%); padding-bottom: 100px; } #company_inner_section .company_heading_text { padding-left: 70px; } .hostiko_forward_btn a { width: 65px; height: 65px; border-radius: 100%; display: table; text-align: center; border: 2px solid; } .hostiko_forward_btn a .fa { display:table-cell; vertical-align: middle; font-size: 24px; padding-left: 4px; } /****************************************************/ #hostiko_gurenter_inner_cont .hostiko_gurrentee_main_box .hostiko_gurenter_img { background-size: contain !important; width: 100% !important; background-repeat: no-repeat !important; transition: .5s ease-in-out; } #hostiko_gurenter_inner_cont .hostiko_gurrentee_main_box .hostiko_gurenter_img:hover { transform: translateY(-10px); } #hostiko_gurenter_inner_cont .hostiko_gurrentee_main_box .hostiko_gurenter_img.hostiko_gurenter_img1 { background: url("../../assets/images/money_back_icon.svg") no-repeat top center; } #hostiko_gurenter_inner_cont .hostiko_gurrentee_main_box .hostiko_gurenter_img.hostiko_gurenter_img2 { background: url("../../assets/images/live_support_icon.svg") no-repeat top center; } #hostiko_gurenter_inner_cont .hostiko_gurrentee_main_box .hostiko_gurenter_img.hostiko_gurenter_img3 { background: url("../../assets/images/fastest_ssd_servers_icon.svg") no-repeat top center; } #hostiko_gurenter_inner_cont .hostiko_gurrentee_main_box .hostiko_gurenter_img.hostiko_gurenter_img4 { background: url("../../assets/images/hostiko_cloud_technology_icon.svg") no-repeat top center; } /****************************************************************/ #hostiko_testimonail_sec { background: url("../../assets/images/hostiko_guarantee_background final.svg") no-repeat top center; background-size: 120% !important; } #hostiko_testimonail_sec .testimonail_comma_image_cont { margin-top: 85px; } .testimonial_inner_box .rating_section { border-left: 5px solid ; padding-left: 28px; margin-bottom: 30px; } .testimonial_inner_box .rating_section ul li { padding: 0; } .testimonial_inner_box .rating_section ul { margin-bottom: 8px; } .testimonial_inner_box .rating_section ul li .fa { font-size: 30px; color: #ffc000; } .testimonial_inner_box .customer_details { margin-bottom: 30px; } .testimonial_inner_box .customer_details p { padding: 0 15% 0 0; } .customer_profile ul li{ vertical-align: middle; } /*.customer_profile ul li:first-child {*/ /*width: 65px;*/ /*height: 65px;*/ /*padding: 10px;*/ /*box-shadow: 0 10px 30px rgba(0,0,0,.1);*/ /*border-radius: 65px;*/ /*overflow: hidden;*/ /*}*/ /*.customer_profile ul li:first-child figure {*/ /*box-shadow: 0 10px 30px rgba(0,0,0,.1);*/ /*border-radius: 65px;*/ /*}*/ /*.customer_profile ul li:first-child img {*/ /*width: 100%;*/ /*height: auto;*/ /*max-width:initial*/ /*}*/ .transition-timer-carousel-progress-bar { height: 2px; background-color: #3fd7d7; width: 0; margin: 0; border: none; z-index: 11; position: relative; } #myCarousel-hostiko16 .carousel-indicators { position: relative; left: auto; margin: 0; text-align: left; bottom: -40px; } #myCarousel-hostiko16 .carousel-indicators li { width: 16px; height: 16px; border: 1px solid; margin: 0; } #myCarousel-hostiko16 .carousel-indicators li.active{ background-color: transparent; width: 16px; height: 16px; margin-top: 0; } #hostiko16_partners { border-top: 1px solid #dbe5e5; } #hostiko16_partners .parnter_img { background-size: contain !important; background-repeat: no-repeat !important; transition: .5s ease-in-out; opacity: .5; filter: grayscale(50%); } #hostiko16_partners .parnter_img.parnter_img1 { background: url("../../assets/images/partner_01.svg"); } #hostiko16_partners .parnter_img.parnter_img2 { background: url("../../assets/images/partner_02.svg"); } #hostiko16_partners .parnter_img.parnter_img3 { background: url("../../assets/images/partner_03.svg"); } #hostiko16_partners .parnter_img.parnter_img4 { background: url("../../assets/images/partner_04.svg"); } #hostiko16_partners .parnter_img:hover { opacity: 1; filter: grayscale(0); } /********************************************************************/ /****************** Subpage Bnner************************************/ /********************************************************************/ #shared_banner { background:url(../../assets/images/hostiko_16shared_banner.svg) no-repeat; background-size: cover; height: 600px; display: table; padding-top: 257px; } #shared_banner.vps_banner_outer { background:url(../../assets/images/hostiko16vps_banner.svg) no-repeat; background-size: cover !important; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper { background: #fff; padding: 60px 50px; float: left; width: 100%; position: relative; box-shadow: 0 15px 30px rgba(0,0,0,.07); border-radius: 8px; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper:before { content: ""; display: block; height: 5px; width: 0; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border-radius: 6px; background: #3fd7d7 ; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper:hover:before { width: 100%; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper .sub_plan_img { width: 70px; margin: 0 auto; background-size: cover !important; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper .sub_plan_img.sub_plan1_img { background: url(../../assets/images/hostiko_16primary_icon.svg) no-repeat; } #sub_banner_planinner .vc_column-inner > .wpb_wrapper .sub_plan_img.sub_plan1_img.sub_plan2_img { background: url(../../assets/images/hostiko_16business_icon.svg) no-repeat; } #sub_banner_planinner .sub_page_plans_listing , #sub_banner_planinner .primary_btn.plans_btn { float: left; width: 100%; } #sub_banner_planinner .sub_page_plans_listing ul li , #sub_banner_planinner2 .sub_page_plans_listing ul li { width: 50%; float: left; text-align: left; position: relative; padding-left: 20px; } #sub_banner_planinner .sub_page_plans_listing ul li:before , #sub_banner_planinner2 .sub_page_plans_listing ul li:before{ width: 12px; height: 12px; border: 2px solid #69e0e0; position: absolute; left: 0; content: ""; border-radius: 100%; top: 9px; } #sub_banner_planinner2 { margin: 30px 1px 0; padding-top: 30px; } #sub_banner_planinner2 h2 { padding-left: 27%; } #payment_method_outer { padding: 40px 95px 70px; margin: 0 1px; box-shadow: 0 15px 30px rgba(0,0,0,.07); border-radius: 0 0 8px 8px; } #payment_method_outer .plan_payment_method { padding-top: 25px; padding-bottom: 25px; } #payment_method_outer .plan_payment_method ul li{ display: inline-block; } #payment_method_outer .plan_payment_method ul li:first-child{ margin-right: 15px; } /******************************* Tabs Section***********************************************/ #shared_tabs_outer_box_sec .vc_tta-tabs-list { padding: 0 17%; } #shared_tabs_outer_box_sec .vc_tta-tabs-list li { width: 160px; height: 150px; border-radius: 4px; border: 2px solid #dfe8e8; display: table; float: left; text-align: center; margin: 0 15px; } #shared_tabs_outer_box_sec .vc_tta-tabs-list li:first-child{ margin-left: 0; } #shared_tabs_outer_box_sec .vc_tta-tabs-list li:last-child { margin-right: 0; } #shared_tabs_outer_box_sec .shared_tabs_box .vc_tta-tabs-list li a { display: table-cell; vertical-align: middle; font-size: 0; border: none; } #shared_tabs_outer_box_sec .shared_tabs_box .vc_tta-tabs-list li a { background: url(../../assets/images/hostiko_16guaranteeofquality_small_icon.svg) no-repeat center !important; background-size: 60px 60px !important; } #shared_tabs_outer_box_sec .shared_tabs_box .vc_tta-tabs-list li:nth-child(2) a { background: url(../../assets/images/hostiko_16frees_ssl_certificates_small_icon.svg) no-repeat center !important; background-size: 60px 60px !important; } #shared_tabs_outer_box_sec .shared_tabs_box .vc_tta-tabs-list li:nth-child(3) a { background: url(../../assets/images/hostiko_16latestservertechnology_small_icon.svg) no-repeat center !important; background-size: 60px 60px !important; } #shared_tabs_outer_box_sec .shared_tabs_box .vc_tta-tabs-list li:nth-child(4) a { background: url(../../assets/images/hostiko_16ealpeoplehelpyou247_small_icon.svg) no-repeat center !important; background-size: 60px 60px !important; } #shared_tabs_outer_box_sec .vc_tta-tabs-list li.vc_active { border-color: #3fd7d7; position: relative; } #shared_tabs_outer_box_sec .vc_tta-tabs-list li.vc_active:before { width: 18px; height: 18px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 8px solid #3fd7d7; position: absolute; content: ""; bottom: -20px; left: 0; right: 0; margin: 0 auto; z-index: 9; background: #fff; } #shared_tabs_outer_box_sec .vc_tta-tabs-list li.vc_active:after { margin: 0 auto; left: 0; right: 0; content: ""; position: absolute; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 6px solid #fff; bottom: -18px; width: 18px; height: 18px; z-index: 9; } #shared_tabs_outer_box_sec , #shared_tabs_outer_box_sec .vc_tta-tabs-container{ float: left; width: 100%; margin-bottom: 0; } #shared_tabs_outer_box_sec .vc_tta-tabs-container , #shared_tabs_outer_box_sec .vc_tta-tabs-container ul.vc_tta-tabs-list{ overflow: visible; float: left; width: 100%; } #shared_tabs_outer_box_sec .vc_tta-panels-container { width: 100%; float: left; margin-top: 100px; } .tabs_content_sec .tabcontent_img_1 { background: url(../../assets/images/hostiko_16guaranteeofquality_small_icon.svg) no-repeat center !important; } .tabs_content_sec .tabcontent_img_1.tabcontent_img_2 { background: url(../../assets/images/hostiko_16frees_ssl_certificates_small_icon.svg) no-repeat center !important; } .tabs_content_sec .tabcontent_img_1.tabcontent_img_3 { background: url(../../assets/images/hostiko_16latestservertechnology_small_icon.svg) no-repeat center !important; } .tabs_content_sec .tabcontent_img_1.tabcontent_img_4 { background: url(../../assets/images/hostiko_16ealpeoplehelpyou247_small_icon.svg) no-repeat center !important; } #shared_tabs_outer_box_sec .vc_tta-panels-container .vc_tta-panels { background: transparent !important; border: none !important; } #reseller_banner { background: url("../../assets/images/hostiko16reseller_banner.svg") no-repeat center; background-size: cover; height: 600px; padding-top: 200px; } .reseller_banner_listing ul li { position: relative; padding-left: 20px; } .reseller_banner_listing ul li:before{ position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #3ed2d3; top: 5px; left: 0; border-radius: 100%; } /*************************reseller******************************************************/ #plans_tabs_section { overflow: visible; } #tabs_sec_inner { margin-top: -70px; margin-bottom: 0; } #tabs_sec_inner .vc_tta-tabs-list li a { padding: 24px 115px; font-size: 20px; line-height: 20px; font-family: 'Poppins', sans-serif; font-weight: 500; border-radius: 8px; } #tabs_sec_inner .vc_tta-tabs-list li:first-child a { border-radius: 8px 0 0 0; } #tabs_sec_inner .vc_tta-tabs-list li:last-child a { border-radius: 0 8px 0 0; } #tabs_sec_inner .vc_tta-tabs-list li.vc_active:first-child a { border-right: none; } #tabs_sec_inner .vc_tta-tabs-list li.vc_active:last-child a { border-left: none; } #tabs_sec_inner .vc_tta-tabs-list li:first-child a { background: #f1f9f8 url(../../assets/images/hostiko16_linux_icon.png) no-repeat 20% ; } #tabs_sec_inner .vc_tta-tabs-list li:nth-child(2) a { background: #f1f9f8 url(../../assets/images/hostiko16_windows_icon.png) no-repeat 20% ; } #tabs_sec_inner .vc_tta-tabs-list li.vc_active:first-child a { background: #fff url(../../assets/images/hostiko16_linux_icon.png) no-repeat 20% ; } #tabs_sec_inner .vc_tta-tabs-list li.vc_active:nth-child(2) a { background: #fff url(../../assets/images/hostiko16_windows_icon.png) no-repeat 20% ; } #tabs_sec_inner .reseller_tabs_content > .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper { background: #fff; border: 1px solid #edf2f2; border-top: 5px solid #080245; border-radius: 4px ; padding-top: 35px; } .resller_plans_img { background: #080245 url(../../assets/images/rs-server-01.png) no-repeat center 20px; border-radius: 10px 10px 0 0; } .resller_plans_img2 { background: #080245 url(../../assets/images/rs-server-02.png) no-repeat center 20px; } .resller_plans_img3 { background: #080245 url(../../assets/images/rs-server-03.png) no-repeat center 20px; } .resller_plans_img4 { background: #080245 url(../../assets/images/rs-server-04.png) no-repeat center 20px; } .resller_plans_listing { background: #080245; text-align: center; margin-bottom: 0; padding-bottom: 40px; border-radius: 0 0 4px 4px; } .reseller_tabs_content .reseller_plan_banner_btn { position: absolute; left: 0; right: 0; top: 180px; } #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn button , #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn a{ border: 1px solid #080245; background: #fff !important; padding: 20px 45px !important; border-radius: 4px !important; font-size: 18px; line-height: 18px; font-family: 'Nunito', sans-serif; font-weight: 700; } #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn button:hover , #tabs_sec_inner .reseller_tabs_content .reseller_plan_banner_btn a:hover { border-color: #3fd7d7 !important; } #tabs_sec_inner .vc_tta-panel-body { padding: 100px 15px; background: #fff; } .plan_price_box .dollar_sign { position: relative; top: -25px; } #tabs_sec_inner .price_outer_Sec { margin-bottom: 60px; } #techinal_sec_outer .techinal_sec_img { background: url("../../assets/images/hostiko_16full_technical_specifications_icon.svg") no-repeat center; } #techinal_sec_outer , #hostiko16_resellerplans { background: #ffffff !important; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f9f9 100%)!important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f9f9 100%)!important;/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f2f9f9 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #techinal_sec_outer .techinical_listing ul { margin-top: 50px; } #techinal_sec_outer .techinical_listing ul li{ width: 50%; float: left; position: relative; padding-left: 25px } #techinal_sec_outer h2 { position: relative; transition: .5s ease-in-out; } #techinal_sec_outer h2:before { position: absolute; content: "\f054"; border: 2px solid #60dede; width: 65px; height: 65px; left: 82px; right: 0; margin: 0 auto; top: 3px; border-radius: 100%; font: normal normal normal 14px/1 FontAwesome; text-align: center; font-size: 24px; padding-top: 19px; padding-left: 5px; transition: .5s ease-in-out; } #techinal_sec_outer h2:hover:before { border-color: #080245; } #techinal_sec_outer .techinical_listing ul li:before{ width: 12px; height: 12px; border-radius: 100%; border: 2px solid #48d9d9; position: absolute; content: ""; left: 0; top: 10px; } #reseller_hosting_features { border-top: 1px solid #dfe5e5; } #reseller_hosting_features .reseller_features_inner_sec .reseller_feature_img { background: url(../../assets/images/hostiko_16website_backups.svg) no-repeat center; } #reseller_hosting_features .reseller_features_inner_sec .reseller_feature_img2 { background: url(../../assets/images/hostiko_16secure_website.svg) no-repeat center; } #reseller_hosting_features .reseller_features_inner_sec .reseller_feature_img3 { background: url(../../assets/images/hostiko_16website_transfers.svg) no-repeat center; } #reseller_hosting_features .reseller_features_inner_sec .reseller_feature_img4 { background: url(../../assets/images/hostiko_16live_support.svg) no-repeat center; } #reseller_hosting_features .reseller_features_inner_sec .reseller_feature_img5 { background: url(../../assets/images/hostiko_16uptime_guarantee.svg) no-repeat center; } #reseller_hosting_features .reseller_features_inner_sec .reseller_feature_img6 { background: url(../../assets/images/hostiko_16whmcs_control_panel.svg) no-repeat center; } .reseller_features_inner_sec .features_inner_cont > .vc_column-inner > .wpb_wrapper { border: 1px solid #ededed; border-radius: 4px; padding: 50px 0 40px; position: relative; transition: .5s ease-in-out; } .reseller_features_inner_sec .features_inner_cont > .vc_column-inner > .wpb_wrapper:hover{ box-shadow: 0 15px 24px #ededed; transform: translatey(-10px); } .reseller_features_inner_sec .features_inner_cont > .vc_column-inner > .wpb_wrapper:before{ content: ""; display: block; height: 5px; width: 0; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border-radius: 6px; } .reseller_features_inner_sec .features_inner_cont > .vc_column-inner > .wpb_wrapper:hover:before { width: 100%; } .reseller_features_inner_sec .features_inner_cont > .vc_column-inner > .wpb_wrapper p { padding: 0 35px; } /***********************************************************************************/ /***********************************************************************************/ /***********************************************************************************/ .stacktable.small-only { display: none; } #price_table td , #price_table th { border: none; } #price_table .Custom_Class_888195867 { padding: 0 30px ; } #price_table .Custom_Class_888195867 th { font-size: 14px; line-height: 14px; font-weight: 700; text-align: left; } #price_table .Custom_Class_888195867 th:first-child{ padding-left: 30px; } #price_table tbody tr { border: 1px solid #ccc; } #price_table .Custom_Class_970109244 td { text-align: left; font-size: 16px; line-height: 16px; color: #666666; } #price_table tbody tr td:first-child { font-weight: 700; padding-left: 30px; } #price_table tbody tr td:nth-child(6){ font-weight: 700; } #price_table tbody tr .Custom_Class_342432758.btn { display: block; padding: 0; margin: 0; text-align: right; } #price_table .Custom_Class_970109244 td .Custom_Class_342432758.btn a { font-size: 18px; line-height: 18px; padding: 18px 33px; display: inline-block; border-radius: 4px; } #vps_slider .vps-plans { padding-top: 50px; } #vps_slider .slider_box { background: #3cccce; /* Old browsers */ background: -moz-linear-gradient(top, #3cccce 0%, #0a094a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3cccce 0%,#0a094a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3cccce 0%,#0a094a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ width: 100%; float: left; padding: 60px; height: 325px; border-radius: 4px 4px 0 0; } #vps_slider .slider_box .icon { width: 20%; float: left; color: #fff; font-size: 18px; line-height: 18px; position: relative; cursor: pointer; padding: 18px ; font-family: 'Poppins', sans-serif } #vps_slider .slider_box .icon.current { border-radius: 8px; position: relative; } #vps_slider .slider_box .icon.current:after { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #080245; position: absolute; content: ""; bottom: -10px; left: 0; right: 0; margin: 0 auto; } #vps_slider .slider_box .icon:before { background: url(../../assets/images/hostiko16_vps_01.svg) no-repeat left; height: 135px; position: absolute; bottom: -155px; content: ""; width: 100%; left: 25px; } #vps_slider .slider_box .icon.current:before { background: url(../../assets/images/hostiko16_vps_02.svg) no-repeat left; } #vps_slider .price-slider-rt { width: 100%; float: left; background: #fff; padding: 30px; border-radius: 0 0 4px 4px ; box-shadow: 0 15px 30px rgba(0,0,0,.15); } #vps_slider .price-slider-rt .smalbox1 { width: 25%; float: left; font-size: 18px; font-weight: 400; line-height: 18px; text-transform: capitalize; } #vps_slider .price-slider-rt .smalbox1 figure{ display: none; } #vps_slider .price-slider-rt .smalbox1 .numeric1 { font-weight: 700; line-height: 24px; } #price_wrap .price_txt , .price-greybox .price-button { width: 50%; float: left; text-align: right; } .price-greybox .price-button { text-align: left ; padding-left: 30px} .price-greybox { padding-top: 30px; border-top: 1px solid #dfe8e8; margin-top: 30px; } .price_txt { font-size: 18px; line-height: 18px; text-transform: lowercase; margin-top: 12px; } .price_txt #price_val { font-size: 36px; line-height: 36px; font-weight: 700; } .price-button .buynow-button { padding: 22px 50px; font-size: 18px; line-height: 18px; border:1px solid #080245; border-radius: 4px; display: inline-block; transition: .5s ease-in-out; font-weight: 700; } .price-button .buynow-button:hover { box-shadow: 0 10px 15px rgba(0,0,0,.15); } #techinal_sec_outer.vps_power { background: #f1f9f9; } #techinal_sec_outer.vps_power h2:before{ display: none; } #techinal_sec_outer .techinal_sec_img.experience_power { background: url(../../assets/images/hostiko16_experience_the_power_of_vps.svg) no-repeat left; } #exppirence_power_btn { margin-top: 45px; float: left; width: 100%; margin-bottom: 0; } #exppirence_power_btn button , #exppirence_power_btn a { padding: 20px 47px !important; background: transparent !important; border: 1px solid #3fd7d7; font-size: 18px; line-height: 18px; font-weight: 700; } #techinal_sec_outer #power_of_vps .techinical_listing ul { margin-top: 30px; } #horizontal_tabs_section .vc_general .vc_tta-tabs-container .vc_tta-tabs-list li { display: block; margin: 0; } #horizontal_tabs_section .vc_general .vc_tta-tabs-container { width: 34%; float: left; margin: 0; } #horizontal_tabs_section .vc_general .vc_tta-panels-container { width:66%; float: left; } #horizontal_tabs_section .vc_general .vc_tta-tabs-container .vc_tta-tabs-list li a { display: inline-block; background: transparent; font-size: 24px; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; border: none; padding: 22px 0 22px 25px; border-left: 4px solid #080245; border-radius: 0; } #horizontal_tabs_section .vc_general .vc_tta-tabs-container .vc_tta-tabs-list li:last-child a { margin-bottom: 0; } #horizontal_tabs_section .vc_general .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a { border-color: #3fd7d6; } #horizontal_tabs_section .horizonatl_tabs_inner_sec .tabs_img_1{ background: url("../../assets/images/hostiko16_highperformance_icon.svg") no-repeat left; } #horizontal_tabs_section .horizonatl_tabs_inner_sec .tabs_img_1.tabs_img_2{ background: url("../../assets/images/hostiko16_unlimited_traffic_icon.svg") no-repeat left; } #horizontal_tabs_section .horizonatl_tabs_inner_sec .tabs_img_1.tabs_img_3{ background: url("../../assets/images/hostiko16_anti-DDoSprotection_icon.svg") no-repeat left; } #horizontal_tabs_section .vc_tta-panel-body , #horizontal_tabs_section .vc_general .vc_tta-panels-container .vc_tta-panels { background: transparent; padding: 0; border: none;} #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper { background: #fff; padding: 50px 25px; border-radius: 4px; position: relative; } #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper .vps_features_img1 { background: url(../../assets/images/hostiko16_websitebackups.svg) no-repeat center; } #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper .vps_features_img2 { background: url(../../assets/images/hostiko16_secure_website.svg) no-repeat center; } #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper .vps_features_img3 { background: url(../../assets/images/hostiko16_uptime_Guarantee.svg) no-repeat center; } #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper .vps_features_img4 { background: url(../../assets/images/hostiko16_24_7_365LiveSupport.svg) no-repeat center; } /**************************************************************/ #dedicated_table_sec th , #dedicated_table_sec td { border: none; } #dedicated_table_sec table tbody tr { box-shadow: 0 0 0 5px #ededed inset; border: 8px solid #fff; } #dedicated_table_sec table thead tr th { font-size: 14px; line-height: 14px; font-weight: 700; text-align: left; padding-left: 30px; padding-bottom: 20px; } #dedicated_table_sec table tbody tr td { color: #666; font-weight: 300; text-align: left; padding: 30px 0 30px 30px; } #dedicated_table_sec table tbody tr td:last-child{ padding: 0; text-align: center; } #dedicated_table_sec table tbody tr td:first-child { font-weight: 700; } #dedicated_table_sec table tbody tr td.price_row { font-weight: 700; } #dedicated_table_sec table tbody tr td a { font-size: 18px; line-height: 18px; padding: 18px 33px; display: inline-block; border-radius: 4px; font-weight: 700; } #dedicated_table_sec table tbody tr:hover { box-shadow: 0 -2px 7px 5px #080245 inset; } #dedicated_table_sec table tbody tr:hover td { color: #fff !important; } #tabs_sec_inner .dedicated_plans_section .vc_tta-tabs-list li a { background: #f1f9f8 url(../../assets/images/intel.png) no-repeat 20% } #tabs_sec_inner .dedicated_plans_section .vc_tta-tabs-list li.vc_active a { background: #fff url(../../assets/images/intel.png) no-repeat 20% } #tabs_sec_inner .dedicated_plans_section .vc_tta-panel-body { padding-bottom: 0; } #sub_banner_planinner2 #included_features_inner { border: 1px solid #edf2f2; border-radius: 4px; box-shadow: 0 15px 30px rgba(0,0,0,.2); margin: 0; padding: 70px 0; } #sub_banner_planinner2 { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f2f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ margin: 30px 0 0 0; padding: 70px 0 30px; box-shadow: 0 15px 30px rgba(0,0,0,.07); border-radius: 8px; } #faqs_inner_section .accordian_section_quiz h4 a { font-size: 18px; line-height: 18px; background: transparent; position: relative; font-weight: 700; } #faqs_inner_section .accordian_section_quiz .vc_tta-panel-heading , #faqs_inner_section .accordian_section_quiz .vc_tta-panel-body { background: transparent ; border: none; } #faqs_inner_section .accordian_section_quiz h4 a:before { position: absolute; border: 2px solid #47d9d9; width: 12px; height: 12px; content: ""; border-radius: 100%; left: 20px; top: 16px; } #faqs_inner_section .accordian_section_quiz h4 a i { display: none; } #faqs_inner_section { width: 80%; margin: auto; padding-top: 60px; } /*************************************************************/ #domian_img_sec.domain_tld_section { padding: 100px 0 0 0 ; box-shadow: none; margin: 0 auto; } #domian_img_sec.domain_tld_section .domain_tld_box > .vc_column-inner > .wpb_wrapper { border:1px solid #edf2f2; border-top: 5px solid #080245; padding-top: 45px; border-radius: 4px; } .domain_img_cont { height: 50px; width: 100%; display: table; text-align: center; } .domain_img_cont > .wpb_wrapper.vc_figure { display: table-cell; vertical-align: middle; } #domian_img_sec.domain_tld_section .domain_tld_box > .vc_column-inner > .wpb_wrapper .domain_page_pricing { padding: 26px 0 22px; border-radius: 25px 25px 0 0; } #domian_img_sec.domain_tld_section .domain_tld_box > .vc_column-inner > .wpb_wrapper .domain_page_pricing .domain_currency { position: relative; top: -20px; } .domain_page_Section_outer .domain_search_section_inner #wdc-style { box-shadow: none; border: 1px solid #dfe5e5; border-bottom: none; } #wdc-style .input-group-btn #Submit { position: relative; font-size: 0 !important; } #wdc-style .input-group-btn #Submit:before { content: "\f061"; position: absolute; font-size: 30px; font-family: 'FontAwesome'; left: 0; right: 0; margin: 0 auto; } #hostiko16_resellerplans .domain_search_section_inner #wdc-style #Search { height: 90px; } #hostiko16_resellerplans .domain_search_section_inner #wdc-style .input-group-btn #Submit { height: 90px; padding: 0 40px; } #hostiko16_resellerplans .domain_search_section_inner #wdc-style #Search:focus{ outline-width: 0 !important; border-color: transparent !important; } #domian_img_sec.domain_tld_section .domain_tld_box > .vc_column-inner > .wpb_wrapper:hover { border-top-color: #3fd7d7 !important; } #reseller_banner.domian_banner { background: url(../../assets/images/hostiko16domain_banner.svg) no-repeat center; background-size: cover; } #hostiko_compnay.about_page_decrption { background: #fff; margin: 0; clip-path: none; padding: 100px 0; padding-top: 100px !important; } #build_website_section { height: 500px; } #build_website_section:after { position: absolute; width: 50%; right: 0; top: 0; height: 100%; } .builiding_details_area { position: relative; z-index: 2; padding: 100px 0 0 100px; } .about_play_btn a { width: 160px; height: 160px; border: 1px solid #3fd7d7; display: table; text-align: center; border-radius: 100%; margin: 0 auto; } .about_play_btn a .fa { display: table-cell; vertical-align: middle; font-size: 60px; padding-left: 17px; } .video_box_Section { padding-top: 170px; position: relative; z-index: 9; } .modal-dialog { margin: 230px auto; } .modal-footer .btn-default { padding: 15px 50px; font-weight: 700; border-color:#3fd7d7 ; } .modal-footer .btn-default:hover { background: #fff; border-color:#fff ; } .modal-body { padding: 0; } #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper { padding: 40px 25px; position: relative; } #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper ul li a { font-size: 18px; line-height: 18px; } #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper:before { content: ""; display: block; height: 5px; width: 0; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border-radius: 6px } #hostiko_gurenter_inner_cont .vps_features_box .vc_column-inner > .wpb_wrapper:hover:before{ width: 100%; } #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper .teams_img_box, #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper{ transition: .5s ease-in-out; } #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper:hover .teams_img_box { transform: translateY(-10px) } #hostiko_gurenter_inner_cont.team_section_outer .vps_features_box .vc_column-inner > .wpb_wrapper:hover { box-shadow: 0 10px 50px rgba(63,215,215,.6); } #shared_banner.about_banner { background: url(../../assets/images/hostiko16_about_us_banner.svg) no-repeat; background-size: cover !important; } #shared_banner.about_banner.contact_banner { background: url(../../assets/images/hostiko_16contact_banner.svg) no-repeat; background-size: cover !important; } #horizontal_tabs_section .horizonatl_tabs_inner_sec .tabs_img_1.about_tabs_img_1 { background: url(../../assets/images/hostiko16_our_mission.svg) no-repeat left; } #horizontal_tabs_section .horizonatl_tabs_inner_sec .tabs_img_1.about_tabs_img_2 { background: url(../../assets/images/hostiko16_our_vision.svg) no-repeat left; } .domain_tld_box.contact_section_inner .contact_img { background: url(../../assets/images/hostiko16_mailing_icon.svg) no-repeat center center; } .domain_tld_box.contact_section_inner .contact_img.contact_img2 { background: url(../../assets/images/hostiko16_email_icon.svg) no-repeat center center; } .domain_tld_box.contact_section_inner .contact_img.contact_img3 { background: url(../../assets/images/hostiko16_phone_icon.svg) no-repeat center center; } .domain_tld_box.contact_section_inner .contact_img.contact_img4 { background: url(../../assets/images/hostiko16_help_desk_icon.svg) no-repeat center center; } #domian_img_sec.domain_tld_section.contact_section { padding-top: 70px; } #domian_img_sec.domain_tld_section.contact_section .domain_tld_box.contact_section_inner > .vc_column-inner > .wpb_wrapper { padding: 45px 0; border: 1px solid #edf2f2; border-bottom: 5px solid #080245; } .form_cont { width: 100%; float: left; margin-bottom: 20px; } .form_cont .form_inner_cont { width: 49%; float: left; margin: 0 1% 0 0 ; } .form_cont .form_inner_cont.form_inner_cont2 { margin: 0 0 0 1%; } .form_cont .hostiko16_formtext{ height: 70px; padding: 10px 30px; font-size: 18px; font-family: 'Nunito', sans-serif; border: none; box-shadow: 0 15px 30px rgba(0,0,0,.1); line-height: 40px; border-radius: 8px; } .form_cont .hostiko16_formtext.hostiko16_formtextarea { min-height: 200px; resize: none; } .form_cont3 { text-align: center; margin-top: 30px; } #form_submit_btn { padding: 24px 55px; font-size: 18px; line-height: 18px; border: none; border-radius: 8px; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { float: left !important; width: 100% !important; border-color: #ff0000 !important; } span.wpcf7-not-valid-tip { display: none !important; } .form_cont .hostiko16_formtext.wpcf7-not-valid { border: 1px solid red; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; float: left; width: 100%; text-align: center; margin: 0; position: absolute; bottom: -25px; } #map_box .wpb_map_wraper { position: relative; transition: all ease-in-out 2s; } #map_box .wpb_map_wraper:before { background: rgba(0,0,0,.5); position: absolute; width: 100%; height: 600px; top:0; left: 0; content: ""; transition: all ease-in-out 2s; } #map_box .wpb_map_wraper:hover:before { left: -1000%; } #sub_banner_planinner2.dedicated_page_features { padding: 0 0 100px; margin: 0; } #sub_banner_planinner2.dedicated_page_features #included_features_inner.dedicated_page_features_inner { margin: 0; background: #fff; box-shadow: 0 2px 30px rgba(0,0,0,.1); } /**************************************************************/ /************************WHMCS*********************************/ /*********************** *************************************/ @media (min-width: 768px) { .whmcs_bridge_page .top-header .col-md-6.col-sm-6.navbar-collapse { width: 50%; } .whmcs_bridge_page #modeltheme-main-head .col-md-9.navbar-collapse { width: 75%; } } .whmcs_bridge_page { color: #666 !important; ; font-family: 'Poppins', sans-serif !important; } .whmcs_bridge_page #bridge .caret { color: #fff; } .whmcs_bridge_page #bridge h1, .whmcs_bridge_page #bridge h2, .whmcs_bridge_page #bridge h3 , .whmcs_bridge_page #bridge h4 , .whmcs_bridge_page #bridge h5 { font-family: 'Poppins', sans-serif !important; color: #080245 !important; font-weight: 700; } .whmcs_bridge_page #bridge .breadcrumb { margin-left: 0; background: none; padding-left: 0; } .whmcs_bridge_page #bridge section#main-body { padding-top: 40px ; padding-bottom: 40px; } .whmcs_bridge_page #bridge .main-content { margin-bottom: 0; } .whmcs_bridge_page #bridge .kbcategories { margin-bottom: 10px; } .whmcs_bridge_page #bridge .announcement-single .title { font-weight: 400; } .whmcs_bridge_page #modeltheme-main-head { margin-bottom: 0; } div#bridge ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } .whmcs_bridge_page #bridge .navbar-nav { margin: 0; } .whmcs_bridge_page #bridge .navbar-default .navbar-collapse, .whmcs_bridge_page #bridge .navbar-default .navbar-form { border: none; } .whmcs_bridge_page .header-title-breadcrumb .breadcrumb { margin-bottom: 0; } .whmcs_bridge_page .header-title-breadcrumb .breadcrumb a { text-decoration: none; } .whmcs_bridge_page .header-title-breadcrumb .breadcrumb>li+li:before { display: none; } .whmcs_bridge_page div#primary { padding: 0; } .whmcs_bridge_page div#content.container { width: 100% !important; padding: 0; } .whmcs_bridge_page #bridge .container { width: 1170px; padding-left: 0; padding-right: 0; } .whmcs_bridge_page #bridge { background: url( "../../assets/images/hostiko16vps_banner.svg") no-repeat bottom; padding-top: 80px; background-size: cover; } .whmcs_bridge_page #bridge section#header .logo-text { color: #080245; font-size: 14px; line-height: 14px; font-weight: 700; text-transform: uppercase; margin-top: 12px; display: inline-block; } .whmcs_bridge_page #bridge #home-banner h2 { color: #fff !important; } .whmcs_bridge_page #bridge .navbar-main { background: #080245; } .whmcs_bridge_page #bridge .navbar-main li.account { background-color: #3fd7d7 ; } .whmcs_bridge_page #bridge .label-warning { background-color: #3fd7d7 ; } .whmcs_bridge_page #bridge #home-banner { padding:80px 0; background: #1e5a81; /* Old browsers */ background: -moz-linear-gradient(top, #1e5a81 0%, #080245 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e5a81 0%,#080245 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e5a81 0%,#080245 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .whmcs_bridge_page #bridge .home-shortcuts { background-color: #080245; } .whmcs_bridge_page #bridge ul.top-nav>li.primary-action>a.btn { background-color: #080245 ; padding: 10px 24px ; border-radius: 8px; font-size: 14px; line-height: 14px; font-weight: 700; transition: .5s ease-in-out ; color: #3fd7d7; } .whmcs_bridge_page #bridge ul.top-nav>li.primary-action>a.btn:hover{ background-color: #fff ; color: #080245; } .whmcs_bridge_page #bridge div.announcement-single:last-child{ margin-bottom: 0; } .whmcs_bridge_page #bridge div.announcement-single h3 a { color:#080245; } .whmcs_bridge_page #bridge .announcement-single a.label.label-warning { display: inline-block; padding: 10px 15px; border-radius: 4px; background-color: #3fd7d7 ; } .whmcs_bridge_page #bridge .announcement-single a.label.label-warning:hover{ background-color: #080245; } .whmcs_bridge_page #bridge section#footer { background-color:#1d1c1c; color: #fff; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active>a, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active>a:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active>a:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open>a, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open>a:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open>a:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a:hover { background-color:transparent; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>.active>a, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>.active>a:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>.active>a:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>.open>a, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>.open>a:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>.open>a:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>li>a:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav .dropdown-menu>li>a:hover { background-color:#080245; color: #fff; } .whmcs_bridge_page #bridge .dropdown-menu>li>a { color: #777; } .whmcs_bridge_page #bridge section#footer .back-to-top i { background-color: #fff; opacity: 1; color: #030f28; } .whmcs_bridge_page #bridge section#footer .back-to-top i:hover { opacity: 0.7; } /*********************************************/ .whmcs_bridge_page #bridge .panel-sidebar>.panel-heading { background-color: #f1f1f1; color: #030f28; } .whmcs_bridge_page #bridge .panel-sidebar .panel-title { color: #030f28; font-weight: 700; font-size: 1.2em; } .whmcs_bridge_page #bridge .panel-sidebar .panel-title .fa , .whmcs_bridge_page #bridge .panel-sidebar .list-group-item i.fa:not(.fa-circle-o):not(.fa-dot-circle-o){ color: #3fd7d7 ; } .whmcs_bridge_page #bridge .list-group a .fa{ color: #777 !important; } .whmcs_bridge_page #bridge .panel-sidebar a.list-group-item.active, .whmcs_bridge_page #bridge .panel-sidebar a.list-group-item.active:focus, .whmcs_bridge_page #bridge .panel-sidebar a.list-group-item.active:hover { background-color:#080245; border-color: #080245; } .whmcs_bridge_page #bridge .panel-sidebar a.list-group-item.active .fa , .whmcs_bridge_page #bridge .panel-sidebar a.list-group-item.active:focus .fa, .whmcs_bridge_page #bridge .panel-sidebar a.list-group-item.active:hover .fa { color: #fff !important; } .whmcs_bridge_page #bridge div.header-lined h1 , .whmcs_bridge_page #bridge div.header-lined .breadcrumb li a { color: #030f28; } .whmcs_bridge_page #bridge div.header-lined .breadcrumb li a:hover { color: #080245; } .whmcs_bridge_page #bridge .label-info { background-color: #080245; color: #fff; } .whmcs_bridge_page #bridge .btn-default { color: #fff; background-color: #080245; border-color: #080245; } .whmcs_bridge_page #bridge .btn-default.active.focus, .whmcs_bridge_page #bridge .btn-default.active:focus, .whmcs_bridge_page #bridge .btn-default.active:hover, .whmcs_bridge_page #bridge .btn-default:active.focus, .whmcs_bridge_page #bridge .btn-default:active:focus, .whmcs_bridge_page #bridge .btn-default:active:hover, .whmcs_bridge_page #bridge .open>.dropdown-toggle.btn-default.focus, .whmcs_bridge_page #bridge .open>.dropdown-toggle.btn-default:focus, .whmcs_bridge_page #bridge .open>.dropdown-toggle.btn-default:hover , .whmcs_bridge_page #bridge .btn-default.active, .btn-default:active, .whmcs_bridge_page #bridge .open>.dropdown-toggle.btn-default , .btn-default:hover{ color: #fff; background-color: #3fd7d7 ; border-color: #3fd7d7 ; } .whmcs_bridge_page #bridge .btn-primary { color: #fff; background-color: #3fd7d7 ; border-color: #3fd7d7 ; } .whmcs_bridge_page #bridge .btn-primary:hover , .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #080245; border-color: #080245; } .whmcs_bridge_page #bridge #inputMessage { width: 77%; } .whmcs_bridge_page #bridge #registration .sub-heading span { color: #030f28; } .whmcs_bridge_page #bridge .panel-title .glyphicon { color:#3fd7d7 ; } .whmcs_bridge_page #bridge .domain-checker-container { background: url(../../assets/images/shared_banner.jpg) center; margin-top: 30px; } .whmcs_bridge_page #bridge .domain-checker-bg { background: url(https://designingmedia.com/wordpress/hostiko/layout10/wp-content/uploads/2018/04/our_gaurantee.jpg?id=65) center !important; } .whmcs_bridge_page #bridge .btn-success { background-color: #080245!important; border-color: #080245!important; } .whmcs_bridge_page #bridge #order-modern .product:hover { background-color: #f1f1f1 !important; } .whmcs_bridge_page .popover { border: none !important; box-shadow: none !important; font-family: 'Poppins', sans-serif !important; padding: 0; } .whmcs_bridge_page .popover-content { background: #1b2e46; } .whmcs_bridge_page .popover.bottom>.arrow:after { border-bottom-color: #1b2e46 ; } .whmcs_bridge_page .popover-content ul li a { font-size: 14px !important; line-height: 14px !important; font-family: 'Poppins', sans-serif !important; color: #fff !important; padding: 5px 25px; display: block} .whmcs_bridge_page .popover-content ul li a:hover { background: #3fd7d7 ; } .whmcs_bridge_page #bridge #order-modern .product .name { font-family: 'Poppins', sans-serif !important; color: #030f28 !important; } .whmcs_bridge_page #bridge #order-modern .product .description ul { padding: 0 ; margin: 0; list-style-type: none; } .whmcs_bridge_page #bridge #order-modern .product .description { margin: 15px 0 !important; } .whmcs_bridge_page #bridge .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent !important; color: #fff; } .whmcs_bridge_page #bridge section#header { background-color: #3fd7d7 ; border-radius: 0; } .whmcs_bridge_page #bridge ul.top-nav>li>a { color: #080245 ; font-weight: 600; } .whmcs_bridge_page #bridge ul.top-nav>li>a .caret { border-top: 4px dashed #080245; } .whmcs_bridge_page #bridge ul.top-nav { margin-top: 0; margin-bottom: 0; } .whmcs_bridge_page #bridge .home-shortcuts { width: 100%; float: left; padding: 100px 0; background: #f1f9f9 ; background-attachment: fixed; background-size: cover; margin-bottom: 50px; } .whmcs_bridge_page #bridge .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center { width: 100%; } .whmcs_bridge_page #bridge .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center p { font-size: 30px; line-height: 30px; font-weight: 700; margin-bottom: 35px; text-transform: capitalize; font-family: 'Poppins', sans-serif !important; color: #080245 !important; } .whmcs_bridge_page #bridge .home-shortcuts .col-sm-12.col-md-8 { width: 100%; } .whmcs_bridge_page #bridge .home-shortcuts li { width: 23%; background: #fff; padding: 60px 0; text-align: center; border: none; margin-right: 2%; box-shadow: 0 20px 30px rgba(0,0,0,.1);; position: relative; overflow: hidden; transition: 0.5s ease-in-out; height: 200px; } .whmcs_bridge_page #bridge .home-shortcuts li:before { content: ''; position: absolute; top: 0; right: -50px; bottom: 0; left: 0; border-right: 50px solid transparent; border-bottom: 250px solid #3fd7d7 ; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: 0.5s ease-in-out; } .whmcs_bridge_page #bridge .home-shortcuts li:hover:before { -webkit-transform: translateX(0); transform: translateX(0); } .whmcs_bridge_page #bridge .home-shortcuts li a { z-index: 1; position: relative; } .whmcs_bridge_page #bridge .home-shortcuts li i { color: #080245 ; transition: 0.5s ease-in-out; } .whmcs_bridge_page #bridge .home-shortcuts li p { font-size: 20px; line-height: 20px; font-weight: 700; text-transform: capitalize; color: #080245; transition: 0.5s ease-in-out; } .whmcs_bridge_page #bridge .home-shortcuts li i { font-size: 50px; margin-bottom: 10px; } .whmcs_bridge_page #bridge .label-warning[href]:focus, .whmcs_bridge_page #bridge .label-warning[href]:hover { background-color: #080245; } .whmcs_bridge_page #bridge .home-shortcuts li:last-child { margin-right: 0; } .whmcs_bridge_page #bridge .home-shortcuts li:hover i{ color: #080245; } .whmcs_bridge_page #bridge .home-shortcuts li:hover p { color: #080245; } .whmcs_bridge_page #bridge ul.top-nav > li:active >a, .whmcs_bridge_page #bridge ul.top-nav > li:focus >a, .whmcs_bridge_page #bridge ul.top-nav > li:hover >a, .whmcs_bridge_page #bridge ul.top-nav > li >a:focus { color: #080245; } .whmcs_bridge_page #bridge .home-shortcuts li:first-child { border-left: 0; } .whmcs_bridge_page #bridge .home-shortcuts li:hover span { display: none; } .whmcs_bridge_page #bridge div.announcement-single blockquote { background: #f1f9f9 ; padding: 40px; } .whmcs_bridge_page #bridge div.announcement-single blockquote p { line-height: 26px; color: #666; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg { background: #fff; padding: 6px 10px; margin-top: 20px ; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit]{ padding: 12px 35px; border-radius: 4px !important; font-size: 14px; line-height: 14px; font-weight: 700 !important; color: #fff; transition: .5s ease-in-out; letter-spacing: 1px; height: auto !important; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit].btn.search { margin-right: 5px; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit].btn.search , .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit].btn.transfer:hover { border-color: #3fd7d7; background-color: #3fd7d7 ; color: #080245} .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit].btn.transfer{ background-color: transparent; padding: 12px 25px; color: #080245 ; border: 1px solid #080245 ; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit].btn.search:hover { background-color: #080245; color: #3fd7d7 ; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=submit]:focus { outline-width: 0; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=text] { font-size: 16px !important; line-height: 16px !important; font-weight: 700 !important; color: #3fd7d7 ; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=text]::placeholder { color: #777; opacity: 1; /* Firefox */ } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=text]:-ms-input-placeholder { color: #777; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=text]::-ms-input-placeholder { color: #777; } /**************************DropDown************************************************************/ .whmcs_bridge_page #bridge .navbar-nav>li>.dropdown-menu { background: #3fd7d7; border: none; border-bottom: 4px solid #080245; padding: 15px; box-shadow: none; } .whmcs_bridge_page #bridge #primary-nav >.nav.navbar-nav li a { position: relative; } .whmcs_bridge_page #bridge #primary-nav > .nav.navbar-nav li a:before { bottom: auto; top: 0; width: 70%; } .whmcs_bridge_page #bridge #primary-nav > .nav.navbar-nav li a:hover:before { bottom: auto; top: 0; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a { padding-left: 15px; padding-right: 15px; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account> .dropdown-menu { width: 250px; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px; position: relative; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li:first-child>a{ padding-left: 0; } .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.active>a:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.active>a:focus:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.active>a:hover:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.open>a:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.open>a:focus:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.open>a:hover:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>li>a:focus:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>li>a:hover:before { background: #fff !important; position: absolute !important; top: 0 !important; width: 100% !important; height: 4px !important; content: "" !important; left: 0 !important; backface-visibility: hidden; transition: width 350ms ease-in-out; } .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.active>a.dropdown-toggle:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.active>a.dropdown-toggle:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.active>a.dropdown-toggle:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.open>a.dropdown-toggle:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.open>a.dropdown-toggle:focus:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>.open>a.dropdown-toggle:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>li>a.dropdown-toggle:before, .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav>li>a.dropdown-toggle:before { border: none !important;; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active>a.dropdown-toggle:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active>a.dropdown-toggle:focus:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active>a.dropdown-toggle:hover:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open>a.dropdown-toggle:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open>a.dropdown-toggle:focus:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open>a.dropdown-toggle:hover:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a.dropdown-toggle:focus:after, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a.dropdown-toggle:hover:after { display: none !important; } .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav> a.dropdown-toggle ul.dropdown-menu li a:before , .whmcs_bridge_page #bridge #nav.navbar-main .navbar-nav> a.dropdown-toggle ul.dropdown-menu li a:after { display: none !important; } .whmcs_bridge_page #bridge .dropdown-menu>li>a { color: #fff !important; font-weight: 400 !important; font-size: 14px !important; line-height: 36px !important; padding: 10px 20px !important; font-family: 'Nunito', sans-serif } .whmcs_bridge_page #bridge .nav .nav-divider { display: none; } .whmcs_bridge_page #bridge .dropdown-menu>li>a:hover { background: #080245 !important; color: #3fd7d7 !important; padding: 15px 30px; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active > a.dropdown-toggle, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active > a.dropdown-toggle:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.active > a.dropdown-toggle:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open > a.dropdown-toggle, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open > a.dropdown-toggle:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>.open >a.dropdown-toggle:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li > a.dropdown-toggle:focus, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li > a.dropdown-toggle:hover { background: #3fd7d7; color: #080245; } .whmcs_bridge_page #bridge #footer { display: none; } .whmcs_bridge_page #bridge .list-group-item { padding: 15px; } .whmcs_bridge_page #bridge .table>tbody>tr>td, .whmcs_bridge_page #bridge .table>tbody>tr>th, .whmcs_bridge_page #bridge .table>tbody>tr>th, .whmcs_bridge_page #bridge .table>tbody>tr>th, .whmcs_bridge_page #bridge .table>tfoot>tr>td, .whmcs_bridge_page #bridge .table>tfoot>tr>th, .whmcs_bridge_page #bridge .table>thead>tr>td, .whmcs_bridge_page #bridge .table>thead>tr>th { border-color: transparent !important; border-top: 1px solid #ddd !important; } .whmcs_bridge_page #bridge #order-modern .cart_dropdown { display: block; } .whmcs_bridge_page #bridge #order-modern .cart_dropdown { background: #333; width: 210px; padding: 15px; border: none; margin-top: 0; } .whmcs_bridge_page #bridge .input-group-btn { z-index: 9; } .whmcs_bridge_page #bridge #order-modern .choosecat { float: left; margin: 0; } .whmcs_bridge_page #bridge #order-modern .currencychooser { margin: -25px 0 15px 0; } .whmcs_bridge_page #bridge .btn-group>.btn:first-child { margin-left: 0; } @media screen and (max-width: 1199px){ .whmcs_bridge_page #bridge .container { width: 970px; } .whmcs_bridge_page #bridge { margin-top: 75px; } } @media screen and (max-width: 991px){ .whmcs_bridge_page #bridge .container { width: 750px; } .whmcs_bridge_page #bridge { margin-top: -1px; } .whmcs_bridge_page #bridge .navbar-collapse { margin: 0; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a { padding-left: 0 ; padding-right: 0; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a:hover , .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a:active, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a:focus , .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:hover, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:active, .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:focus { padding-left: 15px ; padding-right: 15px ; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li>a { padding: 10px 15px !important; } .whmcs_bridge_page #bridge .navbar-nav>li>.dropdown-menu , .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account> .dropdown-menu { float: left; width: 100%; } .whmcs_bridge_page #bridge .navbar-nav>li>.dropdown-menu { position: relative; } .whmcs_bridge_page #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a { padding-left: 0; padding-right: 15px; } div#bridge ul.nav li.dropdown:hover ul.dropdown-menu { display: none; } div#bridge ul.nav li.dropdown:hover ul.dropdown-menu.new_drop_down , div#bridge ul.nav li.dropdown:hover ul.dropdown-menu.new_drop_down.second_drop_down { display: block; } } @media screen and (max-width: 767px){ .whmcs_bridge_page #bridge .dataTables_wrapper { overflow-x: auto !important; overflow-y: hidden !important; } .whmcs_bridge_page #bridge .dataTables_wrapper table.table-list { width: 900px !important; } .whmcs_bridge_page #bridge .home-shortcuts { padding: 50px 0; } .whmcs_bridge_page #bridge .home-shortcuts li { width: 50% !important; margin: 10px auto !important; } .whmcs_bridge_page #bridge .container { width: 100%; padding: 0 15px; } } @media screen and (max-width: 480px) { .whmcs_bridge_page #bridge .logo, .whmcs_bridge_page #bridge .top-nav { width: 100%; float: left; text-align: right; } .whmcs_bridge_page #bridge .logo { padding-top: 15px; text-align: center; } .whmcs_bridge_page #bridge #order-modern .currencychooser { text-align: center !important; '' } .whmcs_bridge_page #bridge section#header .logo img { width: 50%; } .whmcs_bridge_page #bridge .announcement-single h3 { line-height: 24px; } .whmcs_bridge_page #bridge .dataTables_info { float: left !important; width: 100% !important; margin-top: 20px !important; } .whmcs_bridge_page #bridge .dataTables_filter { float: left !important; width: 100% !important; background: #4f5360 !important; margin-top: 10px !important; } .whmcs_bridge_page #bridge .whmcs_bridge_page #bridge .listtable { float: left; } .whmcs_bridge_page #bridge .home-shortcuts li { width: 80% !important; margin: 10px auto !important; float: none; height: 140px; } .whmcs_bridge_page #bridge .home-shortcuts li { padding: 20px 0 30px; } .whmcs_bridge_page #bridge ul.top-nav > li > a { font-size: 14px; line-height: 14px; } .whmcs_bridge_page #bridge .input-group-btn { display: inline-table; } .whmcs_bridge_page #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1 > .input-group.input-group-lg input[type=text] { text-align: center; } .whmcs_bridge_page #bridge div.announcement-single blockquote { padding: 20px; font-size: 14px; line-height: 24px; } .whmcs_bridge_page #bridge .home-shortcuts { margin-bottom: 20px; } .whmcs_bridge_page #bridge section#header .logo-text { display: none; } .whmcs_bridge_page #bridge .main-content { margin-bottom: 0; } }