/* Created by Artisteer v4.1.0.59861 */
.responsive body {
	min-width: 240px;
}

.responsive .art-content-layout img,.responsive .art-content-layout video
	{
	max-width: 100% !important;
	height: auto !important;
}


.responsive .art-content-layout .art-sidebar0,.responsive .art-content-layout .art-sidebar1,.responsive .art-content-layout .art-sidebar2
	{
	width: auto !important;
}

.responsive .art-content-layout,.responsive .art-content-layout-row,.responsive .art-layout-cell
	{
	display: block;
}

.responsive .image-caption-wrapper {
	width: auto;
}

.responsive.responsive-tablet .art-vmenublock,.responsive.responsive-tablet .art-block
	{
	margin-left: 1%;
	margin-right: 1%;
	width: 48%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .art-responsive-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.responsive .art-responsive-embed iframe,.responsive .art-responsive-embed object,.responsive .art-responsive-embed embed
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive .art-header {
	width: 100%;
	min-height: 100%;
	min-width: 100%;
}

.responsive .art-header .art-headline,.responsive .art-header {
	display: block !important;
	left: 0 !important;
	margin: 0 !important;
}

.responsive .art-header .art-headline a,.responsive .art-header .art-slogan
	{
	white-space: normal !important;
}

.responsive .art-header * {
	text-align: center;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.responsive .art-header #art-flash-area,.responsive .art-header .art-shapes>*
	{
	display: none;
}

.responsive #art-header-bg {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: repeat !important;
}
/* Search and other elements in header element directly */
.responsive .art-header>.art-textblock {
	position: relative !important;
	display: block !important;
	margin: 1% auto !important;
	width: 75% !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
}

.responsive .slicknav_menu {
	display: none;
}
/* For icons like facebook, rss, etc. */
.responsive .art-header>.art-textblock>div {
	width: 100%;
}
/* dynamic width nav */
.art-nav .art-menu-btn {
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: #FFFFFF 3px solid;
	background: #d5d3d3;
	background: -moz-linear-gradient(top, #d5d3d3 0%, #ffffff 51%, #d5d3d3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d3d3),
		color-stop(51%, #ffffff), color-stop(100%, #d5d3d3));
	background: -webkit-linear-gradient(top, #d5d3d3 0%, #ffffff 51%, #d5d3d3 100%);
	background: -o-linear-gradient(top, #d5d3d3 0%, #ffffff 51%, #d5d3d3 100%);
	background: -ms-linear-gradient(top, #d5d3d3 0%, #ffffff 51%, #d5d3d3 100%);
	background: linear-gradient(top, #d5d3d3 0%, #ffffff 51%, #d5d3d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#d5d3d3',
		endColorstr='#d5d3d3', GradientType=0); padding : 5px;
	position: relative;
	width: 22px;
	padding: 5px;
}

.art-nav .art-menu-btn span {
	background: #990000;
	border-radius: 2px;
	display: block;
	height: 3px;
	margin: 3px 1px;
	position: relative;
	-moz-transition: background .2s;
	-o-transition: background .2s;
	-webkit-transition: background .2s;
	transition: background .2s;
}

.art-nav .art-menu-btn:hover span {
	background: #f3f3f3;
}

.responsive .art-nav .art-menu-btn {
	display: inline-block;
}

.responsive nav.art-nav,.responsive .art-nav-inner {
	/*width: auto !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;*/
	margin-top: 0;
	margin-bottom: 0;
	min-width: 0;
	text-align: left !important;
	background-color: #000;
}

.responsive .art-nav-inner {
	padding: 3px;
}

.responsive nav.art-nav {
	min-width: 1%;
}

.responsive .art-nav {
	padding-left: 0;
	padding-right: 0;
	margin-top: 20px;
}
/* full width hmenu, instead of inline-block */
.responsive .art-nav ul.art-hmenu {
	float: none;
	text-align: center;
	display: none;
}

.responsive .art-nav .art-hmenu.visible {
	display: block;
}
/* elements on different lines */
.responsive .art-nav ul.art-hmenu li,.responsive .art-hmenu-extra1,.responsive .art-hmenu-extra2
	{
	float: none;
}
/* horizontal margins */
.responsive .art-nav ul.art-hmenu>li:first-child,.responsive .art-nav ul.art-hmenu>li:last-child,.responsive .art-nav ul.art-hmenu>li
	{
	margin-left: 0;
	margin-right: 0;
}
/* separator */
.responsive .art-nav ul.art-hmenu>li:before {
	display: none;
}
/* vertical distance between items */
.responsive .art-nav ul.art-hmenu a {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	height: auto;
	white-space: normal;
}

.responsive .art-nav ul.art-hmenu>li:first-child>a {
	margin-top: 0 !important;
}

.responsive .art-nav ul.art-hmenu>li:last-child>a {
	margin-bottom: 0 !important;
}
/* fixes for extended menu */
.responsive .art-nav .ext,.responsive .art-nav ul.art-hmenu>li>ul,.responsive .art-nav ul.art-hmenu>li>ul>li,.responsive .art-nav ul.art-hmenu>li>ul>li a
	{
	width: auto !important;
}
/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul {
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: none !important;
	position: relative !important;
	visibility: visible !important;
}

.responsive .art-nav ul.art-hmenu li.active>ul {
	display: block !important;
}

.responsive .art-nav ul.art-hmenu ul li.active>a {
	font-weight: bold;
}

.responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after {
	display: none;
}

.responsive .art-nav ul.art-hmenu ul a {
	padding-left: 4% !important;
}

.responsive .art-nav ul.art-hmenu ul ul a {
	padding-left: 6% !important;
}

.responsive .art-nav ul.art-hmenu ul ul ul a {
	padding-left: 8% !important;
}

.responsive .art-nav ul.art-hmenu ul ul ul ul a {
	padding-left: 10% !important;
}

.responsive .art-nav ul.art-hmenu ul ul ul ul ul a {
	padding-left: 12% !important;
}

.responsive .art-nav ul.art-hmenu>li>ul {
	padding: 0;
}

.responsive .art-nav ul.art-hmenu>li>ul:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive .art-sheet {
	width: 100% !important;
	background-position: center top;
	min-width: 240px !important;
	max-width: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

#art-resp {
	display: none;
}

.responsive .art-footer {
	width: 100%;
}

@media all and (max-width: 939px) {
	#art-resp,#art-resp-t {
		display: block;
	}
	#art-resp-m {
		display: none;
	}
}

@media all and (max-width:800px) {
.art-header {
	height: 108px;
}

nav {
	width: 100%;
}

nav #mainNav {
	display: none;
}

.art-layout-wrapper {
	width: 98%;
}

.layout-item-1-3 {
	width: 35%;
}

.art-layout-cell.layout-item-2 {
	width: 100%;
}

.art-sheet-3 .art-layout-cell.layout-item-2 {
	width: 49%;
}

.art-sheet .layout-item-3-3,.art-sheet .layout-item-1-3 {
	width: 50%;
}

.sp-left {
	margin-right: 10px;
}

.box-table p {
	width: 15%;
	font-size: 1em;
}

.box-table.gris-fnd p {
	width: 17%;
	font-size: 1.1em;
}

.box-table.gris-fnd {
	width: 94.1%;
}

.box-table.gris-fnd p.w90 {
	width: 23% !important;
}

.w80 {
	width: 22% !important;
}

.art-postcontent h1 {
	font-size: 3.3em;
}

.art-sheet-3 h2 {
	font-size: 2.8em;
}

.info-contact {
	font-size: 1.16em;
}

.info-add {
	margin: 30px;
}

ul#navi {
	width: 100%;
}

.art-header h2.art-slogan {
	display: none !important;
}

a.inquire {
	margin-top: -42px;
}

.login {
	left: -119px !important;
}

.about-us {
	left: -196px !important;
}
.box-images img {
	width:16.6% !important;
}
}
@media all and (max-width:768px){
#mainNav {
	display: none;
}

nav {
	background: none !important;
}

.art-header * {
	text-align: left !important;
}

ul.art-hmenu {
	display: block;
}

.art-header {
	height: 103px;
}
}
@media all and (max-width: 640px) {
	.art-header h2 {
		font-size: 1.4em;
	}
	.art-slogan {
		top: 14px !important;
	}
	.art-header {
		height: 90px;
	}
	#mainNav {
		display: none;
	}
	.art-content-layout h2 {
		margin: 47px 0 20px;
	}
	.box-table p {
		width: 14%;
	}
	.w80 {
		width: 22.6% !important;
	}
	.box-table.gris-fnd p {
		width: 16%;
	}
	.box-table.gris-fnd p.w90 {
		width: 24% !important;
	}
	.box-table.gris-fnd p.w90 {
		width: 24% !important;
	}
	.art-content-layout h2 {
		margin: 47px 0 20px 20px;
	}
	.art-sheet-3 .art-content-layout h2 {
		margin: 0px 0 20px;
	}
	.art-sheet-3 h2 {
		font-size: 2.7em;
		line-height: 100%;
	}
	.art-sheet-3 .txt-blue {
		font-size: 3em;
		line-height: 289%;
	}
.box-images img {
width: 33.3% !important;
}
}

