/* #Page Styles
===========================================================================================   */
	
	.container {
		width: 959px;
		margin: 0 auto;
		padding: 0;
		text-align: left;	
		position: relative;
		box-sizing: border-box;
	}
	.conpadd { padding: 60px; }
	.horpadd { padding: 0 60px; }
	
	#main {
		width: 100%;
	}
	.greybg { 
		background: #f7f7f7;
		overflow: hidden;
	}

/* Overlay
===========================================================================================   */	
	
	#overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 999999;
	}
	
	#popup {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		padding: 20px;
		border-radius: 5px;
		text-align: center;
	}
	

/* Header
===========================================================================================   */		

	header {
		height: 155px;
	}
	header .menu {
		display: none;
	}
	
	header span {
		float: right;
	}
	
/*
	header .logo,
	footer .logo {
	    text-indent: -9000px;
	    background: url(/_img/layup/logo.svg) no-repeat;
	    background-size: 100%;
	    margin: 27px 0 0 0;
	    width: 234px;
	    height: 104px;
	    float: left;
	    outline: 0;
	}
	
*/
	header .logo {
	    text-indent: -9000px;
	    background: url(/_img/layup/logo25.svg) no-repeat;
	    background-size: 100%;
	    margin: 27px 0 0 0;
	    width: 370px;
	    height: 104px;
	    float: left;
	    outline: 0;
	}
	
	footer .logo { 
		background: url(/_img/layup/logo.svg) no-repeat;
		width: 234px;
	    height: 104px;
	}
	
	.printlogo {
		display: none;
	}
	

	

/* Top navigation
===========================================================================================   */	
	#topnavi {
	    float: right;
	    clear: right;
	    margin-top: 100px;
	}
	
	#topnavi ul {
	    margin: 0;
	    padding: 0;
	}
	
	#topnavi ul li {
	    list-style: none;
	    float: left;
	    position: relative;
	    display: inline;
	    margin: 0;
	    padding: 0;
	}
	
	#topnavi ul li:not(.cta) a {
	    display: block;
	    text-align: center;
	    color: #312e2f;
	    padding: 0 0 0 23px;
	    text-decoration: none;
	    box-sizing: border-box;
	    font-family: "astoria-sans";
	    font-weight: 300;
	    font-size: 16px;
	    text-transform: uppercase;
	    white-space: nowrap;
	}
	
	#topnavi li:not(.cta) a:hover, #topnavi li:not(.cta) a:focus, #topnavi li:not(.cta) .on, #topnavi ul li:hover:not(.cta) a {
	    text-decoration: none;
	    color: #293593;
	}
	
	#topnavi ul ul {
	    display: none;
	    position: absolute;
	    z-index: 9999;
	    top: 15px;
	    left: 0;
	    height: auto;
	    padding: 40px 0 0 0;
	}
	
	#topnavi ul ul li {
	    float: none;
	    display: block;
	}
	
	#topnavi ul ul li:not(.cta) a {
	    display: block;
	    float: none;
	    text-align: left;
	    border-bottom: 0;
	    padding: 8px 15px;
	    margin: 0;
	    background: #f6f6f6;
	    color: #000 !important;
	    min-width: 180px;
	    line-height: 1;
	}
	
	#topnavi ul ul li a:hover {
	    background: #c9c9c9;
	}
	
	#topnavi li:hover > ul {
			display: block;
		}
			
		#topnavi ul ul ul {
			display: none;
			left: 100%;
			top: -40px;
		}
	
	#topnavi ul li.linkedin {
		margin-top: -10px;
	}
		
	#topnavi ul li.linkedin a{	
		border-radius: 5px;
		background: #fff;
		border: 1px solid #3d69b7;
		font-size: 0 !important;
		padding: 5px !important;
		margin-left: 15px;
		
	}
		
	#topnavi ul li.linkedin a:before {
	    color: #293593;
	    padding: 2px 5px 2px;
	    font: normal 14px / 20px 'Font Awesome 5 Brands';
	    content: '\f0e1';
	}
	

		
		
/* Hero
===========================================================================================   */

	#hero {
		clear: both;
		background: #3d3d3d;
		border-bottom: 1px solid #fff;
		display: flex;
		position: relative;
		margin-bottom: 10px;
	}

	#slideimages { 
		position:relative; margin: 0; padding: 0; overflow: hidden;
        animation:fadeIn ease-in 1.5s;
	}
	
	#slideimages li,
	#homevideo { 
		position:absolute; 
		z-index:0; 
		margin: 0; 
		padding: 0; 
		list-style: none;
		background-position: center 0; 
		background-repeat: no-repeat;
		background-size: cover;
	 }
	#slideimages li.previous { z-index: 1; }
	#slideimages li.active { z-index: 2; }
	
	
	#hero,
	#imgholder,
	#slideimages,
	#slideimages li,
	#homevideo {
		width: 100%;
		height: 40vw;
		overflow: hidden;
		object-fit: cover;
	}
	

	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	
	#searchform { 
		text-align: left;
		margin-top: 20px;
		clear: both;
	}

	.b_home #searchform {
		position: absolute;
		top: calc(50% - 30px);
		left: 0;
		right: 0;
		z-index: 3;
		margin: 0;
		text-align: center;
	}
	.b_home #searchform fieldset {
		width: 60%;
		margin: 0 auto;
	}
	#searchform input {
		padding-left: 50px;
		margin-top: 10px;
		border-radius: 30px
		
	}
	#searchform select { border-radius: 30px}

	.b_home  #searchform input {
		text-align: center;
	}
	#searchform label[for='keyword']:before {
		content: '\f002';
		color: #000;
		font: 200 22px / 1 'Font Awesome 5 Pro';
		margin: 0 0 0 16px;
		position: absolute;
		bottom: 10px;
		z-index: 4;
	    
	}
	

	#introvideo {
		width: 100%;
	}
	
