@charset "UTF-8";

.message-freq {
background: #cc14171f;
border-radius: 20px;
padding: 40px;
border: 1px solid #cc1417;
margin: 20px 0 0;
}
.message-freq h2 {
margin: 0 0 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
background: white;
border-color: #46b450;
text-align: center;
color: #46b450;
font-family: 'Montserrat';
font-size: 15px;
}
.wpcf7-acceptance {
text-align: left;
}
.wpcf7-list-item {
display: inline-block;
margin: 0;
}
span.wpcf7-list-item-label {
color: white;
font-family: 'Montserrat';
font-size: 12px;
text-align: left !important;
}
.contactpage .innercon .content:nth-child(2) .forms span.wpcf7-list-item-label {
color: black;
font-family: 'Montserrat';
font-size: 12px;
text-align: left !important;
}
.services-buttons a {
border: 1px solid #58b6ff;
width: 100% !important;
}
.open-mobile{
display:none;
}
.fb-page {
display: block !important;
position: relative;
margin:0 auto 50px !important;
text-align: center;
} .careers-form .inputs input, .careers-form .inputs textarea {
width: 100%;
padding: 12px;
background: white;
font-family: 'Montserrat';
font-size: 14px;
outline: none;
border: 0;
border-radius: 0;
}
.careers-form .grids {
position: relative;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 20px;
}
.careers-form .inputs {
position: relative;
margin: 0 0 20px;
}
.careers-form {
position: relative;
margin: 20px 0 0;
}
.careers-form .inputs textarea {
height: 150px;
}
.careers-form .inputs .send {
position: relative;
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
margin: 0;
}  .blog-posts {
position: relative;
padding: 100px 0 60px;
}
.blog-posts:before {
position: absolute;
content: '';
height: 300px;
width: 100%;
left: 0;
top: 0;
background: #cc1417;
background-size: cover;
}
.blog-posts:after {
position: absolute;
content: '';
height: 50%;
width: 100%;
left: 0;
bottom: 0;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bottom-bg.jpg)no-repeat center;
background-size: cover;
}
.for-bg-purpose{
position:relative;
}
.for-bg-purpose:before {
position: absolute;
content: '';
height: 200px;
width: 100%;
left: 0;
top: calc(40% - 200px);
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/middle-bg.jpg)no-repeat center;
background-size: cover;
}
.blog-posts .innercon {
position: relative;
max-width: 1100px;
z-index: 99;
margin: auto;
display: grid;
grid-template-columns: 75% 25%;
grid-gap: 0;
padding: 60px;
background: white;
box-shadow: 0 10px 20px #0000000f;
}
.blog-posts .innercon .content:nth-child(1) {
position: relative;
margin-right: 30px;
font-family: "Montserrat", sans-serif;
font-size: 15px;
color:#080807;
text-align: justify;
line-height: 2;
}
.blog-posts .innercon .content:nth-child(1) ul li::after {
position: absolute;
content: '\2713';
font-size: 16px;
left: 0;
top: 0;
color: #cc1417;
}
.blog-posts .innercon .content:nth-child(1) ul li {
padding-left: 25px;
position: relative;
}
.blog-posts .innercon .content:nth-child(1) ul {
list-style: none;
padding: 0;
list-style-position: inside;
}
.blog-posts .innercon .content:nth-child(1) h2 {
font-family: Oswald;
text-align: left;
font-size: 30px;
color: #cc1417;
}
.blog-posts .innercon .content:nth-child(1) h3 {
font-family: Oswald;
text-align: left;
font-size: 28px;
color: #cc1417;
}
.blog-posts .innercon .content:nth-child(1) h4 {
font-family: Oswald;
text-align: left;
font-size: 25px;
color: #cc1417;
}
.blog-posts .innercon .content:nth-child(1) h5, .blog-posts .innercon .content:nth-child(1) h6 {
font-family: Oswald;
text-align: left;
font-size: 22px;
color: #cc1417;
}
.blog-posts .innercon .content:nth-child(1) .blog-title {
font-family: 'Oswald';
font-weight: 700;
color: #000560;
font-size: 50px;
text-align:left;
}
.blog-posts .innercon .content:nth-child(1) .author-meta {
font-weight: 500;
margin: 0;
color: #cc1417;
}
.blog-posts .innercon .content:nth-child(1) .blog-featuredimg {
width: 100%;
height: 500px;
object-fit: cover;
margin: 20px 0;
object-position: top;
}
.blog-posts .innercon .content:nth-child(1)  .sfsi_shortcode_container {
float: none;
width: 100%;
}
.blog-posts .innercon .content:nth-child(1) .sfsi_shortcode_container .norm_row {
float: none;
min-width: 100%;
width: 100%;
margin: 0 0 30px;
}
.blog-posts .innercon .content:nth-child(1) .sfsi_shortcode_container .sfcm.sfsi_wicon {
margin: -1px;
padding: 0;
width: 15px !important;
}
.blog-posts .innercon .content:nth-child(1) .has-drop-cap:first-letter {
color: #ceb875;
font-weight: 700 !important;
}
.blog-posts .innercon .content:nth-child(1) a {
color: #ceb875;
text-decoration: underline;
}
.blog-posts .innercon .content:nth-child(1) .inner-image img {
width: 100%;
height: auto;
}
.blog-posts .innercon .content:nth-child(1) .inner-image figcaption {
text-align: right;
color: #6f6f6f;
font-weight: 300;
font-size: 13px;
padding: 0 0 10px;
border-bottom: 1px solid #dcdcdc;
}
.blog-posts .innercon .content:nth-child(2){
position:relative;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-title {
font-family: 'Oswald';
padding: 10px 15px;
margin: 0 0 30px;
background: #000560;
color: white;
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
border-top: 2px solid #cc1417;
position: relative;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-title:after {
position: absolute;
content: '';
border-bottom: 2px solid #cc1417;
width: 100%;
left: 0;
bottom: -5px;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-title:after {
position: absolute;
content: '';
border-bottom: 2px solid #ceb875;
width: 100%;
left: 0;
bottom: -5px;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-post .sidebar-content .latesttitle a {
color: white;
text-decoration: none;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-post .sidebar-content .latesttitle {
text-align: center;
background: #cc1417;
margin: 0;
padding: 20px;
border-top: 3px solid #000000;
font-family: 'Oswald';
font-size: 20px;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-post .sidebar-content img {
width: 100%;
height: 170px;
object-fit: cover;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-post .sidebar-content {
position: relative;
}
.blog-posts .innercon .content:nth-child(2) .sidebar-post {
position: relative;
margin: 0 0 30px;
} .menunav .innercon .content:nth-child(1) .fa {
position: absolute;
right: 20px;
top: calc(50% - 10px);
font-size: 20px;
color: white;
cursor: pointer;
display: none;
}
.topinfo {
position: relative;
padding: 20px 0 10px;
}
.topinfo .innercon {
position: relative;
max-width: 1200px;
margin: auto;
text-align: right;
font-family: "Montserrat", sans-serif;
}
.topinfo .innercon .space {
font-size: 15px;
font-weight: 300;
color: #231b0e;
margin-left: 20px;
}
.topinfo .innercon .bold {
color: #cc1417;
font-size: 16px;
font-weight: 700;
}
.topinfo .innercon .bold .fa {
margin-right: 5px;
}
.topinfo .innercon a {
color: #000560;
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
.menunav {
position: relative;
padding: 10px 0;
background: #000560;
}
.menunav .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: 20% 80%;
grid-gap: 0;
}
.menunav .innercon .content:nth-child(1) {
position: relative;
}
.menunav .innercon .content:nth-child(1) .logo {
width: 100%;
position: absolute;
left: 0;
z-index: 999;
top: -55px;
}
.menunav .innercon .content:nth-child(2) {
position: relative;
}
.menunav .innercon .content:nth-child(2) ul {
list-style: none;
padding: 0;
text-align: right;
margin: 0;
}
.menunav .innercon .content:nth-child(2) ul li:last-child a {
background: #cc1417;
transition: 0.3s;
padding: 15px 20px;
}
.menunav .innercon .content:nth-child(2) ul li:last-child a:hover {
background: white;
color: #cc1417;
}
.menunav .innercon .content:nth-child(2) ul li {
font-family: "Montserrat", sans-serif;
display: inline-block;
font-size: 15px;
position:relative;
text-transform: uppercase;
font-weight: 700;
}
.menunav .innercon .content:nth-child(2) ul li  ul.sub-menu {
position: absolute;
width: 300px;
background: #cc1417;
display: none;
z-index: 999;
left: 0;
}
.menunav .innercon .content:nth-child(2) ul li ul.sub-menu li {
width: 100%;
}
.menunav .innercon .content:nth-child(2) ul li ul.sub-menu li a {
color: white ;
text-align: left;
transition:.3s;
}
.menunav .innercon .content:nth-child(2) ul li ul.sub-menu li a:hover{
background:#000560;
color:white;
} .menunav .innercon .content:nth-child(2) ul li  .sub-dropdown .sub-menu  {
display: none;
position: absolute;
background: #cc1417;
left: 300px;
top: 0;
}
.menunav .innercon .content:nth-child(2) ul li .sub-dropdown{
position: relative;
}
.menunav .innercon .content:nth-child(2) ul li  .first-sub-dropdown .sub-menu  {
display: none;
position: absolute;
background: #cc1417;
left: 300px;
top: 0;
}
.menunav .innercon .content:nth-child(2) ul li .first-sub-dropdown{
position: relative;
}
.menunav .innercon .content:nth-child(2) ul li  .second-sub-dropdown .sub-menu  {
display: none;
position: absolute;
background: #cc1417;
left: 300px;
top: 0;
}
.menunav .innercon .content:nth-child(2) ul li .second-sub-dropdown{
position: relative;
}
.menunav .innercon .content:nth-child(2) ul li  .third-sub-dropdown .sub-menu  {
display: none;
position: absolute;
background: #cc1417;
left: 300px;
top: 0;
}
.menunav .innercon .content:nth-child(2) ul li .fourth-sub-dropdown{
position: relative;
}
.menunav .innercon .content:nth-child(2) ul li  .fourth-sub-dropdown .sub-menu  {
display: none;
position: absolute;
background: #cc1417;
left: 300px;
top: 0;
}
.menunav .innercon .content:nth-child(2) ul li .third-sub-dropdown{
position: relative;
}
.menunav .innercon .content:nth-child(2) ul li .push-right {
position: absolute;
right: 20px;
top: calc(50% - 5px);
}
.menunav .innercon .content:nth-child(2) ul li a {
color: white;
display: block;
padding: 20px 15px;
transition: 0.3s;
text-decoration: none;
}
.menunav .innercon .content:nth-child(2) ul li a:hover {
color: #cc1417;
}
.div1 {
position: relative;
padding: 20px 0;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.div1 .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: 60% 40%;
grid-gap: 0;
}
.div1 .innercon .content:nth-child(1) {
position: relative;
display: flex;
align-items: flex-end;
}
.div1 .innercon .content:nth-child(1) .hold {
position: relative;
width: 100%;
}
.div1 .innercon .content:nth-child(1) .hold .slogan {
color: #0e112b;
font-size: 40px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin: 0;
}
.div1 .innercon .content:nth-child(1) .hold .slogan .bot {
position: relative;
z-index: 9;
}
.div1 .innercon .content:nth-child(1) .hold .slogan .bot:after {
position: absolute;
content: "";
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/before.png) no-repeat center;
background-size: contain;
width: 100%;
height: 20px;
bottom: -10px;
left: 0;
z-index: -1;
}
.div1 .innercon .content:nth-child(1) .hold .slogan .blocks {
display: block;
font-weight: 900;
font-size: 55px;
color: #cc1417;
}
.div1 .innercon .content:nth-child(2) {
position: relative;
text-align: right;
}
.div1 .innercon .content:nth-child(2) .form {
width: 75%;
background: #000560;
border: 5px solid #cc1417;
padding: 25px 25px 0;
margin-left: auto;
}
.div1 .innercon .content:nth-child(2) .form .title {
color: white;
font-size: 27px;
font-weight: 800;
font-family: "Montserrat", sans-serif;
text-align: center;
margin: 0 0 15px;
}
.div1 .innercon .content:nth-child(2) .form .inputs {
position: relative;
margin: 0 0 15px;
}
.div1 .innercon .content:nth-child(2) .form .inputs input {
width: 100%;
background: white;
border: 0;
border-radius: 0;
outline: none;
font-size: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
color: #0e112b;
padding: 15px;
}
.div1 .innercon .content:nth-child(2) .form .inputs .state {
color: white;
font-size: 12px;
margin: 0;
font-family: "Montserrat", sans-serif;
text-align: left;
}
.div1 .innercon .content:nth-child(2) .form .inputs .send {
background: #cc1417;
color: white;
font-weight: 700;
text-transform: uppercase;
}
.div2 {
position: relative;
padding: 100px 0;
}
.div2 .innercon {
position: relative;
max-width: 1200px;
margin: auto;
text-align: center;
}
.div2 .innercon .request {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
}
.div2 .innercon .request:hover {
background: #000560;
}
.div2 .innercon .title {
font-weight: 700;
color: #0e112b;
text-transform: uppercase;
font-size: 25px;
font-family: "Montserrat", sans-serif;
text-align: center;
margin: 0 0 20px;
}
.div2 .innercon .grids {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.div2 .innercon .grids .content {
position: relative;
}
.div2 .innercon .grids .content .holdimg {
width: 100%;
position: relative;
}
.div2 .innercon .grids .content .holdimg:after {
position: absolute;
content: "";
background: linear-gradient(to top, black, transparent);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.div2 .innercon .grids .content .holdimg img {
width: 100%;
height: 200px;
object-fit: cover;
}
.div2 .innercon .grids .content .holdimg .sub {
z-index: 99;
position: absolute;
width: 100%;
padding: 10px 20px;
font-family: "Montserrat", sans-serif;
color: white;
font-weight: 700;
font-size: 20px;
bottom: 0;
left: 0;
}
.div2 .innercon .grids .content .holdimg .sub a {
color: white;
text-decoration: none;
}
.div2 .innercon .grids .content .holdimg .sub .fa {
color: #cc1417;
margin-right: 10px;
}
.div3 {
position: relative;
display: flex;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.div3 .inner:nth-child(1) {
position: relative; background-size: cover;
display: flex;
width: 50%;
background: #cc1417;
align-items: flex-end;
justify-content: flex-end;
}
.div3 .inner:nth-child(1) .hold-fb-feed {
max-width: 600px;
width: 100%;
padding: 50px 0 0;
}
.div3 .inner:nth-child(1):after {
position: absolute;
content: "";
background: transparent; height: 163px;
width: 100%;
left: 0;
bottom: 0;
z-index: 99;
}
.div3 .inner:nth-child(1) .content {
position: absolute;
max-width: 600px;
width: 100%;
z-index: 9;
padding-right: 50px;
margin-left: auto;
z-index: 999;
right: 0;
bottom: 50px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: 100% !important;
}
.gallery-rotate {
position: absolute;
left: 0;
top: 0;
z-index: 99;
width: 100%;
height: 100%;
}
.gallery-rotate .gallery-image {
width: 100%;
height: 100%;
}
.div3 .inner:nth-child(1) .content .title {
font-family: "Montserrat", sans-serif;
font-weight: 900;
color: white;
display: none;
margin: 20px 0;
font-size: 28px;
text-transform: uppercase;
}
.div3 .inner:nth-child(1) .content .grids {
width: 100%;
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
text-align: center;
}
.div3 .inner:nth-child(1) .content .grids img {
width: 80%;
margin: 0 0 10px;
}
.div3 .inner:nth-child(1) .content .grids .sub {
font-family: "Montserrat", sans-serif;
color: white;
font-weight: 400;
font-size: 15px;
margin: 0;
}
.div3 .inner:nth-child(2) {
position: relative;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg2.png) no-repeat center;
background-size: cover;
width: 50%;
}
.div3 .inner:nth-child(2) .content {
max-width: 600px;
padding: 100px 0 100px 80px;
text-align: center;
}
.div3 .inner:nth-child(2) .content .title {
color: white;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin: 0 0 30px;
font-size: 25px;
}
.div3 .inner:nth-child(2) .content .desc {
color: white;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 2;
margin: 0 0 20px;
}
.div3 .inner:nth-child(2) .content .req {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
margin: 0;
}
.div3 .inner:nth-child(2) .content .req:hover {
background: #000560;
}
.div4 {
position: relative;
padding: 100px 0 150px;
background: linear-gradient(20deg, #d5dbec, transparent);
}
.div4:after {
position: absolute;
content: "";
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/after.png) no-repeat center;
background-size: contain;
right: 0;
top: 10%;
width: 45%;
height: 80%;
}
.div4 .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.div4 .innercon .content:nth-child(1) {
text-align: center;
position: relative;
}
.div4 .innercon .content:nth-child(1) .req {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
}
.div4 .innercon .content:nth-child(1) .req:hover {
background: #000560;
}
.div4 .innercon .content:nth-child(1) .title {
font-weight: 700;
color: #0e112b;
text-transform: uppercase;
font-size: 25px;
font-family: "Montserrat", sans-serif;
text-align: center;
margin: 0 0 40px;
}
.div4 .innercon .content:nth-child(1) .hold {
position: relative;
text-align: left;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti {
position: relative;
padding: 35px 40px;
border: 1px solid rgb(228, 228, 228);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
background-color: white;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti .testimtitle {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 17px;
margin: 0;
color: #0e112b;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti .read {
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #cc1417;
font-size: 14px;
display: block;
text-decoration: none;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti .read:hover {
color: #000560;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti .stars {
position: relative;
margin: 0 0 20px;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti .stars .fa {
font-size: 16px;
margin-left: 3px;
color: #ffa800;
}
.div4 .innercon .content:nth-child(1) .hold .holdtesti p {
font-family: "Montserrat", sans-serif;
color: #0e112b;
font-size: 14px;
font-weight: 400;
color: #0e112b;
}
.div5 {
position: relative;
padding: 0 0 100px;
margin: -100px 0 0;
}
.div5 .innercon {
position: relative;
max-width: 1200px;
margin: auto; }
.div5 .innercon .content {
position: relative;
width: 100%;
}
.div5 .innercon .content img {
width: 80px;
cursor: pointer;
margin: 0 0 20px;
}
.div5 .innercon .content .title {
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: white;
font-size: 58px;
text-transform: uppercase;
line-height: 1.2;
margin: 0;
}
.div6 {
position: relative;
}
.div6:after {
position: absolute;
content: "";
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg3.png) no-repeat center;
background-size: cover;
width: calc(50% - 500px);
left: 0;
top: 0;
height: 80%;
object-fit: cover;
}
.div6:before {
position: absolute;
content: "";
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg5.png) no-repeat center;
background-size: cover;
width: calc(50% - 500px);
right: 0;
top: 0;
height: 80%;
object-fit: cover;
}
.div6 .innercon {
position: relative;
max-width: 1200px;
margin: auto;
z-index: 99;
}
.div6 .innercon .content {
position: relative;
max-width: 1100px;
margin: auto;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg4.png) no-repeat center;
background-size: cover;
padding: 50px 50px 20px;
}
.div6 .innercon .content .title {
font-family: "Montserrat", sans-serif;
color: white;
font-size: 25px;
font-weight: 700;
margin: 0 0 20px;
padding: 0 120px 20px;
text-align: center;
}
.div6 .innercon .content .title span {
color: #cc1417;
text-align: center;
}
.div6 .innercon .content .hold {
position: relative;
}
.div6 .innercon .content .hold img {
width: 40%;
position: absolute;
left: 30%;
top: 8%;
margin: auto;
}
.div6 .innercon .content .hold .grids:nth-child(2) {
position: relative;
}
.div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(2) {
max-width: 100px;
margin-left: 180px;
}
.div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(1) .desc, .div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(2) .desc {
position: relative;
}
.div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(2) {
margin-left: auto;
margin-right: 180px;
}
.div6 .innercon .content .hold .grids:nth-child(3) {
position: relative;
margin-top: 80px;
}
.div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(2) {
max-width: 250px;
}
.div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(1) .desc, .div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(2) .desc {
position: relative;
}
.div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(2) {
margin-left: auto;
}
.div6 .innercon .content .hold .grids:nth-child(4) {
position: relative;
margin-top: 50px;
}
.div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(2) {
max-width: 250px;
margin-left: 80px;
}
.div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(1) .desc, .div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(2) .desc {
position: relative;
}
.div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(2) {
margin-left: auto;
margin-right: 80px;
}
.div6 .innercon .content .hold .grids {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.div6 .innercon .content .hold .grids .left {
text-align: center;
}
.div6 .innercon .content .hold .grids .left span {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50px;
margin: 0 auto 5px;
color: white;
font-family: "Montserrat", sans-serif;
text-align: center;
background: #cc1417;
}
.div6 .innercon .content .hold .grids .left .desc {
font-family: "Montserrat", sans-serif;
color: #58b6ff;
text-transform: uppercase;
font-weight: 700;
font-size: 17px;
}
.div6 .innercon .content .hold-form {
position: relative;
margin-top: 100px;
}
.div6 .innercon .content .hold-form .grids {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
}
.div6 .innercon .content .hold-form .inputs {
position: relative;
margin: 0 0 10px;
}
.div6 .innercon .content .hold-form .inputs input, .div6 .innercon .content .hold-form .inputs textarea {
width: 100%;
padding: 12px;
background: white;
font-family: "Montserrat", sans-serif;
color: #0e112b;
font-size: 15px;
outline: none;
font-weight: 400;
border: 0;
border-radius: 0;
}
.div6 .innercon .content .hold-form .inputs input::placeholder, .div6 .innercon .content .hold-form .inputs textarea::placeholder {
color: #0e112b;
}
.div6 .innercon .content .hold-form .inputs textarea {
height: 50px;
}
.div6 .innercon .content .hold-form .inputs .send {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
margin: 0;
}
.div6 .innercon .content .hold-form .inputs .send:hover {
background: #000560;
}
.footer {
position: relative;
padding: 100px 0 0;
}
.footer .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: 35% 30% 35%;
grid-gap: 0;
}
.footer .innercon .content:nth-child(1) {
position: relative;
}
.footer .innercon .content:nth-child(1) iframe {
width: 100%;
height: 100%;
}
.footer .innercon .content:nth-child(2) {
position: relative;
padding-left: 80px;
}
.footer .innercon .content:nth-child(2) ul {
list-style: none;
padding: 0;
text-align: left;
margin: 0;
}
.footer .innercon .content:nth-child(2) ul li {
font-family: "Montserrat", sans-serif;
display: block;
font-size: 15px;
position: relative;
line-height: 3;
padding-left: 20px;
font-weight: 700;
}
.footer .innercon .content:nth-child(2) ul li:after {
position: absolute;
content: "";
left: 0;
top: 15px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #000560;
border-right: 8px solid transparent;
}
.footer .innercon .content:nth-child(2) ul li a {
color: #000560;
display: block;
transition: 0.3s;
text-decoration: none;
}
.footer .innercon .content:nth-child(2) ul li a:hover {
color: #cc1417;
}
.footer .innercon .content:nth-child(3) {
position: relative;
padding-left: 50px;
}
.footer .innercon .content:nth-child(3) .req {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
margin: 0;
}
.footer .innercon .content:nth-child(3) .req:hover {
background: #000560;
}
.footer .innercon .content:nth-child(3) .flex {
position: relative;
display: flex;
margin-bottom: 20px;
}
.footer .innercon .content:nth-child(3) .flex .left:nth-child(1) {
position: relative;
display: flex;
align-items: center;
}
.footer .innercon .content:nth-child(3) .flex .left:nth-child(1) .fa {
font-size: 18px;
color: #cc1417;
}
.footer .innercon .content:nth-child(3) .flex .left:nth-child(2) {
position: relative;
padding-left: 10px;
}
.footer .innercon .content:nth-child(3) .flex .left:nth-child(2) .phone {
color: #000560;
font-size: 26px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
margin: 0;
text-decoration: none;
}
.footer .innercon .content:nth-child(3) .flex .left:nth-child(2) .email {
color: #cc1417;
font-size: 15px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
margin: 0;
text-decoration: none;
}
.footer .innercon .content:nth-child(3) .flex .left:nth-child(2) .address {
color: #000560;
font-size: 15px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
margin: 0;
text-decoration: none;
}
.copy {
position: relative;
margin-top: 70px;
padding: 0 0 30px;
}
.copy .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.copy .innercon .content:nth-child(1) {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #0e112b;
}
.copy .innercon .content:nth-child(2) {
position: relative;
}
.copy .innercon .content:nth-child(2) .socmed {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
}
.copy .innercon .content:nth-child(2) .socmed .fa {
width: 30px;
height: 30px;
color: #000560;
font-size: 17px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: 20px;
background: #d1d1e9;
border-radius: 50px;
}
.holdpage {
padding: 200px 0 100px;
position: relative;
background:linear-gradient(to top, white, transparent), url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.elementor-page-1017 .holdpage {
background: #cc1417 !important;
background-size: cover;
padding: 100px 0 100px !important;
}
.elementor-page-1017 .holdpage .innercon .content .pagetitle {
font-family: "Montserrat", sans-serif;
text-align: left;
color: white;
font-size: 40px;
font-weight: 800;
margin: 0;
}
.holdpage .innercon {
position: relative;
max-width: 1200px;
margin: auto;
}
.holdpage .innercon .content {
position: relative;
}
.holdpage .innercon .content .pagetitle {
font-family: "Montserrat", sans-serif;
text-align: left;
color: #0e112b;
font-size: 40px;
font-weight: 800;
margin: 0;
}
.pagecontent {
padding: 70px 0;
background: #f5f5f5;
position: relative;
}
.pagecontent .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: none;
grid-template-columns: 30% 70%;
grid-template-areas: "left right";
}
.pagecontent .innercon .content:nth-child(1) {
grid-area: right;
position: relative;
}
.pagecontent .innercon .content:nth-child(1) .hold-all-content {
font-family: "Montserrat", sans-serif;
position: relative;
font-size: 17px;
line-height: 33px;
color: #373737;
text-align: justify;
background: white;
border: 1px solid #d8d8d8;
padding: 50px;
}
.pagecontent .innercon .content:nth-child(1) .hold-all-content .hold-pages-featuredimg {
position: relative;
margin: 0 0 20px;
}
.pagecontent .innercon .content:nth-child(1) .hold-all-content .hold-pages-featuredimg .pages-featuredimg {
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
position: relative;
}
.pagecontent .innercon .content:nth-child(1) .hold-all-content .hold-pages-featuredimg .pages-featuredimg:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
border: 0;
left: 0;
top: 0;
background: linear-gradient(45deg, rgba(11, 62, 251, 0.4509803922), rgba(0, 0, 0, 0.3215686275));
z-index: 9;
}
.pagecontent .innercon .content:nth-child(1) .hold-all-content .hold-pages-featuredimg .pages-featuredimg:After {
position: absolute;
content: "";
width: calc(100% - 40px);
height: calc(100% - 40px);
border: 2px solid #ffffff;
left: 20px;
top: 20px;
z-index: 99;
}
.pagecontent .innercon .content:nth-child(1) .pagetitle {
font-family: "Montserrat", sans-serif;
font-size: 40px;
text-align: left;
color: #000560;
margin: 0 0 20px;
position: relative;
}
.pagecontent .innercon .content:nth-child(1) .holdblog {
position: relative;
padding: 50px;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon .holdimg {
position: relative;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon .holdimg .thedate {
position: absolute;
right: 20px;
top: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: white;
background: #cc1417;
width: 100px;
padding: 10px 0;
font-size: 40px;
text-align: center;
line-height: 40px;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon .holdimg .featuredimg {
width: 100%;
margin: 0 0 20px;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon .blogcontitle {
margin: 0 0 10px 0;
font-family: "Montserrat", sans-serif;
font-size: 25px;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon .blogcontitle a {
color: #000560;
text-decoration: none;
}
.pagecontent .innercon .content:nth-child(1) .holdblog .blogcon .excerpt {
font-family: "Montserrat", sans-serif;
font-size: 17px;
color: #3a3a3a;
font-weight: 400;
margin: 0 0 20px;
}
.pagecontent .innercon .content:nth-child(2) {
flex-basis: 30%;
margin-right: 30px;
position: sticky;
grid-area: left;
}
.pagecontent .innercon .content:nth-child(2) .sidebar:nth-child(odd) {
background: #000560;
}
.pagecontent .innercon .content:nth-child(2) .sidebar:nth-child(even) {
background: #cc1417;
}
.pagecontent .innercon .content:nth-child(2) .sidebar {
background: white;
border: 1px solid rgb(216, 216, 216);
padding: 30px;
position: relative;
margin: 0 0 30px;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .title {
color: white;
font-family: "Montserrat", sans-serif;
font-size: 25px;
margin: 0 0 20px;
font-weight: 400;
padding-bottom: 10px;
letter-spacing: 2px;
position: relative;
padding: 0 0 10px;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .title:after {
position: absolute;
content: "";
width: 50px;
border-top: 2px solid white;
bottom: 0;
left: 0;
}
.pagecontent .innercon .content:nth-child(2) .sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.pagecontent .innercon .content:nth-child(2) .sidebar ul li {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 300;
padding-bottom: 25px;
padding-left: 20px;
position: relative;
}
.pagecontent .innercon .content:nth-child(2) .sidebar ul li::after {
position: absolute;
left: 0;
top: 0;
font-size: 15px;
content: "❯";
color: white;
}
.pagecontent .innercon .content:nth-child(2) .sidebar ul li a {
color: white;
text-decoration: none;
transition: 0.3s ease-in-out;
}
.pagecontent .innercon .content:nth-child(2) .sidebar ul li a:hover {
color: #000560;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .lasts {
margin: 0 !important;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs {
margin-bottom: 10px;
position: relative;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs input,
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs textarea {
width: 100%;
padding: 12px 0;
border: 0;
background: white;
border: 1px solid rgb(216, 216, 216);
outline: none;
font-family: "Montserrat", sans-serif;
font-size: 15px;
text-indent: 15px;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs input::placeholder,
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs textarea::placeholder {
color: rgb(155, 155, 155);
font-size: 12px;
text-transform: uppercase;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs textarea {
height: 100px;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs .send {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
width: 100%;
}
.pagecontent .innercon .content:nth-child(2) .sidebar .inputs .send:hover {
background: #000560;
}
.blog-page {
position: relative;
padding: 100px 0;
}
.blog-page .innercon {
position: relative;
max-width: 1200px;
margin: auto;
}
.blog-page .innercon .content {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
.blog-page .innercon .content .blogcon {
position: relative;
}
.blog-page .innercon .content .blogcon .holdimg {
position: relative;
}
.blog-page .innercon .content .blogcon .holdimg .featuredimg {
width: 100%;
height: 300px;
object-fit: cover;
}
.blog-page .innercon .content .blogcon .holdinfo {
padding: 20px 0;
position: relative;
}
.blog-page .innercon .content .blogcon .holdinfo .blogcontitle {
font-size: 20px;
text-align: left;
color: #cc1417;
margin: 0 0 10px;
}
.blog-page .innercon .content .blogcon .holdinfo .blogcontitle a {
color: #cc1417;
text-decoration: none;
}
.blog-page .innercon .content .blogcon .holdinfo .posted-date {
color: #cc1417;
font-family: "Montserrat", sans-serif;
text-align: left;
margin: 0 0 10px;
font-size: 15px;
}
.blog-page .innercon .content .blogcon .holdinfo .posted-date span {
margin-right: 10px;
}
.blog-page .innercon .content .blogcon .holdinfo .posted-date .fa {
margin-right: 5px;
}
.blog-page .innercon .content .blogcon .holdinfo .excerpt {
font-family: "Montserrat", sans-serif;
font-size: 15px;
line-height: 2;
color: #0e112b;
}
.blog-page .innercon .content .blogcon .holdinfo .reading {
width: 100%;
padding: 10px 0;
transition: 0.3s;
background: #cc1417;
color: white;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 15px;
outline: none;
border: 0;
}
.blog-page .innercon .content .blogcon .holdinfo .reading:hover {
background: #000560;
}
.blog-page .innercon .content .blogcon .holdinfo .reading .fa {
margin-left: 10px;
}
.blog-page .innercon .content .blogcon .holdinfo .share {
font-family: "Montserrat", sans-serif;
font-size: 20px;
margin: 20px 0;
color: #000560;
}
.blog-page .innercon .content .blogcon .holdinfo .fafa {
font-size: 12px;
font-family: "Montserrat", sans-serif;
padding: 2px 10px;
color: white;
text-decoration: none;
}
.blog-page .innercon .content .blogcon .holdinfo .fb {
background: #536da6;
}
.blog-page .innercon .content .blogcon .holdinfo .twit {
background: #54acee;
}
.blog-page .innercon .content .blogcon .holdinfo .link {
background: #1581c2;
}
.blog-page .innercon .content .blogcon .holdinfo .soc-med {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.blog-page .innercon .content .blogcon .holdinfo .soc-med .fa {
font-size: 15px;
color: white;
margin-right: 5px;
}
.blog-page .innercon .content .nextbutton {
position: relative;
font-family: "Montserrat", sans-serif;
margin-top: 20px;
padding-left: 20px;
}
.blog-page .innercon .content .nextbutton a {
padding: 0 10px;
font-size: 14px;
background: #cc1417;
color: white;
text-decoration: none;
}
.blog-page .innercon .content .nextbutton span {
padding: 0 10px;
font-size: 14px;
background: #000560;
color: white;
text-decoration: none;
}
.notfound {
position: relative;
padding: 50px 0;
}
.notfound .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: 40% 60%;
grid-gap: 0;
}
.notfound .innercon .content:nth-child(1) {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.notfound .innercon .content:nth-child(1) .all {
text-align: center;
}
.notfound .innercon .content:nth-child(1) .all .title {
color: #000560;
font-family: "Montserrat", sans-serif;
font-size: 80px;
font-weight: 700;
margin: 0 0;
}
.notfound .innercon .content:nth-child(1) .all .under {
color: #000560;
font-size: 13px;
}
.notfound .innercon .content:nth-child(2) {
position: relative;
text-align: center;
padding: 0 0 0 50px;
}
.notfound .innercon .content:nth-child(2) .ops {
color: #f8d065;
text-shadow: 1px 1px #231b0e;
font-size: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin: 0;
}
.notfound .innercon .content:nth-child(2) .notserver {
color: #0e112b;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 700;
margin: 20px 0;
}
.notfound .innercon .content:nth-child(2) .desc {
font-family: "Montserrat", sans-serif;
line-height: 30px;
font-size: 15px;
margin: 0 0 20px;
}
.notfound .innercon .content:nth-child(2) .goto {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
}
.notfound .innercon .content:nth-child(2) .goto:hover {
background: #000560;
}
.notfound .innercon .content:nth-child(2) .goto:hover {
background: #0e112b;
}
.contactpage {
position: relative;
padding: 100px 0;
background: white;
}
.contactpage .innercon {
position: relative;
max-width: 1200px;
margin: auto;
font-family: "Montserrat", sans-serif;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.contactpage .innercon .content:nth-child(1) {
position: relative;
}
.contactpage .innercon .content:nth-child(1) .title {
font-size: 30px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #0e112b;
}
.contactpage .innercon .content:nth-child(1) .under {
font-weight: 300;
font-size: 15px;
margin: 0 0 30px;
color: #575757;
}
.contactpage .innercon .content:nth-child(1) .coninfos {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid rgb(221, 221, 221);
position: relative;
display: grid;
grid-template-columns: 10% 90%;
grid-gap: 0;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conleft {
position: relative;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conleft .fa {
font-size: 50px;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conleft .fa-envelope {
font-size: 40px;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conright {
position: relative;
padding-left: 20px;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conright .phoneinfo {
color: #000560;
font-size: 15px;
margin: 0 0;
text-transform: uppercase;
font-weight: 500;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conright .phoneinfounder {
color: #cc1417;
font-size: 15px;
margin: 0 0;
text-transform: uppercase;
font-weight: 500;
}
.contactpage .innercon .content:nth-child(1) .coninfos .conright .phoneinfounder a {
text-decoration: none;
color: #cc1417;
text-transform: initial;
}
.contactpage .innercon .content:nth-child(2) {
position: relative;
display: flex;
justify-content: flex-end;
}
.contactpage .innercon .content:nth-child(2) .forms {
position: relative;
box-shadow: 0 0 10px rgb(221, 221, 221);
background: white;
padding: 40px;
width: 80%;
}
.contactpage .innercon .content:nth-child(2) .forms .title {
font-size: 30px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #0e112b;
}
.contactpage .innercon .content:nth-child(2) .forms .lasts {
margin: 0 !important;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs {
margin-bottom: 10px;
position: relative;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs input,
.contactpage .innercon .content:nth-child(2) .forms .inputs textarea {
width: 100%;
padding: 12px 0;
border: 1px solid rgb(209, 209, 209);
background: white;
outline: none;
font-family: "Montserrat", sans-serif;
font-size: 15px;
text-indent: 15px;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs input::placeholder,
.contactpage .innercon .content:nth-child(2) .forms .inputs textarea::placeholder {
color: rgb(155, 155, 155);
font-size: 12px;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs textarea {
height: 100px;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs .send {
color: white;
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
background: #cc1417;
outline: none;
border: 0;
border-radius: 0;
padding: 15px 30px;
transition: 0.3s;
text-indent: 0;
margin: 0;
width: 100%;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs .send:hover {
background: #000560;
}
.contactpage .innercon .content:nth-child(2) .forms .inputs p {
font-size: 12px;
} @media only screen and (max-width : 1024px){
.contactpage {
position: relative;
padding: 100px 20px;
background: #f5f5f5;
}
.holdpage {
padding: 250px 20px 50px;
position: relative;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.div1 {
position: relative;
padding: 20px;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.menunav .innercon .content:nth-child(2) ul li {
font-family: "Montserrat", sans-serif;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.topinfo {
position: relative;
padding: 20px 20px 40px;
}
.div2 {
position: relative;
padding: 100px 20px;
}
.div3 .inner:nth-child(2) .content {
max-width: 600px;
padding: 100px 20px 100px 80px;
text-align: center;
}
.div3 .inner:nth-child(1) .content {
position: relative;
max-width: 600px;
width: 100%;
z-index: 9;
padding-right: 50px;
padding-left: 20px;
}
.div4 {
position: relative;
padding: 100px 20px 150px;
background: linear-gradient(20deg, #d5dbec, transparent);
}
.footer {
position: relative;
padding: 100px 20px 0;
}
.copy {
position: relative;
margin-top: 70px;
padding: 0 20px 30px;
}
}
@media only screen and (max-width : 900px){
.menunav .innercon .content:nth-child(1) .fa {
position: absolute;
right: 0;
top: calc(20% - 10px);
font-size: 20px;
color: white;
cursor: pointer;
display: block;
}
.menunav .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 0;
}
.menunav .innercon .content:nth-child(1) .logo {
width: 201px;
position: absolute;
left: 0;
z-index: 999;
top: -55px;
}
.menunav .innercon .content:nth-child(2) {
position: fixed;
z-index: 999;
background: black;
left: 0;
top: 0;
display: none;
height: 100%;
width: 100%;
max-width: 350px;
overflow: scroll;
}
.menunav .innercon .content:nth-child(2) ul li {
font-family: "Montserrat", sans-serif;
display: block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
text-align: left;
}
.menunav .innercon .content:nth-child(1) .logo {
width: 201px;
position: relative;
left: 0;
z-index: 999;
top: -34px;
}
.menunav {
position: relative;
padding: 0;
background: #000560;
}
.menunav .innercon .content:nth-child(1) .logo {
width: 201px;
position: relative;
left: 0;
z-index: 999;
top: 0;
background: white;
}
.menunav .innercon .content:nth-child(1) .fa {
position: absolute;
right: 20px;
top: calc(50% - 10px);
font-size: 20px;
color: white;
cursor: pointer;
display: block;
}
.div4 .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
z-index: 99;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
}
@media only screen and (max-width : 768px){
.mob-menu-logo-holder .mob-retina-logo {
display: inline-block;
background: white !important;
}
.mobmenu-content .fa{
display:none !important;
}
.menunav .innercon .content:nth-child(2) .sub-menu li:last-child a{
background: #a50f12;
}
.contactpage .innercon {
position: relative;
max-width: 1200px;
margin: auto;
font-family: "Montserrat", sans-serif;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 50px;
}
.contactpage .innercon .content:nth-child(2) {
position: relative;
display: flex;
justify-content: center;
}
.footer .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 40px;
}
.footer .innercon .content:nth-child(2) {
position: relative;
padding-left: 0;
}
.footer .innercon .content:nth-child(3) {
position: relative;
padding-left: 0;
}
.footer {
position: relative;
padding: 40px 20px 0;
}
.div1 .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 50px;
}
.div1 .innercon .content:nth-child(1) .hold {
position: relative;
text-align: center;
width: 100%;
}
.div1 {
position: relative;
padding: 100px 20px 0;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.div1 .innercon .content:nth-child(2) .form {
width: 75%;
background: #000560;
border: 5px solid #cc1417;
padding: 25px 25px 0;
margin-left: auto;
margin-right: auto;
}
.div2 .innercon .grids {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.div3 {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
.div3 .inner:nth-child(1) {
position: relative; background-size: cover;
display: flex;
align-items: center;
justify-content: center;
padding: 100px 0 0;
width: 100%;
}
.div3 .inner:nth-child(2) {
position: relative;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg2.png) no-repeat center;
background-size: cover;
width: 100%;
}
.div3 .inner:nth-child(1) .content .title {
font-family: "Montserrat", sans-serif;
font-weight: 900;
color: white;
margin: 20px 0;
font-size: 26px;
text-transform: uppercase;
text-align: center;
}
.div3 .inner:nth-child(2) .content {
max-width: 100%;
padding: 100px 20px;
text-align: center;
}
.menunav .innercon .content:nth-child(2) ul li  ul.sub-menu {
position: relative;
width: 100%;
background: #cc1417;
display: none;
z-index: 999;
left: 0;
}
.menunav .innercon .content:nth-child(2) ul li  .sub-dropdown .sub-menu {
display: none;
position: relative;
background: #a50f12;
left: 0;
top: 0;
}
}
@media only screen and (max-width : 600px){
.contactpage .innercon .content:nth-child(2) .forms {
position: relative;
box-shadow: 0 0 10px rgb(221, 221, 221);
background: white;
padding: 40px;
width: 100%;
}
.topinfo .innercon .space {
font-size: 15px;
font-weight: 300;
display: block;
color: #231b0e;
margin-left: 0;
margin-bottom: 5px;
text-align: center;
}
.topinfo {
position: relative;
padding: 20px;
}
.div6 .innercon .content .hold img {
width: 40%;
position: absolute;
left: 30%;
display: none;
top: 8%;
margin: auto;
}
.div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(2) {
max-width: 100%;
margin-left: 0;
}
.div6 .innercon .content .hold .grids:nth-child(2) .left:nth-child(2) {
margin-left: initial;
margin-right: 0;
}
.div6 .innercon .content .hold .grids:nth-child(3) {
position: relative;
margin-top: 20px;
}
.div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(2) {
max-width: 100%;
}
.div6 .innercon .content .hold .grids:nth-child(4) {
position: relative;
margin-top: 20px;
}
.div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(2) {
max-width: 100%;
margin-left: 0;
}
.div6 .innercon .content .hold .grids:nth-child(4) .left:nth-child(2) {
margin-left: initial;
margin-right: 0;
}
.div6 .innercon .content .hold-form .grids {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.holdpage {
padding: 150px 20px 50px;
position: relative;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
}
@media only screen and (max-width : 480px){
.message-freq {
background: #cc14171f;
border-radius: 15px;
padding: 20px;
border: 1px solid #cc1417;
margin: 20px 0 0;
}
.open-mobile{
display:block;
}
.close-mobile{
display:none;
}
.div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(1), .div6 .innercon .content .hold .grids:nth-child(3) .left:nth-child(2) {
max-width: 100%;
width: 100%;
}
.div5 .innercon .content iframe{
height:315px;
}
.holdpage .innercon .content .pagetitle {
font-family: "Montserrat", sans-serif;
text-align: left;
color: white;
font-size: 25px;
font-weight: 800;
margin: 0;
} .holdpage {
padding: 70px 20px !important;
position: relative;
background: #000560 !important;
background-size: cover;
}
.div1 {
position: relative;
padding: 100px 20px 0;
background: linear-gradient(to bottom, #ffffffdb, transparent), url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.div1 .innercon .content:nth-child(2) .form {
width: 100%;
background: #000560;
border: 5px solid #cc1417;
padding: 25px 25px 0;
margin-left: auto;
margin-right: auto;
}
.div2 .innercon .grids {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
.div4 .innercon .content:nth-child(1) .hold {
position: relative;
text-align: left;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.div5 .innercon .content .title {
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: white;
font-size: 40px;
text-transform: uppercase;
line-height: 1.2;
margin: 0;
}
.div6 .innercon .content .title {
font-family: "Montserrat", sans-serif;
color: white;
font-size: 25px;
font-weight: 700;
margin: 0 0 20px;
padding: 0;
text-align: center;
}
.div6 .innercon .content .hold .grids {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
.div6 .innercon .content .hold .grids:nth-child(3) {
position: relative;
margin-top: 0;
}
.div6 .innercon .content .hold .grids:nth-child(4) {
position: relative;
margin-top: 0;
}
.copy .innercon {
position: relative;
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
text-align: left;
}
.copy .innercon .content:nth-child(2) .socmed {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.div6 .innercon .content .hold .grids {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
}
@media only screen and (max-width : 420px){
.contactpage .innercon .content:nth-child(1) .title {
font-size: 25px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #0e112b;
}
.contactpage .innercon .content:nth-child(2) .forms .title {
font-size: 25px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #0e112b;
}
.menunav .innercon .content:nth-child(1) .logo {
width: 151px;
position: relative;
left: 0;
z-index: 999;
top: 0;
background: white;
}
.div1 {
position: relative;
padding: 50px 20px 0;
background: linear-gradient(to bottom, #ffffffdb, transparent), url(//thehandybrit.com/wp-content/themes/mytheme/images/bg.png) no-repeat center;
background-size: cover;
}
.div3 .inner:nth-child(1) .content .grids {
width: 100%;
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
text-align: center;
}
.div3 .inner:nth-child(1) .content .grids img {
width: auto;
margin: 0 0 10px;
}
.div3 .inner:nth-child(1) .content .grids .left {
background: #cc1417;
}
.div3 .inner:nth-child(1) .content {
position: relative;
max-width: 100%;
width: 100%;
z-index: 9;
padding-right: 20px;
padding-left: 20px;
}
.div6 .innercon .content .hold-form .grids {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
.div6 .innercon .content {
position: relative;
max-width: 1100px;
margin: auto;
background: url(//thehandybrit.com/wp-content/themes/mytheme/images/bg4.png) no-repeat center;
background-size: cover;
padding: 50px 20px 20px;
}
}
@media only screen and (max-width : 375px){
.menunav .innercon .content:nth-child(2) {
position: fixed;
z-index: 999;
background: black;
left: 0;
top: 0;
display: none;
height: 100%;
width: 100%;
max-width: 300px;
overflow: scroll;
}
.div1 .innercon .content:nth-child(1) .hold .slogan {
color: #0e112b;
font-size: 30px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin: 0;
}
.div1 .innercon .content:nth-child(1) .hold .slogan .blocks {
display: block;
font-weight: 900;
font-size: 46px;
color: #cc1417;
}
.div3 .inner:nth-child(2) .content {
max-width: 100%;
padding: 50px 20px;
text-align: center;
}
.div4 .innercon .content:nth-child(1) .title {
font-weight: 700;
color: #0e112b;
text-transform: uppercase;
font-size: 20px;
font-family: "Montserrat", sans-serif;
text-align: center;
margin: 0 0 40px;
}
.div5 .innercon .content .title {
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: white;
font-size: 35px;
text-transform: uppercase;
line-height: 1.2;
margin: 0;
}
}