@media all and (max-width: 568px) {
.layout-item-1-3 p {
		margin: 0 0 20px;
	}
	.art-sheet-2 .layout-item-1-3 {
		padding: 20px;
		width: 91%;
	}
	.art-sheet-2 .layout-item-3-3 {
		width: 100%;
	}
	.art-sheet-2 .layout-item-1-3 p {
		margin: 0;
	}
	.w80 {
		width: 21.8% !important;
	}
	.box-table.gris-fnd {
		width: 93%;
	}
	.box-table p {
		height: 34px;
	}
	.art-sheet-3 .layout-item-3-4 {
		width: 71%;
	}
	.art-sheet-3 h2 {
		font-size: 2.5em;
	}
}
@media all and (max-width: 480px) {
	#art-resp,#art-resp-m {
		display: block;
	}
	#art-resp-t {
		display: none;
	}
	.art-sheet .layout-item-3-3,.art-sheet .layout-item-1-3 {
		width: 100%;
	}
	.art-postcontent h1 {
		font-size: 2.98em;
	}
	.art-content-layout h2 {
		margin: 47px 0 20px 10px;
	}
	.img-oceanspray-blue {
		margin: 20px 0 0 10px;
	}
	.box-table {
		margin: 20px 10px 5px !important;
	}
	.box-table p {
		width: 12.7%;
		height: 36px;
	}
	.box-table.gris-fnd p {
		width: 15.4%;
	}
	.box-table.gris-fnd p {
		font-size: 1em;
	}
	.box-table.gris-fnd {
		width: 94.7%;
	}
	.box-white h2,.box-white p {
		margin: 20px 10px;
	}
	.art-sheet-3 .layout-item-3-4 {
		width: 66%;
	}
	.art-sheet-3 h2 {
		font-size: 2em;
	}
	.art-sheet-3 .txt-blue {
		line-height: 203%;
	}
	.box-blue .art-layout-cell.layout-item-2 {
		width: 100%;
	}
	.info-contact {
		margin: 0 0 20px;
	}
	.art-footer .layout-item-3-3 {
		width: 100%;
	}
	.art-footer .layout-item-1-3 img {
		margin: 0 90%;
	}
	.info-add,.border-bot {
		clear: both;;
	}
	.border-bot {
		padding: 0 10px 20px 10px;
	}
	.art-sheet-3 .art-layout-cell.layout-item-2 {
		padding: 0 10px;
		width: 97%;
	}
	.art-sheet {
		background-image: none;
		background-color: #5a9dc7;
		cursor: auto;
		margin: 0 auto;
		z-index: auto !important;
	}
	.form-box{
		max-width:none;
	}
}