/* Footer
===========================================================================================   */	

	

	footer {
		clear: both;
		margin: 0;
		padding: 20px 0; 
		background: #f7f7f7;
		color: #383838;
		overflow: hidden;
		font-size: 16px;
	}
	
	footer .container {
		overflow: hidden;
	}
	
	footer ul{
		margin: 0 0 20px;
		padding: 0;
		text-align: left;
		float: left;
		width: 400px;
	}
	footer ul li{ 
		width: 50%;
		margin: 0 0 5px;
		padding: 0;
		list-style: none;
		float: left;
	}
	footer ul li a{
		color: #383838;
		text-decoration: none;	
		
	}
	footer ul a:hover {
		text-decoration: none;
		color: #000;
	}
	footer span {
		float: right;
	}
	
	.social {
		clear: left;
	    margin: 0;
	    padding: 0
	}
	
	.social li {
	    margin: 0 3px 0 0;
	    padding: 0;	    
	    border-radius: 5px;
		background: #fff;
		border: 1px solid #d0d0d0;
	    text-align: center;
	    list-style: none;
	    float: left;
	}
	
	.social li a:before {
	    color: #293593;
	    padding: 2px 5px 2px;
	    font: normal 14px / 20px 'Font Awesome 5 Pro';
	}
	
	.social li a.s1:before {
	    content: '\f0e0';
	}
	
	.social li a.s2:before {
	    content: '\f879';
	}
	
	.social li a.s3:before {
	    content: '\f007';
	}
	
	.social li a.s4:before {
	    content: '\f0e1';
	    font-family: 'Font Awesome 5 Brands'
	}
	
	.social li a.s5:before {
	    content: '\f2f5';
	}
	
	.social li a {
	    font-size: 0;
	    text-decoration: none;
	}
	
	.social li:hover {
	    border-color: #000;
	}
	
	footer .logo { 
		float: right;
		mix-blend-mode: multiply;
		margin: 0 60px 10px 0;
	}
	
	footer .right p { float: right; clear: right; }
	
	
	
