html {padding:0px; margin:0px; height: 100%; overflow-x: hidden;}
body {font-family: 'Poppins', sans-serif; font-size:14px; font-weight:300; color:#D9D9D9; width:auto; padding:0px; margin:0px; height: 100%; overflow-x: hidden;
-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
-moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */}

@media print {
  html, body {
    height: auto !important;
    overflow: visible !important;
  }
}

h1 {font-weight:normal; font-size:38px; color:#333333; font-family: 'Gloock', serif}
h2 {font-weight:normal; font-size:28px; color:#333333; font-family: 'Gloock', serif}
h3 {font-weight:normal; font-size:26px; color:#333333; font-family: 'Gloock', serif}
h4 {font-weight:normal; font-size:20px; color:#333333; font-family: 'Gloock', serif}
h5 {font-weight:normal; font-size:16px; color:#333333; font-family: 'Gloock', serif}

.title-font {font-family: 'Gloock', serif}

@media (min-width:841px) {
    h1 {font-size:38px; margin-top:10px; margin-bottom:15px;}
    h2 {font-size:28px;}
    h3 {font-size:24px;}
    h4 {font-size:20px;}
    h5 {font-size:16px;}
}

.fs-12{font-size:12px!important;}
.fs-14{font-size:14px!important;}
.fs-16{font-size:16px!important;}
.fs-18{font-size:18px!important;}
.fs-25{font-size:25px!important;}
.fs-40{font-size:40px!important;}
.fs-65{font-size:65px!important;}

.fw-700{font-weight:700;}

td{font-size:14px;}

img {border:none;}
a {text-decoration:none; }
a:hover {text-decoration:none;}

.clr {clear:both;}
.img-center{vertical-align:middle;}
.img-right{float:right; margin-left:10px; margin-bottom:10px; }
.gallery-img {border:none}
.gallery-img-zoom {border:10px solid #fff;}
.photo {margin:5px; float:left;border:5px solid #fff; box-shadow: 2px 2px 10px #c1c1c1;}
.tweet {padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:5px;}

.angle-right{position:relative; display:inline-block; top:0px; padding-left:10px;}
.angle-right i {font-size:18px!important;}
.angle-right-function{position:relative; display:inline-block; top:0px; padding-left:10px;}

.black{color:#242424;}
.black-bg{background-color:#242424;}
.black-border{border:1px solid #242424!important;}
.white{color:#FFFFFF!important;}
.white-bg{background-color:#FFFFFF;}
.white-border{border:1px solid #FFFFFF!important;}
.light-grey{color:#F2f2f2;}
.light-grey-bg{background-color:#F2f2f2;}
.light-grey-border{border:1px solid #F2f2f2!important;}
.medium-grey{color:#D9D9D9;}
.medium-grey-bg{background-color:#D9D9D9;}
.medium-grey-border{border:1px solid #D9D9D9!important;}
.dark-grey{color:#808080;}
.dark-grey-bg{background-color:#808080;}
.dark-grey-border{border:1px solid #808080!important;}
.blue{color:#00a5dd;}
.blue-bg{background-color:#00a5dd;}
.blue-border{border:1px solid #00a5dd!important;}
.dark-blue{color:#0F004E!important;}
.dark-blue-bg{background-color:#0F004E;}
.dark-blue-border{border:1px solid #0F004E!important;}
.light-blue{color:#00D0F2;}
.light-blue-bg{background-color:#00D0F2;}
.light-blue-border{border:1px solid #00D0F2!important;}
.t1{color:#538C93;}
.t1-bg{background-color:#538C93;}
.t1-border{border:1px solid #538C93!important;}
.t2{color:#73AF77;}
.t2-bg{background-color:#73AF77;}
.t2-border{border:1px solid #73AF77!important;}
.t3{color:#0095D7;}
.t3-bg{background-color:#0095D7;}
.t3-border{border:1px solid #0095D7!important;}
.t4{color:#0028A1;}
.t4-bg{background-color:#0028A1;}
.t4-border{border:1px solid #0028A1!important;}
.t5{color:#0C688D;}
.t5-bg{background-color:#0C688D;}
.t5-border{border:1px solid #0C688D!important;}
.t6{color:#7D859F;}
.t6-bg{background-color:#7D859F;}
.t6-border{border:1px solid #7D859F!important;}
.t7{color:#999999;}
.t7-bg{background-color:#999999;}
.t7-border{border:1px solid #999999!important;}
.t8{color:#007BFF;}
.t8-bg{background-color:#007BFF;}
.t8-border{border:1px solid #007BFF!important;}
.red{color:#A00;}

.drop-down-grey-bg{background-color:#ddd;}

.border{border:1px solid #a00!important; box-sizing:border-box}

.align-left{text-align:center;}
.align-center{text-align:center;}
.align-right{text-align:center;}
.desktop-only{display:none;}
.mobile-only{display:block;}
@media (min-width:841px) {
	.align-left{text-align:left;}
	.align-center{text-align:center;}
	.align-right{text-align:right;}
	.desktop-only{display:block;}
	.mobile-only{display:none;}
}

.shaddow{box-shadow: 2px 2px 10px rgba(7,7,7,0.3);}

.sep{width:100%; background-color:#333333; height:1px; border-radius:5px; margin:5px 0px 5px 0px;}
.sep-5{width:100%; height:5px; margin:0px;}
.sep-10{width:100%; height:10px; margin:0px;}
.sep-15{width:100%; height:15px; margin:0px;}
.sep-20{width:100%; height:20px; margin:0px;}
.sep-25{width:100%; height:25px; margin:0px;}
.sep-30{width:100%; height:30px; margin:0px;}
.sep-35{width:100%; height:35px; margin:0px;}
.sep-40{width:100%; height:40px; margin:0px;}
.sep-45{width:100%; height:45px; margin:0px;}
.sep-50{width:100%; height:50px; margin:0px;}
.sep-60{width:100%; height:60px; margin:0px;}
.sep-70{width:100%; height:70px; margin:0px;}
.sep-80{width:100%; height:80px; margin:0px;}
.sep-90{width:100%; height:90px; margin:0px;}
.sep-100{width:100%; height:100px; margin:0px;}

.padding-5 {box-sizing:border-box; padding:0px 5px 0px 5px;}
.padding-10{box-sizing:border-box; padding:0px 10px 0px 10px;}
.padding-15{box-sizing:border-box; padding:0px 15px 0px 15px;}
.padding-20{box-sizing:border-box; padding:0px 20px 0px 20px;}
.padding-25{box-sizing:border-box; padding:0px 25px 0px 25px;}

#message {background-color:#080; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px;}
#error   {background-color:#c00; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px;}
#warning {background-color:#F90; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px;}

#menu-wrapper-mobile {display:block;}
#header-menu{display:none;}

#header-wrapper{position:relative; z-index:999!important;}
#menu-wrapper{position:relative;}
#slider-box{}

.content-button{position:relative; display:inline-block; padding:10px 55px 10px 25px; text-transform:uppercase; text-align:left; font-size:18px;}
.content-button:hover{cursor:pointer;}
.content-button-inner{position:absolute; top:22%; right:25px; width:8px; height:14px;}
.content-button a {text-decoration:none;}
.content-button a:hover {text-decoration:none;}

.content-button-deep{position:relative; display:inline-block; padding:10px 55px 10px 25px; text-transform:uppercase; text-align:left; font-size:18px;}
.content-button-deep:hover{cursor:pointer;}
.content-button-deep-inner{position:absolute; top:32%; right:25px; width:8px; height:14px;}
.content-button-deep a {text-decoration:none;}
.content-button-deep a:hover {text-decoration:none;}

.content-button-wide{position:relative; display:block; padding:20px 45px 20px 25px; xtext-transform:uppercase; text-align:left; font-size:20px;}
.content-button-wide:hover{cursor:pointer;}
.content-button-wide-inner{position:absolute; top:13px; right:25px; width:8px; height:14px;}
.content-button-wide a {text-decoration:none;}
.content-button-wide a:hover {text-decoration:none;}

.content-button-deep-wide{position:relative; display:block; padding:20px 45px 20px 25px; xtext-transform:uppercase; text-align:left; font-size:20px;}
.content-button-deep-wide:hover{cursor:pointer;}
.content-button-deep-wide-inner{position:absolute; top:13px; right:25px; width:8px; height:14px;}
.content-button-deep-wide a {text-decoration:none;}
.content-button-deep-wide a:hover {text-decoration:none;}

.content-button-33{position:relative; display:inline-block; padding:10px 125px 10px 25px; text-transform:uppercase; text-align:left; font-size:18px;}
.content-button-33:hover{cursor:pointer;}
.content-button-33 a {text-decoration:none;}
.content-button-33 a:hover {text-decoration:none;}

.centered-boxes{width:auto; text-align:center;}
.centered-box{position:relative; width:120px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; }

.centered-photos{width:auto; text-align:center;}
.centered-photo{position:relative; width:150px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; }
.centered-photo img {width:auto; max-width:100%; height:auto;}

.full-width{position:relative; width:100%; box-sizing:border-box; }
.content-wrapper{position:relative; padding:10px; width:auto; box-sizing:border-box;}
.content-wrapper img {width:auto; max-width:100%; height:auto;}

.content-wrapper-nopad{position:relative; padding:0px; width:auto;}
.content-wrapper-nopad img {width:auto; max-width:100%; height:auto;}

.content-wrapper-full-width{position:relative; padding:0px; width:auto;}
.content-wrapper-full-width img {width:auto; max-width:100%; height:auto;}

.menu-burger{position:absolute; top:0px; right:15px; z-index: 99999; color:#333; font-size:28px;}

.dynamic-col{}

@media (min-width:841px) {

        .dynamic-col{}

	.full-width{}
	.content-wrapper{position:relative; max-width:1400px; width:auto; margin-left:auto; margin-right:auto; }
	.content-wrapper-nopad{position:relative; max-width:1400px; width:auto; margin-left:auto; margin-right:auto; }
        .content-wrapper-full-width{position:relative; width:100%;}

	.col1-of-6 	{position:relative; float:left; width:15.11%; }
	.col2-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.61%; }
	.col3-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col4-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col5-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col6-of-6 	{position:relative; float:right; width:15.11%; }

	.col12-of-6 	{position:relative; float:left; width:32.0%; }
	.col123-of-6 	{position:relative; float:left; width:49.0%; }
	.col1234-of-6 	{position:relative; float:left; width:66.0%; }
	.col12345-of-6	{position:relative; float:left; width:82.9%; }

	.col56-of-6		{position:relative; float:right; width:32.0%; }
	.col456-of-6	{position:relative; float:right; width:49.0%; }
	.col3456-of-6	{position:relative; float:right; width:66.0%; }
	.col23456-of-6	{position:relative; float:right; width:82.9%; }

	.col1-of-5 	{position:relative; float:left; width:18.5%;}
	.col2-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col3-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col4-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col5-of-5 	{position:relative; float:right; width:18.5%;}

	.col12-of-5 	{position:relative; float:left; width:38.6%;}
	.col123-of-5 	{position:relative; float:left; width:58.9%;}
	.col1234-of-5 	{position:relative; float:left; width:79.2%;}

	.col2345-of-5 	{position:relative; float:right; width:79.5%;}
	.col345-of-5 	{position:relative; float:right; width:59.2%;}
	.col45-of-5 	{position:relative; float:right; width:38.6%;}

	.col1-of-4 	{position:relative; float:left; width:23.5%;  }
	.col2-of-4 	{position:relative; float:left; width:23.5%; margin-left:2%;  }
	.col3-of-4 	{position:relative; float:left; width:23.5%; margin-left:2%;  }
	.col4-of-4 	{position:relative; float:right; width:23.5%;  }

	.col12-of-4 {position:relative; float:left; width:49.0%; }
	.col23-of-4 {position:relative; float:left; width:49.0%; margin-left:1.7%;  }
	.col34-of-4 {position:relative; float:right; width:49.0%;  }

	.col123-of-4 {position:relative; float:left; width:74.4%; }
	.col234-of-4 {position:relative; float:right; width:74.4%;  }

	.col1-of-3 	{position:relative; float:left; width:32%; }
	.col2-of-3 	{position:relative; float:left; width:32%; margin-left:2%; }
	.col3-of-3 	{position:relative; float:right; width:32%; }

	.col12-of-3 {position:relative; float:left; width:66%; margin-right:1.4%; }
	.col23-of-3 {position:relative; float:right; width:66%; margin-left:1.4%; }

	.col1-of-2 	{position:relative; float:left; width:49%; }
	.col2-of-2 	{position:relative; float:right; width:49%; }

	.col-sep	{position:relative; float:left; width:1.4%; border:1px solid #eee}

	#menu-wrapper-mobile {display:none;}
	#header-menu{display:block; position:relative; width:auto; height:20px; margin:0px; z-index:99999; margin-top:20px; font-family: 'Gloock', serif}

	ul.topnav {position:relative; right:50%; float:right; clear:left; list-style:none; padding:0px; margin:0px; font-size: 14px;}
	ul.topnav li {display:block; float:left; margin:0px; padding:0px; position: relative; left:50%; box-sizing:border-box;}
	ul.topnav li a{display:block; float:left;     padding: 0px 10px 0px 10px; margin:0px 0px 0px 0px; color:#ffffff;  text-decoration: none; font-weight:normal;  height:20px; text-align:center; border-bottom:2px}
	ul.topnav li a:hover{overflow:hidden; border-bottom: 2px solid #fff}

	ul.topnav li ul.subnav {list-style:none; position:absolute; left:0px; top:20px; margin:0; padding:0; display:none; z-index:99999;}
	ul.topnav li ul.subnav li{margin:0; padding:0; clear:both; left:0px;}
	ul.topnav li ul.subnav li a {float:left; width:250px; text-align:left; background-color:#4f6572; color:#fff; border-top:2px solid #fff;}
	ul.topnav li ul.subnav li a:hover {background-color:#dadada; color:#333; background-image:none; border-bottom:none;}
}

/* ------------------------------------------------------------------------------------------
	QForm
	------------------------------------------------------------------------------------------ */
.qform-question-title{font-size:20px; font-family: 'Gloock', serif; margin:10px 0px 10px 0px;}
.qform-label {margin-bottom:0px; padding:0px 0px 0px 0px;}
.qform-input {xmargin-bottom:30px; }
.qform-input input {width:100%; padding:17px 0px 17px 15px; border:1px solid #e3e3e3; background-color:#fff; border-radius: 0px;}
.qform-input textarea{width:100%; padding:5px 0px 5px 15px; border:1px solid #e3e3e3;}
/*.qform-input select {
    padding:5px 15px 5px 15px;
    border:1px solid #e3e3e3;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-color:#fff!important;
    border-radius:0x;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="blue" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}*/

.qform-input select {
    appearance: none;
  -webkit-appearance: none;

  /* Your SVG encoded for CSS */
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.00391 6.63477L0.710937 1.38769L1.40137 0.703125L5.65137 4.91797L6.00391 5.2666L6.35547 4.91797L10.6074 0.704102L11.2979 1.38867L6.00391 6.63477Z" fill="%2300D0F2" stroke="%2300D0F2"/></svg>');

  background-repeat: no-repeat;
  background-position: right 12px center; /* Adjust 12px to change distance from edge */
  background-size: 12px 8px; /* Matches your SVG dimensions */

  /* Essential styling to make room for the icon */

  height: 60px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;

  padding:15px 35px 15px 10px;
  border:1px solid #e3e3e3;
}


.button-qform{position:relative; text-align:center; padding:10px 25px 10px 25px; background-color:#be202e; width:135px; font-size:14px; margin:15px auto 10px auto; color:#fff; cursor:pointer;}
.button-qform a{color:#fff; text-decoration:none;}
.qform-input table {width:100%; text-align:left;}
.qform-fld-error{display:block ;color:#d00!important; font-size:14px;}
.delivery-error{color:#d00!important; margin:0px 0px 0px 0px}
.inline-button-red{color:#ea1d2b; font-weight:bold; display:inline;}
.inline-button-red a {color:#ea1d2b; text-decoration:underline;}
.q-form-help{font-size:12px; color:#999;}
.form-div{padding-right:0px;}
.qform-wrapper{max-width:450px;}

.form-notes {font-size:12px!important; }
.form-notes a {color:#00a5dd;}

.form-notes p{font-size:12px!important; }
.form-notes p a {color:#00a5dd;}

.form-button{background-color:#fe7e11; display:inline-block; color:#fff; padding:5px 15px 5px 15px; border-radius:5px; cursor:pointer;}
.prod-chk{background-color:rgba(0,0,0,0.3); padding:5px; box-sizing:border-box; cursor:pointer; text-align:center;}
.qform-add-additional {font-size:14px; margin:10px 0px 25px 0px; cursor:pointer;}
.qform-add-additional i {color:#000; margin-right:10px; margin-left:5px;}

#map-panel{position:relative; height:300px;}

@media (min-width:841px) {
        .qform-question-title{font-size:28px;}
	.qform-label {xmargin-bottom:5px;}
	.qform-input {xmargin-bottom:30px;}
	.button-qform{float:left;}
	.qform-fld-error{float:left;}
        .form-div{padding-right:25px;}
        .qform-input select {min-width:225px;}
}


/* ------------------------------------------------------------------------------------------
    SlickNav config
------------------------------------------------------------------------------------------ */
#menu-wrapper-mobile a {color:#333;}
.slicknav_menu {background:#fff;}
.slicknav_nav a{color:#a33!important;}
.slicknav_nav .slicknav_row:hover a {background:#f2f2f2; color:#333333!important;}
.slicknav_nav a:hover{background:#f2f2f2; color:#333333!important; background-color:#f7f7f7;}


/* ------------------------------------------------------------------------------------------
    CC Fader
------------------------------------------------------------------------------------------ */
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.frame-1 {animation:fadeIn ease-in 1; opacity:0; animation-fill-mode:forwards; animation-duration:0.5s; animation-delay: 0.2s;}
.frame-2 {animation:fadeIn ease-in 1; opacity:0; animation-fill-mode:forwards; animation-duration:0.5s; animation-delay: 0.4s;}
.frame-3 {animation:fadeIn ease-in 1; opacity:0; animation-fill-mode:forwards; animation-duration:0.5s; animation-delay: 0.6s;}

.fader-wrapper{position:relative; height:430px; xmax-width:1600px; margin-left:auto; margin-right:auto}
.fader-box-span-wide{display: inline-block; vertical-align: middle; line-height:20px; padding:20px; box-sizing:border-box; }
.fader-title-wide{font-size:28px; line-height:30px; padding:10px 15px 10px 25px; box-sizing: border-box; font-family: 'Gloock', serif; xxxbackground-color:rgba(0,165,221,0.8); display:inline-block; width:100%;}
.fader-desc-wide{font-size:14px; padding:10px 15px 10px 25px; xxxbackground-color:#242424; margin-top:1px;}
.current-panel{display:block; z-index:999;}
.fader-link-button{xmin-width:200px; font-size:16px; line-height:normal; padding:0px;  margin-top:10px; margin-left:25px; xfloat:left; background-color:#00D0F2; display:inline-block; color:#fff;}
.fader-box-chevron{position:relative; float:right;}

.content-box-footer{position:absolute; text-align:center; width:100%; left:0px; bottom:0px;}
.content-box-footer a {font-weight:bold; text-decoration:underline}
.fader-footer-bullet-wrapper{padding:15px 10px 25px 10px; xmax-width:1400px; margin-left:auto; margin-right:auto; text-align:left; box-sizing:border-box;}
.fader-bullet{position:relative; cursor:pointer;  display:inline-block; box-sizing:border-box; height:15px; width:15px!important;}
.fader-bullet-on{background-color:#00a5dd; }
.fader-bullet-off{background-color:#ffffff; }

.fader-gradient-overlay{background: linear-gradient(to right, rgba(15, 0, 78, 1.0), rgba(0, 0, 0, 0) 60%, rgba(0, 208, 242, 0.0)); height:100%;}
/*
linear-gradient(to right, rgba(15, 0, 78, 1.0), rgba(0, 0, 0, 0) 60%, rgba(0, 208, 242, 0.6)), url('/userfiles/image/1771103709-ed7fc50db66d8315e35683dd6528efb89bf6a2e3.jpg')
.fader-gradient-overlay{background: linear-gradient(to right, rgba(15, 0, 78, 1.0), transparent); height:100%;}
*/

.fader-fill{background-color:#00a5dd; z-index:1; width:0px; height:100%; position:absolute; left:0px; display:none;}

@media (min-width:841px) {
    .fader-wrapper{position:relative; height:760px}
    .fader-inner-wrapper{line-height:760px; xpadding-top:20px; max-width:1400px; position:relative; margin-left:auto; margin-right:auto; }
    .fader-box-span-wide{max-width:880px; padding:0px;}
    .fader-title-wide{font-size:60px; line-height:normal; padding:0px 25px 0px 25px; width:auto;}
    .fader-desc-wide{font-size:22px; line-height:normal; padding:10px 25px 10px 25px;}
    .fader-link-button{margin-top:1px; xfloat:right;}
}


/* ------------------------------------------------------------------------------------------
    CC Fader Small
------------------------------------------------------------------------------------------ */
.fader-wrapper-small{position:relative; height:250px; max-width:1600px; margin-left:auto; margin-right:auto;}
.fader-box-span-wide-small{display: inline-block; vertical-align: middle; line-height:20px; padding:0px 20px 20px 20px; box-sizing:border-box; }
.fader-inner-wrapper-small{line-height:250px; padding-top:0px; max-width:1400px; position:relative; margin-left:auto; margin-right:auto; }

@media (min-width:841px) {
    .fader-wrapper-small{position:relative; height:425px}
    .fader-inner-wrapper-small{line-height:390px; xpadding-top:50px; max-width:1400px; position:relative; margin-left:auto; margin-right:auto; }
    .fader-box-span-wide-small{max-width:880px; padding:0px;}
}

/* ------------------------------------------------------------------------------------------
    CC Blog Summary
------------------------------------------------------------------------------------------ */
.blog-links a:hover{text-decoration:none!important;}
.blog-summary-image{position:relative; height:250px; background-size:cover; background-position:center center}
.blog-summary-no-image{position:relative; height:250px; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.blog-summary-title{font-weight:bold; font-size:16px;}
.blog-summary-excerpt{}

.blog-date-wrapper{box-sizing:border-box; text-align:center; padding:10px 1px 10px 1px; max-width:200px; margin-left:auto; margin-right:auto;}
.blog-date-day{font-size:72px; line-height:54px; font-weight:bold;}
.blog-date-month{font-size:22px;}

.blog-image-wrapper{width:100%; box-sizing:border-box;}
.blog-image-wrapper img{box-sizing:border-box; margin-bottom:15px; }
.blog-main-image{width:100%; box-sizing:border-box; padding:5px 5px 0px 5px;}
.blog-thumbs img{width:100%;}
.blog-thumbs-1{width:100%; box-sizing:border-box; display:inline-block; padding:5px}
.blog-thumbs-2{width:50%; box-sizing:border-box; display:inline-block; padding:5px}
.blog-thumbs-3{width:33.333%; box-sizing:border-box; display:inline-block; padding:5px}

@media (min-width:841px) {
    .blog-summary-image{height:400px;}
    .blog-image-wrapper{width:40%; float:right; margin:0px;}
}

/* ------------------------------------------------------------------------------------------
    CC Case Studies
------------------------------------------------------------------------------------------ */
.casestudy-links a:hover{text-decoration:none!important;}
.casestudy-summary-image{position:relative; height:250px; background-size:cover; background-position:center center}
.casestudy-summary-no-image{position:relative; height:250px; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.casestudy-summary-title{font-weight:bold; font-size:16px;}
.casestudy-summary-excerpt{}

.casestudy-date-wrapper{box-sizing:border-box; text-align:center; padding:10px 1px 10px 1px; max-width:200px; margin-left:auto; margin-right:auto;}
.casestudy-date-day{font-size:72px; line-height:54px; font-weight:bold;}
.casestudy-date-month{font-size:22px;}

.casestudy-image-wrapper{width:100%; box-sizing:border-box;}
.casestudy-image-wrapper img{box-sizing:border-box; margin-bottom:15px; }
.casestudy-main-image{width:100%; box-sizing:border-box; padding:5px 5px 0px 5px;}
.casestudy-thumbs img{width:100%;}
.casestudy-thumbs-1{width:100%; box-sizing:border-box; display:inline-block; padding:5px}
.casestudy-thumbs-2{width:50%; box-sizing:border-box; display:inline-block; padding:5px}
.casestudy-thumbs-3{width:33.333%; box-sizing:border-box; display:inline-block; padding:5px}

@media (min-width:841px) {
    .casestudy-summary-image{height:400px;}
    .casestudy-image-wrapper{width:40%; float:right; margin:0px;}
}

/* ------------------------------------------------------------------------------------------
    CC Testimonial slider
------------------------------------------------------------------------------------------ */
.testimonial-wrapper{}
.testimonial-hide{display:none;}
.testimonial-comment{text-style:italic;}
.testimonial-credit{font-weight:bold; font-size:12px;}

/* ------------------------------------------------------------------------------------------
    FAQs
------------------------------------------------------------------------------------------ */
.question{cursor:pointer; padding:10px 25px 10px 25px; font-size:14px; margin-top:1px; background-color:rgba(0,0,0,0.05)}
.answer{display:none; padding:10px 25px 10px 25px; font-size:14px; background-color:rgba(0,0,0,0.02)}

/* ------------------------------------------------------------------------------------------
    Contact Form JS
------------------------------------------------------------------------------------------ */

.contact-html input{ border:1px solid rgba(0,0,0,0.2); width:95%!important; font-size:14px; padding-left:5px; height:30px; text-align:left; box-sizing:border-box}
.contact-html textarea{ border:1px solid rgba(0,0,0,0.2); width:95%!important; font-size:14px; padding-left:5px; height:30px; text-align:left; height:75px; box-sizing:border-box}
.content-enquiry-button {background-color:#000; color:#fff; cursor:pointer; font-size:14px; height:31px; padding:10px 15px 0px 15px; display:inline-block; }

.content-enquiry-spinner {display:none;}
.content-enquiry-spinner i {padding-top:3px;}
.content-enquiry-result{font-size:14px; padding-top:10px;}


/* ------------------------------------------------------------------------------------------
    Image/Text 50/50
------------------------------------------------------------------------------------------ */
.image5050{background-size:cover; background-position:center center; min-height:300px}

@media (min-width:841px) {
    .row5050{height:auto; display: flex; flex-flow: row column; width:100%; margin-left:auto; margin-right:auto;}
    .left5050{max-width:50%; flex: 1 1 100%;}
    .right5050{max-width:50%; flex: 1 1 100%;}
    .left5050-float{position:relative; float:right!important;}
}

/* ------------------------------------------------------------------------------------------
    Image/Text 60/40
------------------------------------------------------------------------------------------ */
.image6040{background-size:cover; background-position:center center; min-height:300px}

@media (min-width:841px) {
    .row6040{height:auto; display: flex; flex-flow: row column; width:100%; margin-left:auto; margin-right:auto;}
    .left6040{max-width:60%; flex: 1 1 100%;}
    .right6040{max-width:40%; flex: 1 1 100%;}
    .left6040-float{position:relative; float:right!important;}
}

/* ------------------------------------------------------------------------------------------
    Jagged section
------------------------------------------------------------------------------------------ */
.jagged-overlay{background-size:100% 100%; min-height:500px; background-image:url(/img/jagged-overlay.png); padding-top:150px; padding-bottom:200px;}

.jagged-overlay-top{background-image:url(/img/jagged-overlay-top.png); background-repeat:no-repeat; background-position:top; background-size: 100% 100%; height:85px; width:100%}
.jagged-overlay-bottom{background-image:url(/img/jagged-overlay-bottom.png); background-repeat:no-repeat; background-position:bottom; background-size: 100% 100%; height:125px; width:100%;}


@media (min-width:841px) {
}

/* ------------------------------------------------------------------------------------------
    Header
------------------------------------------------------------------------------------------ */
.fader-header-wrapper{position:absolute; top:0px; width:100%; height:100px; z-index: 999999; display:block;}

.header-logo{padding:15px;}
.header-box-1{background-color:rgba(0,0,0,0.5); margin-bottom:1px; margin-left:1px; width:20%!important;}
.header-box-2{background-color:rgba(0,0,0,0.5); margin-bottom:0px; margin-left:1px; width:20%!important;}

/*.cc-hover:hover{background-color:#00a5dd; cursor:pointer;}
.cc-hover a {color:#ffffff;}
.cc-dropdown{width:100%;}
.cc-dropdown-button{}
.cc-dropdown-title{display:inline-block; vertical-align: middle; text-transform:uppercase; font-size:10px;}
.cc-dropdown-menu{position:absolute; left:0px; margin-top:0%; padding:15px 0px 10px 0px; display:none; width:100%;}
.cc-dropdown-item{display:block; padding:3px; box-sizing:border-box; font-size:10px;}
.cc-dropdown-item:hover{display:block; background-color:rgba(255,255,255,0.2); text-decoration:none; color:#fff;}

.cc-hover > a > div > div > div > .cc-dropdown-menu{display: none;}

.cc-hover:hover > div > div > div > .cc-dropdown-menu{display: block;}
.cc-hover:hover > a > div > div > div > div > div  .cc-dropdown-arrow{color:#fff}
.cc-hover:hover > a > div > div  .cc-dropdown-arrow-right{background-image: url(/img/chevron-right-white-15.png);}
.cc-hover:hover > div > div  .cc-dropdown-arrow-down{background-image: url(/img/chevron-right-white-15.png); transform: rotate(-90deg);}*/

.cc-search-wrapper{display:inline-block; vertical-align: middle; max-width:85%!important; font-size:10px;}
.cc-search{display:inline-block; font-weight:100; vertical-align: middle; margin-top:1px; float:right; transform: scale(1.5, 1.5); cursor:pointer; max-width:15%!important;}
.cc-header-keyword{background-color:rgba(0,0,0,0) !important; border:none !important; width:100%; position:relative; color:#fff;}
.cc-search i{font-size:10px}

.cc-header-telephone i{vertical-aign:center; font-size:14px; color:#ffffff; margin-right:5px;}
.cc-header-telephone a{vertical-aign:center; font-size:14px; color:#00a5dd; font-weight:bold;}
.cc-header-telephone a:hover{text-decoration:none;}

.cc-header-menu-cell{position:relative; white-space:nowrap; padding:0px 10px 0px 10px; float:right!important; font-size:10px}
.cc-header-menu-cell a{color:#fff;}
.cc-header-menu-cell-label{display:inline-block; float:right;}
.cc-header-menu-cell-dropdown-arrow-down{display:inline-block; float:right; width:15px; height:15px; background-image: url(/img/chevron-right-white-15.png); transform: rotate(90deg);}

.cc-mobile-menu {box-sizing:border-box; padding:15px 25px 15px 25px;}
.mobile-logo {max-height:85px;}
.cc-burger {display:block;}
.cc-burger img {display:block;}
.cc-burger-label {display:block; text-align:right; font-size:10px; text-align:center;}

.cc-menu-touch_point{position:relative; cursor:pointer;}
.menu-burger{position:absolute; top:10px; right:20px; width:32px; height:32px; padding:0px;}
.menu-close{position:absolute; top:10px; right:20px; width:32px; height:32px; padding:0px; display:none}

.cc-mobile-menu-wrapper{display:none;}
.cc-mobile-option-wrapper {display:block; padding:0px; cursor:pointer;}
.cc-mobile-option-wrapper:hover {background-color:rgba(255,255,255,0.1); display:block;}
.cc-mobile-option-wrapper a {color:#ffffff;}
.cc-mobile-option-inner{padding:5px 0px 5px 0px;}
.cc-mobile-title{display:inline-block; vertical-align: middle; text-transform:uppercase; font-size:14px;}
.cc-mobile-title-small{display:inline-block; vertical-align: middle; font-size:14px;}
.cc-mobile-arrow-right{display:inline-block; margin-top:2px; float:right; width:15px; height:15px; background-image: url(/img/chevron-right-blue-15.png); background-size:contain;}
.cc-mobile-arrow-right-more{display:inline-block; margin-top:2px; float:right; width:15px; height:15px; background-image: url(/img/chevron-right-blue-15.png); background-size:contain; transform: rotate(90deg);}

.cc-mobile-sub-menu-wrapper{display:none; padding-left:25px 25px 25px 15px; box-sizing: border-box; padding-bottom:10px;}
.cc-mobile-sub-menu-option{display:block; padding:5px 10px 5px 10px; box-sizing: border-box;}
.cc-mobile-sub-menu-option a {color:#fff; display:block;}
.cc-mobile-sub-menu-option a:hover{text-decoration:none;}
.cc-mobile-sub-menu-option:hover {background-color:rgba(255,255,255,0.1)}

.cc-mobile-search-wrapper{display:inline-block; vertical-align: middle; max-width:85%!important; font-size:14px;}
.cc-mobile-search {display:block; padding:0px; background-color:rgba(255,255,255,0.1);}


@media (min-width: 850px) {
    .fader-header-wrapper{height:100px;}
    .cc-dropdown-title{font-size:11px;}
    .cc-header-telephone i{font-size:16px;}
    .cc-header-telephone a{font-size:16px;}
    .cc-header-menu-cell{font-size:11px}
    .cc-search-wrapper{font-size:11px;}
    .cc-search i{font-size:11px}
    .cc-dropdown-item{font-size:14px;}
}

@media (min-width: 950px) {
    .fader-header-wrapper{height:125px;}
    .cc-dropdown-title{font-size:12px;}
    .cc-dropdown-arrow-right{display:inline-block; margin-top:2px; float:right; width:15px; height:15px; background-image: url(/img/chevron-right-blue-15.png); background-size:contain;}
    .cc-dropdown-arrow-down{display:inline-block; margin-top:2px; float:right; width:15px; height:15px; background-image: url(/img/chevron-right-blue-15.png); background-size:contain; transform: rotate(90deg);}
    .cc-header-telephone i{font-size:18px;}
    .cc-header-telephone a{font-size:18px;}
    .cc-header-menu-cell{font-size:12px}
    .cc-search-wrapper{font-size:12px;}
    .cc-search i{font-size:12px}
    .cc-dropdown-item{font-size:14px;}
}

@media (min-width: 1200px) {
    .fader-header-wrapper{height:125px;}
    .cc-dropdown-title{font-size:14px;}
    .cc-header-telephone i{font-size:22px;}
    .cc-header-telephone a{font-size:22px;}
    .cc-header-menu-cell{font-size:13px; padding:0px 15px 0px 15px;}
    .cc-search-wrapper{font-size:14px;}
    .cc-search i{font-size:14px}
    .cc-dropdown-item{font-size:14px;}

}

/* ------------------------------------------------------------------------------------------
    Footer
------------------------------------------------------------------------------------------ */
#BackToTop{font-size:24px; position:fixed; bottom:10px; right:25px; cursor:pointer; text-shadow: 0px 0px 2px #ffffff; z-index: 9999999; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white;}

.footer-title{font-size:22px; padding-bottom:10px; font-family: 'Gloock', serif}
.cc-footer-contact{font-size:13px; color:#00a5dd;}
.cc-footer-contact a {color:#00a5dd;}
.cc-footer-contact i {color:#ffffff; margin-right:10px;}

.cc-fa-wrapper{display:inline-block; padding:3px 3px 0px 3px; border-radius:5px; width:25px; height:25px; text-align:center; margin:0px 10px 0px 0px;}
.cc-fa-wrapper i{font-size:20px;}

.footer-link {padding-bottom:10px;}
.footer-link a {color:#00a5dd;}

#footer-sep{position:relative; background-color:#00a5dd; font-size:0px; height:1px; width:100%; margin:10px 0px 10px 0px}

#footer-left{position:relative; float:left; font-size:12px; margin-bottom:30px;}
#footer-left a {color:#ffffff; text-decoration:none;}
#footer-left a:hover {text-decoration:underline;}

#footer-right{position:relative; float:right; font-size:12px; text-align:right; color:#ffffff; margin-bottom:30px;}
#footer-print{display:none;}

@media (min-width:841px) {
    .footer-title{font-size:22px; padding-bottom:20px;}
    .cc-footer-contact{font-size:14px;}
}
@media (min-width:1050px) {
    .cc-footer-contact{font-size:16px;}
}

/* ------------------------------------------------------------------------------------------
    Body
------------------------------------------------------------------------------------------ */
.sub_page_li a{font-weight:bold;}
.owl-carousel{height:100px;}

.home-column-title{font-weight:normal; font-size:38px!important; color:#333333; font-family: 'Gloock', serif; padding-bottom:15px;}
.home-column-body{}
.home-column-img{height:275px; width:100%; background-size:cover; background-position: center center; margin-bottom:15px;}

.breadcrumbs{color:#999999;}
.breadcrumbs a{color:#999999;}

.body-content p:first-child { font-size:16px;}

.body-wrapper ul {list-style: none}
.body-wrapper li::before {content: "\25cf"; color: #00a5dd;  display: inline-block; width: 1em;  margin-left: -1em; margin-right:0px;}
.body-wrapper a {color:#000; text-decoration:none;}
.body-wrapper a:hover {color:#00a5dd; text-decoration:underline;}

.telephone-href{font-weight:500}

@media (min-width:841px) {
    .home-column-title{font-size:30px;}
}

/* ------------------------------------------------------------------------------------------
    Header Offices Drop Down
------------------------------------------------------------------------------------------ */
.cc-offices-hover:hover{background-color:#00a5dd; cursor:pointer;}
.cc-offices-hover a {color:#fff;}
.cc-offices-dropdown{width:100%;}
.cc-offices-dropdown-button{padding:0px; box-sizing:border-box;}
.cc-offices-dropdown-title{display:inline-block; vertical-align: middle; font-size:10px; color:#fff;}
.cc-offices-dropdown-menu{position:absolute; margin-top:0%; padding:15px 0px 15px 0px; display:none; box-sizing:border-box; z-index: 999; right: 0px; left: 5px; width:175px;}
.cc-offices-dropdown-item{display:block; padding:3px; box-sizing:border-box; font-size:10px;}
.cc-offices-dropdown-item:hover{display:block; background-color:rgba(255,255,255,0.2); text-decoration:none; color:#fff;}
.cc-offices-hover:hover > div > div > div > div> .cc-offices-dropdown-menu{display: block;}

@media (min-width: 850px) {
    .cc-offices-dropdown-title{font-size:11px;}
    .cc-offices-dropdown-item{font-size:11px;}
}

@media (min-width: 950px) {
    .cc-offices-dropdown-title{font-size:12px;}
    .cc-offices-dropdown-item{font-size:12px;}
    .cc-offices-dropdown-button{padding:0px;}
}

@media (min-width: 1200px) {
    .cc-offices-dropdown-title{font-size:13px; padding-right:20px;}
    .cc-offices-dropdown-item{font-size:13px;}
    .cc-offices-dropdown-button{padding:0px;}
    .cc-offices-dropdown-menu{right: 0px; left: 0px;}
    .cc-offices-dropdown-arrow-down{position:absolute; top:10%; right:10px; display:inline-block; margin-top:2px; float:right; width:15px; height:15px; background-image: url(/img/chevron-right-blue-15.png); background-size:contain; transform: rotate(90deg);}
}


/* ------------------------------------------------------------------------------------------
    Latest Opportunities
------------------------------------------------------------------------------------------ */
.latest-title{font-size:16px; font-family: 'Gloock', serif}
.latest-view-all a {font-size:14px; color:#00a5dd}

.opportunity-wrapper{position:relative; padding:20px 15px 20px 15px; margin-bottom:10px;}
.opportunity-title{font-size:18px; line-height:20px; margin-bottom:10px; font-weight:400;}
.opportunity-map-pin{display:inline-block; margin-right:10px; }
.opportunity-pound{display:inline-block; margin-right:10px;}
.opportunity-location{display:inline-block; font-size:14px;}
.opportunity-remuneration{display:inline-block; font-size:14px;}
.opportunity-details i {vertical-align:middle; font-size:18px;}

@media (min-width:841px) {
    .opportunity-wrapper{margin-bottom:0px;}
    .latest-title{font-size:32px;}
    .opportunity-title{min-height:50px; font-size:24px; line-height:34px; margin-bottom:15px;}
    .opportunity-details i {font-size:24px;}
    .opportunity-location{font-size:16px;}
    .opportunity-remuneration{font-size:16px;}
}


/* ------------------------------------------------------------------------------------------
    Latest Knowledge
------------------------------------------------------------------------------------------ */
.knowledge-wrapper{position:relative; padding:0px 0px 10px 0px; margin-bottom:10px;}
.knowledge-title{font-size:18px; line-height:20px; height:215px;}
.knowledge-map-pin{display:inline-block; margin-right:10px; }
.knowledge-pound{display:inline-block; margin-right:10px;}
.knowledge-location{display:inline-block; font-size:14px;}
.knowledge-remuneration{display:inline-block; font-size:14px;}
.knowledge-details i {vertical-align:middle; font-size:18px;}
.knowledge-details {color:#000; font-size:15px}
.knowledge-image{ height:215px; background-size:cover; background-position:center center;}

@media (min-width:841px) {
    .knowledge-wrapper{margin-bottom:0px;}
    .knowledge-title{font-size:24px; line-height:28px;}
    .knowledge-details i {font-size:24px;}
    .knowledge-location{font-size:16px;}
    .knowledge-remuneration{font-size:16px;}
}


/* ------------------------------------------------------------------------------------------
    Sub Page Links
------------------------------------------------------------------------------------------ */
.sub-page-details-outer a:hover {color:#000000; text-decoration:none;}
.sub-page-wrapper{position:relative; padding:10px 15px 10px 15px; margin-bottom:10px;}
.sub-page-title{font-size:18px; xline-height:20px;}
.sub-page-details i {vertical-align:middle; font-size:18px;}
.sub-page-details {color:#000;}

.sub-page-thumb{width:100%; height:400px; background-size:cover; background-position:center center;}

@media (min-width:841px) {
    .sub-page-wrapper{margin-bottom:0px;}
    .sub-page-title{font-size:20px; xline-height:24px;}
    .sub-page-details i {font-size:24px;}
}

/* ------------------------------------------------------------------------------------------
    Get in Touch Box
------------------------------------------------------------------------------------------ */
.get-in-touch-wrapper{border:1px solid rgba(0,0,0,0.1); padding:15px 25px 15px 25px; box-sizing: border-box;}
.get-in-touch-title{font-size:22px; padding-bottom:10px; font-family: 'Gloock', serif}
.get-in-touch-body{}
.get-in-touch-contact{font-size:14px; color:#00a5dd;}
.get-in-touch-contact a {color:#00a5dd;}
.get-in-touch-contact i {margin-right:10px;}

.get-in-touch-wrapper-wide{border:1px solid rgba(0,0,0,0.1); padding:10px 0px 10px 0px; box-sizing: border-box;}

@media (min-width:992px) {
    .get-in-touch-title{font-size:18px; padding-bottom:10px;}    
    .get-in-touch-contact{font-size:18px;}
}

/* ------------------------------------------------------------------------------------------
    Testimonials
------------------------------------------------------------------------------------------ */
.testimonal-title{font-size:22px; padding-bottom:10px; font-family: 'Gloock', serif}
.testimonial-wrapper{position:relative; border:1px solid rgba(0,0,0,0.1); padding:15px 25px 15px 25px; box-sizing: border-box;}
.testimonial-inner{box-sizing:border-box; padding:0px 40px 0px 40px}
.box-66{position:absolute; top:-1px; left:-1px; background-color:#fff; padding:0px 10px 10px 0px}
.box-99{position:absolute; bottom:-1px; right:-1px; background-color:#fff; padding:10px 0px 0px 10px}

.testimonials-content{font-size:18px;}
.testimonials-credit-name{color:#00a5dd; font-size:16px;}
.testimonials-credit-info{color:#000000; font-size:14px;}
.testimonial{display:none;}
.tselected{display:block;}
.testimonial-bullet{cursor:pointer; margin-right:5px;}

@media (min-width:841px) {
}

/* ------------------------------------------------------------------------------------------
    Sub Functions
------------------------------------------------------------------------------------------ */

.sub-function-wrapper{border-top:1px solid #eee; padding-top:20px; margin-top:20px; position:relative; z-index:999;}
.sub-function-wrapper a:hover{text-decoration:none; color:#00D0F2!important;}
.sub-function-title{font-size:24px; padding:5px 0px 10px 0px}
.sub-function-abstract{}

@media (min-width:841px) {
}


/* ------------------------------------------------------------------------------------------
    Knowledge
------------------------------------------------------------------------------------------ */
.search-page{position:relative; display:inline-block; width:24px; height:22px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center; vertical-align:middle;}
.search-page svg {margin-top:-1px;}
.search-page a{text-decoration:none; line-height:21px;}
.search-page {text-decoration:none; line-height:21px;}
.search-page:hover{cursor:pointer;}
.search-page-active{background-color:#00a5dd;}
.search-page-active a{color:#ffffff; text-decoration:none;}
.search-page-dark {color:#000;}
.search-page-dark a {color:#000;}
.search-page-light {color:#fff!important;}

.pagination-dark{border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-radius:0px; padding:25px 0px 25px 0px; font-size:16px;}
.pagination-light{border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); border-radius:0px; padding:25px 0px 25px 0px; font-size:16px;}

.xknowledge-details-outer {margin-top:25px;}
.xknowledge-details-outer a:hover {color:#000000; text-decoration:none;}
.knowledge-date{font-size:12px; }
.knowledge-tag{font-size:12px; }

.knowledge-header{font-size:18px; font-family: 'Gloock', serif}
.knowledge-back a{font-size:12px; color:#00a5dd;}
.knowledge-detail-date{font-size:12px;}

.href-inner a {color:#00a5dd;}


.href-inner-intro a {color:#00D0F2;}

@media (min-width:841px) {
    .knowledge-date{float:left; width:40%;}
    .knowledge-tag{float:right; width:60%;}
    .knowledge-header{font-size:24px;}
}

/* ------------------------------------------------------------------------------------------
    Offices
------------------------------------------------------------------------------------------ */
.office-wrapper{margin-bottom:25px;}
.office-image{position:relative; height:330px; background-size:cover; background-position:center center}
.office-details-wrapper{border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden;}
.office-details-wrapper-full{border:1px solid rgba(0,0,0,0.1);overflow:hidden;}
.office-details{padding:20px; box-sizing: border-box;}
.office-details-title{font-family: 'Gloock', serif; font-size:18px};
.office-name{font-size:24px;}

.office-telephone i{vertical-aign:center; font-size:14px; color:#ffffff; margin-right:5px;}
.office-telephone a{vertical-aign:center; font-size:14px; color:#00a5dd; font-weight:bold;}
.office-telephone a:hover{text-decoration:none;}

@media (min-width:841px) {
    .office-address-wrapper{min-height:150px}

}


/* ------------------------------------------------------------------------------------------
    Search results - opportunities
------------------------------------------------------------------------------------------ */
.search-result{}
.search-result i{vertical-aign:center; font-size:18px; color:#00a5dd; margin-right:5px;}

.search-result-title{font-size:24px; }
.search-result-summary{padding:10px 0px 10px 0px; display:block; width:100%;}

@media (min-width:841px) {
    .narrow-button{display:inline-block; width:200px; border:none;}
}


#menu-title {font-size:15px; color:#999999}
#menu-title a {color:#999999; text-decoration:none;}
#menu-title a:hover {text-decoration:underline;}

#acc2 {margin-bottom:20px;}

bg {

  height: 50px;
  width: 50px;
}

a.trigger {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='40'><polyline points='0 20, 7 27, 14 20' style='fill:none;stroke:#00a5dd;stroke-width:1'/></svg>"); background-repeat: no-repeat;  width:100%; background-repeat: no-repeat; background-position:right; display:block; color:#999999; text-decoration:none; font-size:16px; font-weight:normal; border-top:1px solid rgba(0,0,0,0.2); padding:22px 0px 13px 0px; margin-top:10px;}
a.trigger.open {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='40'><polyline points='0 27, 7 20, 14 27' style='fill:none;stroke:#00a5dd;stroke-width:1; ' /></svg>"); background-repeat: no-repeat; background-position: right; color:#00a5dd;}

.accordion * {margin:0; padding:0}

.accordion p {background-image:none; border:none; font-size:16px; color:#999999; padding:10px 0px 0px 20px; margin-top:0px;}
.accordion p a {background-image:none; border:none; font-size:16px; color:#999999; padding:0px 0px 0px 0px; margin-top:0px; text-decoration:none;}
.accordion p a:hover {text-decoration:underline;}

.accordion h4 {width:100%;}

.accordion h5 a {background-image:none; border:none; font-size:16px; color:#999999; padding:0px 0px 0px 0px; margin-top:0px;}
.accordion h5 a.open {background-image:none; border:none; color:#00a5dd; }

.menu-inner{line-height:1.3em; padding-top:5px;}

.hangingIndent{margin-bottom:3px;}
.hangingIndent input{margin-right:15px;}

.search-chk-label{font-size:16px;}

/* ------------------------------------------------------------------------------------------
    Job detail page
------------------------------------------------------------------------------------------ */
.job-detail-title{font-family: 'Gloock', serif; font-size:22px; margin:0px 0px 20px 0px}
.apply{cursor:pointer;}
.add_to_list{cursor:pointer;}
.remove_from_list{cursor:pointer;}

.newsletter-image{background-image:url(/userfiles/image/2018/shutterstock_215260810.jpg); width:100%; min-height:380px; background-position:center center; background-size:cover;}
.work-for-us-image{width:100%; height:300px; background-image:url(/userfiles/image/2018/iStock_000017317595Medium.jpg); background-size:cover; background-position: center center;}

.opportunity-main-title{font-size:28px; margin-top:0px; padding-top:0px; font-family: 'Poppins', sans-serif!Important; font-weight:300}

@media (min-width:841px) {
    .work-for-us-image{height:680px;}
}




/* 2025 Style */

.se-1440{xmax-width:1440px; margin-left:auto; margin-right:auto; position:relative;}

.logo-1440{max-width:1440px; margin-left:auto; margin-right:auto;}

.menu-sep{display:block; position:relative; height:20px; width:1px;}

.header-wrapper{xheight:110px; z-index:999999!important;}
.modal-1440{max-width:1440px;}
.modal-backdrop{opacity: 0.66!important;}
.modal { top: 35px !important; height: calc(100% - 110px) !important;}

.header-bar{max-width:86px; height:4px;}
.header-bar-long{max-width:100%; height:4px;}
.footer-bar{max-width:100%; height:1px;}
.menu-heading{font-weight:bold; font-size:18px!important}

ul.custom-list {
  list-style: none !important; /* Force removal of standard bullet */
  list-style-type: none !important;
  padding-left: 0;
  margin-left: 0;
}

ul.custom-list li {
  list-style: none !important; /* Secondary safeguard */
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 0.75rem;
  font-weight:500;
}

ul.custom-list li::before {
  content: "\2022";
  color: #00a5dd;
  position: absolute;
  left: 0;
  top: 0;

  /* 1. Increase the size */
  font-size: 1.8rem;      /* Adjust this value to make it bigger or smaller */

  /* 2. Vertically center the larger bullet */
  /* Using a negative top value usually helps align larger bullets */
  top: -0.25rem;

  line-height: 1;
}

ul.custom-list-mobile li::before {
    content: ""!important;
  
}

.footer-follow-us{font-family: 'Gloock', serif;}

.heading-sep{height:5px; width:85px; margin-left:25px;}

.blue-sep{height:5px; background-color:#00D0F2; width:85px;}
.basic-sep{height:5px; width:85px;}

.circle-clipper {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 0.8;
  overflow: hidden;
}

.circular-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
}

.cc-search-action:hover{cursor:pointer;}

       .testimonial-carousel {
            height: 400px;
/*border:1px solid #0f0;*/
            position: relative;
            color:#fff;
        }

        .carousel-inner,
        .carousel-item {
            height: 100%;
        }

        .testimonial-content {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .testimonial-text {
            text-align: center;
        }

        .testimonial-text blockquote {
            font-size: 20px;
            line-height:28px;
            font-weight:bold;
            margin-bottom: 1rem;
            color: #fff;
        }

        .testimonial-author {
            font-weight: bold;
            color: #00D0F2;
        }

        .testimonial-role {
            font-size: 0.9rem;
            color: #fff;
        }

        /* Custom indicator styles */
        .carousel-indicators {
            bottom: -50px;
        }

        .carousel-indicators [data-bs-target] {
            width: 12px;
            height: 12px;
            border:1px solid #fff;
            background-color: unset;
            margin: 0 5px;
        }

        .carousel-indicators .active {
            background-color: #00D0F2;
        }


        .z-5{z-index:5!important;}
        .z-10{z-index:10!important;}
        .z-15{z-index:15!important;}
        .z-20{z-index:20!important;}

        .contact-circles{position:absolute; top:-250px; right:0px;}

        .contact-circles-se{position:absolute; top:-250px; right:0px;}


.two-columns {
  column-count: 1;
  column-gap: 40px;
  column-fill: balance;
}

.two-columns h2 {
  break-after: avoid;
}

.two-columns p {
  break-inside: avoid;
}

.blue-circle-01 { display: none; }
.blue-circle-02 { display: none; }
.blue-circle-03 { display: none; }
.blue-circle-03-adjust { display: none; }

.blue-circle-04 { display: none; }
.blue-circle-05 { display: none; }

.blue-circle-06 { display: none; }
.blue-circle-07 { display: none; }
.blue-circle-08 { display: none; }

.blue-circle-09 { display: none; }
.blue-circle-10 { display: none; }

.blue-circle-11 { display: none; }

.blue-circle-12 { display: none; }
.blue-circle-13 { display: none; }

.blue-circle-14 { display: none; }
.blue-circle-15 { display: none; }
    
.grey-circle-01 { display: none; }
.grey-circle-02 { display: none; }
.grey-circle-03 { display: none; }

.basic-circle-01 { display: none; }
.basic-circle-02 { display: none; }

.basic-circle-label { display: none; }

.grey-circle-04 { display: none; }
.grey-circle-06 { display: none; }
.grey-circle-05 { display: none; }

.blue-circle-apply { display: none; }
.blue-circle-01a { display: none; }

    
@media (min-width:992px) {
    .blue-circle-01{display:block; position:absolute; top:-75px; right:-75px; border-radius:50%; width:200px; height:200px; background:rgba(0,202,242, 0.1); z-index:10; }
    .blue-circle-02{display:block; position:absolute; top:0px; right:35px; border-radius:50%; width:250px; height:250px; background:linear-gradient(to bottom, rgba(0, 202, 242, 0.7), transparent); z-index:10;}
    .blue-circle-03{display:block; position:absolute; top:25px; right:-150px; border-radius:50%; width:400px; height:400px; background:linear-gradient(to bottom, rgba(0, 202, 242, 0.2), transparent); z-index:10;}
    .blue-circle-03-adjust{margin-top:200px; margin-right:-100px}
    
    .blue-circle-04{display:block; position:absolute; bottom:-50px; right:-30px; border-radius:50%; width:250px; height:250px; background:linear-gradient(to bottom, rgba(0, 202, 242, 0.7), transparent); z-index:10;}
    .blue-circle-05{display:block; position:absolute; bottom:-150px; right:-300px; border-radius:50%; width:400px; height:400px; background:linear-gradient(to bottom, rgba(0, 202, 242, 0.2), transparent); z-index:10;}

    .blue-circle-06{display:block; position:absolute; top:50px; left:-50px; border-radius:50%; width:450px; height:450px; background:rgba(0,202,242, 0.1);}
    .blue-circle-07{display:block; position:absolute; top:-50px; right:-300px; border-radius:50%; width:450px; height:450px; background:rgba(0,202,242, 0.1);}
    .blue-circle-08{display:block; position:absolute; top:-75px; left:-75px; border-radius:50%; width:150px; height:150px; background:rgba(0,202,242, 0.1);}

    .blue-circle-09{display:block; position:absolute; top:50px; right:-200px; border-radius:50%; width:350px; height:350px; background:rgba(0,202,242, 0.3);}
    .blue-circle-10{display:block; position:absolute; top:50px; right:100px; border-radius:50%; width:150px; height:150px; background:rgba(0,202,242, 0.1);}

    .blue-circle-11{display:block; position:absolute; top:145px; right:0px; border-radius:50%; width:250px; height:250px; background:linear-gradient(to bottom, rgba(0, 202, 242, 0.7), transparent); z-index:10;}

    .blue-circle-12{display:block; position:absolute; top:-35px; right:-200px; border-radius:50%; width:280px; height:280px; background:rgba(0,202,242, 0.3);}
    .blue-circle-13{display:block; position:absolute; top:140px; right:105px; border-radius:50%; width:75px; height:75px; background:rgba(0,202,242, 0.1);}
    
    .blue-circle-14{display:block; position:absolute; top:120px; right:135px; border-radius:50%; width:100px; height:100px; background:rgba(0,202,242, 0.1);}
    .blue-circle-15{display:block; position:absolute; top:200px; right:-150px; border-radius:50%; width:300px; height:300px; background:rgba(0,202,242, 0.3);}
        
    .grey-circle-01{display:block; position:absolute; top:100px; right:400px; border-radius:50%; width:100px; height:100px; background:rgba(235, 235, 231, 0.5); z-index:10; }
    .grey-circle-02{display:block; position:absolute; top:200px; right:100px; border-radius:50%; width:200px; height:200px; background:rgba(235, 235, 231, 0.5); z-index:10; }
    .grey-circle-03{display:block; position:absolute; top:130px; right:-250px; border-radius:50%; width:400px; height:400px; background:rgba(235, 235, 231, 0.5); z-index:10; }

    .basic-circle-01{display:block; position:absolute; top:-50px; right:-150px; border-radius:50%; width:350px; height:350px; rotate:-90deg;}
    .basic-circle-02{display:block; position:absolute; top:150px; right:150px; border-radius:50%; width:150px; height:150px; opacity:0.5;}

    .basic-circle-label{display:inline-block; width:max-content;  display:inline; max-width:225px; position:relative; border-left:3px solid #fff; font-size:20px; font-weight:bold; line-height:20px;}

    .grey-circle-04{display:block; position:absolute; top:625px; right:400px; border-radius:50%; width:100px; height:100px; background:rgba(235, 235, 231, 0.6); z-index:10; }
    .grey-circle-06{display:block; position:absolute; top:175px; right:-150px; border-radius:50%; width:500px; height:500px; background:rgba(235, 235, 231, 0.4); z-index:10; }
    .grey-circle-05{display:block; position:absolute; top:25px; right:200px; border-radius:50%; width:350px; height:350px; background:rgba(235, 235, 231, 1.0); z-index:10; background-position:center center; background-size:cover; }

    .blue-circle-apply {display:block; position:relative; background:rgba(0,202,242, 0.1); border-radius:50%;}
    .blue-circle-01a{display:block; position:absolute; top:-65px; left:-65px; border-radius:50%; width:200px; height:200px; background:rgba(0,202,242, 0.1); z-index:10; }

    .two-columns {
        column-count: 2;
    }
}


.office-contact-wrapper{height:auto;}
.office-contact-image{width:100%; height:350px; position:relative; background-size:cover; background-position:center center}
.office-contact-address{width:100%; height:auto; position:relative;}
.office-contact-main-info{width:100%; height:auto; position:relative;}

@media (min-width:992px) {
    .office-contact-wrapper{height:650px;}
    .office-contact-image{width:45%; height:350px; position:absolute; top:0px; right:5%; z-index:1!important;}
    .office-contact-address{width:95%; height:300px; position:absolute; bottom:0px; left:5%; z-index:2!important;}
    .office-contact-main-info{width:50%; height:90%; position:absolute; top:0px; left:0px; z-index:3!important;}

    .knowledge-detail-image{max-width:480px; height:480px; position:absolute}
}

.pagination-light a{color:#fff!important;}


.knowledge-detail-image{max-width:480px; height:480px; position:relative;}

.position-separators{border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}

.office-grid{width:95%;}
.office-grid-image{position:relative; height:145px; background-size:cover; background-position:center center; border:1px solid #fff;}

.ul-spacing li{margin-bottom:15px;}

.dark-blue-bg-50{background: linear-gradient(
    to bottom,
    #ffffff 38.4%,
    #0F004E 38.4%,
    #0F004E 100%
  );}

.dark-blue-bg-opportunities{background: linear-gradient(
    to bottom,
    #ffffff 31.3%,
    #0F004E 31.3%,
    #0F004E 100%
);}

    
@media (min-width:992px) {
    .footer-bg{max-height:525px!important;}
}

.search-pagination-footer .search-page {xcolor:#fff!important;}
.search-pagination-footer .search-pagination-summary {xcolor:#fff!important;}

.iti__arrow { xborder: none; }


.iti--inline-dropdown { display:block!important;}
.iti__country-list{background-color:#fff!important; box-shadow: 2px 2px 10px #c1c1c1;}
.iti__search-icon{display:none!important;}
.iti__globe{display:none!important;}
.iti__flag {
  transform: scale(1.5);
  transform-origin: left center;
  margin-right: 10px;
  margin-left:10px;
}
.iti__country-name{margin-left:10px; color:#000!important;}

.iti {
    width: 100% !important;
    display: block !important;
}

:root {
  --iti-icon-color: #00D0F2;
  --iti-arrow-height: 6px;
}

.share-link{cursor:pointer;}

/* Only apply hover effects on screens that support hovering (Desktop) */
@media (hover: hover) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius:0px;
    background-color:#ffffff;
    padding-top:0px;
    padding-bottom:0px;
    min-width: 205px;
  }

  .dropdown-item{font-size:14px!important;}

  .dropdown-item:hover {
    background-color: #00D0F2;
    color: #fff;
  }

}

.small-hero-height{height:200px}

@media (min-width:769px) {
    .small-hero-height{height:500px}
}

@media (min-width:1681px) {
    .small-hero-height{height:700px}
}


#search-trigger {cursor:pointer;}

.search-grey-bg {
    /* Initial state: hidden */
    /*opacity: 0;*/
    visibility: hidden;
    transform: translateY(-10px); /* Adds a subtle slide effect */
    transition: all 0.3s ease-in-out;
    /*background-color:#EBEBE7!important;*/
    background: linear-gradient(to right, rgba(235, 235, 231, 0.8), rgba(235, 235, 231, 0.8));
}

.search-grey-bg.active {
    /* Visible state */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Styling the X */
.close-icon {
    position: absolute;
    top: 15px;
    right: 12px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    line-height: 1;
    transition: color 0.2s;
}

.close-icon:hover {
    color: #333;
}

.header-search-fld{width:300px!important;}
@media (min-width:769px) {
    .header-search-fld{width:503px!important;}
}
.header-search-padding{padding:40px 40px 40px 40px ;}

.cursor-pointer{cursor:pointer;}

/* Mobile: Normal block behavior */
.responsive-square {
  xwidth: 100%;
  xpadding: 20px;
}

/* Large screens: Force Square and Flex */
@media (min-width: 1200px) {
  .responsive-square {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

#ID92 {
  scroll-margin-top: 225px!important;
}

   
.legal-notice:hover {color:#00D0F2!important}


/* ==========================================
       1. CORE MENU STYLING (Shared layouts)
       ========================================== */
    .accordion-menu, .accordion-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%; 
        font-family: sans-serif;
    }
    
    .accordion-menu li a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333;
    }
    
    /* Structural row common to level-1 and level-2 blocks */
    .menu-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eee;
        background: #fdfdfd;
    }

    /* ==========================================
       2. TRANSITION indicators & TOGGLES
       ========================================== */
    .toggle-trigger {
        padding: 10px 15px;
        cursor: pointer;
        font-weight: bold;
        user-select: none;
        transition: transform 0.3s ease;
    }
    
    .menu-row:hover a {color:#00D0F2!important;}
    
    /* Rotate active indicators */
    .menu-item.active > .menu-row .toggle-trigger {
        transform: rotate(90deg);
    }
    
    /* Animated lists (Levels 2 & 3) */
    .level-2-list, .level-3-list {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    .level-2-list {
        background: #f7f7f7;
    }

    .level-2-list .menu-row {
        background: #f7f7f7;
        padding-left: 15px; /* Indent Level 2 items */
    }
    
    .level-3-list {
        background: #efefef;
    }

    .level-3-list li a {
        padding-left: 30px; /* Indent Level 3 items */
        font-size: 0.85em;
        color: #777;
        border-bottom: 1px solid #e0e0e0;
    }

    /* ==========================================
       3. COLLAPSIBLE/"SHOW MORE" STYLING
       ========================================== */
    .accordion-menu-wrapper {
        margin-bottom: 40px;
        max-width: 100%;
    }
    
    .collapsed-items-container {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out;
    }
    
    .menu-show-more-trigger {
        cursor: pointer;
        user-select: none;
    }
        
    .menu-show-more-trigger .trigger-label {
        padding: 10px;
        font-size: 0.95em;
        color: #777;
    }
    
    .menu-show-more-trigger .arrow-icon {
        padding: 10px 15px;
        font-weight: bold;
        color: #555;
        display: inline-block;
        transform: rotate(90deg);
        transition: transform 0.3s ease;
    }
    
    .accordion-menu-wrapper.expanded .menu-show-more-trigger .arrow-icon {
        transform: rotate(270deg);
    }
    
    
    /* footer menu settings - mobile */
    /* 100% Parent Width Settings */
    .category-menu-wrapper {
        width: 100%;
    }

    /* Master row container holding the title and the content window */
    .menu-row-container {
        user-select: none;
    }

    /* Left Side Title Setup */
    .category-trigger {
        cursor: pointer;
        transition: background-color 0.2s ease;
    }    

    /* Active styling state when expanded */
    .menu-row-container.active .category-title {
        color: #00D0F2 !important; /* Your light-blue color hex */
    }

    .menu-row-container.active .category-title a {
        color: #00D0F2 !important; /* Forces the anchor link to switch to blue */
    }

  
    /* Inline arrow icon mechanics */
    .arrow-icon {
        display: inline-block;
        transition: transform 0.3s ease;
        color: #fff;
        font-weight: bold;
        font-size:24px;
    }
    .menu-row-container.active .arrow-icon {
        transform: rotate(90deg);
        color: #00D0F2!important;
    }

    /* ==========================================
       ANIMATION PANELS SYSTEM (Height Collapse)
       ========================================== */
    .right-column-window {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }

    /* List group formatting tweaks for clean spacing */
    .right-column-window .list-group-item {
        padding-left: 0;
    }

    /* On Mobile: Add an indent to sub-items when they drop below the title */
    @media (max-width: 767.98px) {
        .right-column-window {
            padding-left: 15px; 
        }
    }
    
    
    /* Container styling to keep elements centered and smooth */
.burger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  
  /* Matches the height/width of your largest icon to prevent layout shifting */
  width: 39px; 
  height: 25px;
  padding: 0;
  box-sizing: border-box;
}

/* Ensure the SVGs don't inherit weird display quirks */
.burger svg {
  display: block;
  max-width: 100%;
  height: auto;
}

#static-menu a:hover{color:#00D0F2!important;}
.category-menu-wrapper a:hover{color:#00D0F2!important;}

.category-title:hover{color:#00D0F2!important;}

/* 100% Parent Width Settings */
    .footer-menu-wrapper {
        width: 100%;
    }

    /* Master row container holding the title and the content window */
    .footer-menu-row {
        user-select: none;
    }

    /* Left Side Title Setup */
    .footer-menu-trigger {
        cursor: pointer;
        transition: background-color 0.2s ease;
    }
    .footer-menu-trigger:hover {
        background-color: #f8f9fa;
    }

    /* Active styling state when expanded - forces blue color over custom color classes */
    .footer-menu-row.active .category-title,
    .footer-menu-row.active .category-title a {
        color: #00D0F2 !important; /* Specific light-blue override */
        font-weight: 600;
    }

    /* Inline arrow icon mechanics */
    .footer-menu-trigger .arrow-icon {
        display: inline-block;
        transition: transform 0.3s ease;
        color: #6c757d;
        font-weight: bold;
    }
    .footer-menu-row.active .arrow-icon {
        transform: rotate(90deg);
        color: #00D0F2 !important;
    }

    /* ==========================================
       ANIMATION PANELS SYSTEM (Height Collapse)
       ========================================== */
    .footer-menu-window {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }

    /* List group formatting tweaks for clean spacing */
    .footer-menu-window .list-group-item {
        padding-left: 0;
    }

    /* On Mobile: Add an indent to sub-items when they drop below the title */
    @media (max-width: 767.98px) {
        .footer-menu-window {
            padding-left: 15px;
        }
    }
    
    /* CSS Code */
.faq-toggle {
    display: inline-block;
    transition: transform 0.2s ease; /* Adds a smooth transition animation */
}

/* Detects when the parent <details> is open, and rotates the chevron span inside */
details[open] .faq-toggle {
    transform: rotate(90deg);
}