/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */

.section-services-crb { padding: 0; }
.section-services-crb .shell { border-top: 1px solid #eee; padding: 32px 0; }

/* ------------------------------------------------------------ *\
	List Services
\* ------------------------------------------------------------ */

.list-services-crb { font-size: 0; margin: 0 -15px; display: flex; }
.list-services-crb h4 { padding-bottom: 15px; font-size: 22px; color: #002453; }
.list-services-crb .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 44px; padding: 10px; margin-bottom: 16px; font-size: 0; background: #e8edf5; border-radius: 50%; }
.list-services-crb .icon img { max-width: 100%; max-height: 100%; width: auto; height: auto; padding: 0; margin: 0; }
.list-services-crb li { list-style-type: none; display: inline-block; font-size: 14px; width: 33.33%; vertical-align: top; color: #6d6d6d; padding: 0 15px 42px; line-height: 1.45; }
.list-services-crb img { max-width: 80px; height: auto; display: block; margin-bottom: 19px; }

/* ------------------------------------------------------------ *\
	Crb Awards
\* ------------------------------------------------------------ */

.section-home_awards-crb { padding-top: 65px; }
.section-home_awards-crb h2 { color: #002651; font-family: 'DINRoundPro'; font-size: 32px; letter-spacing: -0.5px; }
.section-home_awards-crb p { color: #5a5a5a; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 24px; }

/* ------------------------------------------------------------ *\
	Awards
\* ------------------------------------------------------------ */

.awards-crb { margin-top: 50px; display: flex; flex-wrap: wrap; flex-direction: column; min-width: 100%; border-bottom: 1px solid #eee; padding-bottom: 100px; margin-bottom: 25px; }

.awards-crb .awards__head { display: flex; flex-wrap: wrap; flex: 1 1 100%; justify-content: space-between; margin-bottom: 30px; }
.awards-crb .awards__head p { color: #848487; font-family: Poppins; font-size: 14px; font-weight: 500; text-transform: uppercase; }

.awards-crb .awards__entry { display: flex; flex-wrap: wrap; }
.awards-crb .awards__entry p { display: flex; flex-wrap: wrap; color: #5a5a5a; font-family: Poppins; font-size: 16px; font-weight: 400; line-height: 24px; }
.awards-crb .awards__item { display: flex; flex-wrap: wrap; flex: 1 1 100%; justify-content: space-between; margin-bottom: 10px; }

.awards-crb p.organisation { flex: 1 1 0; max-width: 29.02%; }
.awards-crb p.award { flex: 1 1 0; max-width: 29.02%; }
.awards-crb p.result { flex: 1 1 0; max-width: 18.88%; }
.awards-crb p.empty-col { flex: 1 1 0; max-width: 14%; }
.awards-crb p.year { max-width: 18.88%; }

.awards-crb .winner-row p { color: #002651; font-family: Poppins; font-size: 16px; font-weight: 600; line-height: 24px; }

@media only screen and ( max-width: 767px ) {
	.awards-crb {  }

	.awards-crb .awards__head { display: none; }
	.awards-crb .awards__item { flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; margin-bottom: 25px; }

	.awards-crb p.organisation { flex: auto; max-width: 100%; font-weight: 600; }
	.awards-crb p.award { flex: auto; max-width: 100%; min-width: 100%; }
	.awards-crb p.result { flex: auto; max-width: 100%; min-width: 100%; }
	.awards-crb p.empty-col { flex: auto; max-width: 100%; min-width: 100%; }
	.awards-crb p.year { flex: auto; max-width: 100%; min-width: 100%; }
	.awards-crb .winner-row p:not( .organisation ) { font-weight: 400; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   	.awards-crb p.organisation { flex: 1; }
	.awards-crb p.award { flex: 1; }
	.awards-crb p.result { flex: 1; }
	.awards-crb p.empty-col { flex: 1; }
	.awards-crb p.year { flex: 1; }
}

/* ------------------------------------------------------------ *\
	Section Certifactions
\* ------------------------------------------------------------ */

.section-certifications-crb { background: #f9f9f9; padding: 86px 0 88px; border-top: 1px solid #e0e0e0; }
.section-certifications-crb h3 { padding-bottom: 32px; }

/* ------------------------------------------------------------ *\
	Home Certifications
\* ------------------------------------------------------------ */

.certifications { background: none; border: none; padding-bottom: 0; }
.certifications .section__inner { position: relative; padding: 60px 260px 100px; border-bottom: 1px solid #eee; }

.certifications .section__inner:after,
.certifications .section__inner:before { content: ''; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; }
.certifications .section__inner:before { left: 0; min-width: 240px; min-height: 240px; background-image: url(images/new_site/section-left.png); }
.certifications .section__inner:after { right: 0; min-width: 251px; min-height: 238px; background-image: url(images/new_site/section-right.png); }

.certifications .certificates { margin: 0 -90px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; }

.certifications .certificate-item { margin-bottom: 30px; position: relative; z-index: 1; width: 90px; height: 144px; background-size: contain; background-repeat: no-repeat; }
.certifications .certificate-item > span:before { content: ''; z-index: 1; display: block; position: absolute; top: -3px; right: 3px; width: 27px; height: 32px; background-repeat: no-repeat; background-size: contain; background-image: url(images/new_site/Rectangle_2@2x.png);  }
.certifications .certificate-item > span > span { position: absolute; z-index: 2; top: 4px; right: 9px; color: #ffffff; font-family: "Circular Std"; font-size: 13px; font-weight: 700; }

@media only screen and ( max-width: 767px ) { /*  width: 47px; padding-top: 176.596%;  */
	.certifications .section__inner { padding: 74px; }
	.certifications .certificate-item { margin: 0 45px 30px; }
}

/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary-crb { background-size: cover; background-position: right; color: #5a5a5a; font-size: 14px; font-weight: 300; }
.section-primary-crb p { padding-bottom: 24px; }
.section-primary-crb h2 { padding-bottom: 20px; }
.section-primary-crb h3 { font-size: 32px; padding-bottom: 23px; color: #002651; }

.section-primary-crb .shell { padding: 88px 0; border-top: 1px solid #eee; }

.section-primary-crb .section-aside { float: left; width: 50%; padding-top: 27px; padding-right: 30px; font-size: 14px; line-height: 1.74; }
.section-primary-crb .section-content { float: right; width: 50%; padding-top: 0; }

.section-primary-crb .section-slider .slide { height: auto !important; }

.section-primary-crb .link-more,
.section-primary-crb .btn.btn-blue { display: inline-block; padding: 10px 24px 9px; font: 13px 'Poppins', sans-serif; letter-spacing: 0.5px; font-weight: 600; color: #fff; background-color: #1b4ea7; box-shadow: 0 8px 36px rgba(0, 78, 163, 0.25); border-radius: 4px; }
.section-primary-crb .link-more:hover,
.section-primary-crb .btn.btn-blue:hover { color: #fff; }
.section-primary-crb .list-certified { padding-bottom: 42px; font-size: 0; text-align: center; }
.section-primary-crb .list-certified li span { display: none; }

@media screen and ( max-width: 1200px ) {
	.section-primary-crb .shell { padding: 32px 20px; }
}

@media screen and ( max-width: 768px ) {
	.section-primary-crb .shell { display: flex; flex-direction: column-reverse; padding: 0 10px; }
}

/* ------------------------------------------------------------ *\
	Section Logos
\* ------------------------------------------------------------ */

.section-logos-crb { background: #fff; }
.section-logos-crb .list-logos { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.section-logos-crb .list-logos { border-bottom: none; }

/* ------------------------------------------------------------ *\
	Home List Logo
\* ------------------------------------------------------------ */

.list-logos-alt { margin: 0 -15px; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; padding: 86px 0; border-color: #eee; border-width: 1px 0 0 0; border-style: solid; }
.list-logos-alt .list_image { width: 216px; height: 216px; background-size: cover; margin: 5px; }

@media only screen and ( max-width: 1085px ) {

}

@media only screen and ( max-width: 942px ) {

}

@media only screen and ( max-width: 767px ) {
	.list-logos-alt .list_image { width: 40vw; padding-top: 100%; }
}

@media only screen and ( max-width: 600px ) {

	.list-logos-alt .list_image { width: 138px; height: 138px; }
}

/* ------------------------------------------------------------ *\
	Section Intro
\* ------------------------------------------------------------ */

.section-intro-crb { overflow: hidden; position: relative; padding: 32px 0; color: #fff; width: 100%; height: auto; background-color: #0050a1; background-image: linear-gradient(-45deg, rgba(0, 37, 82, 0) 0%, #002552 100%); }
.section-intro-crb .shell { white-space: nowrap; font-size: 0; display: flex; align-items: center; justify-content: space-between; }
.section-intro-crb .shell:after { display: none; }
.section-intro-crb h2 { padding-bottom: 25px; font-size: 48px; line-height: 1.17; }
.section-intro-crb img { display: block; margin: 0 0 17px; width: auto;  }
.section-intro-crb p { margin-bottom: 34px; }
.section-intro-crb p:last-child,
.section-intro-crb p:first-child { margin-bottom: 0; }
.section-intro-crb .image { z-index: 0; display: block; position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50%); width: 441px; height: 508px; vertical-align: middle; background: transparent no-repeat center center; background-size: cover; }
.section-intro-crb .entry { display: inline-block; width: 530px; vertical-align: middle; padding: 50px 0 68px; font-size: 16px; white-space: normal; }
.section-intro-crb .btn { padding: 11px 25px 8px; margin-right: 11px; font-family: 'Poppins', sans-serif; font-size: 13px; color: #fff; background-color: #1b50a5; box-shadow: 0 8px 36px #00204a; border-radius: 6px; letter-spacing: 0.5px; position: relative; z-index: 5; }
.section-intro-crb .btn:hover { background-color: #051b4a; }
.section-intro-crb .btn-dark { background-color: #051b4a; }
.section-intro-crb .btn-dark:hover { background-color: #1b50a5; }

.section-intro-crb .section__aside { position: relative; z-index: 99999; float: right; width: 448px; padding: 32px; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); }
.section-intro-crb .section__aside h4 { color: #002651; font-family: 'DINRoundPro'; font-size: 22px; letter-spacing: -0.5px; margin-bottom: 24px; }
.section-intro-crb .section__aside .gfield input { width: 384px; height: 44px; border: 1px solid #eaeaea; background-color: #ffffff; font-size: 14px; color: #000; }
.section-intro-crb .section__aside .gfield textarea { width: 384px; border: 1px solid #eaeaea; background-color: #ffffff; font-size: 14px; color: #000; }

@-moz-document url-prefix() {
	.section-intro-crb .shell { white-space: initial; }
}

@media only screen and ( max-width: 1085px ) {
	.section-intro-crb .shell { display: block; }
	.section-intro-crb .section__aside { float: none; margin: 0 auto; }
}

@media only screen and ( max-width: 480px ) {
	.section-intro-crb .section__aside { margin-top: 50px; width: 100%; }
	.section-intro-crb .section__aside .gfield input, 
	.section-intro-crb .section__aside .gfield textarea { width: 100%; }
}

/* ------------------------------------------------------------ *\
	CRB Responsive
\* ------------------------------------------------------------ */

@media(max-width: 1180px){
	.section-services-crb .shell { padding: 38px 40px; }
}

@media(max-width: 1024px){
	.section-primary .section-content { width: 45%; }
	.section-primary .section-aside { width: 55%; }
}

@media(max-width: 800px){
	.section-services-crb .shell { padding: 32px 32px 0; }
}

@media(max-width: 767px){
	.section-services-crb { padding: 20px 0; }
	.section-services-crb .shell { padding: 32px 14px 32px; }
	.list-services-crb { flex-direction: column; }
	.list-services-crb > * { flex: 1; width: 100% !important; }

	.section-primary-crb { display: flex; flex-direction: column; }
	.section-primary-crb .shell { padding-top: 32px; }
	.section-primary-crb .section-aside { flex: 1; width: 100%; margin-top: 40px; }
	.section-primary-crb .section-content { flex: 1; width: 100%; }
}