@media all and (max-width: 360px) {
	nav a.inquire {
	display:none;
	}
	.art-postcontent h1 {
		font-size: 2.6em;
		text-align: center;
	}
	.img-oceanspray {
		margin-left: 25px;
	}
	.layout-item-3-3 p {
		width: 92%;
	}
	.box-table p {
		font-size: 0.8em;
	}
	.box-white h2,.box-white p {
		margin: 20px 10px;
	}
	.box-table p {
		height: 32px;
		width: 12.7%;
	}
	.box-table p {
		width: 14%;
	}
	.box-table p {
		width: 15%;
	}
	/*.box-white h2, .box-white p {
    margin: 20px;
}*/
	.box-table p {
		margin: 0 1px 0 0 !important;
		padding: 4px;
		font-size: 0.8em;
		width: 19.55%;
	}
	.box-table.gris-fnd p {
		font-size: 0.85em;
		width: 22%;
	}
	.box-table.gris-fnd p.w90 {
		width: 23% !important;
	}
	.info-contact {
		font-size: 1.1em;
	}
	.info-add {
		margin: 20px;
	}
	.info-add {
		margin: 20px;
	}
	.art-sheet-3 .layout-item-3-4 {
		width: 100%;
	}
	.art-sheet-3 .art-content-layout h2 {
		margin: 0 10px;
	}
	.layout-item-1-4 {
		text-align: center;
		width: 100%;
	}
	.dnone {
		display: none;
	}
	.w80 {
		width: 25% !important
	}
	.box-images img {
	width: 50% !important;
	}
}

@media all and (max-width: 320px) {
	.img-oceanspray {
		margin-left: 0;
	}
	.art-content-layout h2 {
		margin: 47px 10px 20px;
	}
	.box-table p {
		width: 19%;
	}
	.box-table.gris-fnd {
		width: 93.6%;
	}
	.box-table {
		margin: 20px 0 5px !important;
	}
	.box-table.gris-fnd {
		width: 100%;
	}
	.layout-item-3-3 p {
		margin: 20px 0 0 20px;
	}
.art-footer .layout-item-3-3 p {
line-height: 200%;
}
}

.responsive .art-content-layout,.responsive .art-content-layout-row,.responsive .art-layout-cell
	{
	display: block;
}

.responsive .art-layout-cell {
	height: auto !important;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
	border-radius: 0 !important;
}

.responsive .art-content-layout:after,.responsive .art-content-layout-row:after,.responsive .art-layout-cell:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.responsive .art-post {
	border-radius: 0;
}

.responsive .art-footer-inner {
	min-width: 0;
}

.responsive .art-footer {
	margin-top: 1%;
}

.responsive .responsive-tablet-layout-cell {
	width: 100% !important;
	float: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .responsive-tablet-layout-cell img {
	margin: 0 35%;
}