@charset "UTF-8";

@font-face{

    font-family:'MFred';
    src:url('fonts/MFred.eot');
    src:url('fonts/MFred.eot') format('embedded-opentype'), 
		url('fonts/MFred.woff') format('woff2'), 
		url('fonts/MFred.woff') format('woff'), 
		url('fonts/MFred.ttf') format('truetype'), 
		url('fonts/MFred.svg') format('svg');
	font-weight:normal;
	font-style:normal;
	letter-spacing:1pt;
	line-height:110%;
		
}

@font-face{

	font-family:'Nobel';
	src:url('fonts/hinted-Nobel-RegularCondensed.eot');
	src:url('fonts/hinted-Nobel-RegularCondensed.eot#iefix') format('embedded-opentype'),
		url('fonts/hinted-Nobel-RegularCondensed.woff') format('woff'),
		url('fonts/hinted-Nobel-RegularCondensed.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	letter-spacing:1pt;
	line-height:110%;
	
}

@font-face{

	font-family:'Tiempo';
	src:url('fonts/hinted-Tiempo-.eot');
	src:url('fonts/hinted-Tiempo-.eot#iefix') format('embedded-opentype'),
		url('fonts/hinted-Tiempo-.woff') format('woff'),
		url('fonts/hinted-Tiempo-.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	letter-spacing:1pt;
	line-height:110%;
	
}

@font-face{

	font-family:'Tiempo-Bold';
	src:url('fonts/hinted-Tiempo-Bold.eot');
	src:url('fonts/hinted-Tiempo-Bold.eot#iefix') format('embedded-opentype'),
		url('fonts/hinted-Tiempo-Bold.woff') format('woff'),
		url('fonts/hinted-Tiempo-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
	letter-spacing:1pt;
	line-height:110%;

}

@font-face{

	font-family:'Tiempo-Italic';
	src:url('fonts/hinted-Tiempo-Italic.eot');
	src:url('fonts/hinted-Tiempo-Italic.eot#iefix') format('embedded-opentype'),
		url('fonts/hinted-Tiempo-Italic.woff') format('woff'),
		url('fonts/hinted-Tiempo-Italic.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
	letter-spacing:1pt;
	line-height:110%;

}


html{ -webkit-text-size-adjust:none; }

body{

	background-color:#fff;
	overflow-y:scroll;
	margin:0px;
	
}

body,div,table,input,select,textarea,p,button{

	font-family:"Tiempo",Times,serif;
	font-size:12pt;
	color:#000;
	
}

input:focus,select:focus,textarea:focus,button:focus{ outline:none; }
input::-ms-clear{ display:none; }
::-webkit-input-placeholder{ color:#aaa; }
:-moz-placeholder{ color:#aaa }
::-moz-placeholder{ color:#aaa; }
:-ms-input-placeholder{ color:#aaa; }
input:-webkit-autofill{ -webkit-box-shadow:0 0 0 30px white inset; }

p{ margin:0px; }

a img{ border:0px; }

a:link,a:visited,p a:link,p a:visited{

	color:#ff2e4e;
	text-decoration:none;

}

a:hover,a:active,p a:hover,p a:active{

	color:#ff2e4e;
	text-decoration:underline;

}

h1,h2{

	color:#fff;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:46pt;
	margin:0px 0px 24px 0px;

}

h2{ color:#000; }

h3{

	font-family:'Tiempo-Bold',times,serif;
	font-size:18pt;
	font-weight:normal;
	margin:0px 0px 36px 0px;
	color:#111;

}

.table{ display:table; }
.row{ display:table-row; }
.cell{ 
	
	display:table-cell; 
	vertical-align:middle;
	
}

.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }

.relative{ position:relative; }

.black{ color:#000!important; }
.white{ color:#fff!important; }
.pink{ color:#ff2e4e!important; }

.padding{ padding-top:60px; }

.button,.button:link,.button:visited,.button:hover,.button:active{

	display:inline-block;
	font-size:10pt;
	letter-spacing:2px;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
	display:inline-block;
	line-height:36px;
	background-color:#3b3b3b;
	color:#fff;
	padding:0px 28px 0px 28px;
	text-decoration:none;
	margin:0px;

}

.button.pink,.button.pink:link,.button.pink:visited,.button.pink:hover,.button.pink:active{

	background-color:#ffd2b1;
	color:#3b3b3b;

}

.button.red,.button.red:link,.button.red:visited,.button.red:hover,.button.red:active{

	background-color:#ff2e4e;
	color:#fff;

}

.button.narrow{ padding:0px 20px 0px 20px; }
.button.extra-narrow{ padding:0px 14px 0px 14px; }

.button.large{

	line-height:40px;
	padding:0px 48px 0px 48px;

}

button.button{

	border:0px;
	cursor:pointer;

}

.page{

	width:1230px;
	margin:0px auto;

}

.head{

	background-color:#fff;
	overflow:hidden;
	
}

.head .logo{ 

	display:inline-block;
	margin:40px 0px 33px 0px; 
	width:686px;
	
}

.tsyglogo img{ margin-left:-42px; }

.head .logo img{ width:100%; }

.keyword-search{ 

	float:right;
	margin:48px 0px 0px 0px;
	
}

.keyword-search form .field{

	display:inline-block;
	width:260px;
	height:35px;
	margin:0px;
	background-color:#fff;
	border:1px solid #bbb;
	border-radius:3px;
	vertical-align:top;
	
}

.keyword-search form .field input[type=text]{

	display:table-cell;
	width:100%;
	height:35px;
	border:0px;
	padding:0px 8px 0px 8px;
	background-color:transparent;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:12pt;

}

.menu,.menu .cell{

	background-color:#d8d8d7;
	height:50px;
	
}

.menu .hamburger{
	
	display:none;
	width:48px;
	height:48px;
	background-image:url(img/hamburger.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:32px 32px;
	border-bottom:0px;
	margin-right:7px;
	
}

.menu .hamburger:hover,.menu .hamburger:active{ border-bottom:0px; }

.responsive-menu{ 

	display:none; 
	background-color:#d8d8d7;
	position:absolute;
	right:0px;
	z-index:9;
	padding:5px 0px 15px 0px;
	box-shadow:0px 5px 15px #444;
	
}

.menu a,.responsive-menu a{

	display:inline-block;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#444;
	font-size:12pt;
	letter-spacing:3px;
	margin:0px 30px 0px 0px;
	text-decoration:none;
	line-height:18px;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	vertical-align:middle;

}
	
.menu a:hover,.menu a.selected,.responsive-menu a:hover,.responsive-menu a.selected{
	
	text-decoration:none;
	border-bottom:3px solid #2c2d2c;
	
}

.responsive-menu a{

	margin:8px 50px 8px 30px;

}

.body{ padding:0px 0px 60px 0px; }
	
.body.nopadding{ padding-bottom:0px; }

.slideshow{

	background-color:#3c3c3c;
	height:350px;
	overflow:hidden;
	margin:0px 0px 32px 0px;

}

.slideshow .page{ 

	height:100%; 
	position:relative;
	
}

.slideshow .slide{ 

	position:absolute;
	top:12%;
	left:0px;
	width:100%;
	height:76%;
	background-color:#3c3c3c;
	opacity:0;
	z-index:1;
	
}

.slideshow .slide.active{ 

	opacity:1; 
	z-index:2;
	
}

.slideshow .slide h2{ color:#fff; }

.slideshow .slide .text{

	display:block;
	width:60%;

}

.slideshow .slide .text p{
	
	color:#fff;
	font-family:"Tiempo-Italic",Times,serif;
	font-size:30pt;
	line-height:53px;

}

.slideshow .slide .link{

	display:inline-block;
	position:absolute;
	bottom:0px;
	right:0px;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#fff;
	font-size:14pt;
	letter-spacing:3px;
	text-decoration:none;
	border-bottom:3px solid transparent;

}

.slideshow .slide .link:hover,.slideshow .slide .link:active{ border-bottom:3px solid #fff; }

.slideshow .slide .dots{

	position:absolute;
	top:0px;
	right:0px;

}

.slideshow .slide .dots a{

	display:inline-block;
	width:15px;
	height:15px;
	background-image:url(img/slideshow-dot.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	margin:0px 1px 0px 1px;

}

.slideshow .slide .dots a.selected{ background-image:url(img/slideshow-dot-selected.png); }

.blocks{

	width:1256px;
	margin:0px 0px 0px -13px;
	text-align:center;

}

.block{
	
	display:inline-block;
	text-align:left;
	width:602px;
	height:375px;
	margin:0px 12px 26px 12px;
	overflow:hidden;

}

.block table{

	width:100%;
	height:100%;

}

.block .padding-right{ padding-right:20px; }

.block .padding-bottom{ padding-bottom:10px; }

.block .padding-top{ padding-top:10px; }

.block .link,.block .info,.block .date{

	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	
}

.block .link{

	background-color:#d8d8d7;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	text-decoration:none;

}

.block .link.dark{ background-color:#3c3c3c; }

.block .link-about-us{ background-image:url(data/homepage-block-link-about-us.jpg); }

.block .link-bespoke-services{ background-image:url(data/homepage-block-link-bespoke-services.jpg); }

.block .link h2{

	color:#2a2928;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:44pt;
	margin:20px 0px 0px 32px;

}

.block .link h2.small{ font-size:34pt; }

.block .link span{

	position:absolute;
	bottom:24px;
	left:32px;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    font-size:14pt;
	letter-spacing:3px;
	color:#2a2928;
	border-bottom:3px solid transparent;

}

.block .link:hover span,.block .link:active span{ border-bottom:3px solid #2a2928; }

.block .link.dark span{	color:#fff; }

.block .link.dark:hover span,.block .link.dark:active span{ border-bottom:3px solid #fff; }

.block .info{ background-color:#d8d8d7; }
	
.info .margin{ margin:16px; }

.info h3{

	color:#ff2e4e;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:44pt;
	margin:0px 0px 16px 0px;

}

.info p{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	display:inline-block;
	width:90%;
	line-height:22px;
	font-size:12pt;

}

.block .info.pink{ background-color:#e53752; }

.info.pink h3,.info.pink p{ color:#fff; }

.block .date{ 

	display:table;
	background-color:#e53752; 
	text-align:center;
	vertical-align:middle;
	
}

.block .date .box{

	display:inline-block;
	width:63%;
	border:4px solid #fff;
	text-align:center;
	vertical-align:middle;
	
}

.block .date p{

	display:block;
	text-align:center;
	border-bottom:4px solid #fff;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#fff;
	font-size:14pt;
	letter-spacing:3px;
	line-height:40px;

}

.block .date h3{

	color:#fff;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:44pt;
	line-height:75px;
	margin:0px;

}

.block .logos{

	padding:48px 0px 0px 18px;

}

.block .logos .logo{

	display:inline-block;
	margin:4px;

}

.block .logos .logo div{

	display:table-cell;
	width:100px;
	height:64px;
	text-align:center;
	vertical-align:middle;

}

.foot{

	background-color:#d8d8d7;
	padding:75px 0px 75px 0px;

}

.foot .logo{ margin:0px 0px 90px 0px; }

.foot .logo img{ height:48px; }

.foot .columns{
}

.foot .columns .column{

	width:240px;
	float:left;
	
}

.foot .columns .column.social{ width:180px; }

.foot .columns .column.long{ 

	width:520px; 
	float:right;
	
}

.foot .columns .column p{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:13pt;

}

.foot .columns .column p.links{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
	font-size:13pt;
	letter-spacing:3px;
	line-height:29px;

}

.foot .columns .column p.links a{ color:#111; }

.foot form{

	margin:0px;

}

.foot form .field{

	float:left;
	width:230px;
	border-bottom:1px solid #3c3c3c;
	height:32px;
	margin:0px 0px 18px 0px;
	background-repeat:no-repeat;
	background-position:0px 0px;

}

.foot form .field input{

	width:210px;
	border:0px;
	padding:0px;
	margin:0px 0px 0px 30px;
	background-color:transparent;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:12pt;

}

.foot form .field input::-webkit-input-placeholder{ color:#999; letter-spacing:3px; }
.foot form .field input:-moz-placeholder{ color:#999; letter-spacing:3px; }
.foot form .field input::-moz-placeholder{ color:#999; letter-spacing:3px; }
.foot form .field input:-ms-input-placeholder{ color:#999; letter-spacing:3px; }

.foot form .field:nth-child(odd){ margin-right:45px; }

.foot form .field.submit{ border-bottom:1px solid transparent; }

.foot form .field.person{

	background-image:url(img/person.png);
	background-size:16px 19px;
	background-position:0px 2px;

}

.foot form .field.envelope{

	background-image:url(img/envelope.png);
	background-size:17px 13px;
	background-position:0px 6px;

}

.foot form .field.building{

	background-image:url(img/building.png);
	background-size:16px 18px;
	background-position:0px 2px;

}

.foot form button{

	margin:4px 0px 0px 0px;
	width:120px;
	border:0px;
	height:30px;
	background-color:#ff2e4e;
	color:#fff;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
	font-size:11pt;
	letter-spacing:3px;
	cursor:pointer;

}

.banner{ background-color:#3c3c3c; }

.banner.pink{ background-color:#e72f49; }

.banner .content{ padding:50px 0px 60px 0px; }

.banner.form{ background-color:#f2f2f2; }

.banner.white{ background-color:#fff; }

.banner.form .content{ padding-bottom:30px; }
	
.banner .text p{

	font-size:21pt;
	color:#fff;
	line-height:34px;
	font-family:"Tiempo-Italic",Times,serif;

}

.arrow{

	height:60px;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:70px 35px;

}

.arrow.pink{ background-image:url(img/arrow-pink.png); }

.body .text p{

	font-size:24.5pt;
	color:#000;
	line-height:39px;

}

.team{

	text-align:center;
	width:1240px;
	margin:64px 0px 0px -5px;
	padding-bottom:60px;

}

.team .member{

	display:inline-block;
	width:410px;
	height:344px;
	text-align:center;
	vertical-align:top;

}

.team .member img{ 

	width:217px;
	margin:0px 0px 28px 0px;

}

.team .member p{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:15pt;
	line-height:28px;


}

.services{

	text-align:center;
	width:1272px;
	margin:0px 0px 100px -21px;

}

.services .service{

	display:inline-block;
	width:285px;
	height:285px;
	margin:20px 15px 20px 15px;
	background-color:#e73651;
	border-radius:143px;
	
}

.services .service span{ 

	display:block;
	width:132px;
	height:2px;
	background-color:#fff;
	margin:0px auto;
	
}

.services .service span:nth-child(1){ margin-top:70px; }

.services .service p{

	display:table-cell;
	height:142px;
	padding:0px 0px 6px 0px;
	width:285px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
	font-size:23.5pt;
	letter-spacing:3px;
	line-height:38px;

} 

.phases{

	text-align:center;
	width:1298px;
	margin-left:-30px;
	position:relative;

}

.phases .phase{

	display:inline-block;
	width:370px;
	text-align:center;
	margin:40px 30px 0px 30px;
	vertical-align:top;

}

.phases .phase .circle{

	width:240px;
	height:240px;
	margin:0px auto 60px auto;
	
}

.phases .phase .circle div{

	width:240px;
	height:240px;
	background-color:#e73651;
	border-radius:120px;
	display:table-cell;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
	font-size:23.5pt;
	letter-spacing:0px;
	line-height:52px;
	text-transform:uppercase;

}

.phases .phase h3{ 

	font-size:23.5pt;
	color:#444;
	
}

.phases .phase .text p{

	color:#444;
	margin:0px 0px 32px 0px;

}

.phases .line{

	position:absolute;
	top:0px;
	width:150px;
	height:1px;
	background-color:#3c3c3c;
	top:156px;

}

.phases .line:nth-child(1){ left:357px; }
.phases .line:nth-child(2){ left:790px; }

.companies .logos{

	padding:60px 0px 0px 0px;
	width:1266px;
	margin-left:-15px;

}

.companies .logos .logo{

	display:inline-block;
	width:220px;
	height:160px;
	margin:0px 15px 0px 15px;
	vertical-align:top;

}

.companies .logos .logo div{

	display:table-cell;
	width:220px;
	height:140px;
	text-align:center;
	vertical-align:middle;
	
}

.small-slideshow{

	width:970px;
	margin:0px auto;
	table-layout:fixed;

}

.small-slideshow .previous,.small-slideshow .next{

	width:120px;
	text-align:center;
	vertical-align:top;

}

.small-slideshow .previous a,.small-slideshow .next a{

	display:inline-block;
	width:60px;
	height:60px;
	background-color:#ff2e4e;
	border-radius:60px;
	overflow:hidden;
	margin:425px 0px 0px 0px;

}

.small-slideshow .previous a span,.small-slideshow .next a span{

	display:inline-block;
	width:17px;
	height:17px;
	border-top:4px solid #fff;
	border-left:4px solid #fff;
	margin:20px 0px 0px 0px;

}

.small-slideshow .previous a span{

	-webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-left:8px;

}

.small-slideshow .next a span{

	-webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
    margin-right:8px;

}

.small-slideshow .slides{

	width:730px;
	overflow:hidden;
	
}

.small-slideshow .filmstrip{ width:99999px; }

.small-slideshow .slide{ 

	width:730px;
	text-align:center; 
	float:left;
	position:relative;
	
}

.small-slideshow .slide .image{
 
	margin:0px 0px 24px 0px; 
	position:relative;
	
}

.small-slideshow .slide .image h2{

	position:absolute;
	display:block;
	width:84%;
	top:40px;
	left:8%;
	color:#fff;
	text-align:left;

}

.small-slideshow .slide .text{ 

	width:84%;
	margin:0px auto 32px auto;

}

.small-slideshow .slide h2{

	font-size:42pt;
	margin:0px 0px 24px 0px;

}

.small-slideshow .slide p{

	font-size:24.5pt;
	line-height:36px;
	
}

.small-slideshow .slide .link{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
	font-size:17pt;
	letter-spacing:3px;
	
}

.small-slideshow .slide .link span{

	display:inline-block;
	margin-left:12px;
	font-size:19pt;

}

.small-slideshow .dots{

	padding:40px 0px 32px 0px;
	text-align:center;
	
}

.small-slideshow .dots .dot{

	display:inline-block;
	margin:0px 10px 0px 10px;
	width:16px;
	height:16px;
	border:2px solid #333;
	border-radius:16px;

}

.small-slideshow .dots .dot.selected{ background-color:#333; }


.case-study{ padding:60px 0px 60px 0px; }

.case-study .image,.case-study .details{

	float:left;
	width:50%;

}

.case-study .details{ width:615px; }

.case-study .image{ 

	background-image:url(data/Case-studies-1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:930px;

}

.case-study .margin{ margin:24px; }

.case-study .text{ 

	width:420px; 
	text-align:center;
	float:left;
	
}

.case-study .text p{

	font-size:17pt;
	line-height:29px;
	margin:0px 0px 48px 0px;

} 

.case-study h2{

	font-size:48pt;
	color:#333;
	margin:0px 0px 48px 0px;

}

.case-study .circles{

	width:120px;
	float:right;
	
}

.case-study .circles .circle{

	width:120px;
	height:120px;
	border-radius:120px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:13pt;

}

.case-study .circle.dark-grey{ background-color:#3c3c3b; }
.case-study .circle.red{ background-color:#e63752; }
.case-study .circle.grey{ background-color:#8b8b8b; }
.case-study .circle.yellow{ 

	background-color:#ffefc3; 
	color:#333;

}

.case-study .circle.salmon{ 

	background-color:#fad0c9; 
	color:#333;

}

.case-study .circle.light-grey{ 

	background-color:#d9d9d9; 
	color:#333;

}

.case-study .circle.blue{ 

	background-color:#bee3ed; 
	color:#333;

}

.case-study .circles .br{ height:32px; }


.search{ 

	padding:20px 0px 0px 0px; 
	
	
}

.search .label{ 

	font-family:"Poppins",Helvetica,Arial,sans-serif; 
	font-weight:bold;
	margin:0px 0px 13px 0px;
	font-size:12.5pt;
	letter-spacing:0.03em;
	
}


.search form .field{

	font-family:"Poppins",Helvetica,Arial,sans-serif; 
	display:inline-table;
	width:390px;
	height:40px;
	margin:0px 20px 22px 0px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	vertical-align:top;
	
}

.search form .field.third,.search form .buttons.third{ margin-right:0px; }

.search form .field .cell.year{ width:55px; }

.search form .field .cell.year input{

	display:inline;
	width:100%;
	height:40px;
	border:0px;
	padding:0px;
	background-color:transparent;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	text-align:center;

}	

.search form .field label,.search form .buttons label{

	display:table-cell;
	vertical-align:middle;
	padding:0px 10px 0px 12px;
	white-space:nowrap;	
	width:10px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	text-transform:uppercase;

}

.search form .buttons label{ padding:0px 20px 0px 0px; }

.search form .field input[type=text],.search form .field input[type=number],.search form .field select{

	display:table-cell;
	width:100%;
	height:40px;
	border:0px;
	padding:0px;
	background-color:transparent;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;

}

.search form .field input[type=radio]{

	margin:0px 6px 0px 0px;
	vertical-align:middle;
	
}

.search form .field table,.search form .field .cell span,.search form .buttons span{ 

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:12pt;

}

.search form .buttons{

	display:inline-table;
	width:390px;
	height:40px;
	margin:0px 20px 22px 0px;
	border:0px;
	padding-left:1px;
	vertical-align:top;
	
}

.search form .button,.search form .button:link,.search form .button:visited,.search form .button:hover,.search form .button:active{

	padding:0px 16px 0px 16px;
	border-radius:4px;
	font-size:9.5pt;

}

.search .count-container{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:7pt;

}


.unselectable{

	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;

}

.grid{

	width:100%;
	margin:10px 0px 30px 0px;
	table-layout:fixed;
	font-size:11pt;

}

.grid.yachts,.grid.yachts-nofilter{ margin:30px 0px 0px 0px; }

.grid td{

	border-right:1px solid #ddd;
	border-bottom:1px solid #f2f2f2;
	padding:5px 20px 5px 10px;
	vertical-align:top;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}

.grid tbody td{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:11pt;
	padding-bottom:3px;

}

.grid tbody td:first-child{ border-left:1px solid #ddd; }

.grid tbody tr:last-child td{ border-bottom:1px solid #ddd; }

.grid.yachts tbody tr:nth-child(even) td,.grid.yachts-nofilter tbody tr:nth-child(even) td{ background-color:#f2f2f2; }

.grid thead td{

	text-align:left;
	padding:8px 20px 8px 10px;
	background-color:#d8d8d7;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;

}

.grid.yachts thead td{ height:48px; }

.grid.yachts.print thead td{ height:auto; }

.grid thead td:first-child{ border-left:1px solid #aaa; }

.grid .broker-flag{

	display:inline-block;
	background-color:#ff2e4e;
	text-align:center;
	width:16px;
	height:16px;
	border-radius:16px;
	color:#fff;
	text-align:center;
	line-height:17px;
	font-size:11px;
	vertical-align:middle;
	margin:0px 7px 2px 0px;
	text-decoration:none;

}

.grid .broker-flag:hover{ text-decoration:none; }

.newgrid{

	width:100%;
	margin:30px 0px 30px 0px;
	table-layout:fixed;
	font-size:11pt;

}

.newgrid td,.newgrid td div{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:8pt;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}

.newgrid td{ vertical-align:top; }

.newgrid.config-column td:first-child{

	padding-left:28px;
	padding-right:0px;
	width:15px;

}

.newgrid.config-column td:nth-child(2){ padding-left:28px; }

.newgrid td.align-center{ 

	text-align:center;
	/*
	padding-left:0px;
	padding-right:0px;
	*/
}

.newgrid td.align-center .table{ margin:0px auto; } 

.newgrid td.align-left{ text-align:left; }

.newgrid thead td,.newgrid thead td div{ color:#fff; }

.newgrid thead td{

	background-color:#191919;
	padding:32px 32px 32px 32px;
	text-transform:uppercase;
	
}

.newgrid td .table{ table-layout:fixed; }
	
.newgrid td .table .cell:first-child{ max-width:90px; }

.newgrid td .table .cell:last-child{ width:16px; } 

.newgrid tbody td{

	padding:18px 32px 18px 32px;
	border-bottom:1px solid #ddd;	
	color:#222;

}

.newgrid tbody a{ color:#222; }
	
.newgrid tbody a:hover{ 

	text-decoration:underline;
	text-decoration-color:#ff2e4e;

}

.newgrid .layout{

	display:inline-block;
	width:13px;
	height:13px;
	background-image:url(https://www.superyachtintelligence.com/img/newgrid-cog.png);
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-bottom:2px;

}

.newgrid .sort{

	display:inline-block;
	width:6px;
	height:13px;
	background-image:url(https://www.superyachtintelligence.com/img/newgrid-arrows.png);
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin:0px 0px 2px 6px;

}

.newgrid .broker-flag{

	display:inline-block;
	background-color:#ff2e4e;
	text-align:center;
	width:14px;
	height:14px;
	border-radius:14px;
	color:#fff;
	text-align:center;
	line-height:14px;
	font-size:9px;
	vertical-align:middle;
	margin-bottom:3px;
	text-decoration:none;

}

.newgrid .broker-flag:hover{ text-decoration:none; }

.newgrid tbody .countnav td{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:7pt;
	border-bottom:0px;

}

.countnav a{

	text-decoration:underline;

}

.filters{

	width:100%;
	position:absolute;
	top:33px;

}

.filters td div{

	margin:0px 16px 0px 6px;

}

.filters input{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	border:1px solid #aaa;
	border-radius:2px;
	padding:3px 4px 2px 4px;
	background-color:#fafafa;
	width:100%;

}

.yacht,.company,.charts{ padding:24px 0px 40px 0px; }

.navigation a{ 

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	display:inline-block;
	margin:24px 0px 0px 0px;
	
}

.navigation a.left{ padding:0px 20px 0px 0px; }

.yacht-heading{ 

	padding:24px 0px 0px 0px;
	width:100%; 
	margin-bottom:16px;
	
}

.yacht-heading h1{ font-size:40pt; }
	
.sections{ padding:0px 0px 16px 0px; }

.sections,.sections a{

	color:#aaa;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:8.5pt;

}

.sections label{ color:#111; }

.sections a.selected{ 

	color:#111; 
	text-decoration:underline;
	
}

.subheading{

	border-top:4px solid #333;
	padding:5px 0px 40px 0px;
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#444;
	font-size:12pt;
	letter-spacing:2.5px;

}

.yacht .field{

	display:inline-table;
	width:365px;
	margin:0px 20px 6px 0px;
	vertical-align:top;
	height:64px;
	padding-right:18px;
	
}

.yacht .field label,.picture label{

	display:block;
	margin:0px 0px 2px 7px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	color:#aaa;
	font-size:8pt;

}

.yacht .field input[type=text],.yacht .field textarea{

	display:inline-block;
	width:100%;
	border:1px solid #ddd;
	background-color:#fdfdfd;
	border-radius:3px;
	padding:6px 8px 6px 8px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:12pt;
	color:#333;

}

.yacht .field textarea{ height:48px; }

.yacht .field input.short{ width:50%; }

.yacht .field .table{ width:100%; }

.yacht .field .subfield{

	display:table-cell;
	width:50%;

}

.yacht .field .subfield label{ 

	display:inline-block; 
	font-size:11pt;
	color:#444;
	
}

.picture{

	display:inline-table;
	margin:0px 0px 22px 0px;
	vertical-align:top;

}

.picture.small{ width:390px; }

.yacht-summary .picture-cell{ width:480px; }

.yacht-summary .picture{ margin:0px; }

.yacht-summary .picture.small{ width:480px; }

.company-summary .picture.small{ 

	width:auto; 
	vertical-align:middle;
	margin:0px;
	
}

.picture.large{ width:800px; }

.picture .image,#map_canvas{

	background-color:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	margin:0px 0px 10px 0px;

}

.yacht-summary .picture,.company-summary .picture{

	background-color:transparent;
	border:0px;
	border-radius:0px;

}

.yacht-summary .picture .image,.company-summary .picture .image{

	border:0px;
	border-radius:0px;
	margin:0px 40px 0px 0px;

}

.yacht-summary .ais .mapbox{ padding-left:40px; }

.picture img{

	max-width:100%;
	display:block;
	margin:0px auto;

}

.credit{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:9pt;
	text-align:center;

}

.thumbnails{

	width:800px;
	margin:0px 0px 22px 0px;

}

.thumbnails a{

	width:25%;
	height:auto;
	display:block;
	float:left;
	border-radius:1px;
	background-size:cover;
	background-position:center center;
	
}

.thumbnails img{ width:100%; }

.message p{ 

	color:#555; 
	margin:0px 0px 22px 0px;
	
}

.login .field{

	display:inline-table;
	width:390px;
	margin:0px 20px 20px 0px;
	vertical-align:top;
	height:64px;
	padding-right:18px;
	
}

.login .field label{

	display:block;
	margin:0px 0px 5px 3px;

}

.login .field input[type=text],.login .field input[type=password]{

	display:inline-block;
	width:100%;
	border:1px solid #ddd;
	background-color:#fdfdfd;
	border-radius:3px;
	padding:6px 8px 6px 8px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:12pt;
	color:#333;

}


.login .buttons{ padding:15px 0px 30px 0px; }

.login .button,.login .button:link,.login .button:visited,.login .button:hover,.login .button:active{

	padding:0px 16px 0px 16px;
	border-radius:4px;
	font-size:9.5pt;
	margin-top:3px;

}


.error{

	margin:0px 0px 24px 0px;
	color:#ee0000;
	font-family:'Tiempo-Bold',times,serif;
	font-size:15pt;

}

.padded{

	margin:0px 0px 24px 0px;
	
}

.foot .message{

	margin:0px 0px 24px 0px;
	color:#ff2e4e;
	font-family:'Tiempo-Bold',times,serif;
	font-size:15pt;

}

.layout .sort{ padding-top:24px; }

.layout .help{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	margin-top:22px;

}

.layout .message{

	width:90%;
	padding-top:32px;

}

.layout .field{

	display:inline-block;
	width:360px;
	margin:0px 48px 13px 0px;
	
}

.layout .field select{

	width:100%;
	border:1px solid #ccc;
	background-color:#fdfdfd;
	border-radius:3px;
	padding:10px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	color:#333;

}

.layout .sort .field label{

	display:block;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	margin-bottom:4px;

}

.layout .sort .field select{ display:inline-block; }

.layout .sort .field select:nth-child(1){ width:63%; } 

.layout .sort .field select:nth-child(2){ width:35%; }

.layout .buttons{ padding:15px 0px 30px 0px; }

.layout .button,.layout .button:link,.layout .button:visited,.layout .button:hover,.layout .button:active{

	padding:0px 16px 0px 16px;
	border-radius:4px;
	font-size:9.5pt;
	margin-top:3px;

}



/* Dual Slider Input */

.dual-slider-input{

	display:block;
	position:relative;
	height:18px;

}

.dual-slider-bar{

	position:absolute;
	top:8px;
	left:2px;
	height:4px;
	background-color:#111;

}

.dual-slider-fill{

	position:absolute;
	top:8px;
	left:3px;
	width:100px;
	height:4px;
	background-color:#ff304e;

}

.dual-slider-nob{

	position:absolute;
	top:0px;
	left:0px;
	width:15px;
	height:18px;
	background-image:url(img/nob.png);
	cursor:pointer;

}


.shade{

	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=80);
	opacity:0.80;

}

.popup{

	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:table;
	
}

.popup .cell{ text-align:center; }

.popup .content{

	display:inline-block;
	background-color:#ff2e4e;

}

.popup .content h1{ font-size:56pt; }

.popup .margin{ margin:75px; }

.popup .subheading1{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#111;
	font-size:20pt;
	letter-spacing:3px;
	margin:0px 0px 20px 0px;
	line-height:36px;

}
	
.popup .text{

	font-size:14pt;
	color:#fff;
	margin:0px 0px 15px 0px;

}

.popup .text a{

	color:#fff;
	text-decoration:underline;

}

.popup .close{

	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:84px;
	height:84px;
	background-image:url(img/icon-close-outline.png);
	background-size:cover;

}

.advanced-search h1,.layout h1{ font-size:34pt; }

.advanced-search .section{ padding-bottom:24px; }

.advanced-search h3,.search h3{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#5b5b5b;
	font-size:16px;
	letter-spacing:0.15em;
	margin:0px 0px 24px 0px;
	
}

.advanced-search .column{

	display:inline-table;
	width:calc(50% - 30px);
	margin:0px 48px 0px 0px;
	box-sizing:border-box;

}

.advanced-search .column:last-child{ margin-right:0px; }

.advanced-search form .field{

	display:inline-table;
	width:calc(50% - 30px);
	height:40px;
	margin:0px 48px 18px 0px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	vertical-align:top;
	table-layout:fixed;
	box-sizing:border-box;
	
}

.advanced-search form .field:nth-child(even){ margin-right:0px; }

.advanced-search form .field .label{
	
	width:38%;
	padding:0px 10px 0px 12px;
	white-space:nowrap;	
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12pt;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	
}

.advanced-search form .field .operator{

	width:24%;
	padding:0px 4px 0px 4px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;

}

.advanced-search form .field .operator select{ 

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt; 
	text-align:center;
	
}

.advanced-search form .field .input{ 

	width:38%;
	padding:0px 8px 0px 10px; 
	
}

.advanced-search form .field input[type=text],.advanced-search form .field input[type=number],.advanced-search form .field select{

	width:100%;
	height:40px;
	border:0px;
	padding:0px;
	margin:0px;
	background-color:transparent;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	
}

.advanced-search form .field a{

	display:inline-block;
	width:20px;
	height:20px;
	background-color:#ff2e4e;
	color:#fff;
	line-height:10px;
	text-align:center;
	border-radius:20px;
	font-size:14pt;
	text-decoration:none;

}

.advanced-search form .buttons{ padding:20px 0px 0px 0px; }

.advanced-search form .buttons .column{ 

	vertical-align:top; 
	padding:0px 0px 20px 0px;
	
}

.advanced-search .sort-field{ display:inline-block; }

.advanced-search .sort-field{ 

	box-sizing:border-box;

}

.advanced-search .sort-field label{

	display:inline-block;
	width:85px;
	font-weight:600;
	padding:0px 10px 4px 0px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	white-space:nowrap;

}

.advanced-search .sort-field select{

	width:120px;
	height:36px;
	border:1px solid #bbb;
	border-radius:3px;
	padding:0px 6px 0px 6px;
	margin:0px;
	background-color:#fff;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	
}

.advanced-search .sort-field.order select{ 

	width:180px; 
	margin-right:15px;
	
}

.advanced-search .top-buttons{

	display:inline-table;
	height:40px;
	margin:0px 20px 22px 0px;
	border:0px;
	padding-left:1px;
	vertical-align:middle;
	
}

.advanced-search .button,.advanced-search .button:link,.advanced-search .button:visited,.advanced-search .button:hover,.advanced-search .button:active{

	padding:0px 16px 0px 16px;
	border-radius:4px;
	font-size:9.5pt;
	margin-top:3px;

}

.advanced-search .information{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	padding:50px 0px 50px 0px; 
	font-size:12pt;
	text-align:center;

}

.advanced-search .blurred{ 

	position:relative; 
	opacity:0.6;
	
}

.advanced-search .blurred label,.advanced-search .blurred h3{

	color:transparent!important;
	text-shadow:0 0 10px rgba(0,0,0,0.7);

}

.advanced-search .block{ display:none; }

.advanced-search .blurred .block{

	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:9;
	margin:0px;
	opacity:0.001;

}

.message{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	font-style:italic;
	margin:-16px 0px 32px 0px;

}


.company .details{ max-width:75%; }
	
.company .details p{
 
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	
}

.company .stats.blurred .stat .data-number2{

	color:transparent!important;
	text-shadow:0 0 15px rgba(255,46,78,0.5);
	
}

.company .stat{

	width:300px;
	display:inline-block;
	text-align:left;
	vertical-align:top;

}

.company .stat div:first-child{ min-height:3em; }

.company .stat div{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	padding-right:16px;
	
}

.company .stat-label{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt; 
	padding-bottom:32px;
	color:#aaa;

}


.company .stat .data-number2{

	font-size:54pt;
	font-family:"MFred",Helvetica,Arial,sans-serif;

}

.company .circles{
}

.company .circles .circle{

	display:inline-block;
	vertical-align:top;
	margin:10px 0px 10px 40px;
	text-align:center;

}

.company .circles .circle label{

	display:block;
	padding-bottom:16px;
	color:#888;
	font-family:sans-serif;
	font-size:11pt;

}


.news-item{ 

	display:inline-block;
	vertical-align:top;
	width:calc(33.33% - 30px);
	background-color:#fff;
	height:360px;
	margin:44px 44px 0px 0px;
	box-shadow:0px 3px 14px 0px rgba(0,0,0,0.2);
	border-radius:4px;
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:26px;
	text-decoration:none;
	overflow:hidden;
	
}

.news-item:hover{ text-decoration:none; }

.news-item:nth-child(1),.news-item:nth-child(2),.news-item:nth-child(3){ margin-top:0px; } 

.news-item:nth-child(3n+0){ margin-right:0px; } 


.news-item img{

	width:100%;
	height:calc(22vw - 112px);
	max-height:160px;
	object-fit:cover;
	margin:0px 0px 12px 0px;

}

.news-item h3{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:14pt;
	font-weight:600;
	letter-spacing:0.02em;
	line-height:1.1em;
	text-transform:uppercase;
	margin:0px 0px 8px 0px;

} 

.news-item p{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:10pt;
	margin:0px 0px 12px 0px;
	color:#aaa;
	line-height:1.25em;
	
}

.news-item span{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:300;
    text-transform:uppercase;
    color:#ff2e4e;
    font-size:10pt;
    letter-spacing:2px;

}


#map_canvas{

	margin-top:10px;
	width:auto;
	max-width:736px;
	height:300px;

}

.generate{ padding:0px 0px 8px 0px; }

.sublink{

	font-size:34pt;
	color:#afafaf;
	margin-left:48px;

}

.sublink:first-child{ margin-left:0px; }	

.sublink:link,.sublink:visited{ color:#afafaf; }
	
.sublink:hover,.sublink:active{ 

	text-decoration:none;
	color:#ff2e4e;
	
}


.h1table{

	margin-bottom:24px; 
	width:100%;

}

.h1table h1{ font-size:34pt; }

.h1table h1 .selected{ 

	text-decoration:underline;
	text-decoration-color:#ff2e4e;
	margin-left:48px;
	color:#222;
	
}

.h1table h1 .selected:first-child{ margin-left:0px; }

.altsublinks{

	vertical-align:middle;
	text-align:right;
	padding-bottom:2px;

}

.altsublinks .sublink{

	/*font-family:"Poppins",Helvetica,Arial,sans-serif;*/
	font-family:"Nobel",Helvetica,Arial,sans-serif;
	/*font-size:10pt;*/
	font-size:16px;
	letter-spacing:0.15em;
	color:#5b5b5b;
	margin-left:16px;

}

.altsublinks .sublink:hover{ color:#ff2e4e; }

.yacht-summary{ margin-bottom:40px; }

.yacht-summary .items{ vertical-align:middle; }

.yacht-summary .items .item{ margin:12px 0px 12px 0px; }

.yacht-summary .items .item:first-child{ margin-top:0px; }
.yacht-summary .items .item:last-child{ margin-bottom:0px; }

.yacht-summary .items .item label{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:normal;
	color:#ff2e4e;
	font-size:9pt;
	letter-spacing:2px;
	margin:0px;
	text-transform:uppercase;

}

.yacht-summary .items .item h3{

	margin:0px;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:22pt;
	line-height:28px;
	text-transform:uppercase;
	
}


.company-summary .picture{ 

	display:inline-block;
	vertical-align:middle; 
	max-width:380px;
	
}

.company-summary .items{ 

	vertical-align:middle; 
	max-width:650px;
	
}

.company-summary .items .item{ 

	display:inline-block;
	width:150px;
	margin:6px 0px 6px 0px; 
	
}

.company-summary .items .item.wide{ width:300px; }

.company-summary .items .item:first-child{ margin-top:0px; }
.company-summary .items .item:last-child{ margin-bottom:0px; }

.company-summary .items .item label{

	font-family:"Nobel",Helvetica,Arial,sans-serif;
	font-weight:normal;
	color:#ff2e4e;
	font-size:9pt;
	letter-spacing:2px;
	margin:0px;
	text-transform:uppercase;

}

.company-summary .items .item h3{

	margin:0px;
	font-family:"MFred",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:22pt;
	line-height:28px;
	text-transform:uppercase;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	
}

.company .map-link{

	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:8pt;
	color:#111;
	text-decoration:underline;

}

.fakeinput{

	display:inline-block;
	width:100%;
	border:1px solid #ddd;
	background-color:#fdfdfd;
	border-radius:3px;
	padding:6px 8px 6px 8px;
	font-family:"Poppins",Helvetica,Arial,sans-serif;
	font-size:12pt;
	color:#333;

}

.charts{
}

	
	
	
/* TYRG HEAD */
	.fltrt { 
		float:right;
	}
	.fltlft { 
		float:left;
	}
	.folio {
		height:30px;
		overflow:hidden;
		background-color:#ededed;
		border-bottom:0px solid #9d9fa2;	
	}
	.folio ul {
		margin:0px;
		padding:0px;		
	}
	.folio li {
		border-right:0px solid #9d9fa2;
		float:left;
		list-style:none;
	}
	.folio li.rightmenu {
		border-left:0px solid #9d9fa2;
		float:left;
		list-style:none;
	}
	.folio li a {
		line-height:30px;
		padding:7px;
		background-color:#ededed;
		color:#666666;
		text-decoration:none;
	}
	.folio li a:hover {
		background-color:#3b3b3b;
		color:#e6eaeb;
	}
	.folio li.tsotab {
		background-color:#000 !important; 
	}
	.folio li.tsotab a {
		border-color:#3b3b3b; 
		margin-left:0px;
		margin-right:0px;
		padding:0;
	}
	.folio li.tsotab img {
		margin-top:0;
		vertical-align:middle; 
		background-color:#000;
	}
	.folio li.rightmenu a {
		padding:7px 16px;
	background-color:#ededed;
	color:#3b3b3b;
	}
	
	.folio li.rightmenu a:hover {
		padding:7px 16px;
		background-color:#3b3b3b;
		color:#ededed;
	}
	.folio > .insidecontent {
		width:100%;
		position:relative;
	}
	.bluearrow {
		
		padding-right:15px;
	}
	.footer {
		margin:50px 0px 0px 0px;
		height:auto;
		padding:20px 0;
		background-color:#eee;
	}
	.footer p {
		font-size:10px;
		line-height:14px;
		padding-top:15px;
		color:#666666;
	}
	.footer p a {
		color:#666666;
		text-decoration:none;
	}
	.footer a:hover {
		color:#044979;
		text-decoration:underline;
	}
	.footer ul {
		list-style:none;
		float:left;
		width:205px;
		margin:0px;
		padding:0px;
	}
	.footer ul > li {
		margin-left:2px;
	}
	.footer ul > li > a {
		text-decoration:none;
		color:#222;
		font-size:12px;
		line-height:20px;
		color:#666666;
	}
	.footer ul > li.sectionheader {
		border-bottom:1px solid #666666;
		font-family:"Tiempo",Times,serif;
		color:#3b3b3b;
		font-size:20px;
		font-weight: normal;
		padding-bottom:3px;
		padding-left:1px;
		margin-left:0px !important;
		list-style-image:none !important;
	}
	.footer .padout {
		width:740px !important;
	}
	.footer .insidecontent{

		width:1230px;
		margin:0px auto;

	}
/* END */

	


@media (max-width:1259px){

	body,div,table,input,select,textarea,p,button{ font-size:11pt; }
		
	h1,h2{

		font-size:36pt;
		margin:0px 0px 18px 0px;

	}

	h3{

		font-size:14pt;
		margin:0px 0px 24px 0px;
		
	}

	.page{ width:100%; }
	
	.head .logo{ 
	
		width:515px;
		margin:30px 15px 24px 15px;
		
	}
	
	.keyword-search{ margin:34px 15px 0px 0px; }
		
	.menu .links{ display:none; }

	.menu .hamburger{ display:block; }
	
	.slideshow{

		height:280px;
		margin:0px 0px 24px 0px;

	}
	
	.slideshow .slide h2,.slideshow .slide .text{ padding-left:15px; }
	
	.slideshow .slide .text p{
		
		font-size:25pt;
		line-height:40px;
		
	}

	.slideshow .slide .link{

		right:15px;
		font-size:12pt;
		border-bottom:2px solid transparent;

	}

	.slideshow .slide .link:hover,.slideshow .slide .link:active{ border-bottom:2px solid #fff; }

	.slideshow .slide .dots{ right:15px; }

	.slideshow .slide .dots a{

		width:12px;
		height:12px;
		margin:0px 1px 0px 0px;

	}

	.blocks{

		width:auto;
		margin:0px;

	}
	
	.foot{ padding:50px 15px 20px 15px; }

	.foot .logo{ margin:0px 0px 50px 0px; }

	.foot .logo img{ height:32px; }

	.foot .columns .column{

		width:200px;
		float:left;
		height:230px;
		
	}

	.foot .columns .column.social{ width:150px; }
		
	.foot .columns .column.long{ 
	
		width:360px; 
		height:150px;
		float:left;
		
	}
	
	.foot .columns .column p{ font-size:11pt; }

	.foot .columns .column p.links{

		font-size:10pt;
		letter-spacing:2.5px;
		line-height:21px;

	}

	.foot form .field{

		width:160px;
		height:24px;
		margin:0px 0px 14px 0px;
		
	}

	.foot form .field input{

		width:130px;
		margin:0px 0px 0px 20px;
		font-size:9pt;

	}

	.foot form .field input::-webkit-input-placeholder{ color:#999; letter-spacing:2.5px; }
	.foot form .field input:-moz-placeholder{ color:#999; letter-spacing:2.5px; }
	.foot form .field input::-moz-placeholder{ color:#999; letter-spacing:2.5px; }
	.foot form .field input:-ms-input-placeholder{ color:#999; letter-spacing:2.5px; }

	.foot form .field:nth-child(odd){ margin-right:30px; }

	.foot form .field.person{

		background-size:12px 14px;
		background-position:0px 2px;

	}

	.foot form .field.envelope{

		background-size:13px 10px;
		background-position:0px 5px;

	}

	.foot form .field.building{

		background-size:12px 13px;
		background-position:0px 2px;

	}

	.foot form button{

		margin:1px 0px 0px 0px;
		width:90px;
		height:24px;
		font-size:9pt;
		letter-spacing:2.5px;
		
	}
	
	.banner .content{ padding:40px 0px 48px 0px; }
		
	.banner .page{
	
		width:auto;
		padding:0px 15px 0px 15px; 
	
	}
	
	.banner .page.content{ padding:48px 15px 48px 15px; }
	
	.banner .text p{

		font-size:16pt;
		line-height:25px;

	}

	.arrow{

		height:40px;
		background-size:53px 26px;

	}
	
	.body{ padding:0px 15px 40px 15px; }
	
	.padding{ padding-top:40px; }

	.body .text p{

		font-size:19pt;
		line-height:30px;

	}
	
	.team{

		width:auto;
		margin:48px 0px 0px 0px;
		padding-bottom:40px;

	}

	.team .member{

		width:290px;
		height:258px;
	
	}

	.team .member img{ 

		width:163px;
		margin:0px 0px 20px 0px;

	}

	.team .member p{

		font-size:12pt;
		line-height:22px;

	}
	
	.services{

		width:auto;
		margin:0px 0px 75px 0px;

	}

	.services .service{

		width:214px;
		height:214px;
		margin:15px 10px 15px 10px;
		border-radius:107px;
		
	}

	.services .service span{ width:100px; }
		
	.services .service span:nth-child(1){ margin-top:50px; }

	.services .service p{

		height:108px;
		padding:0px 0px 4px 0px;
		width:214px;
		font-size:17pt;
		letter-spacing:3px;
		line-height:28px;

	} 
	
	.phases{

		width:auto;
		margin-left:0px;
		
	}

	.phases .phase{

		width:278px;
		margin:30px 23px 0px 23px;

	}

	.phases .phase .circle{

		width:180px;
		height:180px;
		margin:0px auto 40px auto;
		
	}

	.phases .phase .circle div{

		width:180px;
		height:180px;
		border-radius:90px;
		font-size:18pt;
		line-height:36px;
		
	}

	.phases .phase h3{ font-size:19pt; }
		
	.phases .phase .text p{ 
	
		font-size:17pt;
		line-height:27px;
		margin:0px 0px 26px 0px; 
		
	}

	.phases .line{ display:none; }

	.companies .logos{

		padding:40px 0px 0px 0px;
		width:auto;
		margin-left:0px;

	}

	.companies .logos .logo{

		width:165px;
		height:120px;
		margin:0px 11px 0px 11px;
		
	}

	.companies .logos .logo div{

		width:165px;
		height:105px;
		
	}
	
	.image-amico{ width:146px!important; }
	.image-sanlorenzo{ width:96px!important; }
	.image-pendennis{ width:163px!important; }
	.image-blohm{ width:92px!important; }
	.image-salamanca{ width:98px!important; }
	.image-apsa{ width:138px!important; }
	.image-porto-montenegro{ width:136px!important; }
	.image-iom-ship-registry{ width:86px!important; }
	.image-feadship{ width:155px!important; }
	.image-akzo-nobel{ width:104px!important; }
	.image-wartsila{ width:98px!important; }
	.image-ft{ width:94px!important; }
	.image-dunya{ width:119px!important; }
	.image-global-yachting-group{ width:146px!important; }
	.image-la-ciotat{ width:81px!important; }
	.image-bermuda-tourism{ width:116px!important; }
	.image-new-zealand-tourism{ width:104px!important; }
	.image-royal-huisman{ width:116px!important; }
	.image-monaco-marine{ width:86px!important; }
	.image-derecktor{ width:111px!important; }
	
	.case-study{ padding-top:40px; }

	.case-study .image{

		float:none;
		width:auto;
		margin:0px auto 32px auto;

	}
	
	.case-study .details{ 
	
		float:none; 
		margin:0px auto;
		
	}

	.case-study .image{ height:400px; }

	.button.narrow{ padding:0px 16px 0px 16px; }
	
	.search form .field{ width:362px; }
	
	.search form .field.third,.search form .buttons.third{ margin-right:20px; }

	.search form .buttons{ width:362px; }
		
	.banner .page.yacht,.banner .page.company{ padding:24px 15px 40px 15px; }
	
	.subheading{

		border-top:5px solid #333;
		padding:8px 0px 24px 0px;
		font-size:15pt;
		letter-spacing:2.5px;

	}
	
	.yacht .field:nth-child(odd){ margin-right:0px; }
	
	.yacht .field{ width:340px; }
	
	.yacht .field input[type=text],.yacht .field textarea{ font-size:11pt; }
	
	.picture.small{ width:390px; }

	.picture.large{ 
	
		width:auto; 
		max-width:800px;
		
	}

	.thumbnails{

		width:auto;
		max-width:800px;

	}

	.company .stat{ width:220px; }
	
	.company .stat .data-number2{ font-size:36pt; }
	
	.search .label{ font-size:10.5pt; }
	
	.search form .button,.search form .button:link,.search form .button:visited,.search form .button:hover,.search form .button:active{ padding:0px 12px 0px 12px; }
		
	.h1table h1{ font-size:24pt; }
	
	.sublink{

		font-size:24pt;
		margin-left:26px;
	
	}
	
	.h1table h1 .selected{ margin-left:26px; }
	
	
	.yacht-summary .ais{ 
	
		display:table-row; 
		width:100%; 
		
	}
	
	.yacht-summary .ais .mapbox{ 
	
		display:table-cell;
		padding:32px 40px 0px 0px;
	
	}
	
}	
		

@media (max-width:1170px){

	.search form .field:nth-child(even){ margin-right:0px; }

}

@media (max-width:1090px){

	.advanced-search .columns .column{ margin:0px; }
	
	.advanced-search .columns .column:nth-child(1){ width:260px; }
	.advanced-search .columns .column:nth-child(2){ width:235px; }

	

}


@media (max-width:1200px){ .column6{ display:none; } }
@media (max-width:1100px){ .column5{ display:none; } }
@media (max-width:940px){ .column4{ display:none; } }
@media (max-width:760px){ .column3{ display:none; } }
@media (max-width:580px){ .column2{ display:none; } }
@media (max-width:420px){ .column1{ display:none; } }
/*@media (max-width:600px){ .column1{ display:none; } }*/


@media (max-width:989px){

	.keyword-search{ 
	
		float:none;
		margin:0px 15px 15px 15px; 
		
	}

	.small-slideshow{ width:100%; }
	
	.small-slideshow .slides{ width:auto; }
	
	.small-slideshow .previous,.small-slideshow .next{ width:100px; }
		
	.small-slideshow .previous a,.small-slideshow .next a{

		width:45px;
		height:45px;
		border-radius:45px;
		margin:319px 0px 0px 0px;

	}

	.small-slideshow .previous a span,.small-slideshow .next a span{

		width:13px;
		height:13px;
		border-top:3px solid #fff;
		border-left:3px solid #fff;
		margin:15px 0px 0px 0px;

	}

	.small-slideshow .previous a span{ margin-left:6px; }

	.small-slideshow .next a span{ margin-right:6px; }

	.small-slideshow .slide .image img{ width:100%; }
	
	.small-slideshow .slide .image h2{ top:30px; }
	
	.small-slideshow .slide h2{

		font-size:32pt;
		margin:0px 0px 18px 0px;
		
	}

	.small-slideshow .slide p{

		font-size:18pt;
		line-height:28px;
		
	}

	.small-slideshow .slide .link{

		font-size:14pt;
		letter-spacing:2.5px;
		
	}

	.small-slideshow .slide .link span{

		margin-left:9px;
		font-size:16pt;

	}
	
	.small-slideshow .dots{ padding:30px 0px 24px 0px; }
	
	.small-slideshow .dots .dot{

		margin:0px 7px 0px 7px;
		width:12px;
		height:12px;
		border:1px solid #333;
		border-radius:12px;

	}
	
	.popup .content h1{ font-size:48pt; }

	.popup .margin{ margin:50px; }

	.popup .subheading1{

		font-size:16pt;
		line-height:30px;

	}
		
	.popup .text{ font-size:12pt; }
	
	.popup .close{

		width:63px;
		height:63px;
		
	}
	
	
	.company .details{ max-width:100%; }

	.company .stat{ width:180px; }
	
	.company .stat .data-number2{ font-size:30pt; }
	
	.news-item .news-content p{ max-width:100%; }
	
	.company-summary,.company-summary .cell{ display:block; width:100%; }
	
	.company-summary .picture{ 
	
		width:100%!important; 
		max-width:800px!important;
		
	}
	
	.company-summary .picture .image{ margin:0px; }
	
	.company-summary .picture .image img{ margin:0px; }
	
	.news-item{ 

		width:calc(50% - 23px);
		height:360px;
		margin:44px 44px 0px 0px;
		padding:26px;
		
	}
	
	.news-item img{

		height:calc(30vw - 104px);
		max-height:190px;
		
	}

	.news-item:nth-child(3){ margin-top:44px; } 
	
	.news-item:nth-child(3n+0){ margin-right:44px; } 
	.news-item:nth-child(2n+0){ margin-right:0px; } 
	
	.advanced-search .sort-field label{ width:40px; }
	
	.advanced-search .sort-field.order select{ width:140px; }
	
	.advanced-search .sort-field label span{ display:none; }
	
	
}



@media (max-width:799px){

	.slideshow .slide .text{ width:75%; }
	
	.folio .fltlft li:nth-child(1) span,.folio .fltlft li:nth-child(2),.folio .fltlft li:nth-child(3),.folio .fltlft li:nth-child(4){ display:none; }
	
	.layout .columns{ 

		width:auto;
		display:block;
		
	}

	.layout .fields,.layout .sort{ 

		display:block;
		width:100%;
		
	}
	
	.layout .sort{ padding-top:32px; }
	
	#map_canvas{ height:250px; }
	
	.sublink{ margin-left:12px; }
	
	.table.yacht-heading{ display:block; }
		
	.yacht-heading .cell{ display:table-row; }
		
	.yacht-heading .cell:nth-child(2){ text-align:left; }
	
	
	.h1table h1 .selected{ margin-left:12px; }
	
	.h1table,.h1table .cell{ display:block; }
	
	.altsublinks{

		text-align:left;
		padding-bottom:2px;

	}

	.altsublinks .sublink{ margin:0px 16px 0px 0px; }
	
	
	
	.advanced-search form .field{

		width:100%;
		max-width:520px;
		
	}
	
	.advanced-search .column{

		display:block;
		width:100%;
		max-width:520px;
		margin:0px;
		
	}

	.advanced-search .columns .column{ vertical-align:top; }
	
	.yacht-summary,.yacht-summary .cell{ 
	
		display:block; 
		width:100%; 
		
	}
	
	.yacht-summary .ais .mapbox{ 
	
		padding:0px; 
		display:block;
		
	}
	
	.yacht-summary .items{ padding:20px 0px 32px 0px; }
	
	.yacht-summary .picture-cell,.yacht-summary .picture,.yacht-summary .ais{ 
	
		width:100%!important; 
		max-width:480px!important;
		
	}
	
	.yacht-summary .picture .image{ margin:0px; }
	
	.yacht-summary .picture .image img{ margin:0px; }
	
}



@media (max-width:639px){

	body,div,table,input,select,textarea,p,button{ font-size:9pt; }

	h1,h2{

		font-size:24pt;
		margin:0px 0px 8px 0px;

	}

	h3{

		font-size:12pt;
		margin:0px 0px 16px 0px;
		
	}
	
	
	.keyword-search form .field{

		width:220px;
		height:31px;
		border-radius:3px;
		
	}

	.keyword-search form .field input[type=text]{

		height:31px;
		padding:0px 5px 0px 5px;
		font-size:10pt;

	}
	
	.menu,.menu .cell{

		background-color:#d8d8d7;
		height:38px;
		
	}

	.menu .hamburger{
		
		width:36px;
		height:36px;
		background-image:url(img/hamburger.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:24px 24px;
		border-bottom:0px;
		margin-right:7px;
		
	}
	
	.responsive-menu a{

		margin:5px 30px 5px 20px;
		font-size:10pt;
		letter-spacing:2px;
		text-decoration:none;
		line-height:16px;
		border-bottom:1px solid transparent;

	}
	
	.menu a:hover,.menu a.selected,.responsive-menu a:hover,.responsive-menu a.selected{
	
		text-decoration:none;
		border-bottom:1px solid #2c2d2c;
		
	}

	.slideshow{

		height:190px;
		margin:0px 0px 16px 0px;

	}
	
	.slideshow .slide .text p{
		
		font-size:15pt;
		line-height:23px;
		
	}

	.slideshow .slide .link{

		font-size:9pt;
		border-bottom:1px solid transparent;
		letter-spacing:2px;

	}

	.slideshow .slide .link:hover,.slideshow .slide .link:active{ border-bottom:1px solid #fff; }

	.slideshow .slide .dots a{

		width:9px;
		height:9px;
		margin:0px 0px 0px 0px;

	}

	.head .logo{ 
	
		width:85%; 
		margin:24px 15px 20px 15px;
		
	}
	
	.block{
		
		display:inline-block;
		text-align:left;
		width:345px;
		height:215px;
		margin:0px 0px 13px 0px;
		overflow:hidden;

	}
	
	.block .padding-right{ padding-right:10px; }

	.block .padding-bottom{ padding-bottom:5px; }

	.block .padding-top{ padding-top:5px; }

	.block .link h2{

		font-size:22pt;
		margin:10px 0px 0px 16px;

	}

	.block .link h2.small{ font-size:18pt; }

	.block .link span{

		bottom:12px;
		left:16px;
		font-size:9pt;
		letter-spacing:2px;
		border-bottom:1px solid transparent;

	}

	.block .link:hover span,.block .link:active span{ border-bottom:1px solid #2a2928; }

	.block .link.dark:hover span,.block .link.dark:active span{ border-bottom:1px solid #fff; }

	.info .margin{ margin:8px; }

	.info h3{

		font-size:22pt;
		margin:0px 0px 8px 0px;

	}

	.info p{

		font-size:8pt;
		line-height:14px;

	}

	.block .date .box{

		display:inline-block;
		width:63%;
		border:3px solid #fff;
		
	}

	.block .date p{

		border-bottom:3px solid #fff;
		font-size:9pt;
		letter-spacing:2px;
		line-height:25px;

	}

	.block .date h3{

		font-size:22pt;
		line-height:40px;
		
	}

	.block .logos{

		padding:28px 0px 0px 12px;

	}

	.block .logos .logo div{

		width:50px;
		height:36px;
		
	}
	
	.block .logos .logo img{ width:50px; }
	
	.foot{ padding:35px 15px 10px 15px; }

	.foot .logo{ margin:0px 0px 24px 0px; }

	.foot .logo img{ height:20px; }

	.foot .columns .column{

		height:auto;
		padding-bottom:24px;
		
	}

	.foot .columns .column.long{ 
	
		width:340px; 
		height:auto;
		
	}
	
	.foot .columns .column p{ font-size:9pt; }

	.foot .columns .column p.links{

		font-size:9pt;
		letter-spacing:2.5px;
		line-height:19px;

	}
	
	.banner .content{ padding:32px 0px 32px 0px; }
	
	.banner .text p{

		font-size:11pt;
		line-height:19px;
		
	}

	.arrow{

		height:30px;
		background-size:35px 18px;

	}

	.body .text p{

		font-size:12.5pt;
		line-height:21px;

	}
	
	.team{ margin:32px 0px 0px 0px; }

	.team .member{

		width:160px;
		height:180px;
		
	}

	.team .member img{ 

		width:108px;
		margin:0px 0px 14px 0px;

	}

	.team .member p{

		font-size:8pt;
		line-height:17px;

	}
	
	.services{

		width:auto;
		margin:0px 0px 50px 0px;

	}

	.services .service{

		width:143px;
		height:143px;
		margin:13px 7px 13px 7px;
		border-radius:73px;
		
	}

	.services .service span{ width:66px; }
		
	.services .service span:nth-child(1){ margin-top:32px; }

	.services .service p{

		height:72px;
		padding:0px 0px 3px 0px;
		width:143px;
		font-size:13pt;
		letter-spacing:1px;
		line-height:20px;

	} 
	
	.phases .phase{

		width:140px;
		margin:20px 10px 0px 10px;

	}

	.phases .phase .circle{

		width:120px;
		height:120px;
		margin:0px auto 30px auto;
		
	}

	.phases .phase .circle div{

		width:120px;
		height:120px;
		border-radius:60px;
		font-size:14pt;
		line-height:24px;
		
	}

	.phases .phase h3{ font-size:14pt; }
		
	.phases .phase .text p{ 
	
		font-size:10.5pt;
		line-height:18px;
		margin:0px 0px 13px 0px; 
		
	}
	
	.companies .logos{ padding:30px 0px 0px 0px; }
		
	.companies .logos .logo{

		width:110px;
		height:8-px;
		margin:0px 7px 0px 7px;
		
	}

	.companies .logos .logo div{

		width:110px;
		height:70px;
		
	}
	
	.image-amico{ width:98px!important; }
	.image-sanlorenzo{ width:64px!important; }
	.image-pendennis{ width:109px!important; }
	.image-blohm{ width:62px!important; }
	.image-salamanca{ width:66px!important; }
	.image-apsa{ width:92px!important; }
	.image-porto-montenegro{ width:91px!important; }
	.image-iom-ship-registry{ width:58px!important; }
	.image-feadship{ width:104px!important; }
	.image-akzo-nobel{ width:70px!important; }
	.image-wartsila{ width:65px!important; }
	.image-ft{ width:63px!important; }
	.image-dunya{ width:80px!important; }
	.image-global-yachting-group{ width:97px!important; }
	.image-la-ciotat{ width:54px!important; }
	.image-bermuda-tourism{ width:77px!important; }
	.image-new-zealand-tourism{ width:70px!important; }
	.image-royal-huisman{ width:77px!important; }
	.image-monaco-marine{ width:58px!important; }
	.image-derecktor{ width:74px!important; }
	
	.body.case-studies{ padding:0px 0px 40px 0px; }
	
	.small-slideshow .previous,.small-slideshow .next{ width:50px; }
		
	.small-slideshow .previous a,.small-slideshow .next a{

		width:30px;
		height:30px;
		border-radius:30px;
		margin:232px 0px 0px 0px;

	}

	.small-slideshow .previous a span,.small-slideshow .next a span{

		width:9px;
		height:9px;
		border-top:2px solid #fff;
		border-left:2px solid #fff;
		margin:10px 0px 0px 0px;

	}

	.small-slideshow .previous a span{ margin-left:4px; }

	.small-slideshow .next a span{ margin-right:4px; }
	
	.small-slideshow .slide .image h2{ top:20px; }
	
	.small-slideshow .slide h2{

		font-size:22pt;
		margin:0px 0px 12px 0px;
		
	}

	.small-slideshow .slide p{

		font-size:12pt;
		line-height:20px;
		
	}

	.small-slideshow .slide .link{

		font-size:10pt;
		letter-spacing:2px;
		
	}

	.small-slideshow .slide .link span{

		margin-left:6px;
		font-size:12pt;

	}
	
	.small-slideshow .dots{ padding:20px 0px 16px 0px; }
	
	.small-slideshow .dots .dot{

		margin:0px 4px 0px 4px;
		width:10px;
		height:10px;
		border:1px solid #333;
		border-radius:10px;

	}
	
	.case-study .details{ width:auto; }
	
	.case-study .margin{ margin:0px; }

	.case-study .text{ 

		width:auto; 
		text-align:center;
		float:none;
		
	}

	.case-study .text p{

		font-size:10pt;
		line-height:18px;
		margin:0px 0px 24px 0px;

	} 

	.case-study h2{

		font-size:24pt;
		margin:0px 0px 24px 0px;

	}

	.case-study .circles{

		width:auto;
		float:none;
		text-align:center;
		
	}
	
	.case-study .circles span{
	
		display:inline-block;
		margin:10px 5px 0px 5px;
	
	}

	.case-study .circles .circle{

		width:90px;
		height:90px;
		border-radius:90px;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		color:#fff;
		font-family:"MFred",Helvetica,Arial,sans-serif;
		font-weight:normal;
		font-size:11pt;

	}

	.case-study .circles .br{ display:none; }

	.case-study .image{ height:200px; }
	
	
	.search{ padding:10px 0px 0px 0px; }

	.search form .field{

		width:100%;
		height:34px;
		margin:0px 0px 16px 0px;
		border-radius:2px;
		
	}

	.search form .field label,.search form .buttons label{

		padding:0px 6px 0px 10px;
		width:10px;
		font-size:10pt;

	}

	.search form .buttons label{ padding:0px 12px 0px 0px; }

	.search form .field input[type=text],.search form .field select{

		height:34px;
		font-size:10pt;

	}

	.search form .field input[type=radio]{ margin:0px 4px 0px 0px; }
		
	.search form .field table,.search form .field .cell span,.search form .buttons span{ font-size:10pt; }

	.search form .buttons{

		width:100%;
		height:34px;
		margin:0px 0px 16px 0px;
		
	}

	.search form .count b{ font-size:12pt; }

	.grid{

		margin:5px 0px 15px 0px;
		font-size:10pt;

	}

	.grid td{ padding:4px 16px 4px 8px; }
		
	.grid tbody td{

		font-size:10pt;
		padding-bottom:2px;

	}

	.grid thead td{

		text-align:left;
		padding:6px 16px 6px 8px;
		
	}
	
	.grid.yachts thead td{ height:45px; }
	
	.grid.yachts.print thead td{ height:auto; }

	.filters{ top:30px; }

	.filters td div{ margin:0px 15px 0px 6px; }

	.filters input{

		font-size:8.5pt;
		border-radius:1px;
		padding:2px 3px 1px 3px;
	
	}
		
	.button,.button:link,.button:visited,.button:hover,.button:active{

		font-size:9pt;
		letter-spacing:1.5px;
		line-height:32px;
		padding:0px 20px 0px 20px;
	
	}
	
	.button.narrow{ padding:0px 16px 0px 16px; }
	
	.navigation a{ margin-top:16px; }
	
	.navigation a span{ display:none; }
	
	.banner .page.yacht{ padding:25px 15px 15px 15px; }
	
	.table.yacht-heading{ padding-top:16px; }
	
	
	
	.subheading{

		border-top:4px solid #333;
		padding:7px 0px 20px 0px;
		font-size:13pt;
		letter-spacing:2px;

	}
	
	.yacht .field label,.picture label{ margin:0px 0px 3px 2px; }

	.yacht .field{ 
	
		width:95%; 
		max-width:340px;
		margin:0px 0px 10px 0px;
		height:52px;
		
	}
	
	.yacht .field input[type=text],.yacht .field textarea{ 
	
		font-size:9pt; 
		padding:5px 7px 5px 7px;
		
	}
	
	.picture{ margin-bottom:16px; }
	
	.picture.small,.picture.large{ 
	
		width:100%;
		max-width:390px;
	
	}
	
	.thumbnails{ max-width:390px; }
	
	.refit-yard{ width:33% }
	.refit-category{ display:none; }
	.refit-year{ width:17%; }
	.refit-month{ display:none; }
	.refit-period{ display:none; }
	
	.layout .field{ 
	
		width:100%; 
		max-width:350px;
		
	}
	
	.foot .error,.foot .message{ font-size:12pt; }
	
	.popup .content h1{ font-size:29pt; }

	.popup .margin{ margin:30px 15px 35px 15px; }

	.popup .subheading1{

		font-size:13pt;
		letter-spacing:2px;
		margin:0px 0px 10px 0px;
		line-height:24px;

	}
		
	.popup .text{

		font-size:10pt;
		margin:0px 0px 10px 0px;

	}

	.popup .close{

		top:10px;
		right:10px;
		width:42px;
		height:42px;
		
	}
	
	.advanced-search .extra{ display:none; }
	
	.advanced-search h3{

		font-size:14pt;
		letter-spacing:2px;
		margin:16px 0px 20px 0px;
		
	}
	
	.advanced-search form .buttons{ padding:15px 0px 0px 0px; }

	.advanced-search form .buttons .column{ padding:0px 0px 18px 0px; }
		
	.company .stat{ 
	
		width:auto; 
		margin:0px 40px 20px 0px;
		
	}
	
	.company .stat .data-number2{ font-size:30pt; }
	
	#map_canvas{ height:200px; }
	
	.search .label{ font-size:9.5pt; }
	
	.search form .button,.search form .button:link,.search form .button:visited,.search form .button:hover,.search form .button:active{ margin-bottom:9px; }
	
	.h1table h1{ font-size:18pt; }
	
	.sublink{ font-size:18pt; }
		
	.news-items{ text-align:center; } 
	
	.news-item{ 

		width:100%;
		max-width:400px;
		height:360px;
		margin:44px 0px 0px 0px;
		padding:26px;
		text-align:left;
		
	}
	
	.news-item img{

		height:calc(55vw - 82px);
		max-height:165px;
		
	}

	.news-item:nth-child(2){ margin-top:44px; } 
	
	.news-item{ margin-right:0px!important; } 
	
	.company .stat div:first-child{ min-height:auto; }
	
}


.about-page { display:flex; flex-direction:row; }
.about-boxes { width:50vw; text-align:center; padding:0 25px; }
.about-sidebox { width:25vw; }
.about-sidebox.right-side{ margin-left:10px; float:right; }
.about-sidebox.left-side{ margin-right:10px; float:left; }
.about-table th{padding:20px;word-break:break-all;}
.about-table td{padding:10px;color:#777;}
.about-content p{font-size:14px;}
.about-content .hr{width:100vw;height:10px;background-color:#f05760;}

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

	.about-sidebox { display:block; width:100%; margin:0px auto 40px auto; }
	.about-sidebox.right{ margin-left:0px; float:left; }
	.about-sidebox.left{ margin-right:0px; float:none; }
	.about-content td.content{float:left;width:100%;}
	.about-page{ display:block; }
	.about-boxes { width:auto; float:none; margin:0px auto; }
	.about-boxes .content{ padding-left:0px!important; }
	
}