Skip to content

H
hosting_reviews
Commit c4a87898 by Ansab Ali
Options

UI fixes*

parent a076a4b7
Showing with 3084 additions and 2997 deletions
.idea/workspace.xml
This source diff could not be displayed because it is too large. You can view the blob instead.
WWW_DATA/wp-content/debug.log
This source diff could not be displayed because it is too large. You can view the blob instead.
WWW_DATA/wp-content/themes/hostingreviews/assets/css/custom.css
Changes suppressed. Click to show.
/*
VQode Course
*/
/*----- Body Style Start ----- */
html
{
scroll-behavior: smooth;
}
body
{
font-family: 'Exo', Sans-serif !important;
margin: 0;
}
/*----- Body Style End ----- */
.columnPadding
{
padding: 0 90px 0 90px !important;
}
/*----- Placeholder Code Start ----- */
::-webkit-input-placeholder { /* Edge */
color: white !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white !important;
}
::placeholder {
color: white !important;
}
.form-inline > input::placeholder
{
color: #a2b5cf !important;
}
.form-group > input::placeholder
{
color: #a2b5cf !important;
}
/*----- Placeholder Code End ----- */
/*----- Web Colors Code Start ----- */
.orange
{
background-color: #f06e58 !important;
}
.white
{
background-color: white !important;
}
.dark
{
background-color: #373856 !important;
}
.light
{
background-color: #3b3c5a !important;
}
.greenColor
{
color: #8acc00 !important;
}
.orangeColor
{
color: #f06e58 !important;
}
.darkColor
{
color: #373856 !important;
}
.lightColor
{
color: #3b3c5a !important;
}
.whiteColor
{
color: white !important;
}
.box
{
width: 150px;
height: 150px;
background-color: red;
}
/*----- Web Colors Code End ----- */
#activeColor
{
color: #f06e58 !important;
}
/*----- Width Start ----- */
.w-100
{
width: 100%;
}
.top
{
top: 0px !important;
}
.right-0
{
right: 0px !important;
}
.right
{
right: 15px !important;
}
.right-5
{
right: 5px !important;
}
.top-10
{
top: 10px !important;
}
.left-0
{
left: 0px !important;
}
.left-5
{
left: 5px !important;
}
.top-20
{
top: 20px !important;
}
/*----- Width End ----- */
/*----- Headings Style Start ----- */
h1
{
font-size: 48px !important;
color: white !important;
font-weight: bolder !important;
text-transform: uppercase;
text-align: center !important;
text-shadow: 0 2px 0 #000;
padding: 0 0 25px 0;
}
h2
{
font-size: 36px !important;
color: white !important;
font-weight: bold !important;
text-transform: unset;
padding: 20px 0 0 0;
text-shadow: 0 2px 0 #000000;
}
h3
{
font-size: 17px !important;
color: #fc6655 !important;
font-weight: bold !important;
text-transform: unset;
padding: 15px 0 0 0;
cursor: pointer;
}
h3:hover
{
color: #373856 !important;
}
h4
{
font-size: 16px !important;
color: #ffffff !important;
text-align: left;
text-transform: unset;
font-weight: bold !important;
margin: 0 !important;
padding: 3px 0 0 0;
}
h5
{
font-size: 15px !important;
color: #373856 !important;
font-weight: normal !important;
text-align: left;
display: inline-block;
}
h6
{
font-size: 14px !important;
color: #373856 !important;
font-weight: bold !important;
text-transform: unset;
padding: 23px 0 0 0 !important;
}
p
{
font-size: 14px !important;
color: white;
font-weight: normal;
line-height: 28px;
}
a
{
color: #babcb7 !important;
}
/*----- Headings Style End ----- */
/*----- Flex Style Start ----- */
.d-flex
{
display: flex;
}
.spaceBetween
{
justify-content: space-between
}
.j-content-center
{
justify-content: center;
}
.dInlineBlock
{
display: inline-block;
}
.f-end
{
justify-content: flex-end;
}
.inline-flex
{
display: inline-flex;
}
/*----- Flex Style End ----- */
/*----- Home Page Style Start ----- */
/*----- Logo & Navigation Section Style Start ----- */
.navBar {
background-color: white;
padding-top: 0px !important;
padding-bottom: 0px !important;
width: 100%;
border-radius: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 30px 20px 30px 20px !important;
color: black !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
background-color: unset;
color: #ff655b !important;
}
.navBorder
{
border: unset !important;
}
/*----- Logo & Navigation Section Style End ----- */
/*----- Home Banner Section Style Start ----- */
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 0px 0;
}
.font68
{
font-size: 68px !important;
text-align: center !important;
padding: 75px 0 10px 0;
}
.font16
{
font-size: 16px !important;
text-align: center !important;
}
.testSpeedIcon
{
margin-top: -4px;
margin-right: 5px;
}
.bannerSearch
{
height: 62px !important;
width: 100% !important;
border-radius: 50px !important;
border: 0px !important;
padding-left: 33px !important;
font-size: 14px !important;
padding-top: 4px !important;
margin-top: 40px;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 0px;
}
.homeSpeedButton
{
padding: 15px 100px !important;
color: white !important;
border: 0px !important;
border-radius: 50px !important;
margin-top: 30px;
}
.homeSpeedButton:hover
{
background-color: #373856 !important;
}
.mac
{
width: 100%;
margin-top: 100px;
}
/*----- Home Banner Section Style End ----- */
/*----- Home Hosting Review Section Style Start ----- */
.hostingBackground {
width: 100%;
background-image: url(../images/hosting-review.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 40px 0 40px 0;
}
.upTimeIcon
{
margin-top: -5px;
margin-right: 5px;
}
.reviewHeading
h3
{
font-size: 22px !important;
color: #f06e58 !important;
text-align: left !important;
position: relative;
top: 6px;
}
.reviewHeading
p
{
color: #515151 !important;
text-align: left !important;
font-size: 15px !important;
}
.table
{
background-color: white !important;
border-radius: 0px;
margin-bottom: 0px !important;
}
.tableShadow
{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.borderTop0
{
border-top: 0px !important;
background-color: #373856 !important;
color: white !important;
}
.borderRight0
{
border-right: 0px !important;
}
.table thead th
{
border-right: 1px solid #474866;
}
.table td, .table th
{
padding: 1rem !important;
border-right: 1px solid #e5e5e5;
padding-left: 25px !important;
}
.borderLeftRadius
{
border-top-left-radius: 10px;
}
.borderRightRadius
{
border-top-right-radius: 10px;
}
.textAlignCenter
{
text-align: center;
}
/*----- Home Hosting Review Section Style End ----- */
/*----- About Section Style Start----- */
.aboutBackground
{
width: 100%;
padding: 60px 0 0 0;
}
.aboutImage
{
width: 100%;
}
.aboutHeading
h5
{
font-size: 20px !important;
text-transform: uppercase;
color: #f06e58 !important;
}
.aboutHeading
h2
{
font-size: 30px !important;
color: white; !important;
font-weight: normal !important;
line-height: 47px;
text-shadow: 0 0 0 !important;
}
.aboutHeading
p
{
color: #b9bcc5 !important;
font-size: 15px !important;
}
.table-responsive
{
overflow-x: hidden !important;
}
/*----- About Section Style End ----- */
/*----- Recent Reviews Section Style Start ----- */
.recentReviewHeading
h5
{
font-size: 25px !important;
text-transform: uppercase;
color: #f06e58 !important;
padding-top: 50px;
}
.recentReviewBorder
{
width: 80px;
height: 3px;
border-radius: 50px;
}
.recentReviewHeading
p
{
font-size: 15px !important;
padding-top: 15px;
}
.recentReviewBox
{
width: 100%;
box-shadow: 0px 0px 7px #c5c5c5;
border-radius: 5px;
padding-bottom: 20px;
margin-top: 30px;
}
.recentReviewImage
{
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.recentReviewHeading
h4
{
font-size: 15px !important;
text-transform: unset;
color: #353954 !important;
padding: 10px 0;
line-height: 24px;
}
.post
p
{
color: #6b6b6b !important;
text-align: justify !important;
}
.readMore
{
background-color: transparent !important;
color: #ff6663 !important;
font-weight: bold !important;
border: 0px !important;
padding: 0 !important;
font-size: 14px !important;
cursor: pointer;
}
.readMore:hover
{
color: #363756 !important;
}
.hrBorder
{
width: 100%;
height: 1px;
background-color: #e9e9eb;
margin-top: 50px;
}
/*----- Recent Reviews Section Style End ----- */
/*----- Top Blog Posts Section Style Start ----- */
.topBlog
h4
{
font-size: 15px !important;
text-transform: unset;
color: #f06e58 !important;
padding: 10px 0;
line-height: 24px;
}
.blogReadMore
{
background-color: transparent !important;
color: #8e8e8e !important;
font-weight: normal !important;
border: 0px !important;
padding: 0 !important;
font-size: 14px !important;
cursor: pointer;
}
.blogReadMore:hover
{
color: #363756 !important;
}
/*----- Top Blog Posts Section Style End ----- */
/*----- Home Page Style End ----- */
/*---------------------------------- */
/*----- Blog Page Style Start ----- */
/*----- Banner Section Style Start ----- */
#banner {
width: 100%;
background-image: url(../images/banner-image.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 90px 0 90px 0;
}
/*----- Banner Section Style End ----- */
/*----- Blog Detail Section Style Start ----- */
.breadcrumb
{
margin-top: 30px;
background-color: white !important;
border: 1px solid #e3e3e3;
}
.breadcrumb-item.active
{
color: #ff6460 !important;
}
.breadcrumb-item > a
{
color: #2c2c2c !important;
}
.breadcrumb-item+.breadcrumb-item::before
{
color: #2c2c2c !important;
}
.colPadding
{
padding: 0 !important;
}
.blogImage
{
margin-top: 30px;
width: 100%;
/*-moz-transition: all 0.3s;*/
/*-webkit-transition: all 0.3s;*/
/*transition: all 0.3s;*/
cursor: pointer;
}
/*.blogImage:hover*/
/*{*/
/* -moz-transform: scale(1.1);*/
/* -webkit-transform: scale(1.1);*/
/* transform: scale(1.1);*/
/*}*/
.blogUser
{
margin-right: 10px;
}
.colBorder
{
border-right: 1px solid #cccccc !important;
border: 0px;
}
.pagination
{
margin-top: 70px;
}
.page-item
a
{
color: #c2c2c2 !important;
}
.page-item
a:hover
{
color: #fff !important;
}
.page-link:hover
{
background-color: #fc6655 !important;
border-color: #fc6655 !important;
}
/*----- SideBar Section Style Start ----- */
.sideBarBox
{
width: 100%;
background-color: #f2f3f7;
border-radius: 4px;
border: 1px solid #e5e5e5;
margin: 30px 0 0 0;
padding: 0 0 30px 0;
}
.sideBar
{
width: 100%;
background-image: url(../images/sidebar-bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 40px 0 40px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-align: center;
margin-bottom: 30px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 77% !important;
}
.testButton
{
padding: 15px 20px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border: 0px !important;
color: white !important;
font-size: 13px !important;
}
.recentTitleBox
{
width: 100%;
background-color: #fc6655;
padding: 15px 20px 13px 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.bottomStyle
{
margin-top: -4px;
}
.postBox
{
width: 100%;
background-color: white;
border-radius: 4px;
border: 1px solid #d9dade;
margin: 18px 0 0 0;
}
.postBox img {
height: 145px !important;
width: 100% !important;
}
.postHeading h3
{
font-size: 16px !important;
color: #373856 !important;
text-align: left;
padding: 10px 0 5px 17px;
margin: 0;
}
.postHeading .post-content {
font-size: 14px !important;
color: #7286a2 !important;
text-align: left;
padding: 0 18px;
height: 56px;
overflow: hidden;
}
.postImage
{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.hostingLogo
{
margin: 20px 0 13px 0;
}
.reviewButton
{
border: 0px !important;
background-color: transparent !important;
color: #373856 !important;
font-size: 16px !important;
padding: 10px 0 0 0 !important;
}
.reviewButton:hover
{
color: #fc6655 !important;
}
.reviewIcon:hover
{
background-color: #9e0202;
}
.newsletterPadding
{
padding: 55px 0 55px 0;
}
.w65
{
width: 73% !important;
}
/*----- SideBar Section Style End ----- */
/*----- Blog Detail Section Style End ----- */
/*----- Blog Single Style Start ----- */
.blogSingle
h3
{
font-size: 24px !important;
color: #fc6655;
text-align: left;
line-height: 35px;
}
.singleBox
{
border: 1px solid #d9d9d9;
background-color: white;
border-radius: 4px;
padding: 12px 20px;
width: max-content;
}
.userIcon
{
margin: 0 8px 0 0;
}
.blogSingle
h5
{
font-size: 15px !important;
color: #7286a2 !important;
text-align: left;
margin: 0;
}
.d-inline-block
{
display: inline-block;
}
/*----- Blog Single Style End ----- */
/*----- Blog Single Detail Style Start ----- */
.blogDetailBox
{
width: 100%;
background-color: white;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin: 30px 0 0 0;
padding: 0 0 20px 0;
}
.singleUser
{
margin: 8px 6px 10px 0;
}
.singleDetail
h5
{
font-size: 15px;
color: #373856 !important;
text-align: left;
font-weight: bold !important;
position: relative;
top: 1px;
}
.borderHolder
{
border-right: 1px solid #e5e5e5;
}
.bottomHolder
{
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.singleDetail
h3
{
font-size: 30px !important;
text-align: left;
font-weight: bold !important;
padding: 15px 0 15px 0;
margin: 0;
color: #111111 !important;
}
.singleDetail
p
{
font-size: 16px !important;
color: #373856 !important;
text-align: left;
padding: 10px 0 0 0;
text-align: justify;
}
.cloudBox
{
width: 100%;
background-color: #373856;
padding: 10px 20px;
}
.cloudBoxBottom
{
width: 100%;
height: 5px;
background-image: url(../images/cloud-bottom.png);
}
.singleDetail
h4
{
font-size: 30px !important;
text-align: left;
font-weight: bold !important;
padding: 0px;
}
/*----- Blog Single Detail Style End ----- */
/*----- Subscribe Section Style Start ----- */
.subscribeBackground {
width: 100%;
background-image: url(../images/subscribe-background.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 50px 0 50px 0;
margin: 80px 0 0 0;
}
.subscribeTitle
h2
{
font-size: 30px !important;
color: #ffffff !important;
text-transform: unset;
padding: 0 !important;
}
.subscribeTitle
h3
{
font-size: 16px !important;
color: #a2a5c4 !important;
text-transform: uppercase;
}
.SubscribeInput
{
height: 50px !important;
font-size: 13px !important;
padding-left: 20px !important;
margin-top: 25px;
background-color: rgba(242, 243, 255, 0.2) !important;
border: 1px solid rgba(242, 245, 247, 0.3) !important;
color: #ffffff !important;
}
.updateButton
{
width: 100%;
text-align: center;
padding: 11px 0 11px 0 !important;
color: white;
text-transform: uppercase;
margin-top: 25px;
}
.updateButton:hover
{
background-color: white !important;
color: #fc6655 !important;
}
/*----- Subscribe Section Style End ----- */
/*----- Footer Section Style Start ----- */
.footer
{
width: 100%;
padding: 40px 0 40px 0;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 0 0 20px 0;
}
.footerLogo
{
margin-top: 20px;
}
.footerTitle
p
{
color: #babcb7 !important;
text-align: justify !important;
padding: 15px 0 0 0;
line-height: 30px;
}
.flex-column
{
margin-top: 25px;
}
.nav-link
{
padding: 1rem 1rem !important;
border-bottom: 1px dashed #353654;
}
.nav-link:hover
{
color: #ff6157 !important;
}
.copyright
{
width: 100%;
background-color: #2c2d49;
padding: 15px 0 15px 0;
text-align: center;
}
.copyrightTitle
p
{
color: #fff !important;
padding: 0 !important;
margin: 0 !important;
}
.copyrightTitle
p span
{
color: #ff6157 !important;
}
/*----- Footer Section Style End ----- */
/*----- Blog Page Style End ----- */
/*----- Summary Page Style Start ----- */
.summaryHeading
h3
{
font-size: 30px !important;
text-align: center;
}
.summaryBox
{
border: 1px solid #d4d4d4;
background-color: white;
padding: 5px 20px;
margin: 0;
}
.summaryHeading
h4
{
font-size: 20px !important;
text-align: center !important;
padding: 5px 0 0 0;
}
.summaryHeading
h5
{
font-size: 18px !important;
color: #444444 !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
top: 12px;
}
.summaryHostImage
{
border: 1px solid #d4d4d4;
padding: 15px;
box-sizing: border-box;
width: 100%;
margin: 17px 0 0 0;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 127px;
}
.pTop-0
{
top: 0px !important;
}
.summaryTable
{
text-align: center;
}
.summarySocailIocn
{
display: inline-block;
position: absolute;
right: -27px;
cursor: pointer;
}
.top-50
{
top: 50px !important;
}
.top-133
{
top: 112px !important;
}
.top-177
{
top: 155px !important;
}
.top-100
{
top: 100px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 20px !important;
color: white;
font-weight: 700 !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 20px;
font-weight: 700 !important;
}
.radius
{
border-radius: 0px !important;
}
.table thead th
{
vertical-align: middle !important;
}
.table td, .table th
{
vertical-align: middle !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 6px 5px;
margin: 7px 0 0 0;
min-height: 91%;
text-align: center;
}
.bottomAdjust
{
bottom: 28px !important;
}
.top-7
{
top: 7px !important;
}
.responseHeading
h5
{
font-size: 12px !important;
color: #353535;
text-align: center;
font-weight: bold !important;
display: inherit;
}
.responseHeading
h4
{
font-size: 30px !important;
color: #fc6655 !important;
text-align: center;
font-weight: bold !important;
line-height: 23px;
}
.responseHeading
h4 span
{
font-size: 14px !important;
color: #353535 !important;
text-align: center;
font-weight: bold !important;
}
.responseHeading
h6
{
font-size: 12px !important;
color: #353535;
text-align: center;
font-weight: 600 !important;
padding: 0px !important;
margin: 0px !important;
line-height: 15px;
}
.mt17
{
margin-top: 17px;
}
.summaryPadding
{
padding: 0 5px !important;
}
.gradeIcon
{
margin-top: 10px;
}
.transform
{
text-transform: uppercase;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: left !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.hostsButton
{
font-size: 18px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 0 0 20px 0;
}
.hostsButton:hover
{
background-color: #fc6655 !important;
}
.tableBody
{
border: 1px solid #dee2e6;
}
/*----- Summary Page Style End ----- */
/*----- Website Optimize Page Style Start ----- */
.optimizeBackground
{
padding: 90px 0 0 0;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: left !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
.optimizeHireButton
{
background-color: transparent !important;
border: 2px solid white !important;
border-radius: 50px !important;
color: white !important;
padding: 12px 70px !important;
font-weight: bold;
font-size: 18px !important;
margin: 30px 0 0 0;
}
.optimizeHireButton:hover
{
border: 2px solid #ffffff !important;
background-color: #fc6655 !important;
}
/*----- Website Optimize Page Style End ----- */
/*----- Server Response Page Style Start ----- */
.serverTime
h2
{
font-size: 48px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 26px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
/*----- Server Response Page Style End ----- */
/*----- Cache Page Style Start ----- */
.cacheBox
{
width: 95%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 30px 10px 0 9px;
position: relative;
top: 17px;
}
.cacheHeading
h4
{
font-size: 24px !important;
color: #fc6655 !important;
text-align: left;
padding: 0px !important;
margin: 0px;
line-height: 0px !important;
position: relative;
top: 10px;
}
.cacheHeading
h5
{
font-size: 18px !important;
color: #fff !important;
padding: 0px !important;
margin: 0px !important;
line-height: 0px !important;
position: relative;
top: 2px;
font-weight: bold !important;
}
.cacheHeading
.cache-para
{
font-size: 15px !important;
color: #6a6a6a !important;
text-align: justify;
padding: 12px 0 0 0;
}
.cacheInfo
{
width: 100%;
padding: 15px 20px;
position: relative;
text-align: center;
cursor: pointer;
}
/*----- Cache Page Style End ----- */
/*-----Blog Full Detail Page Style Start ----- */
.blueHostHeading
h5
{
font-size: 24px !important;
color: #363636 !important;
text-align: left;
font-weight: bold !important;
padding: 20px 0 0 0;
}
.blueHostBox
{
width: 100%;
background-color: white;
border: 1px solid #d4d4d4;
padding: 20px 10px;
margin: 15px 0 0 0;
text-align: center;
}
.boxTopLeft
{
position: absolute;
top: 15px;
left: 0;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 15px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 15px;
}
.boxTopRightOther
{
position: absolute;
bottom: 0px;
right: 0px;
}
.blurHostPL
{
padding-left: 0px !important;
}
.blurHostPR
{
padding-right: 0px !important;
}
.blueHostHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
line-height: 0px !important;
text-transform: uppercase;
position: relative;
top: 15px;
}
.blueHostHeading
h2
{
font-size: 72px !important;
color: #fc6655 !important;
font-weight: bold !important;
text-shadow: unset !important;
padding: 0px !important;
margin: 0px !important;
line-height: 86px;
}
.blueHostHeading
h2 span
{
font-size: 72px !important;
color: #353535 !important;
font-weight: bold !important;
text-shadow: unset !important;
padding: 0px !important;
margin: 0px !important;
}
.blueHostSideBar
{
width: 95%;
padding: 15px 0px 15px 0px;
margin: 30px 10px 0 9px;
background-color: #1f1d27;
position: relative;
box-shadow: 0 8px 10px -6px black;
}
.cacheSidebar {
width: 100%;
background-image: url(../images/cache-sidebar-image.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 18px 10px;
margin: 15px 0 0 0;
}
.cacheSidebarHeading
h4
{
font-size: 34px !important;
color: white !important;
text-align: center;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
}
.cursorPointer
{
cursor: pointer;
}
.speedButton
{
width: 100%;
border-radius: 4px !important;
border: 0px !important;
background-color: #46485e !important;
color: #b3bde7 !important;
font-size: 14px !important;
padding: 10px 10px !important;
margin: 10px 0 0 0;
}
.cacheSidebarInfo
{
width: 105.5%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.cacheSidebarCornerLeft
{
position: relative;
left: -10px;
}
.cacheSidebarCornerRight
{
position: relative;
left: 9px;
}
.cacheSidebarHeading
h5
{
font-size: 15px !important;
color: #822c22 !important;
text-align: left;
font-weight: normal !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
position: relative;
top: 9px;
}
.cacheSidebarHeading
h6
{
font-size: 24px !important;
color: #ffffff !important;
text-align: left;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
position: relative;
top: 9px;
}
.cacheSidebarHeading
h6 span
{
font-size: 14px !important;
color: #822c22 !important;
font-weight: normal !important;
}
.webLocationIcon
{
margin: 0 10px 0 0;
}
.serverSidebarHeading
h5
{
font-size: 15px !important;
color: #ffffff !important;
text-align: left;
font-weight: normal !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
position: relative;
top: 11px;
}
.offerBox
{
width: 100%;
border: 1px solid #33323b;
background-color: transparent;
padding: 15px 0 10px 0;
margin: 15px 0 7px 0;
position: relative;
}
.offerHeading
h4
{
font-size: 20px !important;
color: white !important;
text-align: center !important;
font-weight: 600 !important;
position: relative;
z-index: 1000;
}
.offerHeading
h2
{
font-size: 72px !important;
color: #fc6655 !important;
text-align: center !important;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
position: relative;
z-index: 1000;
}
.offerHeading
h2 span
{
font-size: 18px !important;
color: white !important;
vertical-align: top;
position: relative;
top: 13px;
position: relative;
z-index: 1000;
}
.bestOffer
{
position: absolute;
top: 0;
}
/*-----Blog Full Detail Page Style End ----- */
/*----- Media Query Style Start {1366px} ----- */
@media only screen and (max-width: 1366px)
{
.homeSpeedButton
{
margin-bottom: 30px;
}
.font68
{
font-size: 68px !important;
text-align: center !important;
padding: 25px 0 10px 0;
}
.cacheSidebarInfo
{
width: 107%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 72% !important;
}
.w65
{
width: 65% !important;
}
}
/*----- Media Query Style End {1366px} ----- */
/*----- Media Query Style Start {1080px} ----- */
@media only screen and (max-width: 10806px)
{
}
/*----- Media Query Style Start {1080px} ----- */
/*----- Media Query Style Start {768px} ----- */
@media only screen and (max-width: 768px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.font16
{
font-size: 14px !important;
}
}
/*----- Media Query Style End {768px} ----- */
/*----- Media Query Style Start {720px} ----- */
@media only screen and (max-width: 720px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.font16
{
font-size: 14px !important;
text-align: unset !important;
}
}
/*----- Media Query Style End {720px} ----- */
/*----- Media Query Style Start {480px} ----- */
@media only screen and (max-width: 480px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.colBorder
{
border: 0px !important;
}
.borderHolder
{
border-right: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 5px 0px 16px 0px !important;
color: black !important;
}
.font16 {
font-size: 14px !important;
text-align: center !important;
}
.table td, .table th
{
padding: 10px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 14px !important;
color: white;
font-weight: normal !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 14px;
font-weight: normal !important;
}
.summaryPadding
{
padding: 0 !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 15px 10px;
margin: 20px 0 0 0;
min-height: unset;
text-align: center;
}
.hostsButton
{
font-size: 15px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 10px 0;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: center !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.optimizeWidth
{
width: 100%;
}
.optimizeBackground
{
padding: 30px 0 30px 0;
text-align: center !important;
}
.cacheBox
{
width: 97%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px;
position: relative;
top: 17px;
}
.serverTime
h2
{
font-size: 30px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 20px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.blurHostPL
{
padding: 0px !important;
}
.blurHostPR
{
padding: 0px !important;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 162px;
}
.cacheSidebarInfo
{
width: 104.3%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 0px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 0px;
}
.top
{
left: 15px !important;
}
.top-10
{
left: 15px !important;
}
.rightResponsive
{
right: 15px;
}
.right-5
{
right: 0px !important;
}
.left-5
{
left: 0px !important;
}
.hostingBackground {
width: 100%;
background-image: unset !important;
padding: 40px 0 40px 0;
background-color: white !important;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {480px} ----- */
/*----- Media Query Style Start {360px} ----- */
@media only screen and (max-width: 360px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 71% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.colBorder
{
border: 0px !important;
}
.borderHolder
{
border-right: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 5px 0px 16px 0px !important;
color: black !important;
}
.font16 {
font-size: 14px !important;
text-align: center !important;
}
.table td, .table th
{
padding: 10px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 14px !important;
color: white;
font-weight: normal !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 14px;
font-weight: normal !important;
}
.summaryPadding
{
padding: 0 !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 15px 10px;
margin: 20px 0 0 0;
min-height: unset;
text-align: center;
}
.hostsButton
{
font-size: 15px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 10px 0;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: center !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.optimizeWidth
{
width: 100%;
}
.optimizeBackground
{
padding: 30px 0 30px 0;
text-align: center !important;
}
.cacheBox
{
width: 96%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px;
position: relative;
top: 17px;
}
.serverTime
h2
{
font-size: 30px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 20px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.blurHostPL
{
padding: 0px !important;
}
.blurHostPR
{
padding: 0px !important;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 118px;
}
.cacheSidebarInfo
{
width: 105.8%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 0px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 0px;
}
.top
{
left: 15px !important;
}
.cacheSidebarHeading
h4
{
font-size: 25px !important;
color: white !important;
text-align: center;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
}
.top-10
{
left: 15px !important;
}
.rightResponsive
{
right: 15px;
}
.right-5
{
right: 0px !important;
}
.left-5
{
left: 0px !important;
}
.hostingBackground {
width: 100%;
background-image: unset !important;
padding: 40px 0 40px 0;
background-color: white !important;
}
.homeSpeedButton
{
padding: 15px 60px !important;
color: white !important;
border: 0px !important;
border-radius: 50px !important;
margin-top: 15px;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {360px} ----- */
/*----- Media Query Style Start {320px} ----- */
@media only screen and (max-width: 320px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 67% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.colBorder
{
border: 0px !important;
}
.borderHolder
{
border-right: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 5px 0px 16px 0px !important;
color: black !important;
}
.font16 {
font-size: 14px !important;
text-align: center !important;
}
.r-margin
{
margin-right: 15px;
}
.table td, .table th
{
padding: 10px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 14px !important;
color: white;
font-weight: normal !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 14px;
font-weight: normal !important;
}
.summaryPadding
{
padding: 0 !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 15px 10px;
margin: 20px 0 0 0;
min-height: unset;
text-align: center;
}
.hostsButton
{
font-size: 15px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 10px 0;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: center !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.optimizeWidth
{
width: 100%;
}
.optimizeBackground
{
padding: 30px 0 30px 0;
text-align: center !important;
}
.cacheBox
{
width: 96%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px;
position: relative;
top: 17px;
}
.serverTime
h2
{
font-size: 30px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 20px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.blurHostPL
{
padding: 0px !important;
}
.blurHostPR
{
padding: 0px !important;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 103px;
}
.cacheSidebarInfo
{
width: 107%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 0px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 0px;
}
.top
{
left: 15px !important;
}
.cacheSidebarHeading
h4
{
font-size: 25px !important;
color: white !important;
text-align: center;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
}
.cacheSidebar {
width: 100%;
background-image: url(../images/cache-sidebar-image.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 14px 10px;
margin: 15px 0 0 0;
}
.top-10
{
left: 15px !important;
}
.rightResponsive
{
right: 15px;
}
.right-5
{
right: 0px !important;
}
.left-5
{
left: 0px !important;
}
.hostingBackground {
width: 100%;
background-image: unset !important;
padding: 40px 0 40px 0;
background-color: white !important;
}
.homeSpeedButton
{
padding: 15px 60px !important;
color: white !important;
border: 0px !important;
border-radius: 50px !important;
margin-top: 15px;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {320px} ----- */
.page-numbers {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.loader {
border: 8px solid #f3f3f3;
border-radius: 50%;
border-top: 8px solid #f06e58;
width: 120px;
height: 120px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
display: none;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.recentReviewBox img {
height: 235px;
}
/*
VQode Course
*/
/*----- Body Style Start ----- */
html
{
scroll-behavior: smooth;
}
body
{
font-family: 'Exo', Sans-serif !important;
margin: 0;
}
/*----- Body Style End ----- */
.columnPadding
{
padding: 0 90px 0 90px !important;
}
/*----- Placeholder Code Start ----- */
::-webkit-input-placeholder { /* Edge */
color: white !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white !important;
}
::placeholder {
color: white !important;
}
.form-inline > input::placeholder
{
color: #a2b5cf !important;
}
.form-group > input::placeholder
{
color: #a2b5cf !important;
}
/*----- Placeholder Code End ----- */
/*----- Web Colors Code Start ----- */
.orange
{
background-color: #f06e58 !important;
}
.white
{
background-color: white !important;
}
.dark
{
background-color: #373856 !important;
}
.light
{
background-color: #3b3c5a !important;
}
.greenColor
{
color: #8acc00 !important;
}
.orangeColor
{
color: #f06e58 !important;
}
.darkColor
{
color: #373856 !important;
}
.lightColor
{
color: #3b3c5a !important;
}
.whiteColor
{
color: white !important;
}
.box
{
width: 150px;
height: 150px;
background-color: red;
}
/*----- Web Colors Code End ----- */
#activeColor
{
color: #f06e58 !important;
}
/*----- Width Start ----- */
.w-100
{
width: 100%;
}
.top
{
top: 0px !important;
}
.right-0
{
right: 0px !important;
}
.right
{
right: 15px !important;
}
.right-5
{
right: 5px !important;
}
.top-10
{
top: 10px !important;
}
.left-0
{
left: 0px !important;
}
.left-5
{
left: 5px !important;
}
.top-20
{
top: 20px !important;
}
/*----- Width End ----- */
/*----- Headings Style Start ----- */
h1
{
font-size: 48px !important;
color: white !important;
font-weight: bolder !important;
text-transform: uppercase;
text-align: center !important;
text-shadow: 0 2px 0 #000;
padding: 0 0 25px 0;
}
h2
{
font-size: 36px !important;
color: white !important;
font-weight: bold !important;
text-transform: unset;
padding: 20px 0 0 0;
text-shadow: 0 2px 0 #000000;
}
h3
{
font-size: 17px !important;
color: #fc6655 !important;
font-weight: bold !important;
text-transform: unset;
padding: 15px 0 0 0;
cursor: pointer;
}
h3:hover
{
color: #373856 !important;
}
h4
{
font-size: 16px !important;
color: #ffffff !important;
text-align: left;
text-transform: unset;
font-weight: bold !important;
margin: 0 !important;
padding: 3px 0 0 0;
}
h5
{
font-size: 15px !important;
color: #373856 !important;
font-weight: normal !important;
text-align: left;
display: inline-block;
}
h6
{
font-size: 14px !important;
color: #373856 !important;
font-weight: bold !important;
text-transform: unset;
padding: 23px 0 0 0 !important;
}
p
{
font-size: 14px !important;
color: white;
font-weight: normal;
line-height: 28px;
}
a
{
color: #babcb7 !important;
}
/*----- Headings Style End ----- */
/*----- Flex Style Start ----- */
.d-flex
{
display: flex;
}
.spaceBetween
{
justify-content: space-between
}
.j-content-center
{
justify-content: center;
}
.dInlineBlock
{
display: inline-block;
}
.f-end
{
justify-content: flex-end;
}
.inline-flex
{
display: inline-flex;
}
/*----- Flex Style End ----- */
/*----- Home Page Style Start ----- */
/*----- Logo & Navigation Section Style Start ----- */
.navBar {
background-color: white;
padding-top: 0px !important;
padding-bottom: 0px !important;
width: 100%;
border-radius: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 30px 20px 30px 20px !important;
color: black !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
background-color: unset;
color: #ff655b !important;
}
.navBorder
{
border: unset !important;
}
/*----- Logo & Navigation Section Style End ----- */
/*----- Home Banner Section Style Start ----- */
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 0px 0;
}
.font68
{
font-size: 68px !important;
text-align: center !important;
padding: 75px 0 10px 0;
}
.font16
{
font-size: 16px !important;
text-align: center !important;
}
.testSpeedIcon
{
margin-top: -4px;
margin-right: 5px;
}
.bannerSearch
{
height: 62px !important;
width: 100% !important;
border-radius: 50px !important;
border: 0px !important;
padding-left: 33px !important;
font-size: 14px !important;
padding-top: 4px !important;
margin-top: 40px;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 0px;
}
.homeSpeedButton
{
padding: 15px 100px !important;
color: white !important;
border: 0px !important;
border-radius: 50px !important;
margin-top: 30px;
}
.homeSpeedButton:hover
{
background-color: #373856 !important;
}
.mac
{
width: 100%;
margin-top: 100px;
}
/*----- Home Banner Section Style End ----- */
/*----- Home Hosting Review Section Style Start ----- */
.hostingBackground {
width: 100%;
background-image: url(../images/hosting-review.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 40px 0 40px 0;
}
.upTimeIcon
{
margin-top: -5px;
margin-right: 5px;
}
.reviewHeading
h3
{
font-size: 22px !important;
color: #f06e58 !important;
text-align: left !important;
position: relative;
top: 6px;
}
.reviewHeading
p
{
color: #515151 !important;
text-align: left !important;
font-size: 15px !important;
}
.table
{
background-color: white !important;
border-radius: 0px;
margin-bottom: 0px !important;
}
.tableShadow
{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.borderTop0
{
border-top: 0px !important;
background-color: #373856 !important;
color: white !important;
}
.borderRight0
{
border-right: 0px !important;
}
.table thead th
{
border-right: 1px solid #474866;
}
.table td, .table th
{
padding: 1rem !important;
border-right: 1px solid #e5e5e5;
padding-left: 25px !important;
}
.borderLeftRadius
{
border-top-left-radius: 10px;
}
.borderRightRadius
{
border-top-right-radius: 10px;
}
.textAlignCenter
{
text-align: center;
}
/*----- Home Hosting Review Section Style End ----- */
/*----- About Section Style Start----- */
.aboutBackground
{
width: 100%;
padding: 60px 0 0 0;
}
.aboutImage
{
width: 100%;
}
.aboutHeading
h5
{
font-size: 20px !important;
text-transform: uppercase;
color: #f06e58 !important;
}
.aboutHeading
h2
{
font-size: 30px !important;
color: white; !important;
font-weight: normal !important;
line-height: 47px;
text-shadow: 0 0 0 !important;
}
.aboutHeading
p
{
color: #b9bcc5 !important;
font-size: 15px !important;
}
.table-responsive
{
overflow-x: hidden !important;
}
/*----- About Section Style End ----- */
/*----- Recent Reviews Section Style Start ----- */
.recentReviewHeading
h5
{
font-size: 25px !important;
text-transform: uppercase;
color: #f06e58 !important;
padding-top: 50px;
}
.recentReviewBorder
{
width: 80px;
height: 3px;
border-radius: 50px;
}
.recentReviewHeading
p
{
font-size: 15px !important;
padding-top: 15px;
}
.recentReviewBox
{
width: 100%;
box-shadow: 0px 0px 7px #c5c5c5;
border-radius: 5px;
padding-bottom: 20px;
margin-top: 30px;
}
.recentReviewImage
{
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.recentReviewHeading
h4
{
font-size: 15px !important;
text-transform: unset;
color: #353954 !important;
padding: 10px 0;
line-height: 24px;
}
.post
p
{
color: #6b6b6b !important;
text-align: justify !important;
height: 112px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.readMore
{
background-color: transparent !important;
color: #ff6663 !important;
font-weight: bold !important;
border: 0px !important;
padding: 0 !important;
font-size: 14px !important;
cursor: pointer;
}
.readMore:hover
{
color: #363756 !important;
}
.hrBorder
{
width: 100%;
height: 1px;
background-color: #e9e9eb;
margin-top: 50px;
}
/*----- Recent Reviews Section Style End ----- */
/*----- Top Blog Posts Section Style Start ----- */
.topBlog
h4
{
font-size: 15px !important;
text-transform: unset;
color: #f06e58 !important;
padding: 10px 0;
line-height: 24px;
}
.blogReadMore
{
background-color: transparent !important;
color: #8e8e8e !important;
font-weight: normal !important;
border: 0px !important;
padding: 0 !important;
font-size: 14px !important;
cursor: pointer;
}
.blogReadMore:hover
{
color: #363756 !important;
}
/*----- Top Blog Posts Section Style End ----- */
/*----- Home Page Style End ----- */
/*---------------------------------- */
/*----- Blog Page Style Start ----- */
/*----- Banner Section Style Start ----- */
#banner {
width: 100%;
background-image: url(../images/banner-image.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 90px 0 90px 0;
}
/*----- Banner Section Style End ----- */
/*----- Blog Detail Section Style Start ----- */
.breadcrumb
{
margin-top: 30px;
background-color: white !important;
border: 1px solid #e3e3e3;
}
.breadcrumb-item.active
{
color: #ff6460 !important;
}
.breadcrumb-item > a
{
color: #2c2c2c !important;
}
.breadcrumb-item+.breadcrumb-item::before
{
color: #2c2c2c !important;
}
.colPadding
{
padding: 0 !important;
}
.blogImage
{
margin-top: 30px;
width: 100%;
/*-moz-transition: all 0.3s;*/
/*-webkit-transition: all 0.3s;*/
/*transition: all 0.3s;*/
cursor: pointer;
}
/*.blogImage:hover*/
/*{*/
/* -moz-transform: scale(1.1);*/
/* -webkit-transform: scale(1.1);*/
/* transform: scale(1.1);*/
/*}*/
.blogUser
{
margin-right: 10px;
}
.colBorder
{
border-right: 1px solid #cccccc !important;
border: 0px;
}
.pagination
{
margin-top: 70px;
}
.page-item
a
{
color: #c2c2c2 !important;
}
.page-item
a:hover
{
color: #fff !important;
}
.page-link:hover
{
background-color: #fc6655 !important;
border-color: #fc6655 !important;
}
/*----- SideBar Section Style Start ----- */
.sideBarBox
{
width: 100%;
background-color: #f2f3f7;
border-radius: 4px;
border: 1px solid #e5e5e5;
margin: 30px 0 0 0;
padding: 0 0 30px 0;
}
.sideBar
{
width: 100%;
background-image: url(../images/sidebar-bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 40px 0 40px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-align: center;
margin-bottom: 30px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 77% !important;
}
.testButton
{
padding: 15px 20px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border: 0px !important;
color: white !important;
font-size: 13px !important;
}
.recentTitleBox
{
width: 100%;
background-color: #fc6655;
padding: 15px 20px 13px 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.bottomStyle
{
margin-top: -4px;
}
.postBox
{
width: 100%;
background-color: white;
border-radius: 4px;
border: 1px solid #d9dade;
margin: 18px 0 0 0;
}
.postBox img {
height: 145px !important;
width: 100% !important;
}
.postHeading h3
{
font-size: 16px !important;
color: #373856 !important;
text-align: left;
padding: 10px 0 5px 17px;
margin: 0;
}
.postHeading .align {
font-size: 16px !important;
color: #373856 !important;
text-align: left;
padding: 10px 0 5px 31px;
margin: 0;
}
.postHeading .post-content {
font-size: 14px !important;
color: #7286a2 !important;
text-align: left;
padding: 0 18px;
height: 63px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.postImage
{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.hostingLogo
{
margin: 20px 0 13px 0;
}
.reviewButton
{
border: 0px !important;
background-color: transparent !important;
color: #373856 !important;
font-size: 16px !important;
padding: 10px 0 0 0 !important;
}
.reviewButton:hover
{
color: #fc6655 !important;
}
.reviewIcon:hover
{
background-color: #9e0202;
}
.newsletterPadding
{
padding: 55px 0 55px 0;
}
.w65
{
width: 73% !important;
}
/*----- SideBar Section Style End ----- */
/*----- Blog Detail Section Style End ----- */
/*----- Blog Single Style Start ----- */
.blogSingle
h3
{
font-size: 24px !important;
color: #fc6655;
text-align: left;
line-height: 35px;
}
.singleBox
{
border: 1px solid #d9d9d9;
background-color: white;
border-radius: 4px;
padding: 12px 20px;
width: max-content;
}
.userIcon
{
margin: 0 8px 0 0;
}
.blogSingle
h5
{
font-size: 15px !important;
color: #7286a2 !important;
text-align: left;
margin: 0;
}
.d-inline-block
{
display: inline-block;
}
/*----- Blog Single Style End ----- */
/*----- Blog Single Detail Style Start ----- */
.blogDetailBox
{
width: 100%;
background-color: white;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin: 30px 0 0 0;
padding: 0 0 20px 0;
}
.singleUser
{
margin: 8px 6px 10px 0;
}
.singleDetail
h5
{
font-size: 15px;
color: #373856 !important;
text-align: left;
font-weight: bold !important;
position: relative;
top: 1px;
}
.borderHolder
{
border-right: 1px solid #e5e5e5;
}
.bottomHolder
{
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.singleDetail
h3
{
font-size: 30px !important;
text-align: left;
font-weight: bold !important;
padding: 15px 0 15px 0;
margin: 0;
color: #111111 !important;
}
.singleDetail
p
{
font-size: 16px !important;
color: #373856 !important;
text-align: left;
padding: 10px 0 0 0;
text-align: justify;
}
.cloudBox
{
width: 100%;
background-color: #373856;
padding: 10px 20px;
}
.cloudBoxBottom
{
width: 100%;
height: 5px;
background-image: url(../images/cloud-bottom.png);
}
.singleDetail
h4
{
font-size: 30px !important;
text-align: left;
font-weight: bold !important;
padding: 0px;
}
/*----- Blog Single Detail Style End ----- */
/*----- Subscribe Section Style Start ----- */
.subscribeBackground {
width: 100%;
background-image: url(../images/subscribe-background.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 50px 0 50px 0;
margin: 80px 0 0 0;
}
.subscribeTitle
h2
{
font-size: 30px !important;
color: #ffffff !important;
text-transform: unset;
padding: 0 !important;
}
.subscribeTitle
h3
{
font-size: 16px !important;
color: #a2a5c4 !important;
text-transform: uppercase;
}
.SubscribeInput
{
height: 50px !important;
font-size: 13px !important;
padding-left: 20px !important;
margin-top: 25px;
background-color: rgba(242, 243, 255, 0.2) !important;
border: 1px solid rgba(242, 245, 247, 0.3) !important;
color: #ffffff !important;
}
.updateButton
{
width: 100%;
text-align: center;
padding: 11px 0 11px 0 !important;
color: white;
text-transform: uppercase;
margin-top: 25px;
}
.updateButton:hover
{
background-color: white !important;
color: #fc6655 !important;
}
/*----- Subscribe Section Style End ----- */
/*----- Footer Section Style Start ----- */
.footer
{
width: 100%;
padding: 40px 0 40px 0;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 0 0 20px 0;
}
.footerLogo
{
margin-top: 20px;
}
.footerTitle
p
{
color: #babcb7 !important;
text-align: justify !important;
padding: 15px 0 0 0;
line-height: 30px;
}
.flex-column
{
margin-top: 25px;
}
.nav-link
{
padding: 1rem 1rem !important;
border-bottom: 1px dashed #353654;
}
.nav-link:hover
{
color: #ff6157 !important;
}
.copyright
{
width: 100%;
background-color: #2c2d49;
padding: 15px 0 15px 0;
text-align: center;
}
.copyrightTitle
p
{
color: #fff !important;
padding: 0 !important;
margin: 0 !important;
}
.copyrightTitle
p span
{
color: #ff6157 !important;
}
/*----- Footer Section Style End ----- */
/*----- Blog Page Style End ----- */
/*----- Summary Page Style Start ----- */
.summaryHeading
h3
{
font-size: 30px !important;
text-align: center;
}
.summaryBox
{
border: 1px solid #d4d4d4;
background-color: white;
padding: 5px 20px;
margin: 0;
}
.summaryHeading
h4
{
font-size: 20px !important;
text-align: center !important;
padding: 5px 0 0 0;
}
.summaryHeading
h5
{
font-size: 18px !important;
color: #444444 !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
top: 12px;
}
.summaryHostImage
{
border: 1px solid #d4d4d4;
padding: 15px;
box-sizing: border-box;
width: 100%;
margin: 17px 0 0 0;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 127px;
}
.pTop-0
{
top: 0px !important;
}
.summaryTable
{
text-align: center;
}
.summarySocailIocn
{
display: inline-block;
position: absolute;
right: -27px;
cursor: pointer;
}
.top-50
{
top: 50px !important;
}
.top-133
{
top: 112px !important;
}
.top-177
{
top: 155px !important;
}
.top-100
{
top: 100px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 20px !important;
color: white;
font-weight: 700 !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 20px;
font-weight: 700 !important;
}
.radius
{
border-radius: 0px !important;
}
.table thead th
{
vertical-align: middle !important;
}
.table td, .table th
{
vertical-align: middle !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 6px 5px;
margin: 7px 0 0 0;
min-height: 91%;
text-align: center;
}
.bottomAdjust
{
bottom: 28px !important;
}
.top-7
{
top: 7px !important;
}
.responseHeading
h5
{
font-size: 12px !important;
color: #353535;
text-align: center;
font-weight: bold !important;
display: inherit;
}
.responseHeading
h4
{
font-size: 30px !important;
color: #fc6655 !important;
text-align: center;
font-weight: bold !important;
line-height: 23px;
}
.responseHeading
h4 span
{
font-size: 14px !important;
color: #353535 !important;
text-align: center;
font-weight: bold !important;
}
.responseHeading
h6
{
font-size: 12px !important;
color: #353535;
text-align: center;
font-weight: 600 !important;
padding: 0px !important;
margin: 0px !important;
line-height: 15px;
}
.mt17
{
margin-top: 17px;
}
.summaryPadding
{
padding: 0 5px !important;
}
.gradeIcon
{
margin-top: 10px;
}
.transform
{
text-transform: uppercase;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: left !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.hostsButton
{
font-size: 18px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 0 0 20px 0;
}
.hostsButton:hover
{
background-color: #fc6655 !important;
}
.tableBody
{
border: 1px solid #dee2e6;
}
/*----- Summary Page Style End ----- */
/*----- Website Optimize Page Style Start ----- */
.optimizeBackground
{
padding: 90px 0 0 0;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: left !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
.optimizeHireButton
{
background-color: transparent !important;
border: 2px solid white !important;
border-radius: 50px !important;
color: white !important;
padding: 12px 70px !important;
font-weight: bold;
font-size: 18px !important;
margin: 30px 0 0 0;
}
.optimizeHireButton:hover
{
border: 2px solid #ffffff !important;
background-color: #fc6655 !important;
}
/*----- Website Optimize Page Style End ----- */
/*----- Server Response Page Style Start ----- */
.serverTime
h2
{
font-size: 48px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 26px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
/*----- Server Response Page Style End ----- */
/*----- Cache Page Style Start ----- */
.cacheBox
{
width: 95%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 30px 10px 0 9px;
position: relative;
top: 17px;
}
.cacheHeading
h4
{
font-size: 24px !important;
color: #fc6655 !important;
text-align: left;
padding: 0px !important;
margin: 0px;
line-height: 0px !important;
position: relative;
top: 10px;
}
.cacheHeading
h5
{
font-size: 18px !important;
color: #fff !important;
padding: 0px !important;
margin: 0px !important;
line-height: 0px !important;
position: relative;
top: 2px;
font-weight: bold !important;
}
.cacheHeading
.cache-para
{
font-size: 15px !important;
color: #6a6a6a !important;
text-align: justify;
padding: 12px 0 0 0;
}
.cacheInfo
{
width: 100%;
padding: 15px 20px;
position: relative;
text-align: center;
cursor: pointer;
}
/*----- Cache Page Style End ----- */
/*-----Blog Full Detail Page Style Start ----- */
.blueHostHeading
h5
{
font-size: 24px !important;
color: #363636 !important;
text-align: left;
font-weight: bold !important;
padding: 20px 0 0 0;
}
.blueHostBox
{
width: 100%;
background-color: white;
border: 1px solid #d4d4d4;
padding: 20px 10px;
margin: 15px 0 0 0;
text-align: center;
}
.boxTopLeft
{
position: absolute;
top: 15px;
left: 0;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 15px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 15px;
}
.boxTopRightOther
{
position: absolute;
bottom: 0px;
right: 0px;
}
.blurHostPL
{
padding-left: 0px !important;
}
.blurHostPR
{
padding-right: 0px !important;
}
.blueHostHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
line-height: 0px !important;
text-transform: uppercase;
position: relative;
top: 15px;
}
.blueHostHeading
h2
{
font-size: 72px !important;
color: #fc6655 !important;
font-weight: bold !important;
text-shadow: unset !important;
padding: 0px !important;
margin: 0px !important;
line-height: 86px;
}
.blueHostHeading
h2 span
{
font-size: 72px !important;
color: #353535 !important;
font-weight: bold !important;
text-shadow: unset !important;
padding: 0px !important;
margin: 0px !important;
}
.blueHostSideBar
{
width: 95%;
padding: 15px 0px 15px 0px;
margin: 30px 10px 0 9px;
background-color: #1f1d27;
position: relative;
box-shadow: 0 8px 10px -6px black;
}
.cacheSidebar {
width: 100%;
background-image: url(../images/cache-sidebar-image.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 18px 10px;
margin: 15px 0 0 0;
}
.cacheSidebarHeading
h4
{
font-size: 34px !important;
color: white !important;
text-align: center;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
}
.cursorPointer
{
cursor: pointer;
}
.speedButton
{
width: 100%;
border-radius: 4px !important;
border: 0px !important;
background-color: #46485e !important;
color: #b3bde7 !important;
font-size: 14px !important;
padding: 10px 10px !important;
margin: 10px 0 0 0;
}
.cacheSidebarInfo
{
width: 105.5%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.cacheSidebarCornerLeft
{
position: relative;
left: -10px;
}
.cacheSidebarCornerRight
{
position: relative;
left: 9px;
}
.cacheSidebarHeading
h5
{
font-size: 15px !important;
color: #822c22 !important;
text-align: left;
font-weight: normal !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
position: relative;
top: 9px;
}
.cacheSidebarHeading
h6
{
font-size: 24px !important;
color: #ffffff !important;
text-align: left;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
position: relative;
top: 9px;
}
.cacheSidebarHeading
h6 span
{
font-size: 14px !important;
color: #822c22 !important;
font-weight: normal !important;
}
.webLocationIcon
{
margin: 0 10px 0 0;
}
.serverSidebarHeading
h5
{
font-size: 15px !important;
color: #ffffff !important;
text-align: left;
font-weight: normal !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
position: relative;
top: 11px;
}
.offerBox
{
width: 100%;
border: 1px solid #33323b;
background-color: transparent;
padding: 15px 0 10px 0;
margin: 15px 0 7px 0;
position: relative;
}
.offerHeading
h4
{
font-size: 20px !important;
color: white !important;
text-align: center !important;
font-weight: 600 !important;
position: relative;
z-index: 1000;
}
.offerHeading
h2
{
font-size: 72px !important;
color: #fc6655 !important;
text-align: center !important;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
position: relative;
z-index: 1000;
}
.offerHeading
h2 span
{
font-size: 18px !important;
color: white !important;
vertical-align: top;
position: relative;
top: 13px;
position: relative;
z-index: 1000;
}
.bestOffer
{
position: absolute;
top: 0;
}
/*-----Blog Full Detail Page Style End ----- */
/*----- Media Query Style Start {1366px} ----- */
@media only screen and (max-width: 1366px)
{
.homeSpeedButton
{
margin-bottom: 30px;
}
.font68
{
font-size: 68px !important;
text-align: center !important;
padding: 25px 0 10px 0;
}
.cacheSidebarInfo
{
width: 107%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 68% !important;
}
.w65
{
width: 62% !important;
}
}
/*----- Media Query Style End {1366px} ----- */
/*----- Media Query Style Start {1080px} ----- */
@media only screen and (max-width: 10806px)
{
}
/*----- Media Query Style Start {1080px} ----- */
/*----- Media Query Style Start {1024px - Ipad Pro} ----- */
@media only screen and (max-width: 1024px)
{
.cacheSidebarHeading h4 {
font-size: 25px !important;
}
.dInlineBlock {
display: inline;
}
}
/*----- Media Query Style End {1024px} ----- */
/*----- Media Query Style Start {768px - Ipad} ----- */
@media only screen and (max-width: 768px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
/*.table-responsive*/
/*{*/
/* overflow-x: scroll !important;*/
/*}*/
.font16
{
font-size: 14px !important;
}
.cacheSidebarHeading h4 {
font-size: 15px !important;
}
.cacheSidebarHeading h5 {
font-size: 10px !important;
}
.cacheSidebarHeading h6 {
font-size: 15px !important;
}
.offerHeading h2 {
font-size: 28px !important;
}
.table td, .table th
{
padding-left: 18px !important;
}
.summaryHeading h4
{
font-size: 15px !important;
}
.hostsButton {
font-size: 11px !important;
}
}
/*----- Media Query Style End {768px} ----- */
/*----- Media Query Style Start {720px} ----- */
@media only screen and (max-width: 720px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.font16
{
font-size: 14px !important;
text-align: unset !important;
}
}
/*----- Media Query Style End {720px} ----- */
/*----- Media Query Style Start {480px} ----- */
@media only screen and (max-width: 480px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.colBorder
{
border: 0px !important;
}
.borderHolder
{
border-right: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 5px 0px 16px 0px !important;
color: black !important;
}
.font16 {
font-size: 14px !important;
text-align: center !important;
}
.table td, .table th
{
padding: 10px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 14px !important;
color: white;
font-weight: normal !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 14px;
font-weight: normal !important;
}
.summaryPadding
{
padding: 0 !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 15px 10px;
margin: 20px 0 0 0;
min-height: unset;
text-align: center;
}
.hostsButton
{
font-size: 15px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 10px 0;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: center !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.optimizeWidth
{
width: 100%;
}
.optimizeBackground
{
padding: 30px 0 30px 0;
text-align: center !important;
}
.cacheBox
{
width: 97%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px;
position: relative;
top: 17px;
}
.serverTime
h2
{
font-size: 30px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 20px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.blurHostPL
{
padding: 0px !important;
}
.blurHostPR
{
padding: 0px !important;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 162px;
}
.cacheSidebarInfo
{
width: 104.3%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 0px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 0px;
}
.top
{
left: 15px !important;
}
.top-10
{
left: 15px !important;
}
.rightResponsive
{
right: 15px;
}
.right-5
{
right: 0px !important;
}
.left-5
{
left: 0px !important;
}
.hostingBackground {
width: 100%;
background-image: unset !important;
padding: 40px 0 40px 0;
background-color: white !important;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {480px} ----- */
/*----- Media Query Style Start {375px} ----- */
@media only screen and (max-width: 375px) {
.sidebarInput
{
width: 69% !important;
}
}
/*----- Media Query Style End {375px} ----- */
/*----- Media Query Style Start {360px} ----- */
@media only screen and (max-width: 360px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 71% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.colBorder
{
border: 0px !important;
}
.borderHolder
{
border-right: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 5px 0px 16px 0px !important;
color: black !important;
}
.font16 {
font-size: 14px !important;
text-align: center !important;
}
.table td, .table th
{
padding: 10px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 14px !important;
color: white;
font-weight: normal !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 14px;
font-weight: normal !important;
}
.summaryPadding
{
padding: 0 !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 15px 10px;
margin: 20px 0 0 0;
min-height: unset;
text-align: center;
}
.hostsButton
{
font-size: 15px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 10px 0;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: center !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.optimizeWidth
{
width: 100%;
}
.optimizeBackground
{
padding: 30px 0 30px 0;
text-align: center !important;
}
.cacheBox
{
width: 96%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px;
position: relative;
top: 17px;
}
.serverTime
h2
{
font-size: 30px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 20px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.blurHostPL
{
padding: 0px !important;
}
.blurHostPR
{
padding: 0px !important;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 118px;
}
.cacheSidebarInfo
{
width: 105.8%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 0px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 0px;
}
.top
{
left: 15px !important;
}
.cacheSidebarHeading
h4
{
font-size: 25px !important;
color: white !important;
text-align: center;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
}
.top-10
{
left: 15px !important;
}
.rightResponsive
{
right: 15px;
}
.right-5
{
right: 0px !important;
}
.left-5
{
left: 0px !important;
}
.hostingBackground {
width: 100%;
background-image: unset !important;
padding: 40px 0 40px 0;
background-color: white !important;
}
.homeSpeedButton
{
padding: 15px 60px !important;
color: white !important;
border: 0px !important;
border-radius: 50px !important;
margin-top: 15px;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {360px} ----- */
/*----- Media Query Style Start {320px} ----- */
@media only screen and (max-width: 320px)
{
.responsive
{
padding-left: 45px;
}
.sidebarInput
{
height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 67% !important;
}
.footerTitle
h2
{
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 20px 0 20px 0 !important;
}
.font68
{
font-size: 40px !important;
text-align: center !important;
}
.searchIcon
{
position: absolute;
margin-top: 17px;
left: 7px;
}
#homeBanner {
width: 100%;
background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0 40px 0;
}
.table-responsive
{
overflow-x: scroll !important;
}
.colBorder
{
border: 0px !important;
}
.borderHolder
{
border-right: 0px;
}
.navbar-light .navbar-nav .nav-link
{
padding: 5px 0px 16px 0px !important;
color: black !important;
}
.font16 {
font-size: 14px !important;
text-align: center !important;
}
.r-margin
{
margin-right: 15px;
}
.table td, .table th
{
padding: 10px !important;
}
.tableBorder
{
border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
font-size: 14px !important;
color: white;
font-weight: normal !important;
}
.summaryTD
{
color: #444444 !important;
text-align: center;
font-size: 14px;
font-weight: normal !important;
}
.summaryPadding
{
padding: 0 !important;
}
.summaryAfterBox
{
border: 1px solid #d4d4d4;
width: 100%;
padding: 15px 10px;
margin: 20px 0 0 0;
min-height: unset;
text-align: center;
}
.hostsButton
{
font-size: 15px !important;
color: white !important;
padding: 10px 40px !important;
border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
margin: 10px 0;
}
.detectedHeading
h4
{
font-size: 20px !important;
color: #353535 !important;
text-align: center !important;
font-weight: normal !important;
padding: 6px 0 0 0;
font-weight: 600 !important;
}
.optimizeWidth
{
width: 100%;
}
.optimizeBackground
{
padding: 30px 0 30px 0;
text-align: center !important;
}
.cacheBox
{
width: 96%;
padding: 15px 15px 0px 15px;
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px;
position: relative;
top: 17px;
}
.serverTime
h2
{
font-size: 30px !important;
font-weight: bold !important;
color: #fc6655 !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.serverTime
h4
{
font-size: 20px !important;
font-weight: bold !important;
color: #1d1d1d !important;
text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
.blurHostPL
{
padding: 0px !important;
}
.blurHostPR
{
padding: 0px !important;
}
.hostHeading
h5
{
font-size: 26px !important;
color: #fff !important;
text-align: center !important;
display: inherit;
font-weight: bold !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
position: relative;
bottom: 103px;
}
.cacheSidebarInfo
{
width: 107%;
padding: 13px 20px;
position: relative;
text-align: left;
left: -10px;
}
.boxTopLeftOther
{
position: absolute;
top: 15px;
left: 0px;
}
.boxTopRight
{
position: absolute;
bottom: 0px;
right: 0px;
}
.top
{
left: 15px !important;
}
.cacheSidebarHeading
h4
{
font-size: 25px !important;
color: white !important;
text-align: center;
font-weight: bold !important;
padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
}
.cacheSidebar {
width: 100%;
background-image: url(../images/cache-sidebar-image.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 14px 10px;
margin: 15px 0 0 0;
}
.top-10
{
left: 15px !important;
}
.rightResponsive
{
right: 15px;
}
.right-5
{
right: 0px !important;
}
.left-5
{
left: 0px !important;
}
.hostingBackground {
width: 100%;
background-image: unset !important;
padding: 40px 0 40px 0;
background-color: white !important;
}
.homeSpeedButton
{
padding: 15px 60px !important;
color: white !important;
border: 0px !important;
border-radius: 50px !important;
margin-top: 15px;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {320px} ----- */
.page-numbers {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.loader {
border: 8px solid #f3f3f3;
border-radius: 50%;
border-top: 8px solid #f06e58;
width: 120px;
height: 120px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
display: none;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.recentReviewBox img {
height: 235px;
}
WWW_DATA/wp-content/themes/hostingreviews/home.php
......@@ -5,7 +5,19 @@ Template Name: Blog Page
?>
<?php get_header(); ?>
<div style="position: relative;text-align: center;">
<img style="width: 100%" src="<?php echo get_template_directory_uri(); ?>/assets/images/banner-image.png" alt="">
<div style="position: absolute;top: 10%;left: 42%;">
<h2 style="font-size: 45px; ">BLOG NEWS</h2>
</div>
<div style="position: absolute;top: 37%;left: 22%;">
<p style="width: 73%"> This is some text and will be replaced by original content
this is some text and will be replaced by original content.
this is some text and will be replaced by original content.
this is some text and will be replaced by original content.
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
......
WWW_DATA/wp-content/themes/hostingreviews/summary.php
......@@ -6,8 +6,9 @@ Template Name: Summary Page
get_header();
$domain = '';
$batchId = '';
if ( isset( $_GET['domain'] ) ) {
$domain = $_GET['domain'];
$domain = $_GET['domain'];
$domain = preg_replace('#^https?://#', '', $domain);
} else if (isset($_GET['batchId'])) {
$batchId = $_GET['batchId'];
......@@ -247,7 +248,7 @@ if ( isset( $_GET['domain'] ) ) {
<div class="container" id="top-hostings">
<?php
$page = get_page_by_title( TOP_HOSTING );
echo $page->post_content;
echo $page->post_content;
?>
</div>
<!-- Server Response Section Code End-->
......@@ -328,8 +329,11 @@ if ( isset( $_GET['domain'] ) ) {
}
function parseData(response) {
console.log(typeof response);
let newResults = JSON.parse(response).newData;
let oldData = JSON.parse(response).oldData;
console.log(newResults);
console.log(oldData);
reviewTableDetailsBody.innerHTML = '';
reviewData.style.display = 'flex';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment