a:focus { outline: none; } button, input[type="submit"] { cursor: pointer; } /*fonts family*/ /*fonts family end*/ /*color options*/ /*color options end*/ /*mixin*/ /*mixin end*/ .header { position: relative; } .header .logo { padding-top: 16px; float: left; } .header .right .right_navi li { float: left; } .header .right .right_navi li a { color: #000000; padding: 24px; font-size: 14px; font-weight: 600; float: left; border-right: 1px solid #f0f3f6; } .header .right .right_navi li a .fa-sort-desc { font-size: 18px; line-height: normal; position: relative; bottom: 2px; } .header .right .right_navi li .dropdown-menu a { padding: 8px 15px; font-size: 14px; } .header .right .right_navi li .dropdown-menu a:hover, .header .right .right_navi li .dropdown-menu a:focus { background-color: #f51322; color: #FFF; } .header .right .right_navi li .flag_drop a:hover, .header .right .right_navi li .flag_drop a:focus { background-color: #FFF; color: #212529; opacity: 0.5; } .header .right .right_navi li .flag_drop a .fa { display: none !important; } .header .right .right_navi li:last-child a, .header .right .right_navi li:nth-last-child(2) a { color: #b4b4b4; font-size: 20px; position: relative; bottom: 2px; } .header .right .right_navi li:nth-last-child(4) a { font-weight: 400; } .header .right .right_navi li:first-child a { font-size: 18px; font-weight: 700; border: none; } .header .right .right_navi li:first-child a .fa { color: #f51322; font-size: 20px; } .header .right .right_navi li.hover:hover a { background-color: #d10c19; } .header .right .right_navi li.hover:hover a .fa { color: #FFF; } @media (max-width: 991px) { .header .navbar-toggler { position: absolute; right: 0; top: calc(50% - 19px); } .header .right .right_navi li:first-child { display: none; } } @media (max-width: 767px) { .header .logo img { width: 140px; } .header .right { padding-right: 10px; } .header .right .nav li { display: none; } .header .right .nav li a { border: none; } .header .right .nav li:last-child { display: block; } .header .navbar-toggler { top: calc(50% - 16px); } } .nav_bar { background-color: #000000; } .nav_bar .navbar-nav > li { float: left; } .nav_bar .navbar-nav > li > a { font-size: 16px; font-weight: 600; color: #FFF; float: left; padding: 15px 15px 17px 15px; border-top: 3px solid transparent; } .nav_bar .navbar-nav > li > a:hover, .nav_bar .navbar-nav > li a.active { background-color: #FFF; color: #f51322; border-top-color: #f51322; } .nav_bar .navbar-nav > li:last-child a { background-color: #f51322; color: #FFF; } @media (max-width: 1199px) { .nav_bar .navbar-nav li a { font-size: 14px; float: left; width: 100%; } } @media (max-width: 767px) { .nav_bar { /*.navbar-toggleable-md.collapse.show{display: none;} .navbar-toggleable-md.collapse{display: block;}*/ } } @media (min-width: 992px) { .nav_bar .navbar-toggler { display: none; } } .banner { background-position: center; background-image: url(../images/banner.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 58px; } .banner .big_col { min-width: 570px; border: 2px solid #4d2fb6; float: left; } .banner .big_col h5 { font-size: 30px; color: #000000; font-weight: 800; text-transform: uppercase; padding: 28px 15px; line-height: 39px; width: calc(100% - 160px); float: right; } .banner .big_col .big_col_in { background-image: -moz-linear-gradient(128deg, #493b8b 0%, #493b8b 50%, #6747d5 50%, #6747d5 100%); background-image: -webkit-linear-gradient(128deg, #493b8b 0%, #493b8b 50%, #6747d5 50%, #6747d5 100%); background-image: -ms-linear-gradient(128deg, #493b8b 0%, #493b8b 50%, #6747d5 50%, #6747d5 100%); width: 160px; text-align: center; float: left; min-height: 144px; padding-top: 8px; } .banner .big_col .big_col_in h4 { font-size: 70px; color: #FFF; font-weight: 800; margin: 0px; padding: 0px; } .banner .big_col .big_col_in small { font-size: 14px; font-weight: 800; text-transform: uppercase; color: #FFF; float: left; margin: -1px 0 0 0; text-align: center; width: 100%; padding: 0px; } .banner .banner_bottom .button02 { font-size: 14px; color: #FFF; border: 1px solid #f51322; background-color: #f51322; padding: 15px; margin-top: 30px; text-transform: uppercase; float: left; } .banner .banner_bottom .button02:hover { background-color: #FFF; color: #f51322; } .banner .banner_bottom h3 { font-size: 18px; font-weight: 600; margin-top: 40px; color: #000000; font-style: italic; position: relative; padding: 0 0 6px 0; } .banner .banner_bottom h3:after { content: ""; border-bottom: 2px solid #f51322; width: 230px; position: absolute; bottom: 0px; left: 0px; } .banner .banner_bottom h3 b { font-size: 27px; } .banner .banner_bottom ul { width: 400px; padding: 0px; margin: 0px; } .banner .banner_bottom ul li { width: calc(50% - 20px); margin-right: 20px; margin-top: 15px; margin-bottom: 5px; float: left; } .banner .banner_bottom ul li a { background-color: #FFF; color: #2f2f31; box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.04); min-height: 35px; position: relative; padding-left: 40px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; font-size: 13px; font-style: italic; padding-top: 7px; /*&:hover{background-color: $purple-dark-color;color: $white-color;} */ } .banner .banner_bottom ul li a embed { position: absolute; top: calc(50% - 9px); left: 15px; } .banner .banner_bottom ul li a embed svg * { fill: red !important; } @media (max-width: 767px) { .banner .big_col { min-width: 100%; } .banner .big_col .big_col_in { width: 100%; padding: 5px; text-align: center; min-height: inherit; } .banner .big_col .big_col_in h4 { font-size: 20px; } .banner .big_col h5 { width: 100%; text-align: center; line-height: normal; padding: 10px; font-size: 18px; } .banner .banner_bottom ul { width: 100%; } .banner .banner_bottom ul li { width: 100%; } .banner .banner_bottom h3 { font-size: 14px; margin-top: 10px; } .banner .banner_bottom h3 b { font-size: 17px; } } .banner1 { background-position: center; background-image: url(../images/banner1.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 58px; } .banner1 .banner_info { display: flex; align-self: center; min-height: 480px; align-self: center; width: 500px; flex-direction: column; justify-content: center; } .banner1 .banner_info h6 { margin: 0px; padding: 0px; text-transform: uppercase; color: #000000; font-size: 16px; font-weight: 800; } .banner1 .banner_info h2 { margin: 10px 0; padding: 0px; font-size: 42px; color: #000000; text-transform: uppercase; font-weight: bold; } .banner1 .banner_info p { font-size: 14px; color: #565656; line-height: 28px; } @media (max-width: 767px) { .banner1 { padding: 20px 0px; background-position: center; } .banner1 .banner_info { min-height: initial; width: 100%; display: block; } .banner1 .banner_info h6 { font-size: 14px; } .banner1 .banner_info h2 { font-size: 20px; } .banner1 .banner_info p { font-size: 14px; line-height: 25px; } } .banner .banner2 h1 { margin: 0px; padding: 0px; font-size: 38px; color: #000000; font-weight: 800; } .banner .banner2 h1 span { color: #f51322; } .banner .banner2 h6 { font-size: 14px; color: #000000; border: 1px solid #CCC; padding: 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; text-align: center; float: left; width: auto; min-width: 334px; margin-top: 30px; } .banner .banner2 .banner_list { width: 400px; float: left; margin: 15px 0 0 0; padding: 0px; } .banner .banner2 .banner_list li { float: left; width: 50%; padding: 5px; } .banner .banner2 .banner_list li a { float: left; width: 100%; position: relative; font-size: 14px; color: #000; font-weight: bold; padding-left: 26px; } .banner .banner2 .banner_list li a:before { content: ""; background-image: url(../images/check1.svg); width: 15px; height: 12px; position: absolute; left: 0px; top: calc(50% - 5px); } .banner .banner2 .button02 { font-size: 14px; color: #FFF; border: 1px solid #f51322; background-color: #f51322; padding: 15px; margin-top: 30px; text-transform: uppercase; float: left; } .banner .banner2 .button02:hover { background-color: #FFF; color: #f51322; } @media (max-width: 767px) { .banner .banner2 h1 { font-size: 20px; } .banner .banner2 h6 { width: 100%; min-width: 100%; } .banner .banner2 .banner_list { width: 100%; } .banner .banner2 .banner_list li { width: 100%; } } /*banner3*/ .banner3 { float: left; width: 100%; background-image: url(../images/banner02.jpg); } .banner3 .banner_info { width: 600px; max-width: 100%; } .banner3 .banner_info h6 { font-size: 28px; text-transform: none; font-weight: 500; } .banner3 .banner_info h2 { text-transform: none; font-size: 38px; } .banner3 .banner_info .button03 { width: auto; background-color: #f51322; max-width: 172px; } .banner-bottombar { float: left; width: 100%; background-color: #6747d5; padding-top: 19px; padding-bottom: 19px; } .banner-bottombar .cols { font-size: 16px; color: #FFF; display: inline-block; font-weight: bold; } .banner-bottombar .cols img { margin: 0px 15px 0 0px; display: inline-block; } @media (max-width: 767px) { .banner3 .banner_info h6 { font-size: 20px; } .banner3 .banner_info h2 { font-size: 22px; } .banner-bottombar .cols { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; font-size: 15px; } .banner-bottombar .cols:last-child { margin-bottom: 0px; } } /*banner3 end*/ /*fonts family*/ /*fonts family end*/ /*color options*/ /*color options end*/ /*mixin*/ /*mixin end*/ .pricing_section { padding-bottom: 83px; } .pricing_section .custom_tabs { background-color: #6747d5; } .pricing_section .custom_tabs .tab { float: left; margin: 0px; padding: 0px; } .pricing_section .custom_tabs .tab li { float: left; } .pricing_section .custom_tabs .tab li a { float: left; font-size: 14px; color: #FFF; font-weight: 700; padding: 25px; border-right: 1px solid #917bde; } .pricing_section .custom_tabs .tab li a:hover, .pricing_section .custom_tabs .tab li a.active { color: #000000; background-color: #FFF; } .pricing_section .custom_tabs .tab li a .fa { font-size: 20px; font-weight: normal; float: left; margin-right: 8px; } .pricing_section .price_top { text-align: center; padding-top: 60px; } .pricing_section .price_top h1 { font-size: 40px; color: #000000; font-weight: 700; } .pricing_section .price_top p { font-size: 16px; line-height: 27px; color: #464646; margin-top: 10px; } .pricing_section .price_top .dropdown button { margin-top: 10px; border: none; font-size: 14px; color: #464646; background-color: transparent; box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.06); padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .pricing_section .price_top .dropdown button:after { border-top: 0.5em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; } .pricing_section .price_top .dropdown button b { color: #f51322; margin-left: 5px; margin-right: 10px; } .pricing_section .price_top .dropdown button img { width: 20px; position: relative; bottom: 2px; } .pricing_section .price_top ul.months-ul { padding: 0px; margin: 30px 0 0 0; } .pricing_section .price_top ul.months-ul li { float: left; width: 25%; } .pricing_section .price_top ul.months-ul li a { float: left; width: 100%; font-size: 13px; color: #464646; border-top: 1px solid #f1f1f1; padding-top: 19px; } .pricing_section .price_top ul.months-ul li a span { color: #f51322; } .pricing_section .price_top ul.months-ul li:nth-child(2) a { border-top: 1px solid #d2d2d2; } .pricing_section .price_top ul.months-ul li:nth-child(3) a { border-top: 1px solid #979797; } .pricing_section .price_top ul.months-ul li:nth-child(4) a { border-top: 1px solid #f51322; } .pricing_section .price_group { display: flex; margin-top: 61px; } .pricing_section .price_group .price_sect { width: calc(25% - 20px); float: left; text-align: center; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); background-color: #FFF; border-top: 2px solid #6747d5; padding: 15px 15px 0px 15px; margin: 0 10px; } .pricing_section .price_group .price_sect h2 { margin: 14px 0 0 0; padding: 0px; font-weight: 800; font-size: 22px; color: #6747d5; text-transform: uppercase; } .pricing_section .price_group .price_sect p { margin: 12px 0 0 0; padding: 0px; font-size: 13px; color: #c3c3c3; font-weight: font-weight300; } .pricing_section .price_group .price_sect h1 { margin: 16px 0 0 0; padding: 0px; font-size: 60px; color: #000000; font-weight: 300; } .pricing_section .price_group .price_sect h1 small { font-size: 18px; color: #000000; font-weight: 600; margin: 0 0 0 -15px; } .pricing_section .price_group .price_sect h1 span { font-size: 14px; color: #000000; font-weight: 300; } .pricing_section .price_group .price_sect ul.list { margin: 26px -15px 0px -15px; padding: 18px 22px 0 22px; border-top: 1px solid #f5f5f5; display: inline-block; } .pricing_section .price_group .price_sect ul.list li { text-align: left; font-size: 13px; color: #414141; position: relative; padding-left: 21px; margin-bottom: 10px; } .pricing_section .price_group .price_sect ul.list li:before { content: ""; mask: url(../images/check.svg); width: 11px; height: 8px; float: left; background-color: #6747d5; position: absolute; left: 0px; top: calc(50% - 3px); } .pricing_section .price_group .price_sect .bottom_sect { margin: 0 -15px; background-color: #faf8ff; padding-top: 19px; padding-bottom: 30px; } .pricing_section .price_group .price_sect .bottom_sect h4 { margin: 0px; padding: 0px; font-size: 16px; color: #000000; } .pricing_section .price_group .price_sect .bottom_sect .button03 { margin-top: 20px; } .pricing_section .price_group .price_sect:nth-child(2) { border-top-color: #fec310; } .pricing_section .price_group .price_sect:nth-child(2) h2 { color: #fec310; } .pricing_section .price_group .price_sect:nth-child(2) ul.list li:before { background-color: #fec310; } .pricing_section .price_group .price_sect:nth-child(2) .bottom_sect { background-color: #fffbee; } .pricing_section .price_group .price_sect:nth-child(2) .bottom_sect .button03 { background-color: #fec310; } .pricing_section .price_group .price_sect:nth-child(2) .bottom_sect .button03:hover { background-color: #fec310; } .pricing_section .price_group .price_sect:nth-child(3) { border-top-color: #493b8b; } .pricing_section .price_group .price_sect:nth-child(3) h2 { color: #493b8b; } .pricing_section .price_group .price_sect:nth-child(3) ul.list li:before { background-color: #493b8b; } .pricing_section .price_group .price_sect:nth-child(3) .bottom_sect .button03 { background-color: #493b8b; } .pricing_section .price_group .price_sect:nth-child(3) .bottom_sect .button03:hover { background-color: #493b8b; } .pricing_section .price_group .price_sect:nth-child(4) { border-top-color: #fe7760; } .pricing_section .price_group .price_sect:nth-child(4) h2 { color: #fe7760; } .pricing_section .price_group .price_sect:nth-child(4) ul.list li:before { background-color: #fe7760; } .pricing_section .price_group .price_sect:nth-child(4) .bottom_sect { background-color: #fffbee; } .pricing_section .price_group .price_sect:nth-child(4) .bottom_sect .button03 { background-color: #fe7760; } .pricing_section .price_group .price_sect:nth-child(4) .bottom_sect .button03:hover { background-color: #fe7760; } .pricing_section .vat_col { float: left; width: 100%; text-align: center; font-size: 14px; color: #000000; margin-top: 54px; } .pricing_section .vat_col b { border-bottom: 2px solid #f51322; text-transform: uppercase; } .button03 { font-size: 14px; color: #FFF; background-color: #6747d5; display: inline-block; min-width: 162px; text-transform: uppercase; min-height: 47px; line-height: 37px; font-weight: bold; text-align: center; padding: 5px; } .button03:hover { background-color: #6747d5; color: #FFF; opacity: 0.8; } @media (max-width: 991px) { .pricing_section .price_group { flex-wrap: wrap; } .pricing_section .price_group .price_sect { width: calc(50% - 20px); margin-bottom: 20px; } } @media (max-width: 767px) { .pricing_section .custom_tabs .nav { margin: 10px 0; width: 100%; flex: 0 0 100%; } .pricing_section .custom_tabs .nav li { width: 100%; float: left; } .pricing_section .custom_tabs .nav li a { width: 100%; float: left; padding: 5px 10px; border-right: none; } .pricing_section .price_top { padding-top: 15px; } .pricing_section .price_top h1 { font-size: 18px; } .pricing_section .price_top p br { display: none; } .pricing_section .price_top ul.months-ul li { width: 100%; } .pricing_section .price_group .price_sect { width: 100%; margin-bottom: 15px; } } .features-option2 { background-color: #f9f9f9; padding-top: 70px; } .features-option2 .top { text-align: center; margin-bottom: 60px; } .features-option2 .top h2 { margin: 0px; padding: 0px; font-size: 36px; font-weight: 700; } .features-option2 .top p { font-size: 15px; color: #7d7d7d; margin: 0px; padding: 0px; } .features-option2 .features-col { text-align: center; margin: 40px 0; } .features-option2 .features-col .img-box { width: 69px; height: 69px; text-align: center; background-color: #e8e6e6; margin: 0 auto; display: flex; align-content: center; align-items: center; align-self: center; flex-direction: column; justify-content: center; } .features-option2 .features-col .img-box .box-svg { height: 37px !important; } .features-option2 .features-col .img-box .box-svg path { fill: transparent !important; stroke: #393939 !important; } .features-option2 .features-col .img-box .raid tspan { fill: #FFF !important; } .features-option2 .features-col .img-box img, .features-option2 .features-col .img-box svg { width: 50px; height: 50px; } .features-option2 .features-col .img-box img path, .features-option2 .features-col .img-box svg path { fill: #393939; stroke: transparent; stroke-width: 2px; } .features-option2 .features-col .img-box img tspan, .features-option2 .features-col .img-box svg tspan { fill: #393939; stroke: transparent; } .features-option2 .features-col h3 { margin: 30px 0 0 0; padding: 0px; font-size: 16px; color: #414141; text-transform: uppercase; font-weight: bold; } .features-option2 .features-col p { font-size: 13px; color: #6e6e6e; line-height: 24px; padding: 0px; margin: 10px 0 0 0; } .features-option2 .features-col:hover .img-box { background-color: #f51322; } .features-option2 .features-col:hover .img-box img path, .features-option2 .features-col:hover .img-box svg path { fill: #FFF; stroke: transparent; stroke-width: 2px; } .features-option2 .features-col:hover .img-box img tspan, .features-option2 .features-col:hover .img-box svg tspan { fill: #FFF; stroke: transparent; } .features-option2 .features-col:hover .box-svg path { fill: transparent !important; stroke: #FFF !important; } .features-option2 .features-col:hover .raid tspan { fill: #393939 !important; } .features-option2 .choose_section { background: none; padding-top: 10px; } .float_w, .header, .nav_bar, .banner, .banner .banner_bottom, .banner .banner_bottom ul li a, .banner1, .pricing_section, .pricing_section .custom_tabs, .pricing_section .price_top, .pricing_section .price_top p, .pricing_section .price_top ul.months-ul, .pricing_section .price_group, .pricing_section .price_group .price_sect h1 span, .pricing_section .price_group .price_sect ul.list li, .features-option2, .features-option2 .top, .features-option2 .features-col, .bandwidth, .hosting_feature, .hosting_feature .hosting_sections, .cloud_hosting, .cloud_hosting .left .hosting_list, .customers, .get_started, .footer, .footer .footer_col, .copyright, .dedicated_servers, .dedicated_servers .dedicated_servers_top, .dedicated_servers .left .filters_box, .dedicated_servers .left .filters_box .range_slider, .dedicated_servers .left .filters_box .custom_checkbox, .dedicated_servers .left .filters_box .radio_input, .dedicated_servers .right .results, .dedicated_servers .right .results_box, .dedicated_servers .right .results_box .col1 i, .operating-system, .operating-system .operating-table, .operating-system .operating-table table td span, .why-choose, .why-choose .top, .frequbntly_asked, .dedicated-server, .see-our-story-about, .see-our-story-about .scnd-frst-row h5 span, .see-our-story-about .about-metus-row p span, .see-our-story-about .about-metus-row ul, .about-why-choose-us, .about-why-choose-us .choose-us-row-two .why-choose-inner-abt, .wetackcareforupgrade, .wetackcareforupgrade .maintenance-inner-text-row p span, .wetackcareforupgrade .maintenance-inner-text-row ul, .great-service, .great-service .great-service-row h2, .great-service .great-service-row .maintenance-inner-img ul, .frequently-questions, .frequently-questions .frequently-questions-row h2, .website-rating, .website-rating .choose-us-row .rating-box, .ssl-banner .left .view-plan, .ssl-effect-site, .ssl-effect-site .ssl-effect-site-row ul, .recent-changes-effact .ssl-effect-site-row p span, .domain-all-price-list, .domain-all-price-list .container ul, .domain-block-home, .domain-block-home .domain-block-content .domain-search-frm .domain-block-search { float: left; width: 100%; } .m_p { padding: 0px; margin: 0px; } body { font-family: "Open Sans", sans-serif; background-color: #FFF; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; outline: none; } li { list-style: none; } .middle-box { display: flex; flex-direction: row; align-items: center; vertical-align: middle; } /* bandwidth */ .bandwidth { background-color: #02a7df; } .bandwidth .bandwidth_in { display: flex; align-self: center; width: 100%; min-height: 255px; } .bandwidth .bandwidth_in .row { width: 100%; } .bandwidth .bandwidth_in .row .left { display: flex; flex-direction: column; align-content: center; align-self: center; } .bandwidth .bandwidth_in .row .left h2 { margin: 0px; padding: 0px; font-size: 30px; color: #FFF; } .bandwidth .bandwidth_in .row .left p { font-size: 18px; color: #FFF; font-weight: 300; padding: 0px; margin: 6px 0 0 0; } @media (max-width: 767px) { .bandwidth .bandwidth_in { padding: 15px 0; } .bandwidth .bandwidth_in h2 { font-size: 20px !important; } .bandwidth .bandwidth_in .row { width: auto; } .bandwidth .left { text-align: center; width: 100%; } .bandwidth .left img { width: 100%; } } /* bandwidth end */ /*hosting_feature*/ .hosting_feature { padding-top: 65px; padding-bottom: 105px; } .hosting_feature h1 { margin: 0px; padding: 0px; font-size: 36px; color: #000000; font-weight: 800; text-align: center; } .hosting_feature P { padding: 0px; margin: 20px 0 35px 0; font-size: 16px; color: #4b4949; text-align: center; } .hosting_feature .hosting_sections .hosting_box { text-align: left; border: 1px solid #eceff7; padding: 15px; height: 100%; position: relative; padding-left: 87px; } .hosting_feature .hosting_sections .hosting_box:hover { border-color: #f51322; } .hosting_feature .hosting_sections .hosting_box:hover span { background-color: #f51322; } .hosting_feature .hosting_sections .hosting_box:hover span img path, .hosting_feature .hosting_sections .hosting_box:hover span img polygon, .hosting_feature .hosting_sections .hosting_box:hover span svg path, .hosting_feature .hosting_sections .hosting_box:hover span svg polygon { fill: #FFF; } .hosting_feature .hosting_sections .hosting_box span { justify-content: center; position: absolute; left: 15px; top: 15px; width: 49px; height: 50px; border: 1px solid #eceff7; display: flex; align-items: center; align-content: center; align-self: center; } .hosting_feature .hosting_sections .hosting_box span img, .hosting_feature .hosting_sections .hosting_box span svg { width: 25px; height: 25px; } .hosting_feature .hosting_sections .hosting_box span img path, .hosting_feature .hosting_sections .hosting_box span img polygon, .hosting_feature .hosting_sections .hosting_box span svg path, .hosting_feature .hosting_sections .hosting_box span svg polygon { fill: #f51322; } .hosting_feature .hosting_sections .hosting_box h3 { margin: 0px; padding: 0px 0 8px 0; font-size: 16px; color: #000000; font-weight: 600; position: relative; } .hosting_feature .hosting_sections .hosting_box h3:before { content: ""; width: 61px; height: 2px; background-color: #f51322; position: absolute; bottom: 0px; left: 0px; } .hosting_feature .hosting_sections .hosting_box p { text-align: left; font-size: 13px; line-height: 21px; font-weight: 300; color: #7a7a7a; margin: 10px 0 0 0; padding: 0px; } @media (max-width: 991px) { .hosting_feature .hosting_sections .col-sm-4 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767px) { .hosting_feature { padding-top: 20px; padding-bottom: 25px; } .hosting_feature h1 { font-size: 20px; } .hosting_feature p { font-size: 14px; margin-bottom: 10px; } .hosting_feature p br { display: none; } .hosting_feature .hosting_sections .col-sm-4 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /*hosting_feature end*/ /*choose_section*/ .choose_section { float: left; width: 100%; background-image: url(../images/bg-1.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 66px; } .choose_section h1 { margin: 0px; padding: 0px; font-size: 36px; color: #000000; font-weight: 800; text-align: center; } .choose_section P { padding: 0px; margin: 20px 0 35px 0; font-size: 16px; color: #4b4949; text-align: center; } .choose_section .tab { justify-content: center; float: none; } .choose_section .tab li { float: left; } .choose_section .tab li a { float: left; font-size: 14px; border-right: 2px solid #9076eb; color: #FFF; background-color: #6747d5; border-bottom: 3px solid #6747d5; padding: 20px 25px; font-weight: 700; text-transform: uppercase; } .choose_section .tab li a img, .choose_section .tab li a svg { fill: #FFF; width: 21px; height: 21px; margin-right: 5px; } .choose_section .tab li a img path, .choose_section .tab li a svg path { fill: #FFF; stroke: #FFF; stroke-width: 0.5px; } .choose_section .tab li a.active { background-color: #FFF; color: #6747d5; position: relative; } .choose_section .tab li a.active:after { content: ""; border-top: 9px solid #6747d5; border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; bottom: -12px; left: 24px; } .choose_section .tab li a.active img path, .choose_section .tab li a.active svg path { fill: #6747d5; stroke: #6747d5; stroke-width: 0.5px; } .choose_section .tab li:last-child a { border-right: none; } @media (max-width: 1199px) { .choose_section .tab li a { font-size: 12px; } .choose_section .tab li a svg { width: 18px; height: 18px; } } @media (max-width: 991px) { .choose_section .tab li a { font-size: 11px; padding: 13px 7px; } } @media (max-width: 767px) { .choose_section h1 { font-size: 20px; } .choose_section p { font-size: 14px; } .choose_section p br { display: none; } .choose_section .tab { width: 100%; } .choose_section .tab li { width: 100%; border: none; } .choose_section .tab li a { width: 100%; border: none; } } .cloud_hosting { margin-top: 56px; background-image: url(../images/hosting_bg.jpg); background-size: cover; background-repeat: no-repeat; } .cloud_hosting .cloud_hosting_in { display: flex; align-self: center; align-content: center; justify-content: center; flex-direction: column; min-height: 627px; float: left; } .cloud_hosting .left h1 { font-size: 36px; color: #000000; font-weight: font-weight800; margin: 0px; padding: 0px; } .cloud_hosting .left p { font-size: 16px; color: #2f2f2f; margin: 8px 0 0 0; padding: 0px; } .cloud_hosting .left .hosting_list { box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08); border: 1px solid #dcdcdc; background-color: #FFF; margin-top: 27px; } .cloud_hosting .left .hosting_list ul { float: left; width: 50%; padding: 0px; } .cloud_hosting .left .hosting_list ul li { float: left; width: 100%; font-size: 12px; color: #525252; position: relative; padding: 9px 10px 9px 40px; } .cloud_hosting .left .hosting_list ul li:after { content: ""; width: 9px; height: 9px; border: 1px solid #b0b0b0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; float: left; position: absolute; top: calc(50% - 4px); left: 20px; } .cloud_hosting .left .hosting_list ul li:nth-child(2n+2) { background-color: #fafafa; } .cloud_hosting .right .hosting_box { float: left; width: 100%; position: relative; flex: 0 0 100%; text-align: center; min-height: 194px; border: 1px solid #FFF; display: flex; align-self: center; align-content: center; justify-content: center; flex-direction: column; } .cloud_hosting .right .hosting_box h2 { margin: 5px 0 0 0; padding: 0px; font-size: 14px; color: #FFF; text-transform: uppercase; font-weight: 700; position: relative; padding-bottom: 8px; } .cloud_hosting .right .hosting_box h2:after { content: ""; width: 26px; border-bottom: 1px solid #FFF; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 0 auto; float: none; } .cloud_hosting .right .hosting_box p { font-size: 13px; color: #FFF; margin-top: 13px; } @media (max-width: 991px) { .cloud_hosting .left { padding: 15px 0; float: left; width: 100%; } .cloud_hosting .left h1 { font-size: 25px; } .cloud_hosting .left .hosting_list ul { width: 100%; } .cloud_hosting .right { padding: 15px 0; } } @media (max-width: 767px) { .cloud_hosting { margin-top: 0px; padding-top: 0px; } .cloud_hosting .cloud_hosting_in .right { margin-top: -20px; } .cloud_hosting .cloud_hosting_in .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 8px 15px !important; } } /*choose_section end*/ .customers { background-color: #f0f3f6; padding-top: 46px; padding-bottom: 66px; } .customers .container { padding: 0 200px; } .customers h1 { text-align: center; margin: 0px 0 40px 0; padding: 0px; font-size: 22px; color: #000000; text-transform: uppercase; font-weight: font-weight600; } .customers .customers_box { text-align: center; padding: 26px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .customers .customers_box img { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border: 1px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 5px; background-color: #FFF; } .customers .customers_box h2 { margin: 14px 0 0 0; padding: 0px; font-size: 13px; font-weight: 800; color: #7a7a7a; text-transform: uppercase; } .customers .customers_box p { margin: 8px 0 0 0; font-size: 13px; color: #7a7a7a; } .customers .owl-item.active .customers_box { background-color: #FFF; } .customers .owl-item.active .customers_box img { border-color: #02a7df; } .customers .owl-item.active .customers_box h2 { color: #02a7df; } .customers .data_box { font-size: 18px; color: #000000; line-height: 33px; font-family: 'Playfair Display', serif; text-align: center; font-style: italic; margin-top: 25px; } .customers .data_box:before { content: ""; background-image: url(../images/icon01.png); width: 25px; height: 21px; display: inline-block; margin-right: 30px; } .customers .data_box:after { content: ""; background-image: url(../images/icon02.png); width: 25px; height: 21px; display: inline-block; margin-left: 30px; } @media (max-width: 991px) { .customers .container { padding: 0 0px; } .customers .owl-buttons { display: none; } } @media (max-width: 767px) { .customers .container { padding-left: 15px; padding-right: 15px; } } /*footer css*/ .get_started { background-color: #f51322; text-align: center; padding: 20px 0; } .get_started h1 { font-size: 19px; color: #FFF; margin: 0px; padding: 0px; display: inline-block; } .get_started .button01 { margin-left: 38px; cursor: pointer; display: inline-block; font-size: 14px; color: #FFF; border: 1px solid #FFF; min-height: 54px; min-width: 200px; text-align: center; background-color: transparent; font-weight: 600; } .get_started .button01:hover { background-color: #FFF; color: #f51322; border-color: #f51322; } @media (max-width: 991px) { .get_started .button01 { margin-top: 10px; margin-left: 0px; } } .footer { background-color: #262626; padding-top: 62px; padding-bottom: 110px; } .footer .footer_col h1 { position: relative; font-size: 16px; color: #FFF; text-transform: uppercase; margin: 0px; padding: 0px 0 14px 0; font-weight: 600; margin-bottom: 25px; } .footer .footer_col h1:after { content: ""; border-bottom: 1px solid #FFF; position: absolute; bottom: 0px; left: 0px; width: 56px; } .footer .footer_col p { font-size: 14px; color: #bcbcbc; margin: 0px; padding: 0px; } .footer .footer_col .button03 { background-color: #f51322; margin-top: 47px; color: #FFF; } .footer .footer_col .button03:hover { text-decoration: none !important; } .footer .footer_col a { font-size: 14px; color: #bcbcbc; } .footer .footer_col h4 { font-size: 18px; color: #FFF; } .footer .footer_col .color_white { color: #FFF; } .footer .footer_col ul.socil_icon { float: left; padding: 0px; margin: 8px 0 0 0; width: 100%; } .footer .footer_col ul.socil_icon li { float: left; margin: 0px 7px 0 0px; padding: 0px; } .footer .footer_col ul.socil_icon li a { float: left; } .footer .footer_col ul.socil_icon li a:hover { opacity: 0.7; } .footer .footer_col ul.socil_icon li a .fa { float: left; width: 21px; height: 21px; border-radius: 50%; text-align: center; color: #FFF; background-color: #4d70a8; font-size: 13px; line-height: 21px; } .footer .footer_col ul.socil_icon li a .fa-instagram { background-color: #444444; } .footer .footer_col ul.socil_icon li a .fa-pinterest { background-color: #ca3737; } .footer .footer_col ul.socil_icon li a .fa-linkedin { background-color: #1686b0; } .footer .footer_col ul.socil_icon li a .fa-twitter { background-color: #1cb7eb; } .footer .footer_col ul.footer_links { float: left; margin: 0px; padding: 0px; } .footer .footer_col ul.footer_links li { float: left; width: 50%; margin-bottom: 15px; } .footer .footer_col ul.footer_links li a { float: left; padding-right: 5px; font-size: 14px; color: #bcbcbc; } .footer .footer_col a:hover { text-decoration: underline; color: #FFF; } .copyright { background-color: #1a1a1a; text-align: center; color: #bcbcbc; font-size: 13px; padding: 11px; } /*footer css end*/ @media (max-width: 767px) { .container { max-width: 100%; } .footer { padding-bottom: 10px; padding-top: 30px; } .footer .footer_col { margin-bottom: 20px; } .footer .footer_col .button03 { margin-top: 15px !important; } } /* our dedicated servers */ .dedicated_servers { margin-top: 52px; margin-bottom: 80px; } .dedicated_servers .dedicated_servers_top { text-align: center; margin-bottom: 40px; } .dedicated_servers .dedicated_servers_top h1 { margin: 0px; padding: 0px; font-size: 36px; color: #000000; font-weight: 800; } .dedicated_servers .dedicated_servers_top p { margin: 15px 0 0; padding: 0px; font-size: 14px; color: #464646; } .dedicated_servers .left .filters_box { margin-bottom: 20px; } .dedicated_servers .left .filters_box .link { font-size: 12px; color: #404040; text-decoration: underline; } .dedicated_servers .left .filters_box .irs-line { top: 33px; } .dedicated_servers .left .filters_box .range_slider { margin-top: 10px; } .dedicated_servers .left .filters_box .range_slider .irs-line { height: 5px; background: #6c6c6c; border: none; } .dedicated_servers .left .filters_box .range_slider .irs-slider { width: 18px; height: 18px; background: #FFF; } .dedicated_servers .left .filters_box .range_slider .irs-bar { height: 5px; border: none; background: #f51322; } .dedicated_servers .left .filters_box .custom_checkbox { margin-top: 2px; } .dedicated_servers .left .filters_box .radio_input { margin-top: 2px; } .dedicated_servers .left .filters_box h2 { margin: 0px 0 8px 0; float: left; width: 100%; padding: 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000000; } .dedicated_servers .left .filters_box .dropdown .dropdown-toggle { border-radius: 0px; height: 37px; position: relative; font-size: 13px; color: #404040; background-color: #FFF; width: 100%; float: left; text-align: left; border: 1px solid #dbd8d8; } .dedicated_servers .left .filters_box .dropdown .dropdown-toggle:after { position: absolute; right: 14px; top: calc(50% - 3px); border-top: 7px solid; border-right: 7px solid transparent; border-bottom: 0; border-left: 7px solid transparent; } .dedicated_servers .left .filters_box .dropdown .dropdown-toggle img { width: 21px; } .dedicated_servers .right .results { font-size: 14px; color: #000000; margin-bottom: 9px; } .dedicated_servers .right .results a { font-weight: bold; color: #000000; text-decoration: underline; } .dedicated_servers .right .results_box { display: flex; border: 1px solid #d7dfe0; flex-wrap: wrap; margin-bottom: 8px; } .dedicated_servers .right .results_box .col1 { flex: 0 0 17%; border-right: 1px solid #d7dfe0; padding: 10px; } .dedicated_servers .right .results_box .col1 h5 { margin: 0px; padding: 0px; font-size: 14px; color: #404040; font-weight: 700; } .dedicated_servers .right .results_box .col1 .sata_button { font-size: 10px; color: #f51322; border: 1px solid #f51322; text-align: center; padding: 5px 10px; margin-top: 15px; float: left; } .dedicated_servers .right .results_box .col1 .sata_button:hover { background-color: #f51322; color: #FFF; } .dedicated_servers .right .results_box .col1 i { font-size: 15px; color: #404040; margin-bottom: 4px; } .dedicated_servers .right .results_box .col1 p { font-size: 12px; color: #404040; margin: 0px; padding: 0px 0 5px 0; } .dedicated_servers .right .results_box .col1 .flag_text { position: relative; padding-left: 30px; font-size: 12px; color: #404040; margin-bottom: 6px; } .dedicated_servers .right .results_box .col1 .flag_text img { position: absolute; top: 0px; left: 0px; } .dedicated_servers .right .results_box .col1 h2 { margin: 0px; font-size: 24px; color: #404040; padding: 0px; font-weight: 800; } .dedicated_servers .right .results_box .col1 .button02 { background-color: #f51322; font-size: 13px; color: #FFF; padding: 5px 8px; border: none; font-weight: bold; } .dedicated_servers .right .results_box .col1 .dropdown { font-size: 14px; color: #000000; float: none; margin-top: 7px; display: inline-block; } .dedicated_servers .right .results_box .col1 .dropdown .dropdown-toggle { background-color: transparent; border: none; font-size: 14px; color: #000000; padding: 0px; } .dedicated_servers .right .results_box .col1 .dropdown .dropdown-toggle:focus { border: none; outline: none; box-shadow: none; } .dedicated_servers .right .results_box .col1 ul.list { margin: 0px; padding: 0px; list-style: none; } .dedicated_servers .right .results_box .col1 ul.list li { float: left; position: relative; padding-left: 24px; font-size: 12px; color: #404040; margin-bottom: 5px; } .dedicated_servers .right .results_box .col1 ul.list li img, .dedicated_servers .right .results_box .col1 ul.list li svg { position: absolute; top: 4px; left: 0px; } .dedicated_servers .right .results_box .col1 ul.list li img path, .dedicated_servers .right .results_box .col1 ul.list li svg path { fill: #0c0c0c; stroke: transparent; } .dedicated_servers .right .results_box .col2 { flex: 0 0 32.0%; } .dedicated_servers .right .results_box .col1:last-child { border-right: none; } @media (max-width: 1199px) { .dedicated_servers .right .results_box .col1 { flex: 0 0 16.5%; } .dedicated_servers .right .results_box .col1.col2 { flex: 0 0 32.0%; } } @media (max-width: 991px) { .dedicated_servers .container > .row > .col-sm-3, .dedicated_servers .container > .row > .col-sm-9 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dedicated_servers .results_box { margin-top: 15px; } } .custom_checkbox { position: relative; padding-left: 24px; font-size: 13px; color: #404040; line-height: 16px; font-weight: 600; } .custom_checkbox input { display: none; } .custom_checkbox input:checked + span:after { content: ""; background-image: url(../images/checked.svg); width: 18px; height: 16px; position: absolute; top: -4px; left: 1px; background-size: 18px; background-repeat: no-repeat; } .custom_checkbox span { position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; border: 1px solid #082644; float: left; } .radio_input { font-size: 13px; color: #404040; position: relative; padding-left: 19px; } .radio_input input { display: none; } .radio_input span { width: 13px; height: 13px; border: 1px solid #333333; border-radius: 50%; float: left; position: absolute; left: 0px; top: calc(50% - 6px); } .radio_input input:checked + span:after { content: ""; height: 7px; width: 7px; position: absolute; top: 2px; float: left; background-color: #333333; border-radius: 50%; left: 0; right: 0; text-align: center; margin: 0 auto; } /* our dedicated servers end*/ /*operating-system*/ .operating-system { background-color: #fcfcfc; padding-top: 80px; padding-bottom: 100px; } .operating-system .left h1 { font-size: 36px; color: #222223; font-weight: 600; margin: 0px; padding: 0px; } .operating-system .left p { font-size: 18px; color: #848485; line-height: 34px; margin: 7px 0 0 0; padding: 0px; } .operating-system .operating-table { margin-top: 50px; } .operating-system .operating-table table { width: 100%; } .operating-system .operating-table table td { text-align: center; border: 1px solid #cccccc; padding: 10px; font-size: 17px; color: #454546; font-weight: bold; } .operating-system .operating-table table td span { color: #848485; margin-top: 8px; font-weight: normal; } /*operating-system end*/ /*why-choose*/ .why-choose { background-image: url(../images/bg-2.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 60px; padding-bottom: 90px; } .why-choose .top { text-align: center; margin-bottom: 68px; } .why-choose .top h2 { margin: 0px; padding: 0px; font-size: 36px; color: #FFF; font-weight: bold; } .why-choose .top p { font-size: 15px; color: #FFF; margin-top: 10px; } .why-choose .choose-col { text-align: left; } .why-choose .choose-col h2 { margin: 10px 0 0px 0; padding: 0px; font-size: 16px; color: #FFF; font-weight: bold; text-transform: uppercase; } .why-choose .choose-col p { font-size: 12px; color: #FFF; margin-top: 15px; } /*why-choose end*/ /* frequbntly_asked */ .frequbntly_asked { padding-top: 33px; padding-bottom: 58px; } .frequbntly_asked .top { text-align: center; margin-bottom: 38px; float: left; width: 100%; } .frequbntly_asked .top h5 { margin: 0px; padding: 0px; font-size: 24px; font-weight: 800; color: #000000; text-transform: uppercase; } .frequbntly_asked .top h2 { margin: 0px; padding: 0px; font-size: 41px; color: #8b8b8b; font-weight: 300; margin-top: 13px; float: left; width: 100%; text-align: center; } .frequbntly_asked .question_answers { position: relative; padding-left: 90px; border-top: 1px solid #eaeaea; padding-bottom: 18px; padding-top: 18px; float: left; width: 100%; } .frequbntly_asked .question_answers > span { font-size: 21px; color: #02a7df; font-weight: bold; position: absolute; left: 0px; top: calc(50% - 14px); } .frequbntly_asked .question_answers .question { float: left; width: 100%; font-size: 18px; color: #443a44; font-weight: bold; text-transform: uppercase; position: relative; padding-right: 50px; } .frequbntly_asked .question_answers .question span img, .frequbntly_asked .question_answers .question span svg { width: 15px; position: absolute; right: 0px; top: 5px; height: 15px; } .frequbntly_asked .question_answers .question span img path, .frequbntly_asked .question_answers .question span svg path { stroke: transparent; fill: #5c535c; } .frequbntly_asked .question_answers a[aria-expanded="true"] span img, .frequbntly_asked .question_answers a[aria-expanded="true"] span svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .frequbntly_asked .question_answers .collapse { font-size: 14px; line-height: 27px; color: #443a44; margin-top: 10px; float: left; width: 100%; } .frequbntly_asked1 { padding-top: 60px; } .frequbntly_asked1 .top h5 { font-weight: 600; position: relative; padding-bottom: 15px; margin-bottom: 10px; } .frequbntly_asked1 .top h5:before { content: ""; width: 30px; height: 2px; background-color: #ff7700; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; } .frequbntly_asked1 .question_answers { border-top: none !important; border-bottom: 1px solid #eaeaea; padding-left: 20px; } .frequbntly_asked1 .question_answers span svg path { fill: #ff7700 !important; } .frequbntly_asked1 .question_answers .question { text-transform: none !important; font-weight: 500; } .frequbntly_asked1 .question_answers:last-child { border-bottom: none !important; } /* frequbntly_asked end */ /*dedicated-server*/ .dedicated-server { text-align: center; background-image: url(../images/bg-3.jpg); background-repeat: no-repeat; background-size: cover; padding: 70px 0; } .dedicated-server h2 { margin: 10px 0 0 0; padding: 0px; font-weight: 600; font-size: 28px; color: #FFF; float: left; width: 100%; } .dedicated-server p { padding: 0px; margin: 8px 0 15px 0; float: left; width: 100%; text-align: center; font-size: 14px; color: #FFF; } .dedicated-server .dedicated_box { max-width: 720px; overflow: hidden; align-items: center; padding: 26px 0; margin: 0 auto; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; display: flex; flex-wrap: wrap; } .dedicated-server .dedicated_box .dedicated_box_col { width: 28%; text-align: left; } .dedicated-server .dedicated_box .dedicated_box_col h5 { margin: 0px; padding: 0px; font-size: 18px; color: #000000; font-weight: bold; } .dedicated-server .dedicated_box .dedicated_box_col h6 { font-size: 16px; font-weight: 600; color: #000000; margin: 7px 0; padding: 0px; } .dedicated-server .dedicated_box .dedicated_box_col h6 span { font-size: 14px; color: #8e8c8c; font-weight: normal; } .dedicated-server .dedicated_box .dedicated_box_col .gol { width: 66px; position: relative; left: -10px; height: 66px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #6747d5; } .dedicated-server .dedicated_box .dedicated_box_col .button02 { font-size: 14px; color: #FFF; text-transform: uppercase; padding: 8px 26px; background-color: #6747d5; float: left; margin-top: 5px; } .dedicated-server .dedicated_box .dedicated_box_col .button02:hover { opacity: 0.7; } .dedicated-server .dedicated_box .dedicated_box_col:first-child { width: 16%; } .dedicated-server .packages { float: left; margin-top: 30px; width: 100%; text-align: center; font-size: 15px; color: #FFF; font-weight: 600; } .dedicated-server .packages a { color: #348dfb; text-decoration: underline; } .dedicated-server .owl-buttons { position: absolute; top: calc(50% - 15px); left: 0; right: 0; } .dedicated-server .owl-controls { display: block !important; } .dedicated-server .owl-controls .owl-prev { background-color: #000; -webkit-mask: url(../images/left-arro.svg); mask: url(../images/left-arro.svg); color: transparent; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 18px; height: 35px; float: left; mask-size: 18px 35px; -webkit-mask-size: 18px 35px; } .dedicated-server .owl-controls .owl-next { background-color: #000; -webkit-mask: url(../images/right-arro.svg); mask: url(../images/right-arro.svg); color: transparent; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 18px; height: 35px; float: right; mask-size: 18px 35px; -webkit-mask-size: 18px 35px; } /*dedicated-server end*/ /* features-option3 */ .features-option3 { background-color: #FFF; padding-bottom: 90px; } .features-option3 .features-col { padding: 15px; position: relative; margin: 5px 0; height: 100%; } .features-option3 .features-col:hover:after, .features-option3 .features-col.active:after { content: ""; border-top: 1px solid #f51322; position: absolute; top: 0px; left: 0px; width: 62px; } .features-option3 .features-col:hover:before, .features-option3 .features-col.active:before { content: ""; border-bottom: 1px solid #f51322; position: absolute; bottom: 0px; right: 0px; width: 62px; } .features-option3 .features-col:hover, .features-option3 .features-col.active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #FFF; } .features-option3 .features-col:hover .img-box, .features-option3 .features-col.active .img-box { background-color: transparent; } .features-option3 .features-col:hover .img-box svg path, .features-option3 .features-col.active .img-box svg path { fill: #f51322; } .features-option3 .features-col .img-box { background-color: transparent; } .features-option3 .features-col .img-box svg path { fill: #f51322; } .features-option3 .features-col .img-box .box-svg path { fill: transparent !important; stroke: #f51322 !important; } /* features-option3 end */ /*testimonials-1*/ .testimonials-1 { float: left; width: 100%; background-color: #f8f8f8; padding: 60px 0; text-align: center; } .testimonials-1 h1 { margin: 0px 0 10px 0; padding: 0px; font-size: 36px; font-weight: 800; color: #000000; } .testimonials-1 p { margin: 0px; padding: 0px; margin: 20px 0 35px 0; font-size: 16px; color: #7e7e7e; } .testimonials-1 .testimonials_box { float: left; width: 100%; background-color: #FFF; padding: 14px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin-top: 40px; } .testimonials-1 .testimonials_box h2 { margin: 10px 0 0 0; float: left; width: 100%; font-size: 18px; color: #f51322; font-weight: bold; } .testimonials-1 .testimonials_box h2 span { color: #41b656; font-size: 14px; font-weight: normal; } .testimonials-1 .testimonials_box p { position: relative; padding-top: 25px; float: left; width: 100%; padding-bottom: 0; margin-top: 23px; font-size: 14px; } .testimonials-1 .testimonials_box p:after { content: ""; background-image: url(../images/arro.png); float: left; width: 26px; height: 21px; position: absolute; top: 0; left: 0; right: 0; text-align: center; margin: 0 auto 0; } /*testimonials-1 end*/ .price_list { float: left; width: 100%; background-image: url(../images/bg-3.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 70px; } .price_list .price_grid_last1 { padding-bottom: 0px !important; } .price_list .col-sm-3 { padding-left: 10px; padding-right: 10px; } .price_list h1 { font-size: 36px; font-weight: 800; color: #FFF; margin: 0px; padding: 0px; text-align: center; } .price_list p { margin: 0px; padding: 0px; margin: 20px 0 60px 0; font-size: 16px; color: #FFF; text-align: center; } .price_list .price_grid { border: 1px solid #FFF; float: left; width: 100%; background-color: #FFF; text-align: center; padding-bottom: 28px; } .price_list .price_grid > h6 { margin: 0px; padding: 20px 0 0 0; } .price_list .price_grid > p { color: #9e9d9d; font-size: 13px; margin: 5px 0 0 0; padding: 0px; } .price_list .price_grid .button03 { margin-top: 25px; background-color: #f51322; } .price_list .price_grid h2 { margin: 0px; padding: 17px 0; text-transform: uppercase; font-size: 20px; font-weight: bold; text-align: center; color: #343638; } .price_list .price_grid .price_box { background-color: #f9f9f9; position: relative; text-align: center; padding-bottom: 12px; float: left; width: 100%; padding-top: 24px; } .price_list .price_grid .price_box:after { position: absolute; bottom: -31px; left: 0px; right: 0px; content: ""; border-top: 31px solid #f9f9f9; width: 0; border-left: 8em solid transparent; border-right: 8em solid transparent; } .price_list .price_grid .price_box .custom_paln { padding: 0 20px; line-height: 29px; } .price_list .price_grid .price_box .tag { display: inline-block; font-size: 14px; } .price_list .price_grid .price_box .tag img, .price_list .price_grid .price_box .tag svg { width: 17px; display: inline-block; height: 17px; } .price_list .price_grid .price_box h4 { margin: 20px 0 0 0; padding: 0px; font-size: 35px; font-weight: bold; float: left; width: 100%; } .price_list .price_grid .price_box h4 span { font-weight: normal; position: relative; left: 6px; } .price_list .price_grid .price_box h4 small { font-size: 16px; font-weight: bold; } .price_list .price_grid .price_grid_list { margin: 50px 0 0 0; padding: 0px; width: 100%; text-align: center; float: left; width: 100%; } .price_list .price_grid .price_grid_list li { margin: 0px; padding: 0px 0 12px 0; font-size: 13px; list-style: none; } .price_list .price_grid .price_grid_last { background-color: #f51322; float: left; width: 100%; padding-top: 54px; margin-top: 23px; padding-bottom: 26px; } .price_list .price_grid .price_grid_last h5 { margin: 0px; padding: 0px; font-size: 16px; color: #FFF; font-weight: bold; } .price_list .price_grid .price_grid_last p { margin: 10px 0 0 0; padding: 0px; } .price_list .price_grid .price_grid_last .button03 { background-color: #FFF; color: #000; margin-top: 54px; } .price_list .price_grid:hover { border: 1px solid #f51322; } .price_list .price_grid:hover .price_box { background-color: #f51322; } .price_list .price_grid:hover .price_box h4 { color: #FFF; } .price_list .price_grid:hover .price_box .tag { color: #FFF !important; } .price_list .price_grid:hover .price_box:after { border-top: 31px solid #f51322; } .features-option2 { background-color: #FFF; } .features-option2 .top p { margin-top: 15px; float: left; width: 100%; } .features-option4 { padding-bottom: 20px; } .features-option4 .top { margin-bottom: 30px; } .features-option4 .features-col .svg path { fill: #f51322 !important; } .features-option4 .features-col:hover .svg path { fill: #FFF !important; } .features-option4 .features-col:hover:after, .features-option4 .features-col.active:after { content: ""; border-top: 1px solid #f51322; position: absolute; top: 0; width: 20px; left: 0; border-left: 1px solid #f51322; height: 20px; } .features-option4 .features-col:hover:before, .features-option4 .features-col.active:before { content: ""; border-top: 1px solid #f51322; position: absolute; top: 0; width: 20px; right: 5px; border-right: 1px solid #f51322; height: 20px; } .features-option4 .features-col:hover .features-option4_border:before, .features-option4 .features-col.active .features-option4_border:before { content: ""; border-bottom: 1px solid #f51322; position: absolute; bottom: 5px; width: 20px; right: 5px; border-right: 1px solid #f51322; height: 20px; } .features-option4 .features-col:hover .features-option4_border:after, .features-option4 .features-col.active .features-option4_border:after { content: ""; border-bottom: 1px solid #f51322; position: absolute; bottom: 5px; width: 20px; left: 0; border-left: 1px solid #f51322; height: 20px; } .features-option4 .features-col.active .img-box { background-color: #f51322; } .features-option4 .features-col.active .img-box svg path { fill: #FFF !important; } /*vps-hosting*/ .vps-hosting { float: left; width: 100%; background-color: #faf8ff; padding-top: 70px; padding-bottom: 70px; } .vps-hosting h1 { font-size: 40px; color: #000000; text-align: center; margin: 0px 0 10px 0; padding: 0px; font-weight: 700; float: left; width: 100%; } .vps-hosting .vps-hosting-list { margin-top: 54px; clear: both; float: left; width: 100%; } .vps-hosting .vps-hosting-list .left { text-align: right; } .vps-hosting .vps-hosting-list .right h2 { font-size: 24px; color: #f51322; font-weight: bold; margin: 8px 0 0 0; padding: 0px; } .vps-hosting .vps-hosting-list .right p { margin: 10px 0 0 0; padding: 0px; font-size: 14px; color: #000000; line-height: 23px; } @media (max-width: 767px) { .vps-hosting { padding-top: 40px; padding-bottom: 40px; } .vps-hosting h1 { font-size: 20px; } .vps-hosting .vps-hosting-list { margin-top: 30px; text-align: center; } .vps-hosting .vps-hosting-list .left { text-align: center; } .vps-hosting .vps-hosting-list .right h2 { font-size: 18px; } } /*vps-hosting end*/ /*best-vps-server*/ .best-vps-server { float: left; width: 100%; background-color: #fe7760; padding-top: 50px; padding-bottom: 110px; } .best-vps-server > h1 { margin: 0px 0 25px 0; padding: 0px; font-size: 36px; text-align: center; color: #FFF; } .best-vps-server .cols { margin-top: 50px; } .best-vps-server .cols h3 { margin: 22px 0 0 0; padding: 0px; font-size: 20px; color: #FFF; font-weight: bold; } .best-vps-server .cols p { padding: 0px; margin: 8px 0 0 0; line-height: 28px; font-size: 16px; color: #FFF; } @media (max-width: 767px) { .best-vps-server { padding-bottom: 60px; } .best-vps-server h1 { font-size: 20px; } .best-vps-server .cols { text-align: center; } .best-vps-server .cols h3 { font-size: 18px; } } /*best-vps-server end*/ /*free-trial*/ .free-trial { float: left; width: 100%; padding-top: 57px; padding-bottom: 85px; } .free-trial .free-trial-col { position: relative; padding-left: 172px; min-height: 140px; } .free-trial .free-trial-col img { position: absolute; top: 0px; left: 0px; } .free-trial .free-trial-col h2 { margin: 3px 0 0 0; padding: 0px; font-size: 26px; color: #0f78aa; font-weight: bold; text-transform: uppercase; float: left; width: 100%; } .free-trial .free-trial-col p { padding: 0px; margin: 8px 0 0 0; font-size: 18px; color: #6a6969; float: left; width: 100%; clear: both; } @media (max-width: 767px) { .free-trial { padding-bottom: 55px; } .free-trial .free-trial-col { text-align: center; padding: 0px; } .free-trial .free-trial-col img { position: static; } .free-trial .free-trial-col h2 { font-size: 20px; margin-top: 15px; } } /*free-trial end*/ /*technical-specifications*/ .technical-specifications { background-color: #6747d5; float: left; width: 100%; clear: both; padding-top: 54px; padding-bottom: 67px; } .technical-specifications > h1 { margin: 0px 0 60px 0; padding: 0px; font-size: 40px; color: #FFF; font-weight: bold; text-align: center; } .technical-specifications .row { margin-left: -10px; margin-right: -10px; } .technical-specifications .row .col-sm-6 { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .technical-specifications .cols { height: 100%; position: relative; padding: 23px; padding-left: 149px; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .technical-specifications .cols:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .technical-specifications .cols span { width: 111px; height: 111px; background-color: #6747d5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; position: absolute; top: 23px; left: 23px; line-height: 111px; } .technical-specifications .cols h3 { margin: 0px; padding: 0px; font-size: 24px; color: #6747d5; font-weight: bold; } .technical-specifications .cols p { padding: 6px 0 0 0; font-size: 14px; color: #878889; line-height: 28px; clear: both; margin-bottom: 0px; } @media (max-width: 767px) { .technical-specifications h1 { font-size: 22px; } .technical-specifications .cols { padding: 10px; text-align: center; } .technical-specifications .cols span { position: static; display: inline-block; } .technical-specifications .cols h3 { font-size: 20px; margin-top: 10px; } } /*technical-specifications end*/ /*domain*/ .domain { float: left; width: 100%; background-color: #eef5f7; padding-bottom: 90px; padding-top: 54px; } .domain .top h5 { margin: 0px; padding: 0px; font-size: 14px; color: #000000; text-transform: uppercase; font-weight: bold; } .domain .top h2 { margin: 10px 0 10px 0; padding: 0px; font-size: 38px; color: #000000; font-weight: bold; } .domain .top p { margin: 0px; padding: 0px; font-size: 19px; color: #707070; font-weight: 300; } .domain .search_box { float: left; min-width: 900px; max-width: 100%; position: relative; border-style: solid; border-width: 1px; border-color: #d9d9d9; background-color: white; padding: 7px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.17); padding-left: 60px; margin-top: 30px; } .domain .search_box > img { position: absolute; left: 24px; top: calc(50% - 9px); } .domain .search_box .search_input { border: none; position: absolute; top: 0px; bottom: 0px; left: 61px; right: 200px; height: 100%; width: calc(100% - 270px); font-size: 17px; color: #5c5c5c; } .domain .search_box .submit { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: none; font-weight: bold; float: right; min-height: 56px; min-width: 186px; background-color: #f51322; font-size: 16px; color: #FFF; text-align: center; text-transform: uppercase; } .domain .search_box .submit:hover { opacity: 0.8; } .domain ul.domain-options { margin: 16px 0 0 0; padding: 0px; float: left; width: 100%; } .domain ul.domain-options li { margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #000000; float: left; text-transform: uppercase; } .domain ul.domain-options li span { float: left; width: 100%; font-size: 12px; color: #444444; font-weight: normal; text-transform: none; margin-top: 5px; } .domain .domain-companys { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top: 48px; } .domain .domain-companys .domain-companys-col { background-color: #FFF; text-align: center; padding: 15px; min-height: 155px; min-width: 190px; padding-top: 30px; margin-right: 5px; } .domain .domain-companys .domain-companys-col:hover { background-color: #e8e8e8; cursor: pointer; } .domain .domain-companys .domain-companys-col h3 { font-size: 18px; color: #6b6b6b; font-weight: normal; margin-top: 20px; margin-bottom: 0px; } .domain .domain-companys .domain-companys-col h3 em { font-style: normal; font-size: 20px; color: #232323; vertical-align: top; font-weight: bold; position: relative; top: 5px; } .domain .domain-companys .domain-companys-col h3 b { font-size: 40px; color: #232323; font-weight: bold; } .domain .domain-companys .domain-companys-col h3 span { color: #232323; } /*domain end*/ /*title_box5*/ .title_box5 { float: left; width: 100%; padding: 10px; font-size: 18px; font-weight: 600; text-align: center; color: red; border: 1px solid red; } /*title_box5 end*/ /*tlds*/ .tlds { float: left; width: 100%; background-color: #02a7df; padding-top: 70px; padding-bottom: 98px; } .tlds .top { margin-bottom: 40px; float: left; width: 100%; } .tlds .top h1 { margin: 0px 0 0 0; padding: 0px; font-size: 32px; color: #FFF; font-weight: 800; text-align: center; float: left; width: 100%; } .tlds .top p { font-size: 14px; color: #FFF; line-height: 25px; margin: 12px 0 0 0; padding: 0px; text-align: center; float: left; width: 100%; } .tlds .left h4 { margin: 0px 0 10px 0; padding: 0px; font-size: 20px; color: #FFF; font-weight: 600; text-transform: uppercase; text-align: center; } .tlds .left table { width: 100%; border-spacing: 0 5px; border-collapse: separate; } .tlds .left table tr th { background-color: #efefef; font-size: 13px; color: #000000; padding: 8px; font-weight: normal; text-align: center; } .tlds .left table tr td:first-child { padding-left: 46px; } .tlds .left table tr td { box-shadow: 2.394px 6.578px 7px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; position: relative; vertical-align: middle; padding: 5px 13px; } .tlds .left table tr td span { background-color: #6747d5; position: absolute; top: 0px; left: 0px; bottom: 0px; overflow: hidden; } .tlds .left table tr td h6 { font-size: 16px; color: #000000; font-weight: 600; margin: 0px; } .tlds .left table tr td svg { width: 20px; height: 20px; } .tlds .left table tr td svg path { fill: #2bd588; } .tlds .left table tr td small { font-size: 11px; color: #287bb3; } .tlds .left table tr td:last-child h6 { margin: 0px 0 -4px 0; padding: 0px; } /*tlds end*/ /* certificate */ .certificate { float: left; width: 100%; background-image: url(../images/bg-2a.jpg); padding-top: 75px; padding-bottom: 75px; background-repeat: no-repeat; background-size: cover; } .certificate .left img { max-width: 95%; } .certificate .right { margin-top: 34px; } .certificate .right h4 { margin: 0px; padding: 0px; font-size: 36px; color: #FFF; font-weight: 300; } .certificate .right h2 { font-size: 36px; color: #FFF; font-weight: 800; margin: 8px 0 0 0; padding: 0px; text-transform: uppercase; } .certificate .right p { font-size: 14px; color: #FFF; margin-top: 20px; } .certificate .right .button03 { background-color: #FFF; color: #27ae60; margin-top: 20px; } @media (max-width: 575px) { .certificate .left { text-align: center !important; } .certificate .right { text-align: center; } } .secure_col { width: 100%; float: left; background-image: url(../images/img005A.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 50px; background-position: center; } .secure_col h2 { margin: 57px 0 0 0; padding: 0px; font-size: 29px; color: #FFF; font-weight: 600; } .secure_col p { margin: 16px 0 0 0; padding: 0px; font-size: 15px; color: #FFF; line-height: 26px; } .secure_col h5 { margin: 44px 0 0 0; padding: 0px; color: #FFF; font-size: 22px; } .secure_col h4 { margin: 12px 0 0 0; padding: 0px; color: #FFF; font-size: 25px; font-weight: 600; } .secure_col .secure-box { float: left; width: 100%; display: flex; flex-wrap: wrap; } .secure_col .secure-box .secure-box1 { float: left; width: calc(33.33% - 5px); min-height: 165px; background-color: #6747d5; margin-right: 5px; text-align: center; align-self: center; display: flex; align-items: center; cursor: pointer; flex-wrap: wrap; flex-direction: column; justify-content: center; } .secure_col .secure-box .secure-box1 svg path { stroke: transparent; } .secure_col .secure-box .secure-box1 h6 { color: #FFF; font-weight: 500; margin-top: 15px; } .secure_col .secure-box .secure-box1:hover { background-color: #4b17fd; } .secure_col .secure-box1:nth-child(2) { background-color: #ffc410; } .secure_col .secure-box1:nth-child(2):hover { background-color: #ecb407; } .secure_col .secure-box1:nth-child(3) { background-color: #fe7760; } .secure_col .secure-box1:nth-child(3):hover { background-color: #f54729; } @media (max-width: 767px) { .secure_col { padding-top: 20px; padding-bottom: 20px; } .secure_col h2 { font-size: 19px; margin-top: 30px; } .secure_col p { font-size: 14px; line-height: normal; } .secure_col h5 { font-size: 18px; margin-top: 25px; } .secure_col h4 { font-size: 16px; } .secure_col .secure-box { margin-top: 10px; } .secure_col .secure-box .secure-box1 { width: 100%; margin-top: 10px; min-height: inherit; padding: 10px; } .secure_col [class*="col-"] { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /* certificate end */ /*perfect-domain*/ .perfect-domain { float: left; width: 100%; background-color: #f4f4f4; text-align: center; padding-top: 50px; padding-bottom: 72px; } .perfect-domain h1 { font-size: 32px; color: #000000; font-weight: 500; line-height: 50px; } .perfect-domain p { margin: 20px 0 0 0; padding: 0px; font-size: 20px; } .perfect-domain .button03 { margin-top: 50px; background-color: #f51322; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } /*perfect-domain end*/ /*simple-steps*/ .simple-steps { float: left; width: 100%; padding-top: 60px; padding-bottom: 70px; } .simple-steps > h1 { font-size: 35px; color: #000000; font-weight: 700; text-align: center; margin-bottom: 60px; } .simple-steps .simple-col { text-align: center; } .simple-steps .simple-col img { max-width: 100%; } .simple-steps .simple-col h3 { margin: 15px 0 0 0; padding: 0px; font-size: 20px; color: #000; font-weight: 600; } .simple-steps .simple-col p { font-size: 16px; margin: 10px 0 0 0; padding: 0px; float: left; width: 100%; } /*simple-steps end*/ /*toll-free*/ .toll-free { float: left; width: 100%; background-color: #b91c25; } .toll-free .row { min-height: 165px; justify-content: center; align-self: center; align-items: center; } .toll-free .toll-free-col { position: relative; padding-left: 130px; min-height: 93px; } .toll-free .toll-free-col img, .toll-free .toll-free-col svg { position: absolute; top: 0px; left: 0px; } .toll-free .toll-free-col h6 { margin: 0px; padding: 0px; font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: normal; } .toll-free .toll-free-col h5 { margin: 3px 0; padding: 0px; font-size: 24px; color: #FFF; } .toll-free .toll-free-col span { font-size: 15px; color: #b6b5b3; } /*toll-free end*/ /*install*/ .install { float: left; width: 100%; background-color: #eaeff2; padding-top: 95px; padding-bottom: 110px; } .install .left img { max-width: 100%; } .install .right { padding-top: 30px; } .install .right h2 { margin: 0px; padding: 0px; font-size: 32px; color: #000; } .install .right p { margin: 14px 0 0 0; padding: 0px; font-size: 16px; color: #48484a; line-height: 28px; } .install .right a { font-size: 14px; color: #5c4f95; text-decoration: underline; font-weight: 700; margin-top: 23px; float: left; } @media (max-width: 767px) { .install { padding-top: 45px; padding-bottom: 45px; } .install div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; } .install .left, .install .right { text-align: center; } .install .right h2 { font-size: 18px; } .install .right p { font-size: 14px; line-height: 22px; } .install .right a { float: none; display: inline-block; font-size: 14px; } } /*install end*/ /*business-row*/ .business-row { float: left; width: 100%; background-image: url(../images/banner03.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 88px; padding-bottom: 113px; background-position: center; } .business-row .left h2 { margin: 0px; padding: 0px; color: #404040; font-weight: 600; line-height: 45px; } .business-row .left p { margin: 0px; padding: 0px; color: #404040; margin-top: 15px; margin-bottom: 20px; font-size: 17px; line-height: 31px; font-weight: 400; } .business-row .left .button03 { background-color: #f51322; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-top: 10px; } /*business-row end*/ .nav_bar { position: relative; } .nav_bar ul.navbar-nav li { position: static; } .nav_bar .megamenu { width: 100%; left: 0; right: 0; top: 57px !important; padding: 0px 0px; transform: translate3d(0, 0px, 0px) !important; } .nav_bar .megamenu .drow_menu { margin-top: 50px; padding-bottom: 15px; } .nav_bar .megamenu .drow_menu > h3 { margin: 0px 0 10px 0; padding: 0px; font-size: 25px; font-weight: 700; } .nav_bar .megamenu .drow_menu a { color: #000 !important; } .nav_bar .megamenu .drow_menu a:hover { color: #000 !important; background: #eee; } .nav_bar .megamenu .drow_menu h5 { position: relative; display: block; width: 100%; padding-bottom: 5px; margin-left: 17px; } .nav_bar .megamenu .drow_menu h5:after { content: ""; border-bottom: 2px solid #c71d22; width: 50%; position: absolute; bottom: 0px; left: 0px; } .nav_bar .megamenu .drow_menu img { margin-right: 7px; } .nav_bar .megamenu .drow_menu .nav li a { padding: .5rem 1rem; border: none; } .nav_bar .megamenu .register { background: #fff; padding: 30px; box-shadow: 0px 5px 15px #ddd; } .nav_bar .megamenu .register h2 { color: #0060a2; } .nav_bar .megamenu .register h1 { color: #f51322; border-bottom: 2px solid #f51322; padding-bottom: 4px; } .nav_bar .megamenu .learn_btn { border-radius: 0px; border: 3px solid #ddd; padding: 5px 25px; background: none; color: #000; } .nav_bar .megamenu .carousel-control-prev, .nav_bar .megamenu .carousel-control-next { display: none; } .nav_bar .megamenu .carousel-indicators { bottom: 0px; } .nav_bar .megamenu .carousel-indicators li:after { position: absolute; bottom: -10px; left: 8px; display: inline-block; padding: 4px; content: ""; border-radius: 50%; width: 4px; border: 1px solid #999; } .nav_bar .megamenu .menu_bottom { border-top: 1px solid #ddd; padding-top: 15px; float: left; padding-bottom: 12px; } .nav_bar .megamenu .menu_bottom span { border-right: 1px solid #616161; padding-right: 25px; float: left; } .nav_bar .megamenu .menu_bottom a { color: #000 !important; padding: 0px; padding-left: 25px; } .nav_bar .megamenu .menu_bottom i { margin-right: 8px; color: #616161; } .nav_bar .megamenu .carousel-indicators li { position: relative !important; } @media (max-width: 1199px) { .nav_bar .megamenu { top: 53px !important; } .nav_bar .megamenu .register h1 { font-size: 18px; } .nav_bar .megamenu .drow_menu .nav li a { font-size: 13px; } .nav_bar .megamenu .menu_bottom span { font-size: 12px; } .nav_bar .megamenu .menu_bottom a { float: left; width: auto; font-size: 12px; } } @media (max-width: 991px) { .nav_bar .megamenu .container .row { display: block; } .nav_bar .megamenu .container .row .drow_menu { margin-top: 15px; } .nav_bar .megamenu .container .row .drow_menu h5 { margin-left: 0px; } .nav_bar .megamenu .container .row div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .nav_bar .megamenu .menu_bottom { width: 100%; } .nav_bar .megamenu .menu_bottom span { width: 100%; border: none; } .nav_bar .megamenu .menu_bottom a { width: 100%; margin-top: 10px; padding-left: 0px; } } @media (max-width: 767px) { .nav_bar .megamenu .drow_menu h3 { font-size: 18px; } .nav_bar .megamenu .drow_menu p { font-size: 13px; } .nav_bar .megamenu .drow_menu h5 { font-size: 15px; } } /*Responsive css*/ @media (max-width: 1199px) { .domain .top h2 { font-size: 28px; } .domain .top p { font-size: 15px; } .domain .top p br { display: none; } .domain .domain-companys .domain-companys-col { width: calc(20% - 5px); min-width: inherit; float: left; } .price_list .price_grid .price_box { padding-top: 10px; } .price_list .price_grid .price_box:after { display: none; } .price_list .price_grid .price_grid_list { margin-top: 20px; } } @media (max-width: 991px) { .operating-system .operating-table { width: 100%; overflow-y: hidden; overflow-x: scroll; border: 1px solid #CCC; } .domain .search_box { width: 100%; min-width: 100%; } .domain .domain-companys .domain-companys-col { width: calc(33.333% - 5px); margin-bottom: 5px; } .perfect-domain { padding: 40px 0; } .perfect-domain h1 { font-size: 22px; line-height: normal; } .perfect-domain p { font-size: 15px; } .perfect-domain p br { display: none; } .simple-steps { padding: 40px 0; } .simple-steps h1 { font-size: 25px; } .simple-steps .simple-col h3 { font-size: 16px; } .simple-steps .simple-col p { font-size: 14px; } .toll-free .toll-free-col h6 { font-size: 14px; } .toll-free .toll-free-col h5 { font-size: 17px; } .business-row { padding: 40px 0; } .business-row .left h2 { font-size: 22px; line-height: normal; } .business-row .left h2 br { display: none; } .price_list .container > .row .col-sm-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .price_list .container > .row .col-sm-3 .price_grid { margin-bottom: 15px; } } @media (max-width: 767px) { .dedicated_servers { margin-top: 30px; margin-bottom: 20px; } .dedicated_servers .dedicated_servers_top h1 { font-size: 20px; } .dedicated_servers .right .results_box .col1, .dedicated_servers .right .results_box .col1.col2 { flex: 0 0 50%; width: 50%; border-bottom: 1px solid #CCC; } .dedicated_servers .right .results_box .col1:last-child { flex: 0 0 100% !important; width: 100%; border-bottom: none !important; } .features-option2 { padding-top: 20px; padding-bottom: 20px; } .features-option2 .top { margin-bottom: 15px; } .features-option2 .top h2 { font-size: 22px; } .features-option2 .features-col { margin: 30px 0; } .operating-system { padding: 30px 0; } .operating-system .left { text-align: center; } .operating-system .left h1 { font-size: 22px; } .operating-system .left p { font-size: 14px; line-height: 24px; } .operating-system .left p br { display: none; } .operating-system .operating-table table td { font-size: 13px; } .why-choose { padding: 30px 0; text-align: center; } .why-choose .top { margin-bottom: 20px; } .why-choose .top h2 { font-size: 22px; } .why-choose .top p { font-size: 14px; } .why-choose .choose-col { text-align: center; margin-bottom: 15px; } .frequbntly_asked .top h5 { font-size: 14px; } .frequbntly_asked .top h2 { font-size: 20px; } .frequbntly_asked .question_answers { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; } .frequbntly_asked .question_answers > span { font-size: 12px; } .frequbntly_asked .question_answers .question { font-size: 12px; padding-right: 22px; } .frequbntly_asked .question_answers .collapse { font-size: 13px; line-height: normal; } .dedicated-server { padding: 20px 0; } .dedicated-server .item > img { max-width: 100%; } .dedicated-server .item h2 { font-size: 22px; } .dedicated-server .item p { font-size: 13px; } .dedicated-server .item p br { display: none; } .dedicated-server .item .dedicated_box { width: 100%; max-width: 100%; } .dedicated-server .item .dedicated_box .dedicated_box_col { width: 100%; text-align: center; margin-top: 10px; } .dedicated-server .item .dedicated_box .dedicated_box_col .gol { margin: 0 auto; } .dedicated-server .item .dedicated_box .dedicated_box_col .button02 { float: none; margin: 10px auto 0; display: inline-block; } .domain { padding: 40px 0; } .domain .top h2 { font-size: 20px; } .domain .search_box { padding: 10px; } .domain .search_box > img { display: none; } .domain .search_box .search_input { width: 100%; height: 40px; position: static; } .domain .search_box .submit { width: 100%; min-height: 40px; margin-top: 10px; } .domain ul.domain-options li { width: 50%; margin-bottom: 5px; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; } .domain .domain-companys { margin-top: 10px; } .domain .domain-companys .domain-companys-col { width: 100%; } .tlds { padding: 30px 0; } .tlds .top h1 { font-size: 22px; } .tlds .left { margin-bottom: 10px; } .tlds div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .tlds div.offset-sm-1 { margin-left: 0px; } .perfect-domain { padding: 20px 10px; } .simple-steps .row { display: block; } .simple-steps h1 { font-size: 20px; margin-bottom: 25px; } .simple-steps .simple-col { margin-bottom: 24px; float: left; width: 100%; } .simple-steps div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .toll-free { padding-top: 20px; padding-bottom: 10px; } .toll-free .toll-free-col { padding-left: 60px; margin-bottom: 15px; min-height: initial; } .toll-free .toll-free-col svg { width: 50px; height: 50px; } .business-row .left h2 { font-size: 20px; } .business-row .left p { font-size: 14px; line-height: 25px; } .frequbntly_asked.mt-5 { padding-top: 0px; } .price_list { padding: 40px 0; } .price_list h1 { font-size: 22px; } .price_list div[class*="col-"] { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } @media (min-width: 992px) { .header .navbar-toggler { display: none; } } .w100p { width: 100% !important; } /*cpanel_banner*/ .button04 { background-color: #f51322; border: 1px solid #f51322; font-size: 14px; padding: 15px; color: #FFF; float: left; text-transform: uppercase; } .button04:hover { background-color: #FFF; color: #f51322; } .cpanel_banner { float: left; width: 100%; background-color: #eef5f7; background-image: url(../images/cpanel-back.png); background-repeat: no-repeat; background-position: right bottom; padding: 75px 0; } .cpanel_banner .left { padding-top: 45px; } .cpanel_banner .left h2 { margin: 0px; padding: 0px; font-weight: 700; font-size: 37px; color: #000000; text-transform: uppercase; } .cpanel_banner .left h2 span { color: #f51322; } .cpanel_banner .left h6 { margin: 16px 0 0 0; padding: 0px; font-size: 18px; color: #000000; font-style: italic; font-weight: bold; } .cpanel_banner .left p { margin: 20px 0 0 0; padding: 0px; font-size: 16px; color: #4b4949; line-height: 27px; } .cpanel_banner .right img { max-width: 100%; } /*cpanel_banner end*/ /*developer_friendly*/ .developer_friendly { background-image: url(../images/developer_friendly_back.png); background-color: #FFF; padding-bottom: 40px; } .developer_friendly .left { padding-top: 0px; } .enterprise_servers { background-image: none; background-color: #fafcfd; } @media (max-width: 575px) { .cpanel_banner { padding: 20px 0; } .cpanel_banner .left { padding-top: 0px; } .cpanel_banner .left h2 { font-size: 20px; } .cpanel_banner .left h6 { font-size: 14px; } .cpanel_banner .left p { font-size: 13px; line-height: normal; } .cpanel_banner .right { margin-top: 15px; text-align: center; } .developer_friendly, .wordpress_banner { background-image: none !important; } .wordpress_banner { padding-bottom: 0px !important; } .wordpress_banner .col-sm-6 { padding-bottom: 0px !important; } } /*developer_friendly end*/ /*Register Domain*/ .register-domain-banner { float: left; width: 100%; background-color: #464646; padding: 75px 0; } .register-domain-banner h1 { margin: 0px; padding: 0px; font-size: 42px; color: #FFF; font-weight: bold; text-transform: uppercase; } .register-domain-banner p { margin: 13px 0 0 0; padding: 0px; font-size: 16px; color: #FFF; } .register-domain-section { clear: both; float: left; width: 100%; padding-top: 52px; padding-bottom: 52px; } .register-domain-section .panel-sidebar { margin-bottom: 19px; } .register-domain-section .panel-sidebar .panel-heading .panel-title { margin: 0px; padding: 11px 0 12px 0; background-color: #545454; font-size: 14px; color: #FFF; font-weight: bold; position: relative; padding-left: 30px; } .register-domain-section .panel-sidebar .panel-heading .panel-title .fa { position: absolute; top: 14px; left: 11px; color: #FFF; font-size: 13px; } .register-domain-section .panel-sidebar .list-group { padding: 0px 14px; margin: 0px; border: 1px solid #dbd8d8; } .register-domain-section .panel-sidebar .list-group a { border: none; padding: 10px 0; margin: 0px; font-size: 13px; color: #404040; border-bottom: 1px dashed #ececec; padding-left: 18px; position: relative; } .register-domain-section .panel-sidebar .list-group a > .fa { position: absolute; left: 0px; top: 13px; } .register-domain-section .panel-sidebar .list-group a:last-child { border-bottom: none; } .register-domain-section .panel-sidebar .list-group label { border: none; padding: 10px 0; margin: 0px; font-size: 13px; color: #404040; border-bottom: 1px dashed #ececec; padding-left: 18px; position: relative; } .register-domain-section .panel-sidebar .list-group label input { position: absolute; left: 0px; top: 14px; } .register-domain-section .right { float: left; width: 100%; } .register-domain-section .right .search_domain { float: left; width: 100%; border: 1px solid #dcd9d9; background-color: #fbfbfb; padding: 23px 25px 25px 25px; } .register-domain-section .right .search_domain h2 { margin: 0px; padding: 0px; font-size: 25px; color: #000000; font-weight: bold; } .register-domain-section .right .search_domain .search_domain_in { float: left; width: 100%; background-color: #e0e0e0; padding: 13px; position: relative; margin-top: 9px; } .register-domain-section .right .search_domain .search_domain_in .form-control { height: 74px; border: 1px solid #dbd8d8; background-color: #FFF; box-shadow: none; border-radius: 0px; font-size: 18px; color: #b0b0b0; padding-right: 178px; } .register-domain-section .right .search_domain .search_domain_in .btn { background-image: url(../images/search-icon1.png); background-repeat: no-repeat; background-position: calc(100% - 32px); padding-right: 40px; font-weight: bold; height: 74px; width: 175px; font-size: 18px; color: #FFF; text-transform: uppercase; position: absolute; top: 13px; right: 13px; background-color: #f51322; border-radius: 0px; } .register-domain-section .right .domain_row { float: left; width: 100%; margin-top: 30px; } .register-domain-section .right .domain_row .row { margin-right: -10px; margin-left: -10px; } .register-domain-section .right .domain_row .domain_colos { box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.09); text-align: center; width: calc(20% - 20px); margin: 0 10px; padding: 15px 0; background-repeat: no-repeat; background-position: right top; } .register-domain-section .right .domain_row .domain_colos h2 { margin: 0px; padding: 0px; font-size: 19px; font-weight: bold; color: #000; float: left; width: 100%; } .register-domain-section .right .domain_row .domain_colos h2 small { font-size: 17px; color: #808080; font-weight: bold; } .register-domain-section .right .domain_row .domain_colos .small-button { font-size: 12px; border: 1px solid #f51322; padding: 3px; min-width: 83px; color: #f51322; text-align: center; display: inline-block; margin-top: 9px; } .register-domain-section .right .domain_row .domain_colos .small-button:hover { background-color: #f51322; color: #FFF; } .register-domain-section .right .domain_row .domain_colos .d-small-button { background-color: #b0b0b0; color: #fafafa; border-color: #b0b0b0; pointer-events: none; } .register-domain-section .right .domain_row .new { background-image: url(../images/new_bar.png); } .register-domain-section .right .domain_row .hot { background-image: url(../images/hot_bar.png); } .register-domain-section .right .domain_row .sale { background-image: url(../images/sale_bar.png); } .register-domain-section .right .domain_row .domain_colos:nth-child(1) h2 { color: #2071d2; } .register-domain-section .right .domain_row .domain_colos:nth-child(3) h2 { color: #c0392b; } .register-domain-section .right .domain_row .domain_colos:nth-child(4) h2 { color: #ff4757; } .register-domain-section .right .domain_row .domain_colos:nth-child(5) h2 { color: #9a5db4; } .register-domain-section .browse_extensions { float: left; margin-top: 57px; width: 100%; } .register-domain-section .browse_extensions > h2 { margin: 0px; padding: 0px; font-size: 18px; color: #000; font-weight: bold; } .register-domain-section .browse_extensions ul.nav { margin-top: 19px; } .register-domain-section .browse_extensions ul.nav li a { font-size: 13px; color: #2a2a2a; background-color: #f3f3f3; border-top: 4px solid transparent; padding: 14px 25px 18px 25px; text-transform: uppercase; border-right: 1px solid #dbdbdb; position: relative; } .register-domain-section .browse_extensions ul.nav li a:after { content: ""; border-right: 1px solid #fefefe; position: absolute; top: 0px; right: 0px; bottom: 0px; } .register-domain-section .browse_extensions ul.nav li:last-child a { border-right: none; } .register-domain-section .browse_extensions ul.nav li:last-child a:after { display: none; } .register-domain-section .browse_extensions ul.nav a.active { border-top: 4px solid #f51322; color: #f51322; } .register-domain-section .browse_extensions .domain_table { width: 100%; float: left; margin-top: 15px; } .register-domain-section .browse_extensions .domain_table table { width: 100%; border-collapse: separate; border-spacing: 0px 10px; } .register-domain-section .browse_extensions .domain_table table tr th { padding: 10px 20px; } .register-domain-section .browse_extensions .domain_table table tr td { font-size: 16px; color: #404040; font-weight: bold; padding: 25px 20px; border: 1px solid #d9e0e2; border-right: none; border-left: none; } .register-domain-section .browse_extensions .domain_table table tr td small { font-size: 15px; color: #404040; } .register-domain-section .browse_extensions .domain_table table tr:first-child { border: none; } .register-domain-section .browse_extensions .domain_table table tr:first-child th { padding-bottom: 0px; font-size: 14px; color: #808080; font-weight: bold; } .register-domain-section .browse_extensions .domain_table table tr td:first-child { border-left: 1px solid #d9e0e2; background-repeat: no-repeat; } .register-domain-section .browse_extensions .domain_table table tr td:last-child { border-right: 1px solid #d9e0e2; } .register-domain-section .browse_extensions .domain_table table tr.new td:first-child { background-image: url(../images/new_bar_left.png); } .register-domain-section .browse_extensions .domain_table table tr.sale td:first-child { background-image: url(../images/sale_bar_left.png); } .register-domain-section .add_web_hosting { float: left; width: 100%; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); padding: 35px; margin-top: 20px; } .register-domain-section .add_web_hosting .box { text-align: center; } .register-domain-section .add_web_hosting .box h2 { margin: 23px 0 0 0; padding: 0px; font-size: 16px; color: #414141; text-transform: uppercase; font-weight: bold; } .register-domain-section .add_web_hosting .box p { margin: 9px 0 0 0; padding: 0px; font-size: 13px; color: #6e6e6e; } .register-domain-section .add_web_hosting .box .button01 { font-size: 13px; background-color: #f51322; border: 1px #f51322 solid; color: #FFF; padding: 7px 15px; display: inline-block; margin-top: 21px; } .register-domain-section .add_web_hosting .box .button01:hover { background-color: transparent; color: #f51322; } .register-domain-section .add_web_hosting .col-sm-6:last-child { position: relative; } .register-domain-section .add_web_hosting .col-sm-6:last-child:after { content: ""; width: 1px; background-color: #e5e5e5; display: inline-block; top: 0; bottom: 0; position: absolute; } .register-domain-section .add_web_hosting .col-sm-6:last-child .button01 { background-color: #493b8b; border: 1px solid #493b8b; } .register-domain-section .add_web_hosting .col-sm-6:last-child .button01:hover { background-color: transparent; color: #493b8b; } .register-domain-banner2 { background-repeat: no-repeat; background-size: cover; } .register-domain-banner2 h1 { color: #f51322; } .register-domain-banner2 p { color: #000; } .domain_table1 { margin-top: 0px !important; margin-bottom: 30px; } .domain_table1 > p { margin: 0px; padding: 0px; } .domain_table1 .button01 { background-color: #f51322; color: #FFF; font-size: 13px; color: #FFF; padding: 10px 16px; display: inline-block; font-weight: 500; } .domain_table1 table tr td { padding-top: 15px !important; padding-bottom: 15px !important; } .domain_table1 table tr td b { font-size: 24px; } .domain_table1 .suggestions_button { font-size: 14px; background-color: #ffc410; color: #FFF; padding: 12px 20px; display: inline-block; font-weight: bold; text-transform: uppercase; margin-top: 10px; } @media (max-width: 1199px) { .register-domain-section .right .domain_row .domain_colos h2 { font-size: 15px; } .register-domain-section .right .domain_row .domain_colos h2 small { font-size: 13px; } } @media (max-width: 991px) { .register-domain-section > .container > .row div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .register-domain-section .add_web_hosting .col-sm-6:last-child:after { display: none; } .register-domain-section .add_web_hosting .box { margin-bottom: 20px; } } @media (max-width: 767px) { .register-domain-banner { padding: 25px 0; } .register-domain-banner h1 { font-size: 20px; } .register-domain-banner p { font-size: 14px; } .register-domain-banner p br { display: none; } .register-domain-section { padding-top: 22px; padding-bottom: 30px; } .register-domain-section .right .search_domain { padding: 5px; } .register-domain-section .right .search_domain h2 { font-size: 14px; } .register-domain-section .right .search_domain .search_domain_in { padding: 5px; } .register-domain-section .right .search_domain .search_domain_in .form-control { padding: 5px; font-size: 14px; } .register-domain-section .right .search_domain .search_domain_in .btn { position: static; width: 100%; float: left; margin-top: 10px; font-size: 14px; } .register-domain-section .right .domain_row .domain_colos { width: 100%; margin-bottom: 20px; } .register-domain-section .browse_extensions { margin-top: 18px; } .register-domain-section .browse_extensions .nav li { float: left; width: 100%; margin-bottom: 10px; } .register-domain-section .browse_extensions .nav li a { float: left; width: 100%; padding: 10px; } .register-domain-section .browse_extensions .domain_table { overflow-y: hidden; overflow-x: scroll; } .register-domain-section .browse_extensions .domain_table table tr th, .register-domain-section .browse_extensions .domain_table table tr td { font-size: 13px; } } /*Register Domain end*/ /*shared-hosting detail*/ .shared-hosting { float: left; width: 100%; padding: 57px 0; } .shared-hosting .left .row { margin-left: -7.5px; margin-right: -7.5px; } .shared-hosting .left .row div[class*="col-"] { padding-left: 7.5px; padding-right: 7.5px; } .shared-hosting .left .heding { font-size: 20px; font-weight: bold; color: #000000; margin: 0px; padding: 0px 0 18px 0; border-bottom: 2px dashed #e3e3e3; } .shared-hosting .left .personal_section { float: left; width: 100%; padding: 40px 26px 35px 26px; } .shared-hosting .left .personal_section h2 { margin: 0px; padding: 0px; font-size: 22px; color: #6747d5; font-weight: bold; } .shared-hosting .left .personal_section p { margin: 5px 0 0 0; padding: 0px; font-size: 13px; color: #9a9a9a; font-weight: 300; } .shared-hosting .left .personal_section ul { float: left; width: calc(33.333% - 10px); margin: 30px 0 0 0; padding: 0px; margin-right: 10px; } .shared-hosting .left .personal_section ul li { float: left; width: 100%; margin: 0px 0 5px 0; padding: 0px; } .shared-hosting .left .personal_section ul li a { margin: 0px; padding: 0px; font-size: 13px; color: #414141; position: relative; padding-left: 20px; } .shared-hosting .left .personal_section ul li a:before { mask: url(../images/check.svg); -moz-mask: url(../images/check.svg); content: ""; -webkit-mask: url(../images/check.svg); width: 11px; height: 8px; background-color: blue; position: absolute; left: 0; top: calc(50% - 3px); } .shared-hosting .left .additional_info { float: left; width: 100%; padding-top: 29px; } .shared-hosting .left .additional_info h3 { margin: 0px 0 13px 0; padding: 0px; font-size: 18px; color: #f51322; font-weight: bold; } .shared-hosting .left .assistance { font-size: 14px; color: #a4a4a4; } .shared-hosting .left .assistance a { color: #f51322; text-decoration: underline; } .shared-hosting .right { float: left; width: 100%; } .shared-hosting .right h1 { margin: 0px; padding: 0px; font-size: 20px; color: #000000; font-weight: bold; } .shared-hosting .right .order_summary { border: 1px solid #dbd8d8; float: left; width: 100%; margin-top: 19px; } .shared-hosting .right ul.subtotal { margin: 0px; float: left; width: 100%; } .shared-hosting .right ul.subtotal li { float: left; width: 100%; font-size: 15px; color: #000000; margin-bottom: 15px; } .shared-hosting .right ul.subtotal li b { float: right; font-size: 20px; font-weight: 600; color: #404040; } .shared-hosting .right ul.subtotal li small { float: right; font-size: 13px; color: #3a3a3a; } .shared-hosting .right .promo_code { border-bottom: 2px dashed #e0e0e0; border-top: 2px dashed #e0e0e0; float: left; width: 100%; } .shared-hosting .right .promo_code label { font-size: 15px; color: #000000; font-weight: normal; } .shared-hosting .right .promo_code .promo_box { position: relative; } .shared-hosting .right .promo_code .promo_box .input { border: 1px dashed #bdbdbd; font-size: 14px; color: #a0a0a0; min-height: 38px; padding: 10px; padding-right: 90px; width: 100%; } .shared-hosting .right .promo_code .promo_box input[type="submit"] { width: 84px; background-color: #493b8b; font-size: 14px; color: #FFF; text-align: center; min-height: 43px; border: none; top: 0px; position: absolute; right: 0; border-radius: 2px; } .shared-hosting .right .total_due_today { float: left; width: 100%; } .shared-hosting .right .total_due_today h3 { margin: 0px; padding: 0px; font-size: 16px; color: #000000; font-weight: bold; } .shared-hosting .right .total_due_today h3 b { float: right; font-size: 26px; color: #493b8b; font-weight: 600; } .shared-hosting .right .total_due_today .big_button { width: 100%; font-size: 18px; color: #FFF; border: 1px solid #f51322; background-color: #f51322; text-align: center; float: left; border-radius: 5px; padding: 12px 10px; margin-top: 16px; } .shared-hosting .right .total_due_today .big_button:hover { background-color: transparent; color: #f51322; } .shared-hosting .right .subtotal, .shared-hosting .right .promo_code, .shared-hosting .right .total_due_today { padding: 25px 28px; } .shared-hosting .form-group label { font-size: 13px; color: #919191; font-weight: 300; } .shared-hosting .form-group .form-control { height: 50px; border-color: #c5c5c5; box-shadow: none; border-radius: 5px; font-size: 14px; color: #000000; } .shared-hosting .form-group select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/select-icon.png); background-repeat: no-repeat; padding-right: 33px; background-position: calc(100% - 13px); } .shared-hosting .form-group select::-ms-expand { display: none; } .shared-hosting .form-group textarea.form-control { height: 120px; } .shared-hosting .custom_checkbox, .shared-hosting .radio_input { font-size: 14px !important; color: #404040 !important; font-weight: 600 !important; padding-left: 28px; } .shared-hosting .radio_input span { width: 17px; height: 17px; top: calc(50% - 7px) !important; } .shared-hosting .radio_input span:after { height: 9px !important; width: 9px !important; top: 3px !important; } .shared-hosting .radio_input { line-height: 20px; } a, button input[type="submit"] { transition: all ease 0.5s; -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; } @media (max-width: 1200px) { .shared-hosting .right .total_due_today h3 { font-size: 14px; } .shared-hosting .right .total_due_today h3 b { font-size: 15px; } } @media (max-width: 991px) { .shared-hosting .row > div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .shared-hosting .right { margin-top: 20px; } } @media (max-width: 767px) { .shared-hosting { padding: 30px 0; } .shared-hosting .left .personal_section ul { width: 100%; } } /*shared-hosting detail end*/ /*clientarea*/ .clientarea { float: left; width: 100%; padding-top: 85px; background-color: #f0f4f6; } .clientarea .left { float: left; width: 100%; } .clientarea .left .dropdown_top { display: none; float: left; width: 100%; box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.14); border-radius: 5px; padding: 15px; position: absolute; background-color: #FFF; left: 0px; right: 0px; top: 63px; z-index: 9; } .clientarea .left .dropdown_top:after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid #FCFCFC; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -18px; right: 34px; } .clientarea .left .dropdown_top h3 { margin: 0px; padding: 0px 0 8px 0; font-size: 15px; color: #525152; font-weight: normal; border-bottom: 1px solid #e6e8eb; position: relative; } .clientarea .left .dropdown_top h3 span { float: right; font-size: 14px; color: #9b9b9b; } .clientarea .left .dropdown_top h3:after { content: ""; border-bottom: 4px solid red; width: 30px; float: left; position: absolute; bottom: -4px; left: 0; } .clientarea .left .dropdown_top ul { float: left; margin: 0px; padding: 0px; width: 100%; } .clientarea .left .dropdown_top ul li { float: left; width: 100%; margin: 20px 0 5px 0; padding: 0px; } .clientarea .left .dropdown_top ul li a { float: left; width: 100%; position: relative; padding-left: 41px; min-height: 36px; } .clientarea .left .dropdown_top ul li a i { width: 32px; height: 32px; border-radius: 50%; background-color: #eef2f4; color: #f37661; position: absolute; top: 4px; left: 0px; text-align: center; line-height: 29px; } .clientarea .left .dropdown_top ul li a p { float: left; margin: 0px; padding: 0px 0 0 12px; font-size: 13px; color: #525152; position: relative; } .clientarea .left .dropdown_top ul li a p small { float: left; width: 100%; font-size: 11px; color: #9b9b9b; } .clientarea .left .dropdown_top ul li a p:after { content: ""; } .clientarea .left .dropdown_top ul li a p:after { content: ""; position: absolute; left: 0; border-left: 1px solid #CCC; top: 6px; bottom: 1px; } .clientarea .left .dropdown_top.active { display: block; } .clientarea .left ul.side_menu { float: left; width: 90%; padding: 0px; margin: 0px; } .clientarea .left ul.side_menu > li:first-child { position: relative; } .clientarea .left ul.side_menu > li:first-child > a { background-color: #f51322; color: #FFF; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.14); } .clientarea .left ul.side_menu > li:first-child > a span { width: 21px; height: 21px; border: 1px solid #FFF; border-radius: 50%; float: right; text-align: center; font-size: 12px; } .clientarea .left ul.side_menu > li:last-child { border-bottom: none; } .clientarea .left ul.side_menu > li:first-child > a:before { display: none; } .clientarea .left ul.side_menu > li:first-child > a:after { content: ""; border-left: 25px solid #f51322; border-right: 25px solid transparent; border-top: 35px solid transparent; border-bottom: 35px solid transparent; width: 0; height: 0; position: absolute; right: -50px; top: 0; } .clientarea .left ul.side_menu > li.active > a { color: #f51322; } .clientarea .left ul.side_menu > li.active > a:before { transform: rotate(90deg); color: #f51322; } .clientarea .left ul.side_menu > li { float: left; width: 100%; border-bottom: 1.5px dotted #c9cacb; } .clientarea .left ul.side_menu > li > a { font-size: 14px; position: relative; color: #2a2a2a; position: relative; padding-left: 48px; float: left; width: 100%; padding-top: 25px; padding-bottom: 25px; padding-right: 36px; } .clientarea .left ul.side_menu > li > a > .img-icon { background-position: -7px -7px; background-image: url(../images/sidebar_icon.png); float: left; background-repeat: no-repeat; width: 22px; height: 20px; position: absolute; left: 14px; top: calc(50% - 10px); } .clientarea .left ul.side_menu > li > a .img-icon02 { background-position: -44px -7px; } .clientarea .left ul.side_menu > li > a .img-icon03 { background-position: -82px -7px; } .clientarea .left ul.side_menu > li > a .img-icon04 { background-position: -121px -7px; } .clientarea .left ul.side_menu > li > a .img-icon05 { background-position: -162px -7px; } .clientarea .left ul.side_menu > li > a .img-icon06 { background-position: -202px -7px; } .clientarea .left ul.side_menu > li > a:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; right: 20px; top: calc(50% - 13px); font-size: 18px; color: #8c8f90; } .clientarea .left ul.side_menu > li ul.side_menu_sub { float: left; padding: 0px 0 0 48px; margin: -5px 0 8px 0; } .clientarea .left ul.side_menu > li ul.side_menu_sub li { float: left; width: 100%; margin-bottom: 11px; } .clientarea .left ul.side_menu > li ul.side_menu_sub li a { float: left; width: 100%; font-size: 13px; color: #2a2a2a; position: relative; padding-left: 23px; } .clientarea .left ul.side_menu > li ul.side_menu_sub li a i { position: absolute; left: 0px; top: calc(50% - 5px); color: #2a2a2a; } .clientarea .left ul.side_menu > li ul.side_menu_sub li a:before { display: none; } .clientarea .right .top { float: left; width: 100%; } .clientarea .right .top h2 { float: left; width: 100%; margin: 0px; padding: 0px; font-size: 37px; color: #000000; font-weight: 600; } .clientarea .right .top h2 span { color: #f51322; } .clientarea .right .top ul.page_navi { float: left; width: 100%; margin: 10px 0 0 0; padding: 0px; } .clientarea .right .top ul.page_navi li { float: left; font-size: 12px; color: #b9b9b9; margin: 0px 2px; padding: 0px; position: relative; } .clientarea .right .top ul.page_navi li:before { content: "/"; margin-left: 4px; } .clientarea .right .top ul.page_navi li a { font-size: 12px; color: #000; float: left; } .clientarea .right .top ul.page_navi li:last-child:before { display: none; } .services_list { float: left; width: 100%; margin-top: 40px; } .services_list .row { margin-left: -5px; margin-right: -5px; } .services_list .row div[class*="col-"] { padding-left: 5px; padding-right: 5px; } .services_list .services_list_in { border: 1px solid transparent; float: left; width: 100%; min-height: 175px; position: relative; background-color: #FFF; border-radius: 5px; text-align: center; display: flex; align-self: center; flex-direction: column; align-items: center; align-content: center; justify-content: center; padding-bottom: 25px; transition: all ease 1s; -moz-transition: all ease 1s; -webkit-transition: all ease 1s; } .services_list .services_list_in h3 { margin: 0px; padding: 0px; font-size: 55px; color: #525152; font-weight: 300; } .services_list .services_list_in small { margin: 0px; padding: 0px; font-size: 13px; color: #525152; } .services_list .services_list_in:before { content: ""; mask: url(../images/bottom_mask.svg); width: 102px; height: 45px; -moz-mask: url(../images/bottom_mask.svg); -webkit-mask: url(../images/bottom_mask.svg); position: absolute; bottom: 0px; right: 0px; background-color: #fec31b; } .services_list .services_list_in img { position: absolute; right: 7px; bottom: 7px; } .services_list .services_list_in:hover { border-color: #fec31b; box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.11); } .services_list .row div[class*="col-"]:nth-child(2) .services_list_in:before { background-color: #f37661; } .services_list .row div[class*="col-"]:nth-child(2) .services_list_in:hover { border-color: #f37661; box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.11); } .services_list .row div[class*="col-"]:nth-child(3) .services_list_in:before { background-color: #6ebe44; } .services_list .row div[class*="col-"]:nth-child(3) .services_list_in:hover { border-color: #6ebe44; box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.11); } .services_list .row div[class*="col-"]:nth-child(4) .services_list_in:before { background-color: #179ad0; } .services_list .row div[class*="col-"]:nth-child(4) .services_list_in:hover { border-color: #179ad0; box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.11); } .search_opt1 { float: left; width: 100%; position: relative; padding-right: 212px; margin-top: 32px; } .search_opt1 .form-control { border-style: solid; border-width: 1px; background-image: url(../images/search-icon11.png); background-repeat: no-repeat; background-position: 25px; padding-left: 56px; border-color: #e5e5e5; border-radius: 4px; background-color: white; min-height: 57px; font-size: 15px; color: #525152; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.05); } .search_opt1 .btn { width: 194px; height: 57px; text-align: center; border: 1px solid #f51321; text-transform: uppercase; border-radius: 5px; font-size: 15px; color: #525152; background-color: #FFF; position: absolute; top: 0px; right: 0px; } .search_opt1 .btn:hover { background-color: #f51322; color: #FFF; } .support_tickets { float: left; width: 100%; margin-top: 30px; padding-bottom: 30px; } .support_tickets .support_tickets_col { float: left; width: 100%; border-radius: 4px; background-color: white; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); padding: 17px; margin-bottom: 24px; } .support_tickets .support_tickets_col .top { padding-left: 32px; position: relative; font-size: 15px; color: #525152; font-weight: bold; border-bottom: 1px solid #e6e8eb; padding-bottom: 12px; } .support_tickets .support_tickets_col .top:after { content: ""; border-bottom: 4px solid red; width: 30px; float: left; position: absolute; bottom: -4px; left: 0; } .support_tickets .support_tickets_col .top > img { position: absolute; top: calc(50% - 13px); left: 0px; } .support_tickets .support_tickets_col .top a { float: right; font-size: 12px; color: #9b9b9b; } .support_tickets .support_tickets_col .shared_hosting { margin-left: -17px; margin-right: -17px; display: inline-block; padding: 0; margin-bottom: 0; margin-top: 8px; } .support_tickets .support_tickets_col .shared_hosting li { float: left; width: 100%; font-size: 14px; color: #525152; border-bottom: 1px solid #edeff1; padding: 17px; } .support_tickets .support_tickets_col .shared_hosting li span { float: right; color: #f51322; font-weight: 500; } .support_tickets .support_tickets_col .shared_hosting li:last-child { border-bottom: none; padding-bottom: 0px; } .support_tickets .support_tickets_col ul.recent_news_li { float: left; margin: 0px; padding: 0px; width: 100%; } .support_tickets .support_tickets_col ul.recent_news_li li { float: left; width: 100%; margin: 20px 0 5px 0; padding: 0px; } .support_tickets .support_tickets_col ul.recent_news_li li a { float: left; width: 100%; position: relative; padding-left: 41px; min-height: 36px; } .support_tickets .support_tickets_col ul.recent_news_li li a i { width: 32px; height: 32px; border-radius: 50%; background-color: #eef2f4; color: #f37661; position: absolute; top: 4px; left: 0px; text-align: center; line-height: 29px; } .support_tickets .support_tickets_col ul.recent_news_li li a p { float: left; margin: 0px; padding: 0px 0 0 12px; font-size: 13px; color: #525152; position: relative; } .support_tickets .support_tickets_col ul.recent_news_li li a p small { float: left; width: 100%; font-size: 11px; color: #9b9b9b; } .support_tickets .support_tickets_col ul.recent_news_li li a p:after { content: ""; } .support_tickets .support_tickets_col ul.recent_news_li li a p:after { content: ""; position: absolute; left: 0; border-left: 1px solid #CCC; top: 6px; bottom: 1px; } .support_tickets .support_tickets_col ul.recent_news_li li a p span { color: #f51322; } .support_tickets .support_tickets_col .recent_info { float: left; margin: 13px 0 0 0; padding: 0px; font-size: 14px; color: #525152; } .support_tickets .support_tickets_col .register_a_new_domain { float: left; width: 100%; } .support_tickets .support_tickets_col .register_a_new_domain h1 { margin: 0px; padding: 0px; text-align: center; font-size: 20px; color: #f51322; font-weight: bold; } .support_tickets .support_tickets_col .register_a_new_domain h1 img { margin: 0 0 0 0; } .support_tickets .support_tickets_col .register_a_new_domain .form-control { height: 67px; border: 2px solid #e3e3e3; background-color: #f0f4f6; font-size: 16px; color: #b0b0b0; text-align: center; margin-top: 15px; } .support_tickets .support_tickets_col .register_a_new_domain .bottom_button { float: left; width: 100%; margin-top: 10px; } .support_tickets .support_tickets_col .register_a_new_domain .bottom_button input[type="submit"] { border: none; width: 49%; float: left; min-height: 51px; background-color: #6746d4; border-radius: 4px; text-align: center; font-size: 14px; color: #FFF; text-transform: uppercase; } .support_tickets .support_tickets_col .register_a_new_domain .bottom_button input[type="submit"].btn_search { float: right; background-color: #f51322; background-image: url(../images/search-icon1.png); background-repeat: no-repeat; background-position: 85%; background-size: 15px; } .support_tickets .support_tickets_col .register_a_new_domain small { text-align: center; font-size: 13px; color: #525152; margin-top: 10px; float: left; width: 100%; } a, button, input[type="submit"] { transition: all ease 1s; -moz-transition: all ease 1s; -webkit-transition: all ease 1s; } @media (max-width: 991px) { .clientarea { padding-top: 30px; } .clientarea .container > .row > div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .clientarea .left ul.side_menu { width: 100%; } .clientarea .right { margin-top: 30px; } } @media (max-width: 767px) { .clientarea .left ul.side_menu li:first-child a:after { display: none; } .clientarea .right .top h2 { font-size: 19px; } .clientarea .right .services_list .row > div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .clientarea .right .services_list .row > div[class*="col-"] .services_list_in { margin-bottom: 15px; } .clientarea .right .services_list .services_list_in h3 { font-size: 30px; } .clientarea .right .support_tickets .row > div[class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .clientarea .right .search_opt1 { padding: 0px; } .clientarea .right .search_opt1 .btn { position: static; width: 100%; margin-top: 15px; } } /*clientarea end*/ /*products-services*/ .products_services { padding-bottom: 60px; } .products_services .right .table-container { border-radius: 4px; background-color: white; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); padding: 18px; float: left; width: 100%; margin-top: 38px; } .products_services .right .table-container .table th { font-size: 14px; color: #383838; text-transform: uppercase; font-weight: bold; border: none; padding: .75rem; padding-top: 0px; } .products_services .right .table-container .table td { font-size: 14px; padding: .75rem; color: #505050; border-bottom: 1px solid #edeff1; vertical-align: middle; font-weight: 600; } .products_services .right .table-container .table td span { color: #f51322; } .products_services .right .table-container .table td .btn { font-size: 13px; color: #53b661; border: 1px solid #53b661; padding: 2px 12px; display: inline-block; min-width: 90px; text-align: center; } .products_services .right .table-container .table td .btn:hover { background-color: #53b661; color: #FFF; } .products_services .right .table-container .table td .s_pending { border-color: #f51322; color: #f51322; } .products_services .right .table-container .table td .s_pending:hover { background-color: #f51322; color: #FFF; } .products_services .right .pagination { border-style: solid; border-width: 1px; border-color: #e2e2e2; border-radius: 2px; background-color: rgba(214, 78, 63, 0); float: right; width: auto; background-color: #FFF; margin-top: 30px; border-radius: 4px; overflow: hidden; } .products_services .right .pagination li { font-size: 12px; color: #242625; border-right: 1px solid #e3e3e3; } .products_services .right .pagination li a { font-size: 12px; color: #242625; padding: 8px 10px; float: left; min-width: 35px; text-align: center; } .products_services .right .pagination li.active a { color: #f51322; } .products_services .right .pagination li:last-child { border-right: none; } .products_services .right .pagination li:last-child a { border-radius: 0 5px 0 5px; } @media (max-width: 767px) { .products_services .right .data_table { overflow: auto; } .products_services .right .data_table .table { width: auto; } } /*products-services end*/ /*view_ticket*/ .view_ticket { padding-bottom: 90px; } .view_ticket .view_ticket_col .reply_col { float: left; width: 100%; border: 2px solid #f2a7ae; font-size: 15px; color: #505050; position: relative; padding: 11px 12px 13px 45px; border-radius: 5px; margin-top: 33px; } .view_ticket .view_ticket_col .reply_col i { position: absolute; left: 19px; top: calc(50% - 7px); color: #f51322; } .view_ticket .view_ticket_col .reply_col:before { content: "\f067"; font-family: 'FontAwesome'; position: absolute; right: 20px; top: calc(50% - 11px); } .view_ticket .view_ticket_col .view_ticket_box { float: left; padding: 18px; width: 100%; border-radius: 4px; background-color: white; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); margin-top: 30px; } .view_ticket .view_ticket_col .view_ticket_box .top { position: relative; padding-left: 44px; font-size: 18px; color: #000000; border-bottom: 1px solid #edeff1; padding-bottom: 8px; margin-bottom: 17px; } .view_ticket .view_ticket_col .view_ticket_box .top:before { content: ""; border-bottom: 4px solid red; width: 30px; float: left; position: absolute; bottom: -4px; left: 0; } .view_ticket .view_ticket_col .view_ticket_box .top small { font-size: 13px; color: #808080; } .view_ticket .view_ticket_col .view_ticket_box .top span { float: right; font-size: 12px; color: #808080; font-weight: 300; } .view_ticket .view_ticket_col .view_ticket_box .top > img { position: absolute; top: 0px; left: 0px; } .view_ticket .view_ticket_col .view_ticket_box p { font-size: 14px; color: #505050; line-height: 23px; } .view_ticket .view_ticket_col .view_ticket_box .attachments { float: left; width: 100%; border-top: 1px dashed #cccccc; padding-top: 15px; } .view_ticket .view_ticket_col .view_ticket_box .attachments strong { float: left; font-size: 13px; color: #808080; font-weight: normal; } .view_ticket .view_ticket_col .view_ticket_box .attachments ul { float: left; margin: 0px 0 0 13px; padding: 0px; } .view_ticket .view_ticket_col .view_ticket_box .attachments ul li { float: left; } .view_ticket .view_ticket_col .view_ticket_box .attachments ul li a { float: left; position: relative; padding-left: 23px; font-size: 13px; color: #505050; } .view_ticket .view_ticket_col .view_ticket_box .attachments ul li a i { position: absolute; left: 0px; top: 2px; color: #f74a55; font-size: 18px; } .view_ticket .attachments_col { float: left; width: 100%; position: relative; padding-right: 167px; } .view_ticket .attachments_col .button01 { min-width: 145px; height: 48px; border: 1px solid #493b8b; border-radius: 5px; font-size: 13px; color: #493b8b; text-transform: uppercase; text-align: center; } .view_ticket .attachments_col .attachments_col_left { float: left; width: 100%; } .view_ticket .attachments_col .attachments_col_left input[type="file"] { display: none; } .view_ticket .attachments_col .attachments_col_left .attachments_col_box { float: left; width: 100%; } .view_ticket .attachments_col .attachments_col_left .attachments_col_box span { width: 152px; font-size: 14px; color: #000000; text-align: center; float: left; background-color: #FFF; border: 1px solid #c5c5c5; height: 48px; border-radius: 5px 5px 0 0; } .view_ticket .attachments_col .attachments_col_left .attachments_col_box .file_name { float: left; width: calc(100% - 152px); float: right; height: 48px; border: 1px dashed #a1a4a5; } /*view_ticket end*/ /*Open Ticket*/ .open_ticket .right .shared-hosting { padding-top: 40px; } .open_ticket .right .shared-hosting .row { margin-left: -6px; margin-right: -6px; } .open_ticket .right .shared-hosting .row > div[class*="col-"] { padding-left: 6px; padding-right: 6px; } .open_ticket .right .shared-hosting .row > div[class*="col-"] .form-group { margin-bottom: 24px; } /*Open Ticket end*/ /*Register*/ .for_login { display: none; } .register_page { float: left; width: 100%; padding: 0 160px; background-image: url(../images/register_back.png); background-position: bottom right; background-repeat: no-repeat; padding-top: 30px; } .register_page .left { float: left; width: 365px; } .register_page .right { float: right; width: calc(100% - 365px); } .register_page .right > h1 { float: left; margin: 0px; padding: 0px 0 0 36px; font-size: 35px; color: #2f2f2f; font-weight: bold; } .register_page .right > h1 span { color: #f51322; } .register_page .right .nav { float: right; } .register_page .right .nav li a { font-size: 14px; color: #848484; text-transform: uppercase; border-bottom: 2px solid transparent; } .register_page .right .nav li a.active { color: #f51322; border-bottom-color: #f51322; } .register_page .min_box { float: left; width: 100%; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12); padding: 54px; margin-top: 23px; } .register_page .min_box .register_tab { float: left; width: 100%; } .register_page .min_box .register_tab .nav { float: left; } .register_page .min_box .register_tab .nav li { margin-right: 20px; } .register_page .min_box .register_tab .nav li a { font-size: 16px; color: #b6b6b6; font-weight: bold; padding: 16px 20px 20px 20px; border-bottom: 3px solid #fee7e8; } .register_page .min_box .register_tab .nav li a.active { color: #f51322; border-color: #f51322; } .register_page .personal_information_form { float: left; width: 100%; margin-top: 46px; } .register_page .personal_information_form .row { margin-left: -7px; margin-right: -7px; } .register_page .personal_information_form .row div[class*="col-"] { padding-left: 7px; padding-right: 7px; } .register_page .personal_information_form .form-group { margin-bottom: 40px; } .register_page .personal_information_form .form-group label { font-size: 13px; color: #919191; font-weight: normal; } .register_page .personal_information_form .form-group .form-control { font-size: 14px; color: #000000; height: 50px; border-color: #c5c5c5; font-weight: 600; } .register_page .personal_information_form .form-group .captcha0 { margin-top: 13px; position: relative; top: 7px; max-width: 100%; } .register_page .personal_information_form .custom_checkbox { padding-left: 35px; font-size: 14px; color: #636363; } .register_page .personal_information_form .custom_checkbox > span { width: 23px; height: 23px; border-color: #d5d8de; border-radius: 5px; top: -3px; } .register_page .personal_information_form .custom_checkbox > span:after { top: 1px; } .register_page .personal_information_form .button03 { border: none; min-width: 300px; min-height: 54px; text-align: center; font-size: 18px; background-color: #f51322; margin-top: 22px; } @media (max-width: 1400px) { .register_page { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1080px) { .register_page .left { width: 200px; } .register_page .left > img { width: 100%; } .register_page .right { width: calc(100% - 200px); } } @media (max-width: 991px) { .register_page { margin-bottom: 50px; } .register_page .min_box { padding: 20px; } .register_page .left { display: none; } .register_page .right { width: 100%; } .register_page .right > h1 { padding-left: 0px; font-size: 28px; } .register_page .right .personal_information_form { padding-left: 0px !important; } } @media (max-width: 767px) { .register_page { padding-left: 0px; padding-right: 0px; background-image: none; border-top: 1px solid #CCC; padding-top: 20px; } .register_page .right > h1 { width: 100%; text-align: center; font-size: 18px !important; margin-bottom: 10px !important; } .register_page .right .personal_information_form [class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .register_page .right .personal_information_form .form-group { margin-bottom: 20px; } .register_page .right .nav { width: 100%; } .register_page .right .nav li { float: left; width: 100%; } .register_page .right .nav li a { float: left; width: 100%; text-align: center; } .register_page .min_box { padding-top: 5px; } .register_page .min_box .button03 { width: 100%; min-width: inherit; } } /*Register END*/ /*about-us-page*/ .button04 { width: 192px; text-align: center; } .about-us-banner { background-image: url(../images/about-usbg.png); background-repeat: no-repeat; padding: 75px 0 0px; } .about-us-banner .left { padding-top: 45px; } .about-us-banner .left h2 { margin: 0px; padding: 0px; font-weight: 800; font-size: 30px; color: #f51322; text-transform: uppercase; } .about-us-banner .left p { font-size: 15px; color: #777777; line-height: 27px; } .about-us-banner .right { padding-top: 45px; } .about-us-banner .right img { float: right; } .see-our-story-about .abt-frst-row h4 { font-size: 23px; letter-spacing: 0px; line-height: 39px; color: #303030; max-width: 830px; margin: 80px auto; text-align: center; } .see-our-story-about .abt-frst-row h4 span { color: #f51322; } .see-our-story-about .abt-frst-row h4 img { position: relative; top: -12px; right: 5px; width: 27px; } .see-our-story-about .scnd-frst-row h5 { font-size: 60px; letter-spacing: 1px; line-height: 39px; color: #151515; font-weight: 700; text-transform: uppercase; position: relative; } .see-our-story-about .scnd-frst-row h5 span { font-size: 19px; letter-spacing: 6px; color: #949494; font-weight: 400; margin-left: 4px; } .see-our-story-about .scnd-frst-row h5:after { position: absolute; content: ""; background-color: #e8e8e8; height: 78px; width: 3px; top: 10px; right: 62px; } .see-our-story-about .scnd-frst-row p { color: #777777; padding-top: 22px; margin-bottom: 0px; font-size: 13px; line-height: 23px; } .see-our-story-about .about-metus-row { margin-top: 45px; } .see-our-story-about .about-metus-row h4 { font-size: 22px; line-height: 54px; color: #2b3e4d; font-weight: 800; } .see-our-story-about .about-metus-row p { font-size: 15px; letter-spacing: 0px; line-height: 25px; color: #777777; } .see-our-story-about .about-metus-row p span { margin-top: 20px; } .see-our-story-about .about-metus-row ul { padding-left: 27px; padding-top: 25px; } .see-our-story-about .about-metus-row ul li { font-size: 15px; line-height: 35px; color: #777777; font-weight: 600; list-style-image: url(../images/li-about-img.png); } .about-why-choose-us { background-color: #3f4e6f; padding: 80px 0px; margin: 90px 0px; } .about-why-choose-us .choose-us-row h2 { font-size: 36px; color: #FFF; text-align: center; } .about-why-choose-us .choose-us-row p { color: #f51322; font-size: 15px; line-height: 25px; color: #FFF; text-align: center; } .about-why-choose-us .choose-us-row-two { text-align: center; } .about-why-choose-us .choose-us-row-two .border-yellow { border-bottom: 2px solid #fee494; } .about-why-choose-us .choose-us-row-two .border-light-yellow { border-bottom: 2px solid #feb4a8; } .about-why-choose-us .choose-us-row-two .border-light-blue { border-bottom: 2px solid #6747d5; } .about-why-choose-us .choose-us-row-two .why-choose-inner-abt { background-color: #fff; min-height: 320px; padding: 56px 29px; margin-top: 45px; } .about-why-choose-us .choose-us-row-two .why-choose-inner-abt h5 { font-size: 20px; color: #000000; font-weight: 600; padding: 25px 0px 10px; } .about-why-choose-us .choose-us-row-two .why-choose-inner-abt p { font-size: 14px; color: #868686; } .wetackcareforupgrade .maintenance-inner-text-row h4 { color: #2b3e4d; font-weight: 800; font-size: 36px; line-height: 48px; margin-top: 40px; } .wetackcareforupgrade .maintenance-inner-text-row h4 span { color: #f51322; margin-top: 20px; } .wetackcareforupgrade .maintenance-inner-text-row p { font-size: 15px; color: #777777; padding-right: 30px; margin-top: 25px; } .wetackcareforupgrade .maintenance-inner-text-row p span { margin-top: 20px; } .wetackcareforupgrade .maintenance-inner-text-row ul { padding-left: 27px; padding-top: 25px; } .wetackcareforupgrade .maintenance-inner-text-row ul li { font-size: 15px; line-height: 35px; color: #777777; font-weight: 600; list-style-image: url(../images/li-about-img.png); } .great-service { padding: 440px 0px 80px; } .great-service .great-service-row { text-align: center; } .great-service .great-service-row h2 { font-size: 32px; color: #2b3e4d; font-weight: 800; padding-bottom: 50px; } .great-service .great-service-row h2 span { color: #f51322; } .great-service .great-service-row .maintenance-inner-img { height: 247px; background-color: #ffffff; padding: 30px; cursor: pointer; transition: all 0.3s ease-in-out 0s; margin-bottom: 20px; } .great-service .great-service-row .maintenance-inner-img:hover { box-shadow: 0 0 27px rgba(0, 0, 0, 0.14); } .great-service .great-service-row .maintenance-inner-img:hover ul { display: block; } .great-service .great-service-row .maintenance-inner-img h5 { font-size: 20px; margin-bottom: 0px; color: #454549; font-weight: 700; padding-top: 25px; } .great-service .great-service-row .maintenance-inner-img p { font-size: 14px; color: #a1a1a1; margin-bottom: 0px; padding: 6px 0px 7px; } .great-service .great-service-row .maintenance-inner-img ul { display: none; transition: all 0.3s ease-in-out 0s; } .great-service .great-service-row .maintenance-inner-img ul i { color: #97a7b2; font-size: 20px; transition: all 0.3s ease-in-out 0s; } .frequently-questions { background-color: #f4f8f9; padding: 80px 0px; } .frequently-questions .frequently-questions-row h2 { font-size: 40px; color: #0e2034; font-weight: 400; text-align: center; margin-bottom: 40px; } .frequently-questions .frequently-questions-row h2 span { color: #f51322; } .frequently-questions .frequently-questions-row .accordion-container-main { max-width: 750px; margin: 0 auto; } .frequently-questions .frequently-questions-row .accordion-container-main .card { border: 0px solid rgba(0, 0, 0, 0.125); background-color: #f4f8f9; position: relative; } .frequently-questions .frequently-questions-row .accordion-container-main .card:before { content: url(../images/plus-icon-accordian.png); position: absolute; left: 6px; width: 17px; overflow: hidden; top: 20px; transition: all 1s ease-in-out 1s; } .frequently-questions .frequently-questions-row .accordion-container-main .card .card-header { background-color: #f4f8f9; padding: 1.2rem .50rem; padding-left: 37px; } .frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a { font-size: 16px; letter-spacing: 1px; color: #000000; transition: all 0s ease-in-out 0s; } .frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a h5 img { margin-right: 10px; } .frequently-questions .frequently-questions-row .accordion-container-main .card .card-body { padding-left: 40px; } .frequently-questions .frequently-questions-row .accordion-container-main .current { position: relative; } .frequently-questions .frequently-questions-row .accordion-container-main .current:before { content: url(../images/min-icon-accordian.png); position: absolute; left: 6px; width: 17px; overflow: hidden; top: 20px; transition: all 0.3s ease-in-out 0s; transition: all 1s ease-in-out 1s; } .frequently-questions .frequently-questions-row .accordion-container-main .current .card-header a { color: #f51322; } .button05 { float: none; display: inline-block; width: 243px; font-weight: 600; font-size: 18px; } .website-rating { background: url(../images/wesite-reating-bg.png); background-size: 100%; height: 480px; } .website-rating .choose-us-row .rating-box .line-1sh { box-shadow: 0 0 41px rgba(0, 0, 0, 0.22); max-width: 100%; margin: 0 auto; z-index: 0; position: absolute; bottom: -792px; width: 576px; height: 626px; left: 50%; margin-left: -287px; background: #fff; } .website-rating .choose-us-row .rating-box .line-2sh { box-shadow: 0 0 41px rgba(0, 0, 0, 0.22); max-width: 100%; margin: 0 auto; position: absolute; bottom: -810px; width: 534px; height: 626px; left: 50%; margin-left: -266px; background: #fff; z-index: -1; } .website-rating .choose-us-row .rating-box .ratinginner { padding: 75px 0px; text-align: center; max-width: 100%; width: 625px; top: 150px; height: 626px; box-shadow: 0 0 41px rgba(0, 0, 0, 0.22); background-color: #ffffff; position: absolute; left: 50%; margin-left: -312px; } .website-rating .choose-us-row .rating-box .ratinginner h4 { font-size: 36px; line-height: 51px; color: #424242; padding: 30px 0px 0px; } .website-rating .choose-us-row .rating-box .ratinginner h2 { font-size: 155px; color: #424242; font-weight: 300; line-height: 160px; } .website-rating .choose-us-row .rating-box .ratinginner h5 { font-size: 25px; color: #424242; font-weight: 600; } .website-rating .choose-us-row .rating-box .ratinginner img.star-im { display: inline-block; padding-bottom: 25px; } @media (max-width: 1300px) { .see-our-story-about .scnd-frst-row h5:after { right: 33px; } .see-our-story-about .about-metus-row ul li { font-size: 13px; line-height: 19px; margin-bottom: 13px; } .see-our-story-about .about-metus-row img { width: 100%; } .about-why-choose-us { padding: 60px 0px; margin: 60px 0px; } .wetackcareforupgrade { margin-bottom: 40px; } .wetackcareforupgrade .maintenance-inner-text-row h4 { font-size: 28px; line-height: 38px; } .wetackcareforupgrade .maintenance-inner-text-row p { font-size: 14px; } .wetackcareforupgrade .maintenance-inner-text-row ul li { font-size: 13px; line-height: 19px; margin-bottom: 13px; } .wetackcareforupgrade .maintenance-inner-text-row .maintenance-inner-img img { width: 100%; } .wetackcareforupgrade .maintenance-inner-text-row .m-i-img img { position: relative; bottom: -40px; } .great-service .great-service-row .maintenance-inner-img { height: 240px; padding: 30px 15px; } .great-service .great-service-row .maintenance-inner-img h5 { font-size: 18px; } .great-service .great-service-row .maintenance-inner-img p { font-size: 13px; } } @media (max-width: 991px) { .about-us-banner .pt-5 { padding-top: 1rem !important; } .about-us-banner { padding: 14px 0 0px; } .see-our-story-about .scnd-frst-row h5:after { content: none; } .see-our-story-about .about-metus-row h4 { font-size: 20px; line-height: 22px; } .see-our-story-about .about-metus-row ul li { font-size: 13px; line-height: 19px; margin-bottom: 13px; } .see-our-story-about .about-metus-row img { width: 100%; } .about-why-choose-us { padding: 60px 0px; margin: 60px 0px; } .about-why-choose-us .choose-us-row-two .why-choose-inner-abt { min-height: 320px; padding: 56px 15px; } .about-why-choose-us .choose-us-row-two .why-choose-inner-abt h5 { font-size: 19px; } .wetackcareforupgrade { margin-bottom: 40px; } .wetackcareforupgrade .maintenance-inner-text-row h4 { font-size: 22px; line-height: 30px; } .wetackcareforupgrade .maintenance-inner-text-row p { font-size: 14px; } .wetackcareforupgrade .maintenance-inner-text-row ul li { font-size: 13px; line-height: 19px; margin-bottom: 13px; } .wetackcareforupgrade .maintenance-inner-text-row .maintenance-inner-img img { width: 100%; } .wetackcareforupgrade .maintenance-inner-text-row .m-i-img img { position: relative; bottom: -152px; } .great-service .great-service-row .maintenance-inner-img { height: 240px; padding: 30px 15px; } .great-service .great-service-row .maintenance-inner-img h5 { font-size: 18px; } .great-service .great-service-row .maintenance-inner-img p { font-size: 13px; } } @media (max-width: 767px) { .about-us-banner { background-image: none; padding: 0px 0 0px; } .see-our-story-about .abt-frst-row h4 { margin: 40px auto; line-height: 34px; } .see-our-story-about .scnd-frst-row h5 { text-align: center; margin: 0px auto 25px; } .see-our-story-about .scnd-frst-row h5:after { content: none; } .see-our-story-about .about-metus-row img { width: 100%; } .see-our-story-about .about-metus-row h4 { font-size: 20px; } .see-our-story-about .about-metus-row ul li { line-height: 22px; margin-bottom: 15px; } .about-why-choose-us { padding: 50px 0px; margin: 35px 0px; } .about-why-choose-us .choose-us-row-two .why-choose-inner-abt { max-height: auto; min-height: auto; padding: 56px 30px; } .wetackcareforupgrade .maintenance-inner-text-row h4 { font-size: 22px; line-height: 36px; margin-top: 0px; } .wetackcareforupgrade .maintenance-inner-text-row .maintenance-inner-img img { width: 100%; } .wetackcareforupgrade .maintenance-inner-text-row ul li { font-size: 13px; line-height: 22px; margin-bottom: 10px; } .website-rating .choose-us-row .rating-box .line-1sh { display: none; } .website-rating .choose-us-row .rating-box .line-2sh { display: none; } .website-rating .choose-us-row .rating-box .ratinginner { position: unset; margin-left: 0px; height: 453px; padding: 43px 0px; max-width: 500px; margin: 120px auto auto; } .website-rating .choose-us-row .rating-box .ratinginner h4 { font-size: 25px; line-height: 4px; } .website-rating .choose-us-row .rating-box .ratinginner h2 { font-size: 70px; line-height: 100px; } .website-rating .choose-us-row .rating-box .ratinginner h5 { font-size: 16px; } .website-rating .choose-us-row .rating-box .ratinginner img.star-im { display: inline-block; padding-bottom: 25px; } .great-service { padding: 173px 0px 60px; } .great-service .great-service-row h2 { font-size: 26px; } .frequently-questions { background-color: #f4f8f9; padding: 80px 0px; } .frequently-questions .frequently-questions-row h2 { font-size: 24px; } .frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a h5 { font-size: 17px; } } /*about-us-page end*/ /*ssl page css start*/ .ssl-banner { background-image: none; } .ssl-banner .left h2 { color: #f51322; font-size: 30px; font-weight: 800; } .ssl-banner .left h3 { font-size: 18px; line-height: 29px; color: #000000; font-weight: 700; font-style: italic; position: relative; margin-top: 10px; } .ssl-banner .left h3:after { position: absolute; content: ""; background-color: #f51322; width: 243px; height: 3px; left: 0px; bottom: -3px; } .ssl-banner .left ul { margin-top: 20px; } .ssl-banner .left ul li { font-size: 14px; color: #464646; font-weight: 700; border-bottom: 1px solid #d8e1e5; padding: 14px 0px; } .ssl-banner .left ul li img { vertical-align: unset; margin-right: 9px; } .ssl-banner .left ul li b { font-weight: 700; width: 400px; width: 50%; float: left; } .ssl-banner .left ul li b img { vertical-align: unset; margin-right: 9px; } .ssl-banner .left .view-plan h6 { font-size: 17px; color: #000000; font-weight: 400; font-style: normal; } .ssl-banner .left .view-plan h5 { font-size: 46px; color: #323335; font-weight: 700; float: left; margin-right: 40px; } .ssl-banner .left .view-plan h5 span { font-weight: 300; } .ssl-banner .left .view-plan h5 sup { font-size: 13px; font-weight: 700; top: -16px; right: -1px; } .ssl-banner .left .view-plan .button-7 { font-weight: 500; font-size: 13px; width: 121px; height: 39px; padding: 10px; } .sslpricing_section { padding-top: 23px; } .sslpricing_section .price_group .price_sect h1 small { margin: 0 0 0 0px; } .sslpricing_section .price_group .price_sect p { font-size: 13px; color: #000000; font-weight: 400; } .sslpricing_section .price_group .price_sect p span { font-size: 12px; color: #ffffff; font-weight: 600; width: 67px; height: 18px; background-color: #f51322; padding: 0px 6px; margin-left: 15px; position: relative; } .sslpricing_section .price_group .price_sect p span:after { border-color: #f63f61 transparent; border-style: solid; border-width: 0px 5px 6px 3px; content: ""; margin-top: -3px; position: absolute; left: -4px; top: 7px; transform: rotate(45deg); } .sslpricing_section .price_group .price_sect ul li:before { -webkit-mask-image: url(../images/check.svg); } .ssl-effect-site { background-color: #f4f8f9; padding: 30px 0px 75px; } .ssl-effect-site .ssl-effect-site-row { margin-top: 45px; } .ssl-effect-site .ssl-effect-site-row h4 { font-size: 36px; line-height: 54px; color: #2b3e4d; font-weight: 800; margin-top: 55px; } .ssl-effect-site .ssl-effect-site-row p { font-size: 15px; letter-spacing: 0px; line-height: 25px; color: #777777; } .ssl-effect-site .ssl-effect-site-row ul { padding-left: 27px; padding-top: 25px; } .ssl-effect-site .ssl-effect-site-row ul li { font-size: 15px; line-height: 35px; color: #777777; font-weight: 600; list-style-image: url(../images/li-about-img.png); float: left; width: 50%; } .ssl-certification { margin: 0px; padding-top: 70px; } .ssl-certification div[class*="col-"] { padding-right: 2px; } .ssl-certification div[class*="col-"] .why-choose-inner-abt { padding: 34px 24px; min-height: 270px; max-height: 270px; position: relative; } .ssl-certification div[class*="col-"] .why-choose-inner-abt span { font-size: 23px; color: #3f4e6f; font-weight: 800; text-align: center; background-color: #fee5e7; position: absolute; left: 0px; top: 0px; width: 43px; height: 47px; padding-top: 6px; } .ssl-certification div[class*="col-"] .sky-blue-border { border-bottom: 2px solid #74CFED; } .recent-changes-effact { background-color: #fff; padding-bottom: 90px; } .recent-changes-effact .ssl-effect-site-row .http-image-box { border-radius: 20px; box-shadow: 0 0 11px rgba(0, 0, 0, 0.22); background-color: #ffffff; padding: 16px 10px; margin-top: 20px; } .recent-changes-effact .ssl-effect-site-row .http-image-box img { width: 100%; } .recent-changes-effact .ssl-effect-site-row p { padding-right: 17%; } .recent-changes-effact .ssl-effect-site-row p span { margin-top: 20px; } .recent-changes-effact .ssl-effect-site-row h4 { line-height: 48px; color: #2b3e4d; margin-top: 10px; margin-bottom: 14px; } @media (max-width: 1200px) { .ssl-banner { padding: 0px 0px 55px; } .ssl-banner .left { margin-top: 0px; } .ssl-banner .left ul li { font-size: 13px; } .ssl-banner .right img { margin-top: 13%; } .ssl-effect-site .ssl-effect-site-row img { width: 100%; } .ssl-effect-site .ssl-effect-site-row h4 { font-size: 30px; line-height: 40px; margin-top: 0px; } .ssl-effect-site .ssl-effect-site-row ul li { font-size: 14px; } .ssl-certification { padding-bottom: 80px; } } @media (max-width: 991px) { .ssl-banner { padding: 0px 0px 55px; } .ssl-banner .row .left { margin-top: 0px; } .ssl-banner .row .left h3 { font-size: 15x; line-height: 22px; } .ssl-banner .row .left h3:after { content: none; } .ssl-banner .row .left ul li { border-bottom: 0px; padding: 0px; } .ssl-banner .row .left ul li b { width: 100%; padding-bottom: 6px; } .ssl-banner .row .left ul li span { padding-bottom: 6px; float: left; } .ssl-banner .row .right img { margin-top: 40%; } .ssl-certification div[class*="col-"] .why-choose-inner-abt { padding: 34px 8px; min-height: 290px; max-height: 290px; } .ssl-effect-site .ssl-effect-site-row img { width: 100%; margin-top: 40%; } .ssl-effect-site .ssl-effect-site-row ul li { width: 100%; } .ssl-effect-site .ssl-effect-site-row h4 { margin-top: 0px; font-size: 33px; line-height: 41px; margin-bottom: 20px; } .recent-changes-effact .ssl-effect-site-row .http-image-box { margin-top: 40%; } .recent-changes-effact .ssl-effect-site-row .http-image-box img { margin-top: 0%; } } @media (max-width: 767px) { .ssl-banner { padding: 30px 0px 55px; } .ssl-banner .row { flex-direction: column-reverse; } .ssl-banner .row .left h3 { font-size: 15x; line-height: 22px; } .ssl-banner .row .left h3:after { content: none; } .ssl-banner .row .left ul li { border-bottom: 0px; padding: 0px; } .ssl-banner .row .left ul li b { width: 100%; padding-bottom: 6px; } .ssl-banner .row .left ul li span { padding-bottom: 6px; float: left; } .ssl-banner .row .right img { margin-top: 4%; } .ssl-effect-site { padding: 50px 0px; } .ssl-effect-site .ssl-effect-site-row { margin-top: 0px; } .ssl-effect-site .ssl-effect-site-row img { width: 100%; margin-top: 0%; } .ssl-effect-site .ssl-effect-site-row h4 { font-size: 30px; line-height: 45px; margin-bottom: 20px; } .ssl-effect-site .ssl-effect-site-row ul li { width: 100%; } .ssl-certification div[class*="col-"] { padding-right: 15px; width: 100%; } .recent-changes-effact { padding-bottom: 70px; } .recent-changes-effact .ssl-effect-site-row p { padding-right: 0%; } .recent-changes-effact .ssl-effect-site-row .http-image-box { margin-top: 7%; } .recent-changes-effact .ssl-effect-site-row .http-image-box img { margin-top: 0%; } } /*ssl page css end*/ /****** header file icon default **************/ .megamenu .icon-img { margin: 0 6px 0 0; padding: 0px; background: url(../images/sprite-icon-img.png); background-repeat: no-repeat; width: 16px; height: 20px; float: left; } .megamenu .register-domain-icon { background-position: -6px -4px; } .megamenu .transfer_domain-icon { background-position: -6px -39px; } .megamenu .vps-ssd-icon { background-position: -38px -141px; } .megamenu .public_cloud-icon { background-position: -38px -176px; } .megamenu .vps-private-icon { background-position: -38px -211px; } .megamenu .enterprise_server-icon { background-position: -6px -176px; } .megamenu .hosting_server-icon { background-position: -6px -142px; } .megamenu .cPanel-hosting-icon { background-position: -38px -4px; } .megamenu .plesk-hosting-icon { background-position: -38px -38px; } .megamenu .windows-hosting-icon { background-position: -6px -74px; } .megamenu .wordpres-hosting-icon { background-position: -69px -74px; } .megamenu .developer_friendly-icon { background-position: -6px -210px; } .megamenu .gaming_server-icon { background-position: -6px -244px; } .megamenu .support-ticket-icon { background-position: -69px -4px; } .megamenu .knowledgebase-ico { background-position: -38px -74px; } .megamenu .n-contact-icon { background-position: -69px -39px; } .megamenu .new-design-icon { background-position: -6px -108px; } .megamenu .custom_chnages-icon { background-position: -38px -108px; } .megamenu .n-dummy-icon { background-position: -69px -108px; } #mainNavbarCollapse { /* Dropdown Button */ /* The container