/* Introduction Page
===========================================================================================   */		
	
	.intropage {
	    margin: 40px -12px 20px;
	    padding: 0;
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.intropage li {
	    width: calc( 25% - 24px);
	    margin: 0 12px 35px;
	    padding: 0 ;
	    list-style: none;
	    overflow: hidden;
	    float: left;
	    position: relative;
	}
	.intro_markets div {
	    display: block;
	    width: calc(100% - 10px);
		padding-bottom: calc(100% - 10px);
		border-radius: 50%;
		border: 3px solid #fff;
		filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
	    background-size: cover;
	    background-position: center center;
	    transition: opacity 0.5s ease-in-out;
	}
	
	.intro_markets section {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		padding: 0 30px;
		width: calc(100% - 60px);
		height: calc(100% - 40px);
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
	}
	
	.intro_markets li:hover section {
		opacity: 1;
	}
	.intro_markets li:hover div {
		opacity: 0.25;
	}
	
	.intro_markets h4  {
		margin: 20px 0 0 0;
		padding: 0 2vw;
		line-height: 1.2;
		font-size: 22px;
		text-align: center;
	}

	.intro_markets p  {
		margin: 0;
		font-size: 14px;
		line-height: 1.2;
		color: #1F1F1F;
	}
	
	.intro_brochures li {
		border: 1px solid #ccc;
		padding: 0;
		text-align: center;
		box-sizing: border-box;
	}
	.intro_brochures li:hover {
		border-color: #000;
	}
	
	.b_terms--conditions .intro_brochures li { border: none; }
	.b_terms--conditions .intro_brochures li img { border: 1px solid #ccc; }
	.b_terms--conditions .intro_brochures li:hover img { border-color: #000; }
	
	.intro_brochures li img {
		width: 100%;
	}
	
	.intro_brochures h4 {
		font-size: 15px;
		margin-top: 0;
	}
	
	.b_home .intro_brochures {
        overflow-x: auto; 
        flex-wrap: nowrap;
	}
		 
	.b_home .intro_brochures li {
		flex: 0 0 auto;
		float: none;
		padding-bottom: 0;
    }
    
    .b_home .intro_news { 
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.b_home .intro_news li { 
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.intro_agents li{
		background: #f7f7f7;
		width: calc( 33.33% - 24px);
	}
	.intro_agents .top {
		background: #fff;
		padding-bottom: 10px;
	}
	.intro_agents li div {
		display: block;
		width: calc(100% - 10px);
		padding-bottom: calc(100% - 10px);
		border-radius: 50%;
		border: 3px solid #fff;
		filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
		background-size: cover;
		background-position: center center;
	}
	.intro_agents li h3 {
		text-align: center;
		margin-top: 20px;
	}
	.intro_agents li .details {
		font-size: 14px;
		padding: 20px;
	}


/* Home links
===========================================================================================   */
	
	.biglink {
		background-size: cover;
	    background-position: center center;
	    margin-bottom: 10px;
	}
	
	.biglink section {
		width: 75%;
	}
	
	.biglink h2,
	.biglink p {
		color: #fff;
		text-align: left;
		padding: 0 0 20px;
		text-shadow: 0px 3px 6px #000;
	}
	.biglink p {
		font-family: 'astoria-sans';
		font-weight: 400;
		font-size: 30px;
	}

/* Home Slider
===========================================================================================   */	

	.slider2 {
	  overflow-x: auto;
	  white-space: nowrap;
	}
	
	.slider-container {
	    position: relative;
	    width: 100%;
	    overflow: hidden;
	}
	
	.slider {
	    display: flex;
	    transition: transform 0.5s ease;
	}
	
	.slide {
	    flex: 0 0 100%;
	}
	
	.slider-nav {
		position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 100%;
	    pointer-events: none;
	}
	.slider-nav span {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 50px;
	    pointer-events: all;
	    cursor: pointer;
	    background: rgba(255,255,255,0.2);
	
	}
	.slider-nav span:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	.slider-nav span:after {
		content: '\f053';
		font: normal 45px/1 'Font Awesome 5 Pro';
		color: #fff;
	}
	
	.slider-nav .prev { left: 0;}
	.slider-nav .next { right: 0;}
	.slider-nav .next:after { content: '\f054'; }
	
	.scroll-left,
	.scroll-right {
		text-decoration: none;
		margin-left: 10px;
	}
	.scroll-left:after,
	.scroll-right:after {
		content: '\f053';
		font: normal 18px/1 'Font Awesome 5 Pro';
		color: #2e6abd;
	}
	
	.scroll-right:after {
		content: '\f054';
	}

/* Service Footer
===========================================================================================   */	
	
	.servicefoot {
		background: linear-gradient(#8b8b8b 0%, #f7f7f7 100%);
	}
	
	.servicefoot ul {
	    margin: 40px -40px 20px;
	    padding: 0;
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.servicefoot li {
	    width: calc( 25% - 80px);
	    margin: 0 40px 35px;
	    padding: 0 ;
	    list-style: none;
	    overflow: hidden;
	    float: left;
	    position: relative;
	    text-align: center;
	}
	.servicefoot li div {
	    display: block;
	    width: calc(100% - 10px);
		padding-bottom: calc(100% - 10px);
		border-radius: 50%;
		border: 3px solid #fff;
		filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
	    background-size: cover;
	    background-position: center center;
	    transition: opacity 0.5s ease-in-out;
	}
	.servicefoot li h4 { margin-top: 20px; margin-left: 10px;}
	
	.servicefoot li a { 
		color: #535353;
		font-size: 25px;
	}
	

/* Product Table
===========================================================================================   */		


	.productlist {
		margin-top: 30px;
		clear: both;
		width: 100%;
	}
	.productlist a { color: #646464; text-decoration: none }
	.productlist td, .productlist th {
		padding: 20px 15px;
	}
	
	.productlist th,
	.productlist td {
		border-right: 1px solid #c9c9c9;
	}
	
	.productlist th:last-child,
	.productlist td:last-child {
		border-right: none;
	}
	
	
	
	.productlist tr:hover { background: #fafafa}
	
	
	.b_products .column img { margin-top: -70px }
	

/* Details Page
===========================================================================================   */		
	
	#main #imgholder {
	    float: right;
	    margin: 40px 0 20px 20px;
	    width: calc(50% - 20px);
	}
	#main #imgholder, 
	#main #slideimages, 
	#main #slideimages li,
	#main #slideimages img  {
		min-height: auto;
	}
	#main #slideimages li {
		background: #fff;
		background-size: cover;
	}
	
	.rightdetails {
		width: 50%;
		float: left;
		margin-bottom: 60px;
		margin-top: 40px;
		min-height: 400px;
	}
	.rightdetails table {
		width: 100%;
		
	}
	
	.rightdetails table th,
	.rightdetails table td {
		background: none;
		border-bottom: 1px solid #e9e9e9;
		padding: 12px;
	}
	.rightdetails table th { width: 170px}
	
	.ctadetails {
		clear: both;
		background: #f7f7f7;
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin: 30px -50vw;
	}
	
	.ctadetails h2 {
		color: #293593; 
		font-size: 40px;
		margin-bottom: 30px;
	}
	
	.ctadetails ul {
	    margin: 50px -12px 0;
	    padding: 0;
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.ctadetails ul li {
	    width: calc( 33.33% - 24px);
	    margin: 0 12px 35px;
	    padding: 0 ;
	    list-style: none;
	    overflow: hidden;
	    float: left;
	    position: relative;
	}
	
	.ctadetails ul li a {
		color: #293593;
		font-family: "astoria-sans";
		font-weight: 500;
		text-decoration: none;
		float: left;
		padding-top: 20px;
	}
	
	.ctadetails ul li a:before {
		color: #293593;
		font: 300 35px/1 'Font Awesome 5 Pro';
		margin-right: 10px;
		margin-top: -10px;
		text-decoration: none;
		content: '\f1c1';
		float: left;
	}
	
	/* industry links */
	
	.industrylinks {
	    margin: 0;
	    padding: 0 0 20px;
	    border-bottom: 30px solid #fff;
	    clear: both;
	    float: left;
	    width: 45%;
	}
	
	.industrylinks li, .industrydl dt {
	    list-style: none;
	    float: left;
	    height: 117px;
	    margin: 10px 1%;
	    padding: 0;
	    width: 48%;
	    box-sizing: border-box;
	    background: #ebebeb;
	    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	    box-shadow: 10px 10px 7px 0px rgba(0, 0, 0, 0.5);
	    border-radius: 50%;
	}
	
	.industrydl dt.nobg {
	    background: none;
	    box-shadow: none;
	}
	
	.industrylinks a {
	    width: 100%;
	    display: block;
	    text-align: center;
	}
	
	.industrylinks img {
	    max-width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	
	.industrydl {
	    padding: 0 0 50px;
	    margin: 0;
	    overflow: hidden;
	    float: right;
	    width: 50%;
	}
	
	.industrydl dt {
	    clear: both;
	    margin-right: 30px;
	    text-align: center;
	    width: 181px;
	}
	
	.industrydl dd {
	    margin: 0 0 5px 10px;
	    float: left;
	    width: calc(100% - 250px);
	}
	
	.industrydl dd a {
		font-size: 14px;
	    color: #312e2f;
	    text-decoration: none;
	}
	
	.industrydl dd a:hover {
	    color: #293593;
	}
	
	.industrydl dt:nth-of-type(1) + dd {
	    margin-top: 20px;
	}
	
	.industrydl dt:nth-of-type(2) + dd {
	    margin-top: 45px;
	}
	
	.industrydl dt:nth-of-type(3) + dd {
	    margin-top: 45px;
	}
	
	.industrydl dt:nth-of-type(4) + dd, .industrydl dt:nth-of-type(5) + dd {
	    margin-top: 60px;
	}
	
	.industrylinks li {
	    margin-bottom: 147px;
	}
	
	
	/* ISO */
	.iso {
		float:none; 
		width: 100%
	}
	.iso dt {
		margin-top: 130px;
	}

	.iso dd a {
		text-align: center;
		display: inline-block;
		width: calc(33.3% - 25px);
		margin-left: 20px;
		vertical-align: middle
	}
	
	.iso dd img {
		display: block;
		vertical-align: middle;
		border: 1px solid #ccc;
		transition: border .3s ease-in-out;
	}
	.iso dd a:hover img {
		border-color: #000;
	}
	
	
	
	/* Timeline */
	
	#timeline {
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    float: left;
	    clear: both;
	}
	
	#timeline:before {
	    content: '';
	    position: absolute;
	    border-right: 2px solid #2a3891;
	    height: 1200px;
	    width: 100%;
	    transform: translateX(-50%);
	    z-index: 0;
	    margin-left: -60px;
	}
	
	#timeline li {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    display: block;
	    width: 50%;
	    height: 100px;
	    float: right;
	    clear: both;
	}
	
	#timeline li:nth-child(even) {
	    float: left
	}
	
	#timeline span {
	    width: 61px;
	    height: 61px;
	    line-height: 61px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
	    border: 2px solid #2a3891;
	    display: block;
	    text-align: center;
	    background: #fff;
	    margin-left: -32px;
	    z-index: 1;
	    position: relative;
	}
	
	#timeline li:nth-child(even) span {
	    margin-right: -33px;
	    float: right;
	}
	
	#timeline li div {
	    margin-top: -30px;
	}
	
	#timeline li:nth-child(even) div {
	    margin-top: 30px;
	}
	
	#timeline li div:before {
	    content: '';
	    position: absolute;
	    border-bottom: 2px solid #2a3891;
	    width: 45%;
	    z-index: 0;
	}
	
	#timeline li section {
	    background: #2a3891;
	    width: 35%;
	    right: 0;
	    min-height: 70px;
	    margin: -50px 60px 0 64px;
	    padding: 20px;
	    color: #fff;
	    position: absolute;
	    font-size: 13px;
	    -webkit-border-radius: 13px;
	    -moz-border-radius: 13px;
	    border-radius: 13px;
	}
	
	#timeline li:nth-child(even) section {
	    margin: -50px 64px 0 60px;
	    left: 0;
	}
	
	#timeline p {
	    line-height: 1.2;
	    margin: 0;
	    text-align: left;
	}
	
	#timeline h3 {
	    font-size: 17px;
	    color: #fff;
	    margin: 0 0 4px;
	    line-height: 1;
	    letter-spacing: 0;
	}
	
	/* autocomplete */

	.spinner {
	    background: white url('/_img/layup/loading.svg');
	    background-size: 100%;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    margin: 32px 0 0 246px;
	}
	
	.ui-autocomplete {
	    width: 219px;
	    max-height: 250px;
		overflow-x: hidden;
		background: #fff;
		margin: -24px 0 0 0 !important;
		padding: 0;
		position: absolute;
		z-index: 9999999;
		cursor: default;
		text-align: left;
		border: 1px solid #fff;
	}
	
	.ui-autocomplete li {
	    font-size: 14px;
	    margin: 0;
	    padding: 5px 10px;
	    list-style: none;
	}
	
	.ui-autocomplete li a {
	    text-decoration: none;
	    display: block;
	    padding: 10px 15px;
	}
	
	.ui-helper-hidden-accessible {
	    position: absolute;
	    left: -9999px;
	}
	
	.ui-autocomplete .ui-state-focus {
	    color: #fff;
	    background: #7fb442;
	    outline: none;
	}
	
	
	.mapholder {
	    overflow: hidden;
	    height: 440px;
	    width: 48%;
	    margin: 0 1% 20px;
	    float: left
	}
	.contactdiv {
	    width: 40%;
	    float: right;
	    padding-top: 50px;
	}
	
