*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
amp-sidebar {
    background-color: #4e483f;
   	}
.gsc-control-cse * {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}
.container {
    margin: 0 auto;
}
.pad-sides {
    padding: 0 1em;
}
.container div.event-title-box {
    height: 296px;
}
.container div.event-title-box > .blue {
    height:100%
}
.flex-wrap {
    flex-wrap: wrap;
}
.force-left-title {
    clip-path: polygon(100% 0,93% 100%,100% 100%,100% 100%,0 100%,0 0);
    left: 0;
    right: initial;
    padding: 16px 25px 15px 10px;
}
.repad {
    margin: 0;
    padding: 4.5em 1em 1em 1em;
}
.showinput input[type="text"], .showinput input[type="email"], .form-group input, .form-group select { 
    border: 1px solid rgb(169, 169, 169);
    padding: 5px 8px;
}
.showinput .form-group { 
	padding: 1em;
	clear: both;
}
 
.showinput .redbutton, .confirmbox .redbutton {
    color: #FFF;
    margin-top: 10px;
}
.confirmbox p {
    margin: 0 0 5px 0;
}
.showinput h4 {
    clear: both;
}
.confirmbox h4 {
    margin-bottom: 0;
}
.relative {
    position: relative;
}
.jobs-grid .row {
    display: block;
    clear: both;
}
.jobs-grid .row:after {
    display: table;
    clear: both;
    content:'';
}
.jobs-grid h3 {
    margin-top: 6px;
}
.jobs-grid .noimg h3, .jobs-grid .noimg h4 {
    color: #FFF
}
.jobs-grid h4 {
    font-size: 16px;
    margin:0;
}
.jobs-grid .eventtext {
    padding: 15px 2.9em 15px 2.9em;
}
.jobs-grid .eventtext > p {
    margin: 5px 0 0 0;
}
.jobs-grid .noimg .eventtext p:last-of-type {color:#FFF;font-size:16px}
.jobs-grid .noimg {
    height: 100%
}
.jobs-grid .eventimg {
    height: auto;
}
.jobs-grid .grid-25 {
    height: 300px;
	margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.jobs-grid .noimg .eventtext {
    height: 100%;
    background:#4096a1;
	padding-top: 35px;
}

.jobs-grid .noimg .eventtext .small {
    margin: 0;

}
.jobs-grid .eventtext .small {
    top: 0;
    position: absolute;
    padding: 2px 9px;
    width: auto;
    text-align: right;
    background: #FFFFFF;
    z-index: 101;
    font-size: 15px;
    margin: 0;
    right: 16px;
}
.jobs-grid .grid-25 amp-img {max-height:180px;}
.jobs-grid .titlebox {
    margin-top: -44px;
    height: calc(300px + 44px);
}
.showinput > .imagepadder {overflow: hidden; padding-bottom: 2em;}
#footer .grid-25 a h3 {
    color: #FFF;
}
#category_Img > h1 {
    padding: 0 1em;
}
.container div.event-title-box {
    margin-top: -30px;
}
.container div.event-title-box > .blue {
    height: calc(100% + 30px);
}
.grid-80.right, .grid-75.right {float:right}
#cal {
    background: #ececec;
}
#footer h2, #footer .grid-20 li {
    font-family: 'Oswald', sans-serif;
    text-align:center
}
#footer h2 {
    font-size: 22px;
}
#footer .grid-20 li {
    font-size: 15px
}
#footer-blue > .container:after {
    content: '';
    display:table;
    clear:both
}
#footer-blue p {
    color: #655a55;
    margin-bottom: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}
#formbox {
    display: block;
    width: 30%;
    float: left;
    margin: 2em 5%;
}
#formbox input[type="email"], #footer-blue input[type="email"] {
    background: #FFF;
    padding: 10px;
}
#formbox .choiceinput label {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: small;
	text-align: left;
	float: none;
	line-height: 1.5em;
}
#footer-blue input[type="submit"] {
    width: 20%;
    padding: 10px 2px;
    border-color: #898077;
}
#footer-bar {
    background: #423c3a;
    color: #FFF;
    padding: 10px;
}
#footer-bar a {
    color: #FFF
}
#footer-bar p {
    float: right;
    margin: 0
}
#footer-blue .impress {
    max-width: 300px;
    float: right
}
@media (min-width: 768px) {
  .container {
    width:100%;
  }
 
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
   .jobs-grid .grid-25 {
   	width: 24.7%;
	margin-right:0.3%;
    }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1270px;
  }
}

.grid-row {
    width: 100%;
    clear: both;
    height: auto; 
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
}

.grid-row:first-of-type {
    margin-top: 8px;
}

.grid-row:after {
    clear: both;
    display: table;
    content: '';
}

.grid-row .grid-row {
    margin: 0;
    padding-bottom: 4px;
}

.grid-row .grid-row:last-of-type {
    padding-bottom: 0;
}

