h1 {
font-size: 48px;
font-weight: 600;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 24px;
}
p {
font-size: 18px;
font-weight: 400;
}
.block-content {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.nav-bar {
padding-top: 30px;
}
.login-btn {
background: white;
margin-left: 10px;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
display: inline-block;
border-radius: 35px;
color: #0d342b;
padding-left: 5px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 600;
font-size: 18px;
margin-bottom: 20px;
margin-top: 20px;
transition: all 300ms;
}
.login-btn:hover {
color: #55ab47;
}
.login-btn:hover .login-icon {
background-color: #55ab47;
}
.login-icon {
display: inline-block;
background-color: #0d342b;
border-radius: 100%;
padding: 13px;
padding-top: 6px;
padding-bottom: 8px;
margin-right: 10px;
transition: all 300ms;
}
.login-icon img {
width: 15px;
}
.mega-menu-wrap {
display: inline-block !important;
}
.menu {
list-style: none;
}
.menu li {
display: inline-block;
padding-right: 15px;
padding-left: 15px;
}
.menu li:hover a {
color: #55ab47;
}
.menu li a {
color: #0d342b;
font-size: 18px;
font-weight: 600;
transition: all ease 300ms;
} .student-chef-challenge-2 .title-top {
margin-top: 0px !important;
}
.student-chef-challenge-2 .full-width-content {
padding-bottom: 80px !important;
}
.student-chef-challenge-2 .content-with-image .display-content {
margin-top: 100px;
}
.student-chef-challenge-2 .block-wpills h3 {
color: #fff;
position: relative;
z-index: 2;
font-style: normal;
font-weight: 500;
}
.student-chef-challenge-2 .h2-h3 {
font-size: 40px;
padding-top: 50px;
}
.home-hero {
padding-top: 150px;
padding-bottom: 150px;
position: relative;
}
.home-hero h1 p {
font-size: 50px;
font-weight: 400;
font-style: normal;
line-height: 60px;
color: #000;
}
.home-hero h1 p strong {
font-weight: 600;
font-style: normal;
}
.home-hero img {
margin-top: -180px;
max-width: 900px;
position: absolute;
}
.display-content h4 {
font-size: 40px !important;
font-style: normal !important;
font-weight: 600 !important;
color: #0D342B !important;
}
.display-content h4 strong {
font-weight: 600 !important;
}
.our-history .title-top {
margin-top: 40px !important;
} .signature-by-country-range .full-width-content {
padding-bottom: 80px;
}
.signature-by-country-range .full-width-content .title-top {
margin-top: 0px;
}
.signature-by-country-range .block-wpills h2 {
color: #fff;
padding-top: 0px;
position: relative;
z-index: 2;
font-style: normal;
font-weight: 500;
}
.signature-by-country-range .block-wpills {
padding-top: 100px;
padding-bottom: 100px;
} .natasha-allergy-research-foundation .full-width-content {
padding-bottom: 80px !important;
}
.natasha-allergy-research-foundation .full-width-content .title-top {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.natasha-allergy-research-foundation .single-page-header {
margin-bottom: 0px;
margin-top: 0px;
position: relative;
overflow: hidden;
min-height: 400px;
margin-bottom: 0px;
padding-top: 100px;
padding-bottom: 100px;
}
.natasha-allergy-research-foundation .bg-image-section {
position: absolute;
width: 50%;
height: 100%;
top: 0;
min-height: 600px;
background-size: cover;
background-position: center;
}
.natasha-allergy-research-foundation .content-with-image .col-sm-6.tar {
min-height: 700px;
height: 100%;
}
.natasha-allergy-research-foundation .display-content {
margin-top: 0px;
position: relative;
top: 50%;
transform: translateY(-50%);
padding-bottom: 30px;
padding-top: 30px;
}
.page-id-3344 .full-width-content {
padding-bottom: 80px !important;
padding-top: 80px !important;
margin-bottom: 0px;
}
.page-id-3344 .full-width-content .title-top {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.page-id-3344 .single-page-header {
margin-bottom: 0px;
margin-top: 0px;
position: relative;
overflow: hidden;
min-height: 400px;
margin-bottom: 0px;
padding-top: 100px;
padding-bottom: 100px;
}
.page-id-3344 .bg-image-section {
position: absolute;
width: 50%;
height: 100%;
top: 0;
min-height: 600px;
background-size: cover;
background-position: center;
}
.page-id-3344 .content-with-image .col-sm-6.tar {
min-height: 700px;
height: 100%;
}
.page-id-3344 .display-content {
margin-top: 0px;
position: relative;
top: 50%;
transform: translateY(-50%);
padding-bottom: 30px;
padding-top: 30px;
}
.page-id-3344 .block-wpills h3 {
color: #fff;
padding-top: 50px;
position: relative;
z-index: 2;
font-style: normal;
font-weight: 500;
}
.sustainability-commitment .grey-block {
margin-bottom: 0px;
padding-bottom: 80px;
padding-top: 80px !important;
}
.sustainability-commitment .grey-block .title-top {
margin-top: 0px;
}
.sustainability-commitment .display-content {
margin-top: 0px !important;
}
.news-banner p {
font-size: 24px;
color: #0D342B;
padding-top: 15px;
display: block;
}
.single-page-header p {
font-size: 38px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
color: #fff;
line-height: 40px;
}
.grey-block {
background: #f1f1f1;
margin-bottom: 40px;
padding-bottom: 50px;
padding-top: 30px !important;
}
.our-members .grey-block {
background: #f1f1f1;
margin-bottom: 0px;
padding-bottom: 50px;
padding-top: 50px;
}
.valuable-data .grey-block {
background: #f1f1f1;
margin-bottom: 0px;
padding-bottom: 80px;
padding-top: 80px;
}
.valuable-data .title-top {
margin-top: 0px;
}
.full-width-content {
padding-top: 80px;
}
.with-banner .display-content h3 {
padding-top: 10px;
}
.news-btn {
background: transparent;
background: transparent;
color: #0D342B;
border: 1px solid #0D342B;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
transition: all 300ms ease;
}
.news-first {
font-size: 26px;
font-weight: 600;
padding-top: 15px;
display: block;
}
.news-btn:hover {
color: #fff;
background: #0D342B;
} .home-three-blocks {
padding-top: 120px;
padding-bottom: 150px;
}
.home-three-blocks h2 {
font-weight: 600;
color: #0D342B;
font-style: normal;
padding-bottom: 50px;
}
.home-three-blocks h3 {
font-weight: 600;
padding-top: 30px;
font-size: 24px;
padding-bottom: 10px;
color: #0D342B;
}
.home-three-blocks p {
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.655);
}
.home-three-blocks img {
width: 100%;
border-radius: 0%;
}
.home-three-blocks a {
font-weight: 600;
color: #0D342B;
}
.our-history .display-content {
margin-top: 100px;
}
.logo {
height: auto;
padding-top: 10px;
display: block;
}
.page-id-217 .block-wpills {
margin-top: 0px !important;
}
.page-id-217 .pill-block h3 {
padding-top: 10px;
} .left img {
margin-left: 0px;
}
.left .display-content {
padding-left: 50px;
padding-right: 0px !important;
}
.display-content {
position: relative;
margin-top: 150px;
padding-right: 50px;
}
.display-content.less-padding {
margin-top: 125px !important;
}
.content-with-image {
background: #DBEDDB;
}
.content-with-image a {
font-weight: 600;
color: #0D342B;
}
.content-with-image .less-padding {
margin-top: 100px !important;
}
.content-with-image img {
position: relative;
}
.content-with-image h3 {
color: #0D342B;
font-style: normal;
font-weight: 600;
font-size: 40px;
margin-bottom: 10px;
padding-top: 40px;
}
.content-with-image h3 strong {
font-weight: 600 !important;
}
.arch-left {
background-image: url(//countryrangegroup.com/wp-content/themes/24-boiler-22/scss/images/arch-left.svg);
background-repeat: no-repeat;
background-size: 50%;
background-position-x: -500px;
background-position-y: bottom;
}
.arch-right {
background-image: url(//countryrangegroup.com/wp-content/themes/24-boiler-22/scss/images/arch-right.svg);
background-repeat: no-repeat;
background-size: 20%;
background-position-x: 105%;
background-position-y: bottom;
}
.slider-over {
position: absolute;
width: 100%;
top: 75%;
z-index: 10;
}
.content-with-image {
position: relative;
min-height: 700px;
}
.content-with-image .slick-slide {
background: #fff;
border-radius: 50px;
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
margin-left: 15px;
margin-right: 15px;
text-align: center;
position: relative;
}
.content-with-image .slick-track {
padding-top: 15px;
padding-bottom: 15px;
}
.slick-slide h4 {
display: inline-block;
margin-bottom: 0px;
font-size: 25px;
font-weight: 600;
}
.slick-slide .circle-colour-green {
width: 40px;
height: 40px;
background-color: #81bb22;
border-radius: 100%;
display: inline-block;
padding-top: 0px;
position: absolute;
left: 10px;
top: 15px;
}
.slick-slide .circle-colour-yellow {
width: 40px;
height: 40px;
background-color: #fecc00;
border-radius: 100%;
display: inline-block;
padding-top: 0px;
position: absolute;
left: 10px;
top: 15px;
}
.slick-slide .circle-colour-orange {
width: 40px;
height: 40px;
background-color: #f29000;
border-radius: 100%;
display: inline-block;
padding-top: 0px;
position: absolute;
left: 10px;
top: 15px;
}
.news-banner {
background: #DBEDDB;
padding-top: 25px;
padding-bottom: 20px;
}
.news-banner h3 {
padding-top: 20px;
}
.btn-green {
display: inline-block;
padding: 15px;
background: #0C4A45;
color: #fff !important;
margin-top: 20px;
border-radius: 40px;
padding-left: 35px;
padding-right: 35px;
font-weight: 600;
}
.valuable-data .block-wpills {
margin-top: 100px;
}
.valuable-data .pill-circle {
top: auto;
}
.country-range-brand .title-top {
margin-top: 0px;
}
.country-range-brand .spacer-image {
margin-bottom: 0px;
}
.country-range-brand .footer-contact {
margin-top: 0px;
}
.stir-it-up-magazine .title-top {
margin-top: 30px;
}
.stir-it-up-magazine .footer-contact {
margin-top: 0px;
}
.our-members .footer-contact {
margin-top: 0px;
}
.our-members .map-block-members {
margin-top: 0px;
}
.hero-over {
background: rgb(0, 0, 0);
background: linear-gradient(87deg, rgba(0, 0, 0, 0.6152836134) 40%, rgba(255, 255, 255, 0) 90%);
position: absolute;
width: 80%;
height: 100%;
top: 0;
}
.home-hero h1 p {
position: relative;
z-index: 100;
color: #fff;
font-weight: 500;
} .events-block-home {
padding-top: 80px;
padding-bottom: 80px !important;
min-height: 700px;
}
.events-block-home .bg-events {
background: #E8783A;
width: 50%;
height: 100%;
right: 0;
position: absolute;
top: 0;
background-image: url(//countryrangegroup.com/wp-content/themes/24-boiler-22/scss/images/yellow.svg);
background-repeat: no-repeat;
background-size: 75%;
background-position-x: 250%;
background-position-y: bottom;
}
.events-block-home .events-first-btn {
background: transparent;
background: transparent;
color: #0D342B;
border: 1px solid #0D342B;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
transition: all 300ms ease;
}
.events-block-home .circle-event {
width: 100%;
padding: 30px;
padding-top: 85px;
padding-left: 100px;
padding-right: 100px;
position: relative;
z-index: 10;
}
.events-block-home h4 {
font-weight: 300;
font-style: normal;
font-size: 30px;
color: #fff;
}
.events-block-home h3 {
font-weight: 600;
font-size: 43px;
color: #fff;
}
.events-block-home a {
border: 1px solid #F2B737;
color: #fff;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
margin-top: 30px;
} .block-wpills {
background-color: #0D342B;
position: relative;
padding-top: 35px;
padding-bottom: 35px;
background-image: url(//countryrangegroup.com/wp-content/themes/24-boiler-22/scss/images/arch-pills.svg);
background-repeat: no-repeat;
background-size: 60%;
background-position-x: -500px;
background-position-y: 110%;
}
.block-wpills h2 {
color: #fff;
padding-top: 50px;
position: relative;
z-index: 2;
font-style: normal;
font-weight: 500;
}
.block-wpills p {
color: #fff;
position: relative;
z-index: 2;
}
.block-wpills a {
font-weight: 600;
color: #fff;
}
.block-wpills-bg {
position: absolute;
width: 100%;
left: 0;
height: 100%;
top: 0;
z-index: 0;
background-size: cover;
opacity: 0.7;
}
.pill-block {
display: block;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 50px;
margin-bottom: 0px;
padding-left: 25px;
position: relative;
}
.pill-block h3 {
display: inline-block;
font-weight: 600;
color: #fff;
}
.pill-section {
margin-top: 0px;
z-index: 1000;
position: relative;
}
.pill-circle {
border-radius: 100%;
display: inline-block;
color: #fff;
font-size: 25px;
width: 75px;
height: 75px;
top: 35px;
background: #0C4A45;
position: absolute;
text-align: center;
margin-right: 10px;
display: flex;
}
.pill-circle i {
margin: auto;
}
.pill-content {
display: inline-block;
width: 100%;
padding-left: 75px;
padding-top: 10px;
padding-right: 30px;
margin-left: 20px;
}
.pill-content p {
color: rgba(255, 255, 255, 0.65);
} .single-page-header {
margin-bottom: 0px;
margin-top: 0px;
position: relative;
overflow: hidden;
min-height: 400px;
margin-bottom: 0px;
padding-top: 100px;
}
.single-page-header .valign-content {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.single-page-header img {
margin-right: -120px;
position: relative;
max-width: 700px;
}
.single-page-header h4 {
font-size: 38px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
color: #fff;
}
.single-page-header h1 {
color: #fff;
font-weight: 500;
} .history-slide-in h3 {
margin-bottom: 80px;
padding-top: 40px;
background: #fff;
padding-bottom: 20px;
font-size: 40px;
}
.history-slide-in .date-box {
display: block;
background: #0d342b;
padding: 20px;
padding-left: 40px;
font-size: 30px;
font-weight: 600;
}
.history-slide-in .date-box.yellow {
background-color: #0C4A45;
color: #B7D142;
}
.history-slide-in .date-box.orange {
background-color: #4CA349;
color: #fff;
}
.history-slide-in .date-box.green {
background-color: #B7D142;
color: #0C4A45;
}
.history-slide-in .inner-section {
padding: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
.pill-history-content {
border-radius: 30px;
border: 1px solid #0d342b;
background-color: white;
overflow: hidden;
}
.pill-history-content {
margin-bottom: 80px;
}
.pill-year {
padding: 15px;
display: inline-block;
border-radius: 100%;
font-size: 42px;
font-weight: 600;
max-height: 150px;
max-width: 150px;
padding-left: 27px;
padding-right: 31px;
padding-top: 45px;
padding-bottom: 54px;
color: #fff;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
}
.pill-cont p {
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.655);
}
.pill-cont h4 {
font-size: 32px;
font-weight: 500;
color: #0d342b;
}
.history-slide-in {
background-image: url(//countryrangegroup.com/wp-content/themes/24-boiler-22/scss/images/time-line.svg);
background-position: center;
background-repeat: repeat-y;
} .spacer-image {
min-height: 450px;
height: auto;
background-size: cover;
margin-bottom: 150px;
margin-top: 80px;
overflow: hidden;
position: relative;
}
.spacer-image.grey-bg {
margin-bottom: 0px;
padding-bottom: 520px;
}
.spacer-image.grey-bg .spacer-content-block {
background: transparent;
}
.spacer-image.grey-bg .spacer-content {
color: #000;
padding-bottom: 100px;
}
.spacer-image.grey-bg h3 {
font-style: italic;
font-size: 35px;
font-weight: 300;
color: #000;
}
.spacer-image.grey-bg h3 strong {
font-style: normal;
}
.spacer-image.grey-bg a {
color: #000;
font-weight: 600;
font-style: normal;
}
.spacer-image.grey-bg .green-btn {
display: inline-block;
padding: 15px;
background: #81bb22;
color: #fff;
margin-top: 20px;
border-radius: 40px;
padding-left: 35px;
padding-right: 35px;
font-weight: 600;
}
.spacer-content {
color: #fff;
padding-top: 100px;
}
.spacer-content h3 {
font-style: italic;
font-size: 35px;
font-weight: 300;
}
.spacer-content h3 strong {
font-style: normal;
}
.spacer-content a {
color: #FFF;
font-weight: 600;
font-style: normal;
}
.spacer-content-block {
background: rgba(0, 0, 0, 0.488);
height: 100%;
position: absolute;
width: 100%;
} .team-block {
margin-bottom: 120px;
}
.team-block h2 {
margin-top: 80px;
margin-bottom: 50px;
font-size: 35px;
font-style: normal;
font-weight: 500;
color: #0D342B;
}
.team-block h3 {
font-size: 30px;
font-weight: 500;
font-style: normal;
color: #0D342B;
}
.team-block p {
font-size: 27px;
font-weight: 400;
color: #0D342B;
}
.team-block .member-content p {
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.655);
}
.img-team {
border-radius: 100%;
overflow: hidden;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
margin-top: 25px;
margin-bottom: 25px;
}
.favourite-food {
background: #81bb22;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 40px;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
color: #fff;
}
.favourite-food .title-food {
display: block;
}
.name-role {
padding: 15px;
}
.btn-collapse-ctrl {
transition: all ease 300ms;
background: none;
border: none;
text-align: left;
position: relative;
overflow: hidden;
display: block;
width: 100%;
}
.btn-collapse-ctrl i {
position: absolute;
right: 0;
top: 25%;
font-size: 30px;
transition: transform 300ms ease-in-out;
}
.btn-collapse-ctrl.arrow-down i {
transform: rotate(90deg);
}
.member-content {
padding: 15px;
position: relative;
overflow: hidden;
}
.gradient-box {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgb(255, 255, 255) 63%);
position: absolute;
height: 100%;
width: 100%;
z-index: 1000;
transition: all ease 800ms;
}
.gradient-box.hidden {
top: 0;
}
.gradient-box.not-hidden {
top: 180px;
} .title-top {
margin-top: 150px;
margin-bottom: 30px;
display: block;
}
.members-title {
margin-top: 50px;
margin-bottom: 30px;
display: block;
}
.our-responsibility .title-top {
margin-top: 20px;
}
.our-responsibility .home-three-blocks {
padding-top: 0px;
padding-bottom: 150px;
}
.our-responsibility .single-page-header {
padding-bottom: 100px;
} .scc_block {
background: #f1f1f1;
padding-top: 150px;
padding-bottom: 150px;
position: relative;
}
.scc_block h2 {
margin-bottom: 35px;
}
.scc_block img {
max-width: 400px;
border-radius: 100%;
}
.scc_block .first-image {
position: absolute;
top: 70px;
left: -180px;
}
.scc_block .second-image {
position: absolute;
top: 180px;
right: -150px;
}
.scc_block .green-btn {
display: inline-block;
padding: 15px;
background: #81bb22;
color: #fff;
margin-top: 30px;
border-radius: 40px;
padding-left: 35px;
padding-right: 35px;
font-weight: 600;
} .grey-bg {
background: #f1f1f1;
}
.stats-block {
padding-top: 90px;
padding-bottom: 90px;
margin-top: 50px;
margin-bottom: 50px;
}
.stats-block .stat-c {
width: 100%;
height: 420px;
border-radius: 100%;
display: block;
text-align: center;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
overflow: hidden;
padding-top: 120px;
padding-left: 40px;
padding-right: 40px;
}
.stats-block .stat-c h3 {
color: #fff;
font-size: 60px;
font-weight: 600;
padding-bottom: 20px;
}
.stats-block .stat-c p {
color: #fff;
}
.stats-block .stat-c.first-circle {
background-color: #152C26;
}
.stats-block .stat-c.second-circle {
background-color: #4CA349;
}
.stats-block .stat-c.third-circle {
background-color: #B7D142;
}
.stir-it-up-magazine li {
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.655);
}
.bg-image-section {
position: absolute;
width: 50%;
height: 100%;
top: 0;
min-height: 600px;
background-size: cover;
} .key-services {
padding-top: 150px;
padding-bottom: 250px;
}
.key-services h2 {
margin-bottom: 80px;
}
.key-services .service-block {
display: block;
background: #fff;
border-radius: 25px;
color: #0D342B;
font-size: 20px;
height: 200px;
}
.key-services .service-block .s-circle {
display: block;
width: 50px;
height: 50px;
border-radius: 100%;
text-align: center;
margin-left: 70px;
margin-bottom: 20px;
}
.key-services .service-block .green-circle {
background-color: #81bb22;
}
.key-services .service-block .yellow-circle {
background-color: #fecc00;
}
.key-services .service-block .orange-circle {
background-color: #f29000;
}
.image-key-service {
margin-bottom: 20px;
}
.round-icon {
padding-left: 5px;
}
.events-block-two {
padding-top: 90px;
padding-bottom: 90px;
}
.events-block-two h2 {
margin-bottom: 50px;
}
.events-block-two h3 {
margin-bottom: 0px;
padding-bottom: 10px;
display: block;
vertical-align: middle;
}
.events-block-two h4 {
margin-bottom: 0px;
font-weight: 300;
font-size: 18px;
color: #0d342b;
}
.events-block-two button {
border-radius: 100%;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
border: none;
margin-top: 10px;
font-size: 25px;
color: #B7D142;
background: #0d342b;
transition: all 300ms ease;
}
.events-block-two button:hover {
background: #B7D142;
color: #0d342b;
}
.event-box {
padding: 20px;
border: 1px solid #B7D142;
min-height: 150px;
border-radius: 20px;
}
.slick-slide {
margin: 0 10px;
} .slick-list {
margin: 0 -10px;
}
.title-event {
min-height: 100px;
margin: auto;
display: flex;
align-items: center;
}
.events-block-home .display-content a {
padding: 0px !important;
font-weight: 600;
color: #0D342B !important;
border: none;
margin-top: 0px !important;
font-size: 18px !important;
} @media screen and (max-width: 1550px) {
.scc_block .first-image, .scc_block .second-image {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.our-members .content-with-image .display-content {
margin-top: 350px !important;
margin-bottom: 70px !important;
}
.stir-it-up-magazine .spacer-image.grey-bg {
margin-bottom: 0px;
padding-bottom: 550px;
}
.news-banner h3 {
margin-bottom: 20px;
}
.container {
overflow-x: hidden;
}
footer .logo {
padding: 20px;
}
.title-top {
margin-top: 80px;
margin-bottom: 30px;
display: block;
}
.home-hero h1 p {
font-size: 35px;
line-height: 40px;
}
.hero-over {
background: rgba(0, 0, 0, 0.4);
width: 100%;
}
.content-with-image h2 {
color: #0D342B;
font-style: normal;
font-weight: 600;
font-size: 35px;
}
.member-directory-header .col-sm-6 a {
border: 1px solid #0D342B;
color: #0D342B;
display: inline-block;
font-weight: 600;
font-size: 17px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
margin-bottom: 40px;
text-align: center;
}
.our-events .full-width-content p {
margin-bottom: 50px !important;
}
.title-event {
height: auto;
margin: auto;
display: flex;
align-items: center;
}
.country-range-brand .title-top {
margin-top: 0px;
}
.country-range-brand .title-top h1 {
margin-top: 50px !important;
}
body {
overflow-x: hidden;
width: 100%;
}
.bg-image-section {
position: absolute;
width: 100%;
height: 300px;
top: 0;
min-height: 200px;
background-size: cover;
}
.events-block-home {
position: relative;
overflow: hidden;
}
.events-block-home .bg-events {
width: 100%;
height: 50%;
top: 50%;
}
.events-block-home .display-content {
margin-top: 0px;
padding-right: 0px;
}
.events-block-home .circle-event {
padding-left: 0px;
padding-right: 0px;
}
.home-three-blocks .col-sm-4 {
margin-bottom: 30px;
}
.home .display-content {
margin-top: 360px;
margin-bottom: 100px;
}
.left .display-content {
margin-left: 0px !important;
}
.slider-over {
position: absolute;
width: 100%;
top: 85%;
z-index: 10;
}
.events-block-home .display-content {
margin-top: 50px;
}
.with-banner {
padding-bottom: 100px;
}
.left .display-content {
padding-left: 0px;
}
#mega-menu-wrap-alt-nav .mega-menu-toggle {
background: transparent;
padding-top: 0px;
}
.slick-list {
margin: 0;
}
.over-mob-men {
position: absolute;
top: 35px;
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
#mega-menu-wrap-alt-nav {
background: transparent;
width: 100%;
z-index: 200;
}
#mega-menu-wrap-alt-nav .mega-menu-toggle + #mega-menu-alt-nav {
background: #0D342B;
padding: 0px 0px 0px 0px;
display: none;
top: 30px !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item {
padding-top: 15px;
padding-bottom: 15px;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-flyout ul.mega-sub-menu {
background: #4f7d72 !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: #4f7d72 !important;
padding-top: 15px;
padding-bottom: 15px;
color: #fff !important;
padding-left: 15px;
}
.key-services .service-block {
height: 100%;
padding-bottom: 20px;
}
.page-id-14 .display-content {
margin-top: 350px;
padding-bottom: 100px;
}
.key-services {
padding-top: 70px;
padding-bottom: 100px;
}
.bottom-dets {
margin-bottom: 30px;
}
#map2 {
margin-top: 50px;
}
.yellow-contact-box {
padding-top: 30px !important;
}
.name-role {
padding-left: 0px;
}
.team-block h5 {
font-size: 22px;
font-weight: 400;
}
.team-block h4 {
font-size: 25px;
font-weight: 500;
font-style: normal;
}
.member-content {
padding-left: 0px;
}
.page-id-152 .display-content {
margin-top: 300px;
}
.page-id-233 .display-content {
margin-top: 350px;
padding-bottom: 50px;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
background: transparent !important;
color: #81bb22 !important;
}
.country-range-brand .display-content {
position: relative;
margin-top: 350px;
padding-right: 50px;
padding-bottom: 50px;
}
.country-range-brand .first-image {
display: none;
}
.country-range-brand .second-image {
display: none;
}
.stats-block .stat-c {
margin-bottom: 85px;
height: 385px;
padding-top: 105px;
}
.valuable-data .display-content {
margin-top: 350px;
padding-bottom: 50px;
}
.single-page-header h4 {
font-size: 24px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
color: #fff;
}
.spacer-content {
padding-top: 90px !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
color: #81bb22;
background: rgba(51, 51, 51, 0);
}
.our-history .display-content {
margin-top: 350px;
padding-bottom: 50px;
}
}
.footer-contact {
margin-top: 0px;
padding-top: 100px;
padding-bottom: 100px;
background: #0d342b;
background-position: bottom;
background-size: cover;
background-image: url(//countryrangegroup.com/wp-content/themes/24-boiler-22/scss/images/arch-pills.svg);
background-repeat: no-repeat;
background-size: 50%;
background-position-x: -300px;
background-position-y: 110%;
}
.footer-contact h4 {
font-size: 60px;
font-style: normal;
font-weight: 500;
padding-bottom: 20px;
color: #fff;
}
.footer-contact h4 strong {
font-weight: 600;
font-style: normal;
}
.footer-contact p {
color: #fff;
font-weight: 400;
font-size: 18px;
}
.footer-contact .green-btn {
background: #B7D142;
color: #0d342b;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
margin-bottom: 20px;
margin-top: 20px;
margin-right: 10px;
}
.footer-contact .orange-btn {
background: transparent;
color: #B7D142;
border: 1px solid #B7D142;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
}
.loginbtn {
display: inline-block;
color: #0d342b;
font-weight: 600;
transition: all ease 300ms;
padding: 4px;
border: 1px solid #0d342b;
padding-left: 10px;
padding-right: 10px;
border-radius: 20px;
}
.loginbtn:hover {
background: #0d342b;
color: #fff;
}
.foot-menu {
display: inline-block;
}
.single-page-header p {
font-size: 38px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
color: #fff;
}
footer {
padding-top: 20px;
padding-bottom: 20px;
}
.foot-menu {
padding-top: 10px;
}
#menu-footer-nav {
padding-top: 15px;
}
#menu-footer-nav li {
padding-left: 10px;
padding-right: 10px;
}
#menu-footer-nav li a {
font-size: 15px;
}
.contact-page {
margin-top: 80px;
margin-bottom: 0px;
}
.contact-page .icon-box {
display: inline-block;
vertical-align: top;
font-weight: 400;
font-size: 25px;
margin-right: 20px;
color: #0C4A45;
}
.contact-page .address-box {
display: inline-block;
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.655);
}
.contact-page .btn-contact {
font-weight: 400;
font-size: 18px;
margin-bottom: 10px;
display: block;
color: rgba(0, 0, 0, 0.655);
}
.contact-page .btn-contact i {
margin-right: 20px;
font-size: 25px;
}
.contact-page .btn-contact.yellow i {
color: #4CA349;
}
.contact-page .btn-contact.green {
margin-bottom: 30px;
}
.contact-page .btn-contact.green i {
color: #B7D142;
}
.contact-page h2 {
font-size: 24px;
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
}
.contact-page h3 {
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
}
.form-title {
padding-top: 90px !important;
}
.yellow-contact-box {
background: linear-gradient(180deg, rgb(255, 255, 255) 40%, #0d342b 40%);
padding-bottom: 120px;
padding-top: 20px;
}
.yellow-contact-box .white-msg {
background: #fff;
border-radius: 25px;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06);
padding: 30px;
}
.yellow-contact-box .white-msg input {
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #D9D9D9;
padding: 30px;
margin-bottom: 30px;
}
.yellow-contact-box .white-msg textarea {
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #D9D9D9;
padding: 30px;
margin-bottom: 30px;
height: 200px;
}
.yellow-contact-box .white-msg .contact-submit {
background: #80BB23;
display: inline-block;
width: 150px;
padding-top: 15px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 15px;
border-radius: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.yellow-contact-box .white-msg .wpcf7-spinner {
display: none;
}
.title-block {
margin-top: 100px;
}
.title-block h1 {
font-weight: 500;
font-style: normal;
font-size: 65px;
color: #0d342b;
}
.title-block h1 strong {
font-weight: 600;
font-style: normal;
}
.featured-posts {
background: rgba(0, 0, 0, 0.9);
min-height: 500px;
margin-top: 70px;
padding-bottom: 50px;
position: relative;
overflow: hidden;
}
.blog-grid {
margin-top: 100px;
margin-bottom: 100px;
}
.featured-content {
position: relative;
z-index: 100;
}
.featured-content h2 {
color: #fff;
}
.featured-content h4 {
color: #000;
background: rgba(255, 255, 255, 0.798);
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius: 40px;
font-weight: 300;
font-size: 16px;
margin-top: 150px;
}
.featured-content p {
color: #fff;
}
.block-bg {
height: 100%;
background-size: contain;
width: 100%;
position: absolute;
top: 0;
opacity: 0.6;
}
.index-btn {
background: transparent;
border: 1px solid #fff;
border-radius: 30px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
color: #fff;
margin-bottom: 30px;
}
.arrow-imp {
font-family: "Inter", sans-serif;
}
.featured-image-block {
position: relative;
overflow: hidden;
border-radius: 0px;
padding: 20px;
min-height: 300px;
z-index: 100;
background: black;
margin-bottom: 20px;
}
.block-content-index {
position: absolute;
z-index: 100;
bottom: 15px;
}
.block-content-index h3 {
color: #fff !important;
font-weight: 300 !important;
font-size: 19px;
padding-right: 20px;
}
.block-content-index h4 {
background: rgba(255, 255, 255, 0.798);
color: #000;
font-weight: 300;
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
display: inline-block !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 15px;
width: auto;
}
.bg-block-index {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.7;
}
.blog-grid .index-btn {
border-color: #0d342b;
color: #0d342b;
}
.bottom-dets p {
color: #0d342b;
} .blog-single {
margin-top: 80px;
margin-bottom: 30px;
}
.blog-single h1 {
font-weight: 600;
}
.size-single-feat {
border-radius: 30px;
}
.blog-content {
margin-top: 60px;
margin-bottom: 80px;
}
.social-ico {
width: 30px;
height: auto;
}
.share-block {
margin-bottom: 60px;
}
.share-block p {
font-size: 30px;
margin-bottom: 20px;
font-weight: 300;
color: #0C4A45 !important;
font-weight: 600;
}
.news-two-block h2 {
font-size: 30px;
margin-bottom: 20px;
font-weight: 300;
}
.page-builder-block-news {
padding-top: 80px;
padding-bottom: 80px;
}
.page-builder-btn {
background: #0d342b;
}
.flexible-news-text p {
padding-bottom: 40px;
}
.imgbox-single {
height: 350px;
border-radius: 35px;
overflow: hidden;
position: relative;
}
.imgbox-single .bg-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-numbers {
color: #0d342b;
font-size: 20px;
padding-left: 5px;
padding-right: 5px;
}
.page-numbers.current {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 17px;
padding-right: 17px;
border-radius: 100%;
background: #0d342b;
color: #B7D142;
margin-left: 5px;
margin-right: 5px;
}
.page-numbers.next {
color: #0d342b;
margin-left: 10px;
display: inline-block;
}
.page-numbers:hover {
color: #B7D142;
}
.pagination-box {
padding-top: 80px;
padding-bottom: 20px;
}
#mega-menu-wrap-alt-nav {
background: transparent;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav {
text-align: right;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item > a.mega-menu-link {
color: #fff;
font-size: 18px;
font-weight: 400 !important;
transition: all ease 300ms;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
background: transparent !important;
color: #55ab47;
font-weight: 600 !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item > a.mega-menu-link:hover {
background: transparent;
color: #55ab47;
font-weight: 400;
border: none;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-flyout ul.mega-sub-menu {
background: #fff;
margin-top: 5px;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: #fff;
color: #000000;
font-size: 18px;
font-weight: 400 !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background: #fff;
color: #55ab47;
}
.nav-bar {
background: #0d342b;
padding-bottom: 20px;
}
.mega-sub-menu {
margin-top: 10px !important;
padding: 10px !important;
box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.06) !important;
border-radius: 5px !important;
}
.single-our-members .mapboxgl-popup-content p {
color: #000;
}
.member-more {
font-weight: 600 !important;
font-size: 40px !important;
}
.single-our-members .circle-event {
width: 100%;
padding-top: 0px;
padding-left: 100px;
padding-right: 0px;
position: relative;
z-index: 10;
}
.circle-event h3 {
padding-bottom: 20px;
padding-top: 30px;
}
.circle-event p {
color: #fff;
}
.single-our-members .events-block-home {
padding-top: 150px;
min-height: 800px;
padding-bottom: 80px;
}
.single-our-members address {
margin-bottom: 0px;
}
.single-our-members address p {
margin-bottom: 0px;
}
.single-our-members .display-content {
position: relative;
margin-top: 0px;
padding-right: 0px;
}
.single-our-members .display-content span {
font-weight: 600;
font-size: 22px;
color: #0D342B;
}
.single-our-members .display-content h3 {
color: #0D342B;
padding-bottom: 20px;
padding-top: 30px;
}
.member-link-bot {
border: 1px solid #0D342B !important;
color: #0D342B !important;
display: inline-block;
font-weight: 600 !important;
font-size: 22px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
border-radius: 35px;
margin-top: 30px;
}
.single-our-members .display-content a {
border: none;
color: rgba(0, 0, 0, 0.6549019608);
padding: 0;
font-weight: 400;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.single-our-members .circle-event {
width: 100%;
padding-top: 200px;
padding-left: 0px;
padding-right: 0px;
position: relative;
z-index: 10;
}
.member-content {
padding-top: 90px;
}
.video-container {
margin-top: 30px;
}
.single-page-header p {
font-size: 22px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
color: #fff;
line-height: 24px;
margin-bottom: 80px;
}
.single-our-members .single-page-header {
padding-top: 40px;
}
}
.accordion-block {
padding-top: 80px;
padding-bottom: 80px;
}
.accordion-block h3 {
font-weight: 600;
color: #0D342B;
font-style: normal;
font-size: 40px;
padding-bottom: 20px;
}
.accordion-block a {
margin-top: 20px;
background: transparent;
color: #0D342B;
border: 1px solid #0D342B;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
transition: all 300ms ease;
margin-bottom: 40px;
}
.accordion-block a:hover {
background: #0D342B;
color: #fff;
}
.accordion-block .accordion-header {
background: #f1f1f1;
color: #0D342E;
border: none;
outline: none;
text-align: left;
padding: 20px;
position: relative;
font-size: 22px;
width: 100%;
display: block;
}
.accordion-block .accordion-header i {
position: absolute;
right: 20px;
top: 25px;
}
.accordion-block .acc-actual {
margin-bottom: 30px;
}
.accordion-block .accordion-content {
padding: 20px;
font-size: 18px;
display: block;
color: rgba(0, 0, 0, 0.655);
}
.grid-block {
padding-top: 80px;
padding-bottom: 80px;
}
.grid-block h3 {
font-weight: 600;
color: #0D342B;
font-style: normal;
font-size: 40px;
padding-bottom: 20px;
}
.grid-block a {
margin-top: 20px;
background: transparent;
color: #0D342B;
border: 1px solid #0D342B;
display: inline-block;
font-weight: 600;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
transition: all 300ms ease;
margin-bottom: 80px;
}
.catering-essentials .catering_essentials_banner {
background-color: #1F3D85;
padding-top: 100px;
padding-bottom: 100px;
}
.catering-essentials .catering_essentials_banner h1 {
color: #fff;
}
.catering-essentials .catering_essentials_banner h2 {
color: #fff;
font-weight: 300;
}
.catering-essentials .pattern-banner {
margin-top: -50px;
position: relative;
z-index: 1;
}
.catering-essentials .pattern-banner.checklist {
margin-bottom: -120px;
}
.catering-essentials .logo-content-block {
padding-top: 100px;
padding-bottom: 100px;
}
.catering-essentials .logo-content-block h3 {
color: #1F3D85;
}
.catering-essentials .ce_check_list {
background-color: #1F3D85;
padding-top: 100px;
padding-bottom: 100px;
}
.catering-essentials .ce_check_list h3 {
color: #fff;
font-size: 35px;
}
.catering-essentials .ce_check_list p {
color: #fff;
}
.catering-essentials .ce_check_list .icon-left {
display: inline-block;
vertical-align: top;
margin-bottom: 50px;
position: relative;
}
.catering-essentials .ce_check_list .list-actual-block {
padding-top: 30px;
}
.catering-essentials .ce_check_list .list-single {
margin-bottom: 25px;
}
.catering-essentials .ce_check_list .content-list {
top: 50%;
transform: translateY(-50%);
position: relative;
color: #fff;
}
.catering-essentials .arch-left {
background-image: none;
}
.catering-essentials .content-with-image {
background-color: #f1f1f1;
}
.catering-essentials .display-content {
padding-top: 100px;
}
.catering-essentials .display-content h3 {
color: #1F3D85;
}
.catering-essentials .ce-map-section {
background: #f1f1f1;
height: 700px;
padding-top: 150px;
position: relative;
overflow: hidden;
}
.catering-essentials .ce-map-section h3 {
color: #1F3D85;
font-style: normal;
font-weight: 600;
font-size: 40px;
margin-bottom: 10px;
padding-top: 40px;
padding-left: 40px;
}
.catering-essentials .ce-map-section p {
padding-left: 40px;
}
.catering-essentials .map-section {
position: absolute;
top: 0px;
height: 700px;
width: 50%;
}
.catering-essentials a {
color: #1F3D85;
font-weight: 500;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.catering-essentials .pattern-banner.checklist {
margin-bottom: -51px;
}
.catering-essentials .display-content {
position: relative;
margin-top: 210px;
padding-right: 50px;
}
.ce-logo {
margin-bottom: 30px;
}
.catering-essentials .pattern-banner {
margin-top: 0px;
}
.ce-map-section {
height: 100% !important;
padding-bottom: 60px;
padding-top: 40px !important;
}
}
body {
font-family: "Poppins", sans-serif;
overflow-x: hidden !important;
}
img {
max-width: 100%;
height: auto;
}
a {
border-bottom: none;
text-decoration: none;
}
.tar {
text-align: right !important;
}
.tac {
text-align: center !important;
}
.member-content {
padding-bottom: 90px;
}
.b2t {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 1000;
opacity: 0;
transition: all ease 300ms;
background: white;
color: black;
border: none;
mix-blend-mode: difference;
border-radius: 100%;
}
.b2t.display-button {
opacity: 1;
}
h1 {
color: #0D342B;
}
h2 {
font-size: 40px;
font-style: normal;
font-weight: 600;
color: #0D342B;
}
h2 strong {
font-weight: 600;
font-style: normal;
}
h3 {
color: #0D342B;
}
p {
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.655);
}
.our-members .content-with-image .display-content {
margin-top: 80px;
}
.single-post p a {
color: #0C4A45 !important;
font-weight: 600;
}
.single-post h3 {
color: #0C4A45;
padding-top: 20px;
padding-bottom: 20px;
display: inline-block;
font-weight: 600;
}
.single-post h2 {
color: #0C4A45 !important;
font-weight: 600;
}
.single-post h1 {
color: #0C4A45 !important;
}