/* Tolling page Styles
===========================================================================================   */
	.tbanner {
	    width: 100%;
	    height: 440px;
	    position: relative;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	}
	
	.tbanner h2 {
	    position: absolute;
	    font-size: 24px;
	    color: #fff;
	    text-transform: uppercase;
	    text-align: center;
	    padding: 40px 10%;
	    width: 100%;
	}
	
	.tbanner h3 {
	    position: absolute;
	    font-size: 20px;
	    color: #fff;
	    background: rgba(42, 56, 145, .76);
	    text-align: center;
	    padding: 20px 10%;
	    width: 100%;
	    bottom: 20px;
	}
	
	.tbox, .tmarket {
	    border: 2px solid #e1e1e0;
	    padding: 20px;
	    margin: 50px 0;
	    overflow: hidden;
	}
	
	.tbox h2 {
	    font-size: 24px;
	    text-transform: uppercase;
	    padding: 20px 0;
	}
	
	.tbox img {
	    margin: -40px 20px 0 0;
	    float: right;
	}
	
	.tbox ul {
	    margin: 0;
	    padding: 0;
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.tbox ul li {
	    margin: 0 0 10px 4%;
	    padding: 0;
	    width: 46%;
	    font-size: 16px;
	}
	
	.tbox ol li {
	    margin-bottom: 10px;
	    font-size: 16px;
	    list-style: disc;
	}
	
	.noborder {
	    border: none;
	}
	
	.tmarket div {
	    overflow: hidden;
	}
	
	.tmarket ul {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 40px 0;
	    padding: 0;
	    clear: both;
	}
	
	.tmarket ul li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    width: calc(20% - 2px);
	    float: left;
	    text-align: center;
	    border-right: 2px solid #92ba5f;
	    font-size: 16px;
	}
	
	.tmarket ul li:last-child {
	    border: none
	}
	
	.tchart {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0 -5px;
	}
	
	.tchart div {
	    width: 20%;
	    float: left;
	}
	
	.tchart h3 {
	    background: url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjkuNzMgNDEuOTUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjI2NjIyO308L3N0eWxlPjwvZGVmcz48dGl0bGU+VW50aXRsZWQtMjwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMCA4LjU4IDIwLjMxIDAgNDEuOTUgMTIwLjU0IDQxLjk1IDEyOS43MyAyMC4zMSAxMjAuNTQgMCAwIDAiLz48L3N2Zz4=") no-repeat center center;
	    background-size: 100%;
	    color: #fff;
	    font-size: 25px;
	    text-align: center;
	    padding: 20px 20px;
	    margin: 0 5px 10px;
	}
	
	.tchart ul {
	    margin: 0 5px;
	    padding: 10px;
	    border: 3px solid #a7a7a7;
	    border-radius: 5px;
	    min-height: 180px;
	}
	
	.tchart li {
	    margin: 0 0 8px 30px;
	    padding: 0;
	    font-size: 17px;
	}
	
	.tchart p {
	    width: 100%;
	    padding: 10px;
	    margin: 10px 5px 0;
	    border: 3px solid #7e9158;
	    border-radius: 5px;
	    font-size: 25px;
	    text-align: center;
	}
	
	.tchart p strong {
	    color: #7e9158;
	    text-transform: uppercase;
	}
	