.grid-10,.grid-20,.grid-25,.grid-30,.grid-33,.grid-40,.grid-50,.grid-59,.grid-60,.grid-66,.grid-70,.grid-80,.grid-90,.grid-100 {
    float: left;
    min-height: 1px;
}
.grid-32{width: 32.3%;}
.grid-10 {width: 10%;}
.grid-20 {width: 20%;}
.grid-25 {width: 25%;}
.grid-30 {width: 30%;}
.grid-33 {width: 33.33%}
.grid-38 {width: 38.33%}
.grid-40 {width: 40%;}
.grid-50 {width: 50%;}
.grid-59{ width: 59%; margin-right: 1%; } .grid-59 img {max-width: 100%; } 
.grid-60 {width: 60%;}
.grid-66 {width: 66.66%;}
.grid-70 {width: 70%;}
.grid-75 {width: 75%;}
.grid-80 {width: 80%;}
.grid-90 {width: 90%;}
.grid-100{width: 100%;}


.grid-h10 {height: 10%;}
.grid-h20 {height: 20%;}
.grid-h30 {height: 30%;}
.grid-h40 {height: 40%;}
.grid-h50 {height: 50%;}
.grid-h60 {height: 60%;}
.grid-h70 {height: 70%;}
.grid-h80 {height: 80%;}
.grid-h90 {height: 90%;}
.grid-h100{height: 100%;}

.grid-pt {padding-top: 4px;}
.grid-pb {padding-bottom: 4px;}
.grid-mb {margin-bottom: 5px !important;}

@media (min-width: 481px){

.grid-pl {padding-left: 4px;}
.grid-pr {padding-right: 4px;}

}

.grid-relative {
    position: relative;
}

.grid-row-reset {
    height: initial;
    margin: 0;
}

.grid-right {
    float: right !important;
}

.grid-left {
    float: left !important;
}

.grid-o2 {
    order: 2;
}

.grid-mtop {
    margin-top: 1em;
}

.grid-marg-10 {
    margin: 10px;
}

.grid-pad-all .grid-10, .grid-pad-all .grid-20, .grid-pad-all .grid-25, .grid-pad-all .grid-30, .grid-pad-all .grid-33, .grid-pad-all .grid-40,.grid-pad-all .grid-50,.grid-pad-all .grid-60,.grid-pad-all .grid-66, .grid-pad-all .grid-70,.grid-pad-all .grid-80,.grid-pad-all .grid-90,.grid-pad-all .grid-100{
    padding: 4px 4px 0 4px;
}

.grid-no-pad {
    padding: 0;
}

.grid-no-marg {
    margin: 0;
    margin-left: 0 !important;
}

.grid-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.grid-white {
    background: #FFF;
}

.search-con {
    padding: 12px;
    box-sizing: border-box;
}
.search-con input[type="submit"] {
    background-color: #3D95A1;
    box-sizing: border-box;
    color: #FFF;
    width: 20%;
    height: 27px;
    line-height: 27px;
    border-radius: 2px;
}
.search-con .input-con {
    width: 80%;
    padding: 0;
    box-sizing: border-box;
    float: left;
    height: 27px;
}
.search-con .input-con > input {
    width: 100%;
    margin: 0px;
    outline: none;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #3D95A1;
    padding: 0 8px;
}
.platform { height: 300px; margin: 0 0 10px 0; margin-left: 0 !important; overflow: hidden;}
.platform .circle2  { top: auto; bottom: 5px;}

.minisite .white {
	line-height: 1.65em;
	overflow: hidden; 
}
.minisite .white img {
	height: 300px;
	object-fit: none;
  object-position: 50% 50%;
}
 


.location { margin-left: 40px;}
.featureLink { margin-left: 60px; }
.featureLink h4 { margin: 0.5em 0; }
@media (min-width: 1200px) {
	.grid-40 {width: 39.6%; margin-left: 0.4%;}
	.grid-left {margin-left: 0; margin-right: 0.4%;}
	.minisite .grid-33 {
	overflow: hidden; 
	margin-right: 0.33%;
	width: 33%;
	}
}
@media (max-width: 1100px) {
   .platform { height: 300px; }
   .grid-d-50 {width: 49.5%; float: left;}
   .platform .eventbox  {
    height: 300px;
   	}
   
}
.flexD { display: flex;}

 	

@media (max-width: 800px) {
   .flexD { flex-direction: column;}
	.feature_col2 img {
		float: left; width: 50%; margin-right: 20px; overflow: hidden;
	}
	

}

