@charset "UTF-8";

 @font-face {
font-family: 'Josefin Sans';
font-display: swap;
src: url(//www.ovaltwo.com/wp-content/themes/ovaltwo-child/assets/fonts/Josefin_Sans/JosefinSans-VariableFont_wght.ttf); src: local(''),
url(//www.ovaltwo.com/wp-content/themes/ovaltwo-child/assets/fonts/Josefin_Sans/JosefinSans-VariableFont_wght.ttf) 
}
body {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
background: #fff;
font-weight: 100; }
.grecaptcha-badge {
display: none;
}
a.navbar-brand {
font-weight: 100!important;
}
.navbar-custom { color: #4b505e;
font-weight: 300;
font-size: 1.1rem;
padding-top: 20px;
padding-bottom: 20px;
transition: .4s;
background: rgba(0,0,0,0.6);
}
.navbar-custom.solidBG {
background: #4b505e;
padding-top: 5px;
padding-bottom: 5px; }
.navbar-custom a, .navbar-custom li a {
outline: none !important;
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Josefin Sans';
}
.theContent h2, .theContent h3, .theContent h4, .theContent h5, .theContent h6 {
margin-top: 60px;
font-weight: 400;
text-transform: none;
} .navbar-custom a:hover, .navbar-custom li a:hover, .dropdown-toggle.nav-link.show {
color: #dac3b1;
}
.dropdown-menu {
font-size: .8rem;
margin-top: 0;
background-color: #fff;
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
padding: 20px;
}
.dropdown-menu li a {
font-weight: 300;
padding-top: 10px;
padding-bottom: 10px;
color: #4b505e;
border-bottom: 1px solid #ddd;
}
.dropdown-menu li a::after{ }
.dropdown-menu li:last-child a {
border: none;
} 
.dropdown-menu li a:hover, .dropdown-menu li.active a {
background: #4b505e;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius:5px;
}
.dropdown-menu[data-bs-popper] {
margin-top: 40px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius:5px;
font-size: 1rem;
margin-bottom: 30px;
}
.navbar-custom.solidBG .dropdown-menu[data-bs-popper] {
margin-top: 20px;
}
.navbar-toggler {
border-color: rgba(0,0,0,0);
background:  rgba(0,0,0,0);
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-brand {
font-size: 1.6rem;
font-weight: 400!important;
}
#menu-item-61 a span {
border: 1px solid #dac3b1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 20px;
padding: 10px 30px 10px 30px;
transition: .4s;
font-weight: 400;
}
#menu-item-61 a:hover span {
background: #dac3b1;
color: #4b505e;
}
.bannerImage { 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 20rem 30px 10rem 30px;
color: #fff;
font-weight: 100;
}
.bannerImage h1 {
font-weight: 500;
font-size: 3.8em;
margin: 0;
padding: 0;
color: #fff; }
.bannerImage h1 small {
font-weight: 400;
font-size: 1.1rem;
text-transform: uppercase;
line-height: 1.4rem;
}
.flex {
display: flex;
align-items: center;
justify-content: center;
}
.topBoxes {
background: #fff;
max-width: 1200px;
margin: -50px auto auto auto;
padding: 40px 40px 10px 40px;
margin-bottom: 30px;
font-family: 'Josefin Sans';
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.topBoxes .row > div {
margin-bottom: 30px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
text-transform: uppercase;
color: #4b505e;
}
h3.borderRight {
border-right: 1px solid #4b505e;
}
.topBoxes p {
font-weight: 300;
font-size: 1.1rem;
line-height: 1.3rem;
margin-right: 40px;
}
#intro {
background: #dac3b1;
padding-top: 60px;
padding-bottom: 60px;
}
#intro.introBlock {
margin-bottom: 60px;
}
#intro h3 {
font-weight: 400;
font-size: 2rem;
margin-bottom: 45px;
}
#intro h3 span {
font-weight: 300;
}
.theContent {
font-weight: 300;
font-size: 1.2rem;
}
.services h3 svg {
display: block;
float: left;
width: 40px;
height: 25px;
padding-right: 10px;
}
.services h3 {
font-size: 1.4rem;
line-height: 2rem;
display: block;
letter-spacing: -1px;
}
a {
text-decoration: none;
}
.services {
padding-top: 90px;
padding-bottom: 60px;
background: linear-gradient(180deg, rgba(93,100,116,.2) 50%, rgba(75,80,94,0.2) 50%);
font-size: 1.1rem;
}
a.serviceBlock {
display: block;
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
padding: 25px;
background: #fff;
margin-bottom: 30px;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
a.serviceBlock:hover {
background: #4b505e;
color: #fff;
}
a.serviceBlock:hover h3 {
color: #fff!important;
}
.priceBlock {
font-family: 'Josefin Sans';
display: block;
margin-top: 20px;
margin-bottom: 20px;
line-height: .8rem;
color: #de605c;
font-weight: 400;
}
.priceBlock span {
line-height: 1rem;
display: block;
padding: 0;
margin: 0;
}
.priceBlock span.price {
font-size: 2.6rem;
line-height: 2.4rem;
margin-top: 10px;
letter-spacing: -1px;
}
.priceBlock span.afterPrice {
color: #46484b;
margin-bottom: 30px;
}
a.serviceBlock:hover .priceBlock span.afterPrice {
color: #fff;
}
.footer {
background: #46484b;
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 100;
font-size: .9rem;
}
.roundedBox {
margin-bottom: 30px;
background: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 20px;
}
.roundedBox span {
min-height: 70px;
display: block;
}
.roundedBox h4 {
text-transform: none;
font-weight: 400;
margin-bottom: 15px;
}
.cloudServices {
padding-top: 60px;
}
.cloudServices .theContent {
margin-top: 30px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
a.serverBlock {
display: block;
padding: 30px;
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
margin-bottom: 30px;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.btn-site {
background: #5d6474;
color: #fff;
border: 1px solid #5d6474;
}
.btn-site:hover {
border: 1px solid #5d6474;
background: #fff;
color: #5d6474;
}
a.serverBlock:hover {
background: #dac3b1;
}
.partnersBlock {
margin-top: 60px;
background: linear-gradient(180deg, rgba(93,100,116,.1) 50%, rgba(75,80,94,0.1) 50%);
padding-top: 90px;
padding-bottom: 60px;
}
.partnersBlock .theContent {
max-width: 900px;
margin: 30px auto;
}
.partnersBlock img {
max-width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.contactUsBlock {
background: #46484b;
display: block;
color: #fff;
padding-top: 60px;
padding-bottom: 60px;
}
.contactUsBlock h3 {
color: #fff;
text-transform: none;
font-size: 2.4rem;
margin-bottom: 30px;
}
.contactUsBlock p {
font-size: 1.6rem;
line-height: 1.4rem;
font-family: 'Josefin Sans';
}
.btn-contact {
border: 1px solid #dac3b1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 20px;
padding: 10px 30px 10px 30px;
transition: .4s;
font-weight: 400;
color: #fff;
font-size: 1.4rem;
}
.btn-contact:hover {
background: #fff;
border: 1px solid #dac3b1;
color: #46484b;
}
.hostingBanner {
background: #5d6474;
padding: 14rem 30px 10rem 30px;
color: #fff;
font-family: 'Josefin Sans';
background-image: linear-gradient(to bottom right, #4b505e, #dac3b1);
}
.hostingBanner h1 {
color: #fff;
font-weight: 500;
font-size: 3.8em;
margin: 0 0 20px 0;
padding: 0;
color: #fff;
}
.hostingBanner .contentBlock {
max-width: 800px;
margin-right: auto;
}
.hostingBanner .theExcerpt, .bannerImage .theExcerpt {
font-size: 1.4rem;
line-height: 1.8rem;
font-weight: 400;
}
.hostingBanner .theExcerpt strong {
font-weight: 900;
}
.bannerBlock {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: #fff;
color: #000;
padding-bottom: 30px;
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
.bannerBlock span {
font-size: 1.4rem;
padding: 10px 30px;
text-align: center;
display: block;
color: #4b505e;
background: #eee;
-moz-border-radius: 5px 5px 0 0 ;
-webkit-border-radius: 5px 5px 0 0 ;
-khtml-border-radius: 5px 5px 0 0 ;
border-radius: 5px 5px 0 0 ;
font-weight: 400;
text-transform: capitalize;
}
.bannerBlock ul {
margin: 30px 30px 0 30px;
padding: 0;
}
.bannerBlock ul li {
list-style: none;
margin: 0;
padding: 5px 0 5px 0;
font-weight: 400;
font-size: 1.2rem;
color: #4b505e;
}
.pricingBlock {
font-size: 2rem;
background: #fff;
color: #000;
font-weight: 400;
padding: 20px;
line-height: 10rem;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#serverList {
margin-top: 30px;
}
.subTitle {
text-transform: none!important;
font-weight: 400;
color: #4b505e;
}
#serverList p {
font-weight: 400;
margin: 0;
padding: 0;
font-size: 1rem;
}
#serverList p small {
display: block;
font-weight: 300;
}
#serverList img {
max-height: 50px;
width: auto;
}
.serverDetails {
border: 2px solid #5d6474;
margin-bottom: 20px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding: 10px;
transition: .4s;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #fff;
}
.serverDetails:hover {
-moz-box-shadow: 2px 2px 10px #ddd;
-webkit-box-shadow: 2px 2px 10px #ddd;
box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
.iconImage {
max-width: 90px;
}
img.osIcon {
max-width: 40px;
height: auto;
}
#serverList .theContent {
margin-bottom: 90px;
}
.servers {
background: #eee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 60px 30px;
margin-bottom: 60px;
}
ul.infoList {
padding: 0;
margin: 0 0 60px 0;
}
ul.infoList li {
list-style: none;
padding: 0;
margin: 0;
font-size: 1.2rem;
font-family: 'Josefin Sans';
font-weight: 400;
margin-bottom: 20px;
}
ul.infoList.os li {
width: 50%;
float: left;
background: none!important;
border: none!important;
}
ul.infoList.os li span {
display: block;
border: 2px solid #5d6474;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
text-align: center;
max-width: 200px;
padding: 10px 5px;
background: #fff;
}
ul.infoList.addons li {
background: #eee;
padding: 10px 30px;
line-height: auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
ul.infoList.addons li h4 {
margin-top: 10px;
}
.introBlocks {
margin-top: 45px;
}
.introBlocks .card {
background: none;
border: none;
}
.introBlocks .card .card-header, .introBlocks .card .card-body {
border: none;
background: none;
}
.introBlocks .card .card-body h4 {
color: #000;
letter-spacing: 1px;
font-weight: 400;
font-size: 1.3rem;
}
.clients {
margin-top: 90px;
}
img.clientLogos {
padding: 10px;
max-height: 100px;
width: auto;
}
.theContent strong {
font-weight: 600;
}
.pageView {
margin-bottom: 60px;
}
#intro ul {
margin: 0;
padding: 0;
}
#intro ul li {
list-style: none;
font-weight: 400;
text-transform: uppercase;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
margin-bottom: 15px;
display: block;
border: 2px solid #fff;
transition: .4s;
background: rgba(255,255,255,0.2);
}
#intro ul li:hover {
background: #fff;
} @media (min-width: 40em) {
}
@media (min-width: 62em) {
}
@media (max-width: 768px) {
.navbar-custom {
background: rgba(0,0,0,.8);
}
.topBoxes {
margin: 0 auto auto auto;
}
.bannerImage { 
padding: 17rem 10px 5rem 10px;
color: #fff;
font-weight: 100;
}
.bannerImage h1 {
font-size: 3.2em;
text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.bannerImage h1 small {
font-size: 1rem;
}
.hostingBanner h1 {
margin-top: 20px!important;
margin-bottom: 30px!important;
font-size: 2em!important;
}
.hostingBanner {
background: #5d6474;
padding: 8rem 0 3rem 0!important;
color: #fff;
}
.hostingBanner .theExcerpt {
margin-bottom: 45px;
}
}
@media (max-width: 992px) {
}
@media (max-width: 1200px) {
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}