/* Product Cards
===========================================================================================   */	
	
	.cards {
		margin: 40px -10px;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	.cards li {
		width: calc(20% - 20px);
		margin: 0 10px;
		padding: 0;
		list-style: none;
		background: #fff;
		border-radius: 20px;
		padding: 15px;
		box-sizing: border-box;
		filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
		font-size: 12px;
		transition: all .3s ease-in-out
	}
	.cards li:hover {
		transform: scale(1.03);
		filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.16));
	}
	.cards li a { color: #293593}
	
		
	
/* Standard CMS
===========================================================================================   */


	.b_careers {
		overflow-x: hidden;
	}
	

	.b_careers h2 {
		color: #fff;
		text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.64);
		font-size: 60px;
		font-weight: 500;
	}
	.b_careers h3 {
		font-size: 38px;
		color: #293593;
		margin-bottom: 30px;
		font-weight: 500;
	}
	

	.fullwidth {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin: 0 -50vw;
		height: 364px;
		background-position: center center;
		background-size: cover;
		z-index: 1;
		display: flex;
	    align-items: center;
	    justify-content: center;
	    text-align: center;

	}

	
	.c_section {
	    position: relative;
	    width: 100%;
	    height: 100vh;
	    background-size: cover;
	    background-attachment: fixed;
	    background-position: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    font-family: 'astoria-sans';
	    font-weight: 500;
	    font-size: 25px;
	    color: #fff;
		text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.64);
	}
	
	.c_small {
		height: 30vh;
	}
	
	.c_section .cta a{
		font-family: 'astoria-sans';
		font-weight: 500;
	    font-size: 18px;
	}
	
	.c_content {
	    position: relative;
	    z-index: 2;
	    padding: 30px 0;
	    font-size: 25px;
	    
	}
	
	.centertext { text-align: center; }
	

	
	.benlist {
	    margin: 0 -12px 20px;
	    padding: 0;
	    display: flex;
	    flex-wrap: wrap;
	    width: 100%;
	}
	
	.benlist>li {
	    width: calc(33.33% - 24px);
	    margin: 12px;
	    padding: 0;
	    list-style: none;
	    perspective: 800px; 
	    overflow: visible;
		text-align: left;
	    
	}
	
	.benlist>li::before { display: none}
	
	.card {
	    position: relative;
	    width: 100%;
	    height: 500px; /* Fixed height */
	    transform-style: preserve-3d;
	    transition: transform 0.5s ease-in-out;
	}
	
	.benlist>li:hover .card {
	    transform: rotateY(180deg); /* Flip and zoom */
	}
	
	.front, .back {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 30px;
	    box-sizing: border-box;
	    color: #fff;
	    backface-visibility: hidden; /* Hide when rotated away */
	    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Depth */
	}
	
	.front {
	    background-size: cover;
	    background-position: center;
	    transform: rotateY(0deg); /* Front at 0 degrees */
	}
	
	.back {
	    background:#3d69b7;
	    transform: rotateY(180deg); /* Back at 180 degrees */
	    display: flex;
	    flex-direction: column;
	}
	
	.front::before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.5);
	    z-index: 1;
	}
	
	.front h4, .front p, .back h4, .back p {
	    position: relative;
	    z-index: 2;
	    margin: 0 0 15px;
	}


	
	.content-wrapper {
	   flex: 1;
	   overflow-y: auto;
	}
	.content-wrapper ol {
		list-style:disc;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
	}		
		
	
	.back p,
	.front p {
	   margin: 0 0 15px 0;
	   font-size: 18px;
	}
	
	.front h4, .back h4 {
	    font-size: 35px;
	    color: #fff;
	    text-transform: uppercase;
	}
	
	.content-wrapper li {
		margin: 0 0 8px;
		padding: 0;
	    font-size: 18px;
	}
	


	
	.docs {
		margin: 0;
		padding: 0;
	}
	.docs li{
		margin: 0;
		padding: 0;
		clear: left;
		list-style: none;
	}
	.docs a{
		padding: 0 0 10px;
		float: left;
		text-decoration: none 
	}
	
	.docs span{
		float: left;
		padding: 3px 0 0 20px;
		color: #999;
		font-size: 11px;
	}
	.docs a:before {
		color: #293593;
		font: bold 20px/1 'Font Awesome 5 Pro';
		margin-right: 10px;
		text-decoration: none;
		content: '\f016';
	}
	
	.jpeg:before, 
	.jpg:before, 
	.gif:before, 
	.png:before, 
	.bmp:before, 
	.tif:before, 
	.tiff:before  { content: '\f1c5' !important; }

	.doc:before, 
	.docx:before, 
	.docm:before  { content: '\f1c2' !important; }

	.xls:before, 
	.xlsx:before, 
	.xlsm:before  { content: '\f1c3' !important; }

	.ppt:before, 
	.pptx:before, 
	.pptm:before  { content: '\f1c4' !important; }

	.pdf:before  { content: '\f1c1' !important; }
		

	
	
	
	#sitemap,
	#sitemap ul{
		margin: 0;
		padding: 0 0 0 20px;
		
	}
	#sitemap  a {
		display: block;
		text-decoration: none;
		font-family: "astoria-sans";
		font-weight: 500;
		color: #666;
		padding: 2px 0 2px 18px;
	}
	#sitemap  a:hover { 
		color: #000;
	}

	#sitemap ul a {
		font-weight: normal;
	}
	#sitemap li {
		border-left: 1px solid #CDCDCD;
		background: url(/_img/layup/sitemapli.gif) no-repeat 0 .5em;
		list-style: none;
	}
	
	.paging {
		float: right;
		margin: 0;
		padding: 15px 0 0;
	}
	.paging li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.paging li a {
		display: block;
		margin: 0 0 0 1px;
		padding: 2px 0;
		width: 20px;
		text-align: center;
		text-decoration: none;
		color: #666;
		background: #eaeaea;
		line-height: 1.3em;
	}
	
	.paging li a:hover, .paging li .on{
		background: #363636;
		color: #fff;
	}
	
	.paging .next a, .paging .last a, .paging .back a, .paging .first a {
		padding: 2px 7px !important;
		width: auto !important;
	}
	.pagenumbers {
		float: left;
		padding-top: 15px;
	}
	
	#cmsForm {
		max-width: 800px;
	}
	#cmsForm button{
		float: right;
	}
	.contactCheck {
		position: absolute; 
		left: -9999px;
	}

	
	/* Extras */
	
	.hidden {
		position: absolute; 
		left: -9999px; 
	}
	.hand {
		cursor: pointer;
	}
	.textleft {
		text-align: left !important;
	}
	.textcenter {
		text-align: center !important;
	}
	.textright {
		text-align: right !important;
	}
	.right {
		float: right;
		width: calc(50% - 30px);
	}
	.left {
		float: left;
		width: calc(50% - 30px);
	}
	
	
	