@media (max-width: 780px) {
    .container div.event-title-box > .blue {
    height: inherit;
}
.container div.event-title-box {
    margin-top: 0;
}
      .container div.event-title-box {
      height: 172px;
  }
    .grid-row {
        display: block;
    }
	
	.grid-10,.grid-20,.grid-25,.grid-30,.grid-33,.grid-40,.grid-50,.grid-60,.grid-66,.grid-70,.grid-80,.grid-90,.grid-100 {
   width: 100%;
}

	.minisite .white img {
    height: auto;
	width: 100%;
	object-fit: cover;
}
	
    .grid-t-10 {width: 10%;}
    .grid-t-20 {width: 20%;}
    .grid-t-25 {width: 25%;}
    .grid-t-30 {width: 30%;}
    .grid-t-33 {width: 33.33%}
    .grid-t-40 {width: 40%;}
    .grid-t-49 {width: 49%;}
    .grid-t-50 {width: 50%;}
	
    .grid-t-60 {width: 60%;}
    .grid-t-66 {width: 66.66%;}
    .grid-t-70 {width: 70%;}
    .grid-t-80 {width: 80%;}
    .grid-t-90 {width: 90%;}
    .grid-t-100{width: 100%;}
	
	.archiveBox .grid-50 .trianglehead {
		left: 5%; 
		width: 90%; 
		top: -20px; 
		margin-bottom: -2em;
	}
	.grid-50 .grid-t-60 .trianglehead {
		    margin-bottom: -2em;
	}
	
}
 
@media (max-width: 580px) {
	.flexD { flex-direction: column;}
    .grid-row {
        display: block;
    }
	.grid-10,.grid-20,.grid-25,.grid-30,.grid-33,.grid-40,.grid-50,.grid-59,.grid-60,.grid-66,.grid-70,.grid-80,.grid-90,.grid-100 {
   width: 100%;
}
    .grid-t-10,.grid-t-20, .grid-t-25 ,  .grid-t-30 , .grid-t-33 , .grid-t-40,  .grid-t-49, .grid-t-50 ,  .grid-t-60 , .grid-t-66 , .grid-t-70, .grid-t-80 ,  .grid-t-90 ,.grid-t-100{width: 100%;}
	.grid-t-100 img{width: 100%;}
	
    .grid-m-10 {width: 10%;}
    .grid-m-20 {width: 20%;}
    .grid-m-25 {width: 25%;}
    .grid-m-30 {width: 30%;}
    .grid-m-33 {width: 33.33%}
    .grid-m-40 {width: 40%;}
    .grid-m-50 {width: 50%;}
    .grid-m-60 {width: 60%;}
    .grid-m-66 {width: 66.66%;}
    .grid-m-70 {width: 70%;}
    .grid-m-80 {width: 80%;}
    .grid-m-90 {width: 90%;}
    .grid-m-100{width: 100%;}
	
    .filterrow #slider-margin-value-max {
        margin-right: 7%;
    }
    .filterrow #slider-margin-value-min {
        margin-left: 6%;
    }
    .filterrow>div {
        margin: 10px auto;
    }
    .filterrow .curvyselect {
        width: 95%;
    }
	.grid-50 .trianglehead, .grid-50 .grid-t-60 .trianglehead {
		left: -30%;
		width: 128%;
		top: 10px;
		margin-bottom: 0;
	}
	.archiveBox .grid-50 .trianglehead {
		margin-bottom: 1em;
	}
	.platform {
    height: auto; 
    margin: 5px 0 0 0;
    }
	.platform .trianglehead {
    padding: 10px 10px 11px 40px;
	top: 5PX; 
	}
    #footer-blue .impress {
        max-width: 300px;
        float: none;
        margin: 0 auto;
        display: block;
    }
}
#main_SCBP1 {
	position: sticky;
    top: 50px;
}
#main_SCBP2 {
	position: sticky;
    top: 250px;
}
.tmelinefilters {
	background:#77bdc5;
	overflow: hidden;
	position: sticky;
    top: 50px;
}
.tmelinefilters ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tmelinefilters ul li {
    display: inline-block;
    float: left
}

.tmelinefilters ul li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    padding: 12px;
   }
.tmelinefilters ul li a:hover {
    text-decoration: underline
}

.tmelinefilters::after, .tmelinefilters ul::after {
    content: '';
    display: table;
    clear: both;
}	
	
.locklist {clear: both; width:100%; padding: 0 2rem 2rem 2rem;}
.fullline {clear: both; width:100%; padding-bottom: 1rem;border-bottom: 1px solid #D7D7D7; }
.fullline .flex div:first-of-type { width:65%; }
.fullline .flex div:last-of-type { width:35%; border-left: 1px solid #D7D7D7; padding-left: 2rem;  }
.fullline H4 {margin: 0.6em 0 0.3em 0;font-size: 1.2em; font-weight: bold }
.locklist h3 {font-size: 1.6em; font-weight: bold; margin-bottom: 1rem; border-bottom: 2px solid #85746c;}
a.view {
	background-color: #FFFFFF;
    padding: 1rem;
    bottom: -1rem;
    border: 1px solid #3d95a1;
    right: 1rem;
    position: absolute;
	}
@media (max-width: 580px) {
	.locklist {padding: 0}
	.locklist h3, .fullline H4 {margin: 0.6em 2rem;}
	.fullline .flex   { flex-wrap: wrap;}
	.fullline .flex div:first-of-type ,.fullline .flex div:last-of-type { width:100%; border-left: unset; padding: 0 2rem;}
	.white-headline {
    margin-top: -4.5em;
	}
}