/*
Theme Name: Tulipland
Author: JE Consulting
Author URI: https://www.je-consulting.co.uk/
Version: 1
*/
@font-face {
	font-family: Zeyada;
	src: url(assets/fonts/zeyada/Zeyada.woff);
	font-weight: 400;
}


@font-face {
	font-family: Poppins-Bold;
	src: url(assets/fonts/poppins/Poppins-Bold.woff);
	font-weight: 700;
}
@font-face {
	font-family: Poppins-Light;
	src: url(assets/fonts/poppins/Poppins-Light.woff);
	font-weight: 300;
}
@font-face {
	font-family: Poppins-Medium;
	src: url(assets/fonts/poppins/Poppins-Medium.woff);
	font-weight: 500;
}
@font-face {
	font-family: Poppins-Regular;
	src: url(assets/fonts/poppins/Poppins-Regular.woff);
	font-weight: 400;
}
@font-face {
	font-family: Poppins-SemiBold;
	src: url(assets/fonts/poppins/Poppins-SemiBold.woff);
	font-weight: 600;
}
html {
  scroll-behavior: smooth;
}
:root {
	--textcolour: #1E46A0;
	--blue: #1E46A0;
	--red : #DF1325;
	--green : #4BA63A;
	--yellow : #FFCF2F;
	--grey : #EFEFEF;
}
body{
	font-family: Poppins-Regular;
}
.container {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
img{
	max-width: 100%;
	height: auto;
}
p, li, a, label, .quform-element-html, td{
	font-size: 17px;
	font-weight: 400;
	color: var(--textcolour);
	line-height: 1.4em;
}
p, table{
	margin-bottom: 20px;
}
p:last-child{
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6{
	color: var(--blue);
	line-height: 1.4em;
	font-family: Poppins-Medium;
	margin-bottom: 10px;
}
h1{
	font-size: 44px;
}
h2{
	font-size: 40px;
}
h3{
	font-size: 35px;
}
h4{
	font-size: 30px;
}
h5{
	font-size: 25px;
}
h6{
	font-size: 20px;
}
blockquote p{
	font-weight: 500;
	color: var(--red);
	font-size: 21px;
}
blockquote{
	margin-bottom: 20px;
}
a{
	color: var(--red);
	text-decoration: none;
}
a:hover{
	color: var(--green);
}
a, i{
	transition: all .5s ease-in-out;
}
strong{
	font-weight: 700;
}
ul, ol{
	margin-top: -10px;
	padding-left: 12px;
	margin-bottom: 20px;
}
ul{
	list-style-type: disc;
}
ol{
	list-style-type: decimal;
}
ul ul, ol ol, ul ol, ol ul{
	margin: 0;
}
td{
	border: 1px solid #000;
	padding: 5px;
}
em{
	font-style: italic;
}
.Button, .PageContent .quform-submit, .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
	background-color: var(--red);
	color: #fff;
	font-weight: 700;
	border-radius: 50px;
	padding: 10px 22px;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	border: 0;
	background-image: none;
}
.Button:hover, .PageContent .quform-submit:hover, .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey:hover {
	background-color: var(--green);
	color: #fff;
}
header {
	background-color: #fff;
	padding: 20px 0;
	box-shadow: 0px 1px 13px #333;
	position: relative;
	z-index: 999;
}
/*
header .container{
	display: grid;
	grid-template-columns: 30% 68%;
	gap: 2%;
	align-items: end;
}
*/
header .container {
	display: grid;
	grid-template-columns: 26% 56% 14%;
	gap: 2%;
	align-items: end;
}
.LogoWrap img {
	max-width: 300px;
}
nav {
	margin-bottom: 20px;
}
nav ul{
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
	justify-content: end;
}
nav ul li {
	padding: 0 12px;
	border-right: 2px solid var(--green);
	position: relative;
}
nav ul li:last-child{
	border-right: 0;
	padding-right: 0;
}
nav ul li a {
	color: var(--blue);
	font-size: 18px;
	padding: 10px 0;
}
nav ul li a:hover{
	color: var(--red);
}
nav ul .sub-menu {
	position: absolute;
	left: 0px;
	width: 200px;
	display: none;
}
nav ul .sub-menu a{
	display: block;
	background-color: var(--blue);
	padding: 5px 11px;
	color: #fff;
}
nav ul .sub-menu a:hover{
	background-color: var(--red);
	color: #fff;
}
nav ul .sub-menu li{
	padding: 0;
	border-bottom: 1px solid var(--green);
	border-right: 0;
}
nav ul .sub-menu li:last-child{
	border-bottom: 0;
}
.Banner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	display: flex;
	align-items: end;
}
.Banner .BannerText {
	max-width: 50%;
}
.Banner h1 {
	font-family: Zeyada;
	color: var(--yellow);
	font-size: 70px;
	text-shadow: 5px 5px 6px #000;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 8;
}
.Banner h2 {
	color: #fff;
	text-shadow: 5px 5px 6px #000;
	font-size: 50px;
	font-weight: 400;
	margin: -32px 0 60px 0;
	line-height: 1.2em;
}
.UnderBanner, .UnderBanner div{
	position: relative;
}
.UnderBanner .container {
	display: grid;
	grid-template-columns: 28% 68%;
	gap: 2%;
}
.UnderBanner .UnderBannerImg {
	position: absolute;
	bottom: -45px;
	max-width: 700px;
	right: 0;
}
.UnderBanner{
	padding: 40px 0;
}
.UnderBanner p {
	font-size: 20px;
}
.HomeContent{
	margin: 100px 0;
}
.HomeContact .container {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 100px;
	align-items: center;
}
.HomeContact img {
	max-width: 550px;
	margin-left: -60px;
}
.HomeProduct h2{
	text-align: center;
}
.HomeProduct{
	text-align: center;
}
.ProductLoop {
	padding: 20px 0 60px 0;
	position: relative;
}
.ProductLoop .ProductItem img {
	height: auto;
	width: auto;
	margin: 0 auto 30px auto;
	display: block;
}
.ProductLoop .ProductItem {
	padding: 0 40px;
	position: relative;
}
/*
.ProductLoop .ProductItem:after{
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #EFEFEF;
	content: "";
}
*/
.ProductLoop .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	border: 0;
	font-size: 30px;
	color: var(--blue);
	cursor: pointer;
}
.ProductLoop .slick-arrow:hover{
	color: var(--red);
}
.ProductLoop .slick-prev.slick-arrow {
	left: -20px;
}
.ProductLoop .slick-next.slick-arrow {
	right: -20px;
}
.FieldFooter {
	background-image: url('/wp-content/uploads/2023/02/field-background-min.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 200px 0 40px 0;
	margin-top: 50px;
}
.FieldFooter .container{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 50px;
}
.FieldFooter .BlueBorder {
	border: 20px solid var(--blue);
	padding: 10px;
	background-color: transparent;
}
.FieldFooter .WhiteBackground {
	background-color: #fff;
	padding: 30px;
	height: 100%;
}
.FieldFooter .BlueBorder hr {
	background-color: var(--green);
	height: 30px;
	border: 0;
}
.FieldFooterBigText {
	font-size: 37px;
	text-align: center;
	line-height: 1.2em;
	font-weight: 500;
}
.FieldFooterBigText strong{
	color: var(--red);
}
.FieldMiddle img{
	margin-bottom: 15px;
}
.FieldMiddle p {
	font-weight: 500;
	font-size: 24px;
}
.FieldMiddle p strong{
	font-weight: 600;
}
.FieldMiddle a {
	font-weight: 600;
}
.FieldLast i {
	color: var(--blue);
	font-size: 50px;
}
.FieldLast p {
	font-family: Zeyada;
	font-size: 36px;
	line-height: 1.1em;
	margin-top: 20px;
	margin-bottom: 10px;
}
.FieldLast img {
	max-width: 150px;
}
footer {
	background-color: var(--blue);
	padding: 30px 0;
}
footer .container {
	display: grid;
	grid-template-columns: 87% 13%;
}
footer p{
	color: #fff;
}
footer p.LargeFooterText{
	font-size: 22px;
}
footer p a{
	color: inherit;
	font-size: inherit;
}
footer p a:hover{
	color: var(--red);
}
.PageBanner{
	background-image: url('/wp-content/uploads/2023/02/About-Us-banner.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 400px;
}
.PageContent {
	padding: 60px 0;
}
.PageContent.RemoveSpace {
	padding-bottom: 0;
}
.PageContent .quform-element input, .PageContent .quform-element textarea {
	background-color: var(--grey);
	border-radius: 50px;
	border: 0;
	padding: 10px 22px;
}
.PageContent .quform-element textarea{
	border-radius: 20px;
}
.CallToAction {
	background-color: var(--grey);
	padding: 50px 0;
	text-align: center;
}
.CallToAction p{
	font-size: 25px;
}
.timeline-year, .timeline-meta, .timeline-content h2:before {
	display: none !important;
}
.PageContent .cool-timeline .timeline-post .timeline-content .content-title {
	background-color: transparent !important;
	padding: 0;
	min-height: unset;
}
.PageContent .cool-timeline .timeline-post .timeline-content .content-title a {
	color: var(--blue) !important;
	font-size: 90px !important;
	font-weight: 600 !important;
	line-height: 1em;
}
.cool-timeline.white-timeline .timeline-post .timeline-content, .section-bullets-bottom li.white-timeline, .section-bullets-right li.white-timeline, .section-bullets-left li.white-timeline {
	background-color: transparent !important;
	margin-bottom: 150px;
}
.PageContent .ctl_info.event-description.full .full-width a {
	position: absolute;
	left: -100%;
	max-width: 400px;
	width: 100%;
	top: 0;
	border: 15px solid #fff;
	box-shadow: 0px 0px 4px #999;
}
.PageContent .cool-timeline.one-sided {
	max-width: 50%;
	float: right;
}
.cool_timeline.cool-timeline-wrapper {
	margin: 0 !important;
	width: 100% !important;
	max-width: unset !important;
}
.timeline-main-title.center-block {
	display: none;
}
.PageContent .ultimate-style .timeline-post .timeline-content .content-details{
	padding: 0;
}
.ctl-bullets-container{
	display: none !important;
}
.PageContent .timeline-icon.icon-larger.iconbg-turqoise.icon-color-white.default-icon {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: unset !important;
}
.PageContent .cool-timeline .timeline-post .timeline-icon .icon-placeholder {
	line-height: auto !important;
}
.PageContent .timeline-icon.icon-larger.iconbg-turqoise.icon-color-white.default-icon {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: unset !important;
	width: 100px;
	margin: 10px 0 0 0;
	left: -50px;
}
.PageContent img.ctl-icon-img{
	border-radius: 0;
}
.PageContent .cool-timeline.white-timeline.one-sided::after {
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	background-image: url('/wp-content/uploads/2023/03/Timeline-top.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	top: -43px;
	left: -35px;
}
.TeamWrap h5{
	font-weight: 700;
}
.TeamWrap h5 em {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	color: var(--green);
}
.TeamWrap p{
	font-size: 15px;
}
.archiveWrap .archive-loop {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
}
.archiveWrap .archive-loop h4{
	margin-bottom: 0px;
}
.archiveWrap .archive-loop .ArticleDate{
	color: var(--green);
}
.archiveWrap .archive-loop .ArticleImgWrap {
	width: 100%;
	height: 200px;
	display: block;
}
.archiveWrap .archive-loop .ArticleImg {
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 10px;
}
.attachment-post-thumbnail {
	display: block;
	float: left;
	max-width: 400px;
	margin: 0 20px 20px 0;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.nav-links {
	margin-top: 40px;
	text-align: center;
}
.nav-links .page-numbers{
	background-color: var(--red);
	padding: 3px;
	border-radius: 3px;
}
.nav-links .page-numbers {
	background-color: var(--red);
	padding: 3px 7px;
	border-radius: 3px;
	color: #fff;
}
.nav-links .page-numbers.current{
	background-color: var(--green);
}
.nav-links a.page-numbers:hover{
	background-color: var(--green);
}
.ContactTextWrap h4{
	margin-top: 40px;
}
.page-id-158 .TitleWrap h1{
	text-align: center;
}
.mobile-navigation{
    display: none;
}
.mobile-menu-icon{
    display:none;
    position: absolute;
    right: 20%;
    font-size: 25px;
    top: 40%;
}
.mobile-close-icon{
    display:none;
    top: 82px;
    position: absolute;
    right: 30px;
    font-size: 35px;
    color: #000000;
}
 i.fas.fa-chevron-down {
    position: absolute;
    right: 25px;
    color: #FFFFFF;
    font-size: 25px;
    padding: 10px;
    background-color: var(--red);
    margin-top: 7px;
}
 .mobile-navigation.displayed ul.sub-menu {
    background-color: #4ba63a99;
    margin-left: -12px;
    display: none;
}
    .mobile-navigation {
    position: fixed;
    right: -100%;
    width: 100%;
    display: grid;
    grid-template-columns: 60% 40%;
    z-index: 9999999;
    transition: all 0.5s ease-in-out;
    height: 100%;
    top: 0px;
}
 .popout-navigation {
    background-color: #1e46a0c9;
}
    .mobile-navigation.displayed{
        right: 0px;
        top: 0px;
}
    .mobile-navigation.displayed ul.sub-menu {
    display: none;
}
  
    .menu-main-menu-container ul{
        list-style: none;
    }
     .popout-navigation a{
       font-size: 25px;
        color:#FFFFFF;
}
ul#menu-main-menu-1 li {
    box-shadow: 0px 2px 0px #ffffff6b;
    line-height: 3.4em;
}

ul#menu-main-menu-1 li{
        position:relative;
    }
.timeline-icon.icon-larger.iconbg-turqoise.icon-color-white.default-icon {
	display: none;
}
.sfsi_Sicons.sfsi_Sicons.sfsi_Sicons .sf_subscrbe.sf_icon, .sfsi_Sicons.sfsi_Sicons.sfsi_Sicons .sf_fb.sf_icon{
	display: none !important;
}
.LargeFooterText i {
	background-color: transparent;
	border: 2px solid #fff;
	width: 28px;
	height: 28px;
	font-size: 18px;
	padding: 3px 4px 3px 3px;
	text-align: center;
	margin-left: 20px;
}
.LargeFooterText a:hover i{
	background-color: #fff;
	color: var(--blue);
}
/* Tablet Landscape */
@media only screen and (max-width:1180px) {
    .popout-navigation {
    overflow: auto;
}
    .vc_row.vc_column-gap-35 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
	.LogoWrap img {
	max-width: 100%;
}
	header .container {
	grid-template-columns: 22% 62% 12%;
}
	.PageContent .ctl_info.event-description.full .full-width a {
		left: -110%;
	}
}/* Tablet Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .desktop-navigation{
        display: none;
    }
    .mobile-menu-icon{
        display:block;
        
    }
    header .container{
        position:relative;
    }
    .UnderBanner .UnderBannerImg {
    max-width: 470px;
}
      .menu-main-menu-container {
    padding-top: 190px;
}
    .FieldFooter .container {
    grid-template-columns: repeat(2,1fr);
    gap: 50px;
}
    .mobile-close-icon{
        display: block;
    }
    .BlueBorder.FieldLast {
    grid-column: 1 / span 2;
}
    .mobile-close-icon {
    display: block;
    
}
.TeamWrapMobile .wpb_column.vc_column_container.vc_col-sm-3 {
    float: none;
    width: 100%;
}
    .TeamWrapMobile{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .TeamWrapMobile.vc_row:before{
        content:unset;
    }
        img.UnderBannerImg {
    display: none;
}
    .UnderBanner {
    padding: 40px 0px 0px 0px;
}
    .UnderBanner .container {
    grid-template-columns: 88% 12%;
    gap: 2%;
}
        .archiveWrap .archive-loop {
    grid-template-columns: repeat(2,1fr);
}
   .BRGSHeader{
		display: none;
	} 

	.cool-timeline.white-timeline .timeline-post .timeline-content, .section-bullets-bottom li.white-timeline, .section-bullets-right li.white-timeline, .section-bullets-left li.white-timeline{
		margin-bottom: 80px;
	}
	.PageContent .ctl_info.event-description.full .full-width a {
		left: -120%;
		border: 5px solid #fff;
	}

}/* iPhone 6 Landscape */
@media only screen and (min-device-width : 412px) and (max-device-width : 907px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
        .desktop-navigation{
        display: none;
    }
    .mobile-menu-icon{
        display:block;
    }
        .FieldFooter .container {
    grid-template-columns: repeat(1,1fr);
    gap: 50px;
}
        .vc_row.vc_column-gap-35 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    .UnderBanner .UnderBannerImg{
        max-width: 516px;
    }
    .UnderBanner .container{
            grid-template-columns: 40% 58%;
    }
    .menu-main-menu-container {
    padding-top: 190px;
}
    ul#menu-main-menu-1 li{
        position:relative;
    }
        .archiveWrap .archive-loop {
    grid-template-columns: repeat(2,1fr);
}
.BRGSHeader{
		display: none;
	}
	  header .container {
	grid-template-columns: 50% 30% 16%;
}
	.PageBanner{
		height: 180px;
	} 
.PageContent .cool-timeline .timeline-post .timeline-content .content-title a {
	font-size: 50px !important;
}
	.cool-timeline.white-timeline .timeline-post .timeline-content, .section-bullets-bottom li.white-timeline, .section-bullets-right li.white-timeline, .section-bullets-left li.white-timeline{
		margin-bottom: 20px;
	}
	.PageContent .ctl_info.event-description.full .full-width a {
		left: -150%;
		border: 5px solid #fff;
	}
	    footer .container {
		grid-template-columns: 100%;
		gap: 20px;
	}
}/*Phone Portrait*/
@media only screen and (max-width:415px) {
	.BRGSHeader{
		display: none;
	}
    .desktop-navigation{
        display: none;
    }
    .mobile-menu-icon{
        display:block;
    }
    .FieldFooter .container {
    grid-template-columns: repeat(1,1fr);
    gap: 50px;
}
        .vc_row.vc_column-gap-35 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    img.UnderBannerImg {
    display: none;
}
    .UnderBanner {
    padding: 40px 0px 0px 0px;
}
    .UnderBanner .container {
   display:block;
}
    .Banner h1{
        font-size: 52px;
    } 
    .Banner .BannerText {
    max-width: 66%;
}
    .Banner h2{
        font-size: 34px;
        padding-top: 30px;
    }
    .LogoWrap img {
    max-width: 150px;
}
.mobile-navigation {
    grid-template-columns: 20% 80%;
}
    .menu-main-menu-container {
    padding-top: 90px;
}
    ul#menu-main-menu-1 li{
        position:relative;
    }
    .archiveWrap .archive-loop {
    grid-template-columns: repeat(1,1fr);
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-202 {
    line-height: 16px !important;
}
  header .container {
	grid-template-columns: 50% 30% 16%;
}  
.PageBanner{
	height: 130px;
}  
.PageContent .cool-timeline .timeline-post .timeline-content .content-title a {
	font-size: 50px !important;
}
	.cool-timeline.white-timeline .timeline-post .timeline-content, .section-bullets-bottom li.white-timeline, .section-bullets-right li.white-timeline, .section-bullets-left li.white-timeline{
		margin-bottom: 20px;
	}
	.PageContent .ctl_info.event-description.full .full-width a {
		left: -150%;
		border: 5px solid #fff;
	}
    footer .container {
		grid-template-columns: 100%;
		gap: 20px;
	}
}