/* Text Editor Styles
===========================================================================================   */	
	
	
	.largetext {
		font-family: "astoria-sans";
		font-weight: 500;
		line-height: 1.3;
	}
	
	.highlight {
		color: #2e6abd;
		font-family: "astoria-sans";
		font-weight: 500;
	}
	
	.imgleft,
	.imgright {
		border: 1px solid #d7d7d7;
	}
	.imgleft {
		margin: 0 10px 10px 0; 
		float: left;	
	}
	.imgright {
		margin: 0 0 10px 10px; 
		float: right;	
	}
	

/* #Firefox Styles
===========================================================================================   */

	@-moz-document url-prefix() {
	
	}	
		

	


/* #Media Queries
===========================================================================================   */

	body:before {  position: fixed; z-index: 99999999; background: #fff; }



/* More than 1500 
===========================================================================================   */
@media only screen and (min-width: 1500px)  {
	
	body:before { content: '1500+';}
	
	.container { width: 1500px; } 
	
	#hero,
	#imgholder,
	#slideimages,
	#slideimages li,
	#homevideo {
		height: 36vw;
		max-height: 600px;
	}
	
	#main #imgholder, 
	#main #slideimages, 
	#main #slideimages li,
	#main #slideimages img  {
		height: 680px;
	}

	
}



/* Less than 1500 
===========================================================================================   */
@media only screen and (max-width: 1499px)  {
	
	body:before { content: '<1500';}
		
	.container { width: 1350px; } 	
	
	/* only for the 25year logo */
	#topnavi ul li:not(.cta) a {
		padding: 0 0 0 15px;
		font-size: 13px;
	}
	
}



/* All less than 1350
===========================================================================================   */
@media only screen and (max-width: 1350px)  {
	
	body:before { content: '<1350';}
		
	.container { width: 1200px; } 
	
	
	

    header address {
        margin: 48px 20px 30px 0;
    }

    #hero, #imgholder, #slideimages, #slideimages li, #slideimages video, #homevideo {
        height: 65vw;
        min-height: 410px;
        transition: height 0.7s;
    }

	#main #imgholder, 
	#main #slideimages, 
	#main #slideimages li,
	#main #slideimages img  {
		height: 30vw;
	}


	
	 .industrylinks li {
        width: 31%;
    }
    
    #topnavi {
	    margin: 10px 0;
	    float: left;
	    clear: both;
	    width: 100%;
    }
    #topnavi ul  {
		display: flex;
	}
	#topnavi li {
		flex-grow: 1;
	}
	#topnavi li.cta {
		text-align: right;
	} 
	#topnavi ul li:not(.cta) a { padding: 0; }
	
	#topnavi ul ul { padding-top: 18px }
}


/* All less than 1200
===========================================================================================   */
@media only screen and (max-width: 1200px)  {
		
	body:before { content: '<1200';}
	
	.container  { width: 100%; }
	
	    
    .industrylinks li {
        width: 31%;
    }

	.b_products .column img { margin-top: 0 }
	
}





/* All less than 980
===========================================================================================   */
@media only screen and (max-width: 980px)  {
	
	
	body:before { content: '<980';}
	.b_home h1, .b_home h2, .b_home h3 { padding: 0; }
	
	
	#cmsForm #contact_details { height: 150px; }
	.right, .left { float: none !important; width: 100%; }

	 #hero, 
	 #imgholder, 
	 #slideimages, 
	 #slideimages li,
	 #homevideo {
        height: 45vw;
        min-height: 250px;
    }
	
	.b_home #searchform fieldset {width: 100%}
	
	
	
    header .menu {
        display: block;
        position: fixed;
        right: 60px;
        top: 50px;
        z-index: 999999;
        text-decoration: none;
        color: #283592;
    }

    header .menu:before {
        font: 200 30px/1 'Font Awesome 5 Pro';
        content: '\f0c9';
        background: #fff;
        padding: 3px 4px;
        box-sizing: border-box;
        text-align: center;
    }
	
	
    #topnavi {
        position: absolute;
        box-sizing: border-box;
        z-index: 29;
        top: 155px;
        left: 0;
        width: 100%;
        height: 0;
        margin: 0;
        overflow: hidden;
        border: none;
        transition: height 0.7s, background 0.7s;
        background: rgba(255, 255, 255, 0.9);
    }

    header {
        transition: background 0.7s;
    }

    .out header, .out #topnavi {
        background: #fff
    }

    .out #topnavi {
        display: block;
        height: calc(100vh - 120px);
        background: #fff;
    }

    .out header .menu:before {
        content: '\f00d';
    }

    #topnavi ul {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 0 30px;
        text-align: left;
        overflow: hidden;
        background: none;
        display: block;
    }

    #topnavi ul li:not(.cta) {
        float: left;
        clear: both;
        width: 100%;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, .10);
    }

    #topnavi a b {
        display: inline;
    }

    #topnavi ul li:not(.cta) a {
        float: left;
        clear: both;
        width: 100%;
        padding: 7px 30px;
        line-height: 40px;
        margin: 0;
        text-align: left;
        box-sizing: border-box;
        font-size: 20px;
    }

    #topnavi ul ul {
        position: static;
        margin: 0;
        padding: 0;
    }

    #topnavi ul span {
        display: block;
    }

    #topnavi ul span:before {
        font: 200 20px 'Font Awesome 5 Pro';
        content: '\f078';
        color: #868686;
        position: absolute;
        right: 25px;
        top: 15px;
    }
    
    #topnavi ul ul li:not(.cta) a {
	    padding-left: 30px;
    }
    
     #topnavi ul ul span:before {
	     top: 10px;
     }
     #topnavi ul ul li:not(.cta) ul a {
	    padding-left: 50px;
    }
    
    #topnavi .cta { margin: 0 10px; width: calc(100% - 20px); }
    #topnavi .cta a {
	    display: block;
		padding: 20px;
		font-size: 25px;
		text-align: center;
    }

	#topnavi ul .linkedin { display: none}
	
	
	
	.intropage li {  width: calc( 50% - 24px) }
	.ctadetails ul li {  width: calc( 50% - 24px); }
	
	.industrylinks {
        width: 100%;
        float: none;
    }

    .industrylinks li {
        height: 120px;
    }

    .industrydl {
        width: 100%;
        float: none;
    }
    
    .tchart div {
        width: 50%
    }

    .tchart ul {
        margin-bottom: 20px
    }

	.cards li {
		width: calc(33.33% - 20px);
		margin-bottom: 20px;
	}
	
	.benlist>li {
	    width: calc(50% - 24px);
	}
	
}



/* less than 768
===========================================================================================   */
@media only screen and  (max-width: 768px)  {
	
	body:before { content: '<768';}
	
	
	h1 { font-size: 8vw !important;  }
	h2, .ctadetails h2 { font-size: 5vw !important;  }
	


	.conpadd {  padding: 50px 30px; }
	.horpadd { padding: 0 30px; }
	header .menu {  right: 30px; }
	
	
	#cmsForm input[type="text"],
	#cmsForm input[type="password"],
	#cmsForm input[type="email"],
	#cmsForm textarea,
	#cmsForm select {
		width: 100%;
		box-sizing: border-box;
	}
	
	.paging  { float: none; display: flex; }
	.paging li { flex-grow: 1; }
	.paging li a { width: auto; min-width: 15px }
	.pagenumbers { display: none; }
	
	footer ul { width: 100%}
	footer ul li a { font-size: 14px }

	.productlist td, .productlist tr {  display: block; }
	.productlist thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

   
    .productlist td {
        border: none;
        position: relative;
        padding-left: 50%;
        text-align: left;
        margin-bottom: -1px;
    }
   .productlist td:before {
        content: attr(data-label);
        display: inline-block;
        font-family: "astoria-sans";
        font-weight: 500;
        line-height: 1.5;
        white-space: nowrap;
        text-align: left;
        min-width: 50%
    }
    
    .productlisttable { width: 100%}
    .productlist th, .productlist td { border-right: none ; padding: 2px 20px}
    .productlist tr { border-bottom: 1px solid #c9c9c9; padding: 20px 0;}
    
    #main #imgholder, 
	#main #slideimages, 
	#main #slideimages li,
	#main #slideimages img  {
		height: 75vw;
	}
    
    #main #imgholder {
	    float: none;
	    width: 100%;
	    margin-left: 0;
    }
    .rightdetails {
	    width: 100%;
	    float: none;
    }
   
    .biglink h2 br { display: none}
    .biglink section { width: 100%; }
    
    .slider-nav { display: none}
    
/*
    .slider-nav span { background: none; width: 30px; }
    .slider-nav span:after { font-size: 35px}
*/

 	 .tmarket div {
        display: none
    }

    .tmarket ul {
        display: block;
        margin-bottom: 0
    }

    .tmarket ul li {
        width: auto;
        float: none;
        text-align: left;
        border: none
    }
    
    .servicefoot ul {
		margin: 0 -10px 0;
	}
	.servicefoot li {
		width: calc( 50% - 20px);
		margin: 0 10px 20px;
	}
    
}

/* less than 700
===========================================================================================   */
@media only screen and  (max-width: 700px)  {
	
	
	
	.servicefoot li h4,
	.servicefoot li h4 a {
		line-height: 1;
		font-size: 14px;
	}
	
	.cards li {
		width: calc(50% - 20px);
	}
		
	.benlist>li {
	    width: calc(100% - 24px);
	}

}

/* less than 480
===========================================================================================   */
@media only screen and  (max-width: 480px)  {
	
	body:before { content: '<480';}
	
/* 	header .logo { width: 180px} */	
	header .logo { width: 280px}
	header { height: 115px; }
	#topnavi { top: 115px; }
	
	.intropage li {  width: calc( 100% - 24px) }
	.ctadetails ul li {  width: calc( 100% - 24px); }
	
	
	
    #timeline:before {
        height: 120em
    }

    #timeline {
        margin-top: 20px;
        min-height: 1900px
    }

    #timeline li {
        width: 100%;
        margin-bottom: 50px;
    }

    #timeline li:nth-child(even) {
        margin-bottom: 40px;
    }

    #timeline span {
        margin-left: -26px;
    }

    #timeline li section {
        width: 70%;
        min-height: 90px;
    }

    #timeline li:nth-child(even) span {
        margin-right: -26px;
    }

    #timeline li div:before {
        width: 100%;
    }
    
    
    .tbanner h2 {
        font-size: 30px
    }

    .tbox li {
        width: 92%
    }

    .tchart h3 {
        font-size: 17px
    }

    .tchart ul {
        padding: 10px 0;
    }

    .tchart li {
        font-size: 13px;
        padding-left: 0;
    }
    
    .cards li {
		width: calc(100% - 20px);
	}

	
	.c_section {
	    background-attachment: scroll;
	}
	
}

/* Mobile / Tablet less than 350
===========================================================================================   */
@media only screen and (max-width: 350px) {
    #timeline li section {
        width: 60%
    }
}


/* less than 320
===========================================================================================   */
@media only screen and  (max-width: 320px)  {
	
	body:before { content: '<320';}
	
}

/* iPhone X Portrait
===========================================================================================   */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

	.conpadd {  padding: 30px 50px; }
  	.horpadd { padding: 0 50px; }  
  	#topnavi ul li a { padding-left: 50px}
  	header .menu {right: 50px; }

}

/* iPhone XS Max, XR */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	
	.conpadd {  padding: 30px 50px; }
  	.horpadd { padding: 0 50px; }  
  	#topnavi ul li a { padding-left: 50px}
  	header .menu {right: 50px; }
  	
}

/* Animations for desktop only
===========================================================================================   */
@media only screen and  (min-width: 768px)  {
	
	#topnavi a,
	button,
	.cta a,
	.productlist tr {
		transition: background .3s ease-in-out
	}
	
	input, textarea,
	.intro_brochures li,
	.intro_brochures li:hover img  {  transition: color .3s, border .3s ease-in-out; }

}


 body:before { display: none}  


/* #Bootstrap grid for advance CMS editor
===========================================================================================   */
#main *,.cke_editable *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main img,.cke_editable img{max-width:100%;height:auto}

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}