/*

	YachtCast Intelligence
	i.yachtcast.net
	Aug 2015 AH

-------------------------------------------------*/
/* fonts
-------------------------------------------
font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;

300 light
400 regular
500 medium
600 semi bold
700 bold

font-family:'proxima-nova-condensed', Arial, Helvetica, sans-serif; font-weight:400;
400 regular + italic
700 bold + italic

font-family:'proxima-nova-extra-condensed', Arial, Helvetica, sans-serif; font-weight:400;
400 regular + italic
700 bold + italic

*/

* { padding: 0; margin: 0; outline:none; 	}

html { height:100%; padding: 0; margin: 0;}
body {
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;
    height:100%;
    overflow:visible;
    color:#333333;
    outline:none;
    background-color:#eee;
}
body.homepage {background-color:#202c39;}

/* media queries
---------------------------------------------

small - up to 640px
@media screen and (max-width: 640px) {}

smallMedium - 641px - 900px
@media screen and (min-width: 641px) and (max-width:900px) {}

smallMedium Up - 641px +
@media screen and (min-width: 641px) {}

largeMedium - 901px - 1470px
@media screen and (min-width: 901px) and (max-width: 1470px) {}

large - 1471px up
@media screen and (min-width: 1471px) { }

*/

/*
Used so javaScript can match media queries
*/
.jsMediaQueries {
    display:block;
    position:absolute; bottom:0; left:0;
    width:1px; height:1px;
}
/*Small | up to 640px*/
@media only screen and (max-width: 640px) {
    .jsMediaQueries {left:1px;}
}
/*Small Medium | 641px - 900px*/
@media only screen and (min-width: 641px ) and (max-width: 900px) {
    .jsMediaQueries {left:2px;}
}
/* large medium */
@media only screen and (min-width: 901px ) and (max-width: 1470px) {
    .jsMediaQueries {left:3px;}
}
/* large */
@media screen and (min-width: 1471px) {
    .jsMediaQueries {left:4px;}
}


/* standard styling
-----------------------------------------*/

h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; font-weight:normal; }

h1 { font-size:2.4em; line-height:1.1em; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; }
h2 { font-size:20px; line-height:1.1em; color:#666; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; margin:5px 0 10px 0;}
h3 { font-size:1.4em; line-height:1.25em; color:#676767; margin:0 0 3px 0; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;}
h4 {}
h5 {}
h6 {}
.block-heading {
    font-size: 14px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
p {
    font-size:1.2em; line-height:1.45em; color:#666;
    margin:0 0 7px 0;
}

a, p a { color:#666; text-decoration: none;}
a:hover, a:focus,  p a:hover { color:#0093ee;}

ul {}
ul li {
    font-size:1.2em; line-height:1.45em;
    margin:0 0 10px 0; padding:0;
    list-style-position:inside; list-style:none;
}

.bullet-list {
    list-style-position: outside;
}
.bullet-list li { list-style-type: circle}


img { border:none;}

.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-8 { margin-bottom:8px;}


/* helper classes */

.margin-b-5 { margin-bottom: 5px; } .margin-b-10 { margin-bottom: 10px; } .margin-b-15 { margin-bottom: 15px; } .margin-b-20 { margin-bottom: 20px; }
.margin-t-10 { margin-top:10px;} .margin-t-15 { margin-top:15px;} .margin-t-20 { margin-top:20px;} .margin-t-30 { margin-top:30px;} .margin-t-33 { margin-top: 33px;}
.margin-l-5 { margin-left: 5px;}
.margin-r-5 { margin-right:5px;} .margin-r-10 { margin-right:10px !important;} .margin-r-0 { margin-right: 0 !important;}
.padding-l-15 { padding-left: 15px } .padding-l-20 { padding-left: 20px; } .padding-r-0 {padding-right:0;} .padding-l-30 { padding-left:30px;}
.padding-r-15 { padding-right: 15px;} .padding-r-15 { padding-right: 15px; } .padding-r-30 { padding-right: 30px;}

.button.button-right { float: right; }

/*small - up to 640px */
@media screen and (max-width: 640px) {
    .margin-b-10-s { margin-bottom: 10px; }
    .no-margin-s { margin:0;}

}
@media screen and (min-width: 641px) and (max-width:900px) {
    .margin-t-20-sm { margin-top: 20px; }
}
@media screen and (min-width: 901px) {
    .padding-r-0-l { padding-right:0;}
    .padding-l-20-l { padding-left: 20px; }
}

/* header
=================================================*/
header {
    width:100%;
    background:#202c39;
    float:left;
    position:relative;
    z-index:2;
    padding-left: env(safe-area-inset-left); /* iphone x notch inset */
    padding-right: env(safe-area-inset-right); /* iphone x notch inset */
}
header .logoContainer {
    position:relative;
    float:left;
}
header .logoContainer .logo {
    display:inline-block;
    text-indent:-9999px;
    background:url(/resources/images/logo.svg) 12px 0 no-repeat;
    width:254px; height:50px;
    margin:21px 0 0 0;
}
/*header .logoContainer .logOut { */
/*position:absolute; top:13px; right:10px;*/
/*display:block; */
/*border:1px solid #000; border-radius: 2px;*/
/*background:#333; */
/*color:#fff; font-size:11px; height:22px; line-height:21px; */
/*padding:0 17px 0 12px;*/
/*transition: background-color 300ms ease-out;*/
/*}*/

header .logoContainer .logOut span { display:block; height:20px; padding:0 0 0 18px; background:url(/resources/images/icons/header-icons.svg) 0 -96px no-repeat;}

header .logoContainer .logOut:hover {
    text-decoration:none;
    background:#ccc;
    color:#000;
}
@media only screen and (max-width:360px) {
    header .logoContainer .logo {width:215px;}
}

/*small - up to 640px */
@media screen and (max-width: 640px) {
    header .logoContainer .logo {background-size: 188px auto; width:225px;}
}

/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    header .logoContainer .logo { margin:22px 0 -7px 0;}
}
.dropdown .is-dropdown-submenu a.logOut {
    background:url(/resources/images/icons/power.svg) 15px 9px no-repeat;
    background-size:20px auto;
    padding-left:42px;
}

/* footer
==================================================*/
footer {
    width:100%;
    background:#eee;
    float:left;
    padding:10px 0 0 0;
    padding-left: env(safe-area-inset-left); /* iphone x notch inset */
    padding-right: env(safe-area-inset-right); /* iphone x notch inset */
    padding-bottom: env(safe-area-inset-bottom); /* iphone x notch inset */
}
footer p {
    color:#333; font-size:10px; line-height:19px;
    padding:0 0 0 10px;
}
footer p a {
    padding:0;
}
footer a {
    color:#333; font-size:10px;
    padding:0 0 0 10px;
}
footer a:hover {
    color:#666;
}
footer .feedback a {
    float: right;
    margin: 3px 10px 0 0;
    display: block;
    /* height: 20px; */
    line-height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 4px 10px;
    transition: background-color 300ms ease-out;
    transition: color 300ms ease-out;
    display: block;
    font-size: 12px;
}
footer .feedback a:hover {
    color:#FFF;
    background:#999;
}


/* main content / layout
==================================================*/

.contentSection {
    width:100%;
    float:left;
    background:#fff;
    min-height: 720px;
    position:relative;
    z-index:1;
    padding-left: env(safe-area-inset-left); /* iphone x notch inset */
    padding-right: env(safe-area-inset-right); /* iphone x notch inset */
}



.contentContainer {
    max-width:1470px; margin:0 auto;
    background-color: #fff;
    /*box-shadow:  0 0 0 0 rgba(0, 0, 0, 0), 0 0 19px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(0, 0, 0, 0);*/
}
.content {
    background:#fff;
    float:left;
    width:100%;
    padding-top: 15px;
    padding-bottom:20px;

}

.content.particulars {
    padding:20px 0;
}
.content.particulars.header {
    padding-top:18px; padding-bottom:23px;
}

@media screen and (min-width: 641px) {
    .content.particulars { padding:20px;}
}


/*smallMedium - 641px - 900px*/
@media screen and (min-width: 641px) and (max-width:900px) {
    .content .yachtDetailsContainer {
        padding: 0 15px 0 5px;
    }
    .content .overviewContainer {
        padding: 0 5px 0 0;
    }
}

/* largeMedium - 901px - 1470px */
@media screen and (min-width: 901px) and (max-width:1470px) {
    .content.particulars {
        padding:19px 20px 20px 20px;
    }
    .content { padding:20px;}
}

/* large - 1471px + */
@media only screen and (min-width: 1471px) {
    .content .yachtDetailsContainer {
        padding: 0 20px 0 0;
    }
    .content .overviewContainer {
        padding: 0 0px 0 0;
    }
}





/* buttons
------------------------------------------------*/

/* standard grey button */
.button {
    transition: background-color 300ms ease-out;
    display:block; color:#666; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;
    border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    background-color: rgb(229,229,229); /* Old browsers */
    background-color: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
    background-color: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background-color: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
    background-color: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
    background-color: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
    padding:0 15px 0 0; margin:0 10px 10px 0;
    float:left;
    background-repeat:no-repeat;
}
.button span {
    display:block;
    font-size:11px;
    padding:0 0 0 15px;
}

.button:focus,
.button:hover {
    background-color:#0093ee;
}
/* button S ----*/
.buttonS {
    height:22px;
    line-height:22px;
}
.buttonS span {
    height:22px;
    line-height:20px;
}
.buttonS:hover, .buttonS:active {
    color:#000;
}

/* button SM ----*/
.buttonSM {
    height:26px;
    line-height:26px;
}
.buttonSM span {
    height:26px;
    line-height:26px;
}
.buttonSM:hover, .buttonSM:active {
    color:#000;
}

.button.add-button {
    font-size: 13px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #0093ee;
    padding: 0 16px 0 36px;
    position:relative;
    border: 1px solid #e2eaef;
    border-radius: 4px;
    line-height: 34px;
    background:#FFF;
}
.button.add-button div { display:inline;}
.button.add-button:before {
    content:"";
    background:url(/resources/images/icons/add.svg) no-repeat;
    width:15px; height:15px;
    position:absolute; top:11px; left:12px;
}
.button.add-button:hover {
    color: #fff;
    border: 1px solid #0093ee;
    background-color: #0093ee;
}
.button.add-button:hover:before {
    background-position:-21px 0;
}

@media screen and (max-width: 640px) {
    .overlay-contentpush .edit-override .button.add-button {
        padding: 0; min-width: 40px; text-indent: -9999px;
    }
}

.button.add-caption-button {
    font-size: 13px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #fff;
    padding: 0 16px 0 36px;
    position:relative;
    border: 1px solid #0093ee;
    border-radius: 4px;
    line-height: 34px;
    background:#0093ee;
}
.button.add-caption-button div { display:inline;}
.button.add-caption-button:before {
    content:"";
    background:url(/resources/images/icons/add.svg) no-repeat;
    width:15px; height:15px;
    position:absolute; top:11px; left:12px;
    background-position:-21px 0;
}
.button.add-caption-button:hover {
    color: #0093ee;
    border: 1px solid #0093ee;
    background-color: #fff;
}
.button.add-caption-button:hover:before {
    background-position:0 0;
}


/* cover image overlays */
.cover-images-options h3 {
    margin: 20px 0 20px 0;
}
.cover-images-options a { display: block; margin-bottom: .973rem; min-height: 125px;}


.add-report-button { margin-top:22px;}

@media screen and (min-width: 641px) {
    .button.add-button.no-margin-s { margin:0px;}
}

.button.duplicate  span { padding:0 14px 0 31px;}

.section-ourphotos .add-button,
.section-myphotos .add-button,
.section-photo-yachtshow .add-button,
.section-photo-shortlist .add-button{ margin:20px 0 0 0;}

.button.view-button {
    font-size: 13px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #0093ee;
    padding: 0 16px 0 36px;
    position:relative;
    border: 1px solid #e2eaef;
    border-radius: 4px;
    line-height: 34px;
    background:#FFF;
}
.outline-button {
    font-size: 13px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #0093ee;
    padding: 0 16px 0 16px;
    position:relative;
    border: 1px solid #e2eaef;
    border-radius: 4px;
    line-height: 34px;
    background:#FFF;
    float:left;
}
.outline-button:hover {
    color: #0093ee;
}
.button.view-button:before {
    content:"";
    background:url(/resources/images/icons/view.svg) no-repeat;
    width:15px; height:15px;
    position:absolute; top:10px; left:12px;
}
.button.view-button:hover {
    color: #fff;
    border: 1px solid #0093ee;
    background-color: #0093ee;
}
.button.view-button:hover:before {
    background-position:-34px 0;
}
.section-ourphotos .button.view-button, .section-myphotos .button.view-button { margin:20px 0 0 0;}

.button.edit-button {
    font-size: 13px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #0093ee;
    padding: 0 16px 0 36px;
    position:relative;
    border: 1px solid #e2eaef;
    border-radius: 4px;
    line-height: 34px;
    background:#FFF;
}
.button.edit-button:before {
    content:"";
    background:url(/resources/images/icons/edit.svg) no-repeat;
    width:15px; height:15px;
    position:absolute; top:11px; left:14px;
}
.button.edit-button:hover {
    color: #fff;
    border: 1px solid #0093ee;
    background-color: #0093ee;
}
.button.edit-button:hover:before {
    background-position:-20px 0;
}

.button.edit-button.bookmark-edit, .button.edit-button.contacts-edit { float:right; margin:16px 20px 0 0;}

.button.pdf-button,
.button.doc-button,
.button.ocx-button,
.button.xsl-button,
.button.lsx-button,
.button.ods-button,
.button.odt-button {
    font-size: 13px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #0093ee;
    padding: 0 16px 0 36px;
    position:relative;
    border: 1px solid #e2eaef;
    border-radius: 4px;
    line-height: 34px;
    background:#FFF;
}
.button.pdf-button:before {
    content: "";
    background: url(/resources/images/icons/pdf.svg) no-repeat;
    width: 15px; height: 16px;
    position: absolute; top: 9px; left: 13px;
    background-size: 43px auto;
}
.button.doc-button:before,
.button.ocx-button:before {/*docx*/
    content: "";
    background: url(/resources/images/icons/doc.svg) no-repeat;
    width: 18px; height: 21px;
    position: absolute; top: 7px; left: 11px;
    background-size: 58px auto;
}

.button.xsl-button:before {
    content: "";
    background: url(/resources/images/icons/xsl.svg) no-repeat;
    width: 18px; height: 21px;
    position: absolute; top: 7px; left: 11px;
    background-size: 58px auto;
}

.button.lsx-button:before {/*xlsx*/
    content: "";
    background: url(/resources/images/icons/xlsx.svg) no-repeat;
    width: 18px; height: 21px;
    position: absolute; top: 7px; left: 11px;
    background-size: 58px auto;
}

.button.ods-button:before {
    content: "";
    background: url(/resources/images/icons/ods.svg) no-repeat;
    width: 18px; height: 21px;
    position: absolute; top: 7px; left: 11px;
    background-size: 58px auto;
}
.button.odt-button:before {
    content: "";
    background: url(/resources/images/icons/odt.svg) no-repeat;
    width: 18px; height: 21px;
    position: absolute; top: 7px; left: 11px;
    background-size: 58px auto;
}

.button.pdf-button:hover,
.button.doc-button:hover,
.button.ocx-button:hover,
.button.xsl-button:hover,
.button.lsx-button:hover,
.button.ods-button:hover,
.button.odt-button:hover {
    color: #fff;
    border: 1px solid #0093ee;
    background-color: #0093ee;
}
.button.pdf-button:hover:before {background-position:-25px 0;}
.button.doc-button:hover:before,
.button.ocx-button:hover:before,
.button.xsl-button:hover:before,
.button.lsx-button:hover:before,
.button.ods-button:hover:before,
.button.odt-button:hover:before {background-position:-34px 0;}

/* right s arrow --------------*/
.rightArrowS span {
    background:url(/resources/images/button_ico-nav-right-sm.svg) 10px 0 no-repeat;
    display:block;
    height:22px; line-height:22px;
    padding:0 0 0 24px;
}
.rightArrowS:hover span {
    background-position:10px -22px;
}

/* add notes small ---------*/
.buttonAddNoteS span {
    background:url(/resources/images/button_ico-notes-hover-sm.svg) 0 0 no-repeat;
    padding:0 0 0 18px;
    margin:0 0 0 10px;
}
.buttonAddNoteS:hover span {
    background-position:0 -22px;
}

/* advanced search --------*/
.advancedSearchButton {
    height: 30px; line-height: 30px;
    position: relative;
    padding: 0 20px 0 22px;
    margin:0;
}
.advancedSearchButton:before {
    background:url(/resources/images/icons/button_advanced-search.svg) 0 0 no-repeat;
    display: block;
    content: '';
    height: 18px; width: 18px;
    position: absolute; top: 8px; left: 16px;
}
.advancedSearchS:hover span {
    background-position:10px -22px;
}

/* button M ----*/
.buttonM {
    height:35px;
    line-height:35px;
}
.buttonM span {
    height:35px;
    line-height:35px;
}
.buttonM:hover, .buttonM:active {

}

.buttonRight {
    float:right;
    margin:0;
}

/* add note button ------*/
.addNoteButton {}

/* notes button ----------*/
.notesButton {
    width:100%;
    border:1px solid #e4e4e4;
    display:block;
    font-size:12px; text-transform:uppercase;


    padding:6px 20px;
    background:#f1f1f1;
}
.notesButton:hover {
    color:#000; text-decoration:none;
    background:#cccc;
    border:1px solid #000;
}

/* large notes button*/
.allNotesButton {
    width:100%;
    border:1px solid #0093ee;
    display:block;
    font-size:16px; text-transform:uppercase;
    padding:8px 20px 8px 43px;
    background:#fff; background-image:url(/resources/images/button_ico-notes-dark.svg); background-position: 15px 50%; background-repeat:no-repeat;
    color:#0093ee;
}
.allNotesButton:hover {
    color:#fff; text-decoration:none;
    background:#0093ee;
    border:1px solid #0093ee;
    background-image:url(/resources/images/button_ico-notes.svg);  background-position: 15px 50%; background-repeat:no-repeat;
}


/* save changes button ------*/
.saveButton span {
    height:35px; line-height:35px;
    display:block;
    background-image:url(/resources/images/button_ico-save-hover.svg); background-position:10px 0; background-repeat:no-repeat;
    padding:0 0 0 37px;
}
.saveButton:hover span {
    background-position:10px -35px;
}

/* search button ------------*/
.searchButton {
    background-image:url(/resources/images/button_ico-search.svg); background-position:12px 50%; background-color:#0093ee;
    padding:0 15px 0 29px; margin:9px 0 0 0;
    border:none;
    text-transform:uppercase; font-size:12px; color:#fff;
    width:100%;
}
.searchButton:hover {
    background-image:url(/resources/images/button_ico-search.svg); background-position:12px 50%; background-color:#666; background-repeat:no-repeat;
    color:#fff;
}

/* name search buttons ------*/
.nameSearchButton {
    font-size:11px;
    background-image:url(/resources/images/button_ico-search-dark.svg); background-position:10px 50%;
    padding:0 0 0 20px;

}
.nameSearchButton:hover {
    color:#fff;
    background-image:url(/resources/images/button_ico-search.svg); background-position:10px 50%;
    border:1px solid #000;
}


/* button left  - small ------*/
.buttonLeftArrowS { font-size:10px; line-height:22px;}
.buttonLeftArrowS span {
    height:22px; width:auto;
    background-image:url(/resources/images/button_ico-nav-left-sm.svg); background-position:10px 0; background-repeat:no-repeat;
    padding:0 0 0 27px; margin:0;
}
.buttonLeftArrowS:hover span {
    background-image:url(/resources/images/button_ico-nav-left-sm.svg); background-position:10px -22px;
}

.buttonLeftArrowSM span {
    height:22px; width:auto;
    background-image:url(/resources/images/button_ico-nav-left-sm.svg); background-position:10px 1px; background-repeat:no-repeat;
    padding:0 0 0 27px; margin:0;
}
.buttonLeftArrowSM:hover span {
    background-image:url(/resources/images/button_ico-nav-left-sm.svg); background-position:10px -20px;
}

/* button left - Medium ------*/
.buttonLeftArrowM { font-size:11px; }
.buttonLeftArrowM span {  background:url(/resources/images/particulars_buttons.svg) 8px 0px no-repeat; display:inline-block; height:26px; width:16px; float:left; margin:0 9px 0 0;}

.lightbox-items,
.small-grid {
    margin:0 -2px;
}
.lightbox-items li,
.small-grid li {
    padding:0 4px ;
    margin:0 0 8px 0;
}
.lightbox-items li img,
.small-grid li img { width: 100% }




.sectionHeading {
    font-size:38px; line-height:42px;
    padding:0 0 29px 0; margin:18px 0 0 0;
}

/*smallMedium up - 641px + */
@media screen and (min-width: 641px) {
    .advancedSearchButton { width:auto;}
}

/*largeMedium - 901px - 1470px */
@media screen and (min-width: 901px) and (max-width: 1470px) {
    .sectionHeading { margin:6px 0 0 0;}
}

/* switches
-------------------------------------------------------------------*/
.switchContainer {
    float:right;
    width:39px; height:23px;
    line-height:20px;
    -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
    position:relative;
    overflow:visible;
    background:#666;
}
.switchContainer .on, .switchContainer .off {
    width:50%;
    font-size:10px; font-weight:bold; text-align:center; line-height:19px;
    height:20px;
    cursor:default;
}
.switchContainer .on { display:none; float:left; background:#000; color:#fff; border:1px solid #000; border-radius: 5px; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.switchContainer .off { display:none; float:right; background:#f1f1f1; color:#666; border:1px solid #666; border-left:none; border-radius: 5px; border-top-left-radius:0px; border-bottom-left-radius:0px;  }

.switchContainer .switch {
    width:19px; height:19px;
    position:absolute; top:2px; left:2px;
    cursor:pointer;
    background:#FFF;
    /*border:1px solid rgba(204, 204, 204, 1);*/
    -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius:50%;
    -webkit-box-shadow: -1px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 5px -2px rgba(0,0,0,0.75);

    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.switchContainer.switchOn {background:#49D663;}
.switchContainer.switchOn .switch {
    left:auto;
    right:1px;
}

.switchLabel { font-size:12px; float:right; padding:2px 9px 0 0; margin:0 0 0 20px; font-weight:300;}

/* log in / reset pages
---------------------------------------------
.loginContainer .logoContainer { text-align:center;}
.loginContainer .logoContainer img { margin:220px 0 0 0;}
.loginContainer .logoContainer h1 {
    background: rgba(0, 0, 0, 0) url("/resources/images/logo.svg") no-repeat scroll center top; background-size: auto 58px;
    color: #666;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;
    font-size: 30px;
    height: 72px;
    letter-spacing: 3px;
    margin: 160px 0 0;
    padding: 72px 0 0;
    text-align: center;
    width: 100%;
    text-indent:-9999px;
}
.loginContainer .logoContainer h1.loginHeading {
    opacity:1;
    transition:opacity 300ms 100ms ease;
}
.doc-ready .loginContainer .logoContainer h1.loginHeading {
    opacity:1;
}
@media only screen and (max-width:640px) {
    .loginContainer .logoContainer h1 {
        margin-top:60px;
    }
}
.homepage .loginContainer .loginCopy h2,
.homepage .loginContainer .loginCopy p {
    color:#FFF;
}*/

.homepage .error small.error {
    color: #FFF;
    display: block;
    margin: -12px 0 10px 0;
    float: left;
    width: 100%;
}
#error_empty_values {
    padding-top:10px;
    display:block;
    color:#cc0000;
    font-size:16px;
}
.home-title {
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    text-transform: uppercase; color:#666666; font-size:16px;
    padding-left:35px;
    margin:10px 0 20px 0;
}
.home-title.intel {
    background:url(/resources/images/icons/latest-intelligence-notes.svg) 0 1px no-repeat;
    background-size:27px auto;

}
.home-title.reports {
    background:url(/resources/images/icons/latest-yacht-reports.svg) 0 2px no-repeat;
    background-size:16px auto;
    padding-left:25px;
}
.home-data-feed {
    display:block;
    margin:0;
    padding:0;
}
.home-data-feed li {
    display:block;
    margin:0 0 13px 0;
}
.home-data-feed li a {
    font-size:14px; line-height:16px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300;
    color:#0093ee;
}
.home-data-feed li a:hover {color:#666;}
.home-data-feed li a strong {
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600;
}
.home-data-feed li p {
    font-size:12px; color:#666666; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; letter-spacing:0.02em;
}
.homepage-see-more {
    display:inline-block;
    height:36px; line-height:36px;
    border:1px solid #e2eaef; border-radius: 4px;
    color: #0093ee; font-size: 12px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    padding:0 34px 0 16px; margin:15px 0;
    background:url(/resources/images/icons/button_next-arrow.svg) 90% 5px  no-repeat; background-size: 8px auto;
    letter-spacing:0.02em;
}
.homepage-see-more:hover {
    color:#fff;
    background-color:#0093ee;
    background-position:90% -21px;
    border:1px solid #0093ee;
}

@media only screen and (max-width:640px) {
    .home-title { margin:10px 0;}
    .home-data-feed li { margin:0 0 10px 0;}
    .home-data-feed li p { line-height:14px; margin:0;}
}

/* latest news (homepage)

-----------------------------------*/
.latest-news { float:left; width:100%;}
.latest-news .heading {
    display:block;
    width:100%;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; text-transform: uppercase; color: #666666; font-size: 16px;
    padding-left:32px;
    margin: 22px 0 20px 0;
    background:url(/resources/images/icons/latest-news.svg) 0 2px no-repeat; background-size: 23px auto;}
.latest-news .latest-news-list {
    width:100%;
    float:left;
    margin:0;
}
.latest-news .latest-news-list li {
    float:left;
    width:100%;
    margin:0 0 15px 0;
}

.latest-news .latest-news-list li .image-container {
    float:left;
    width:22%;
}
.latest-news .latest-news-list li .news-copy {
    font-size:15px; line-height:17px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300;
    width:78%;
    display:block;
    float:left;
    padding:0 0 0 10px;
}

.latest-news .latest-news-list li .news-copy .headline {
    display:block;
    width:100%;
    color:#0093ee;
    margin:0 0 6px 0;
}
.latest-news .latest-news-list li .news-copy p {
    display:block;
    width:100%;
    font-size:10px; text-transform:uppercase; color:#999;
}
.latest-news .latest-news-list li .news-copy p span.date {
    background:url(/resources/images/icons/icon-date.svg) 0 50% no-repeat; background-size: 12px auto;
    padding-left:18px;
}

.latest-news .view-all-news {
    display:inline-block;
    height:36px; line-height:36px;
    border:1px solid #e2eaef; border-radius: 4px;
    color: #0093ee; font-size: 12px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    padding:0 34px 0 16px; margin:15px 0;
    background:url(/resources/images/icons/button_next-arrow.svg) 90% 5px  no-repeat; background-size: 8px auto;
}
.latest-news .view-all-news:hover {
    color:#fff;
    background-color:#0093ee;
    background-position:90% -21px;
    border:1px solid #0093ee;
}

@media only screen and (max-width:640px) {
    .latest-news .latest-news-list li .image-container { width:30%;}
    .latest-news .latest-news-list li .news-copy { width:68%;}
}
@media only screen and (min-width:641px) and (max-width:768px) {
    .latest-news .latest-news-list li .image-container { width:15%;}
    .latest-news .latest-news-list li .news-copy { width:68%;}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .latest-news .latest-news-list li .image-container { width:32%;}
    .latest-news .latest-news-list li .news-copy { width:85%;}
}

/*.loginContainer .form { padding:0; margin:0; border:0;}
.loginContainer .form fieldset { border:none; padding:20px 0 0 0; margin:20px auto 0 auto; width:100%; max-width:500px; text-align:center; border-top:1px solid #ccc;}
.loginContainer .form fieldset label.checkbox {
    float:left; width:240px;
    text-align:left;
    margin:-5px 0 12px 0;
    color:#FFF;
}
.loginContainer .form fieldset label:not(.checkbox),
.loginContainer .form fieldset .spacer-block { text-align:right; width:164px; float:left; padding:0 10px 0 0; height:30px; line-height:30px; color:#fff; }
.loginContainer .form fieldset input[type="checkbox"] {display:inline-block; margin:0 5px 0 0; vertical-align: middle;}
.loginContainer .form fieldset input:not([type="checkbox"]) { float:left; width:240px; height:30px; margin:0 0 1rem 0; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: unset;}
.loginContainer .form fieldset input[type=text]:focus,
.loginContainer .form fieldset input[type=password]:focus {outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: unset; background-color:#A6A8AB; box-shadow: none !important;}
.loginContainer .form fieldset .button,
.loginContainer form fieldset #js_submit { float: left; margin: 0 0 0 164px; height: 31px; line-height: 28px; font-size: 14px; padding: 0 15px; background: #666; color: #fff; opacity:0.4; border-color:#666; transition:all 200ms ease-in-out;}
.loginContainer .form.jsSubmit-enabled fieldset .button,
.loginContainer form fieldset #js_submit { background:#0093ee; opacity:1; border-color:#0093ee;}
.loginContainer .form fieldset .button:hover { cursor:default;}
.loginContainer .form.jsSubmit-enabled fieldset .button:hover { background:#333; border-color:#333; text-decoration:none; cursor:pointer;}
.loginContainer .form fieldset .forgotton,
.loginContainer .form fieldset .forgotton { float:left; margin:40px 0 40px 164px; font-size:14px; color:#666;}
.loginContainer .form fieldset .forgotton:hover {color:#FFF;}
.loginContainer .errorMessage { font-size:11px; color:#cc0000; width:100%; padding:0 0 10px 164px; text-align:left;}

.loginContainer .form fieldset .button { margin: 0 0 0 33%;}

.loginContainer .loginCopy { text-align:left;}
.loginContainer .loginCopy p { font-size:14px; line-height:1.45em; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400; margin:0 0 7px 0; color:#666;}
.loginContainer .loginCopy p.forgot-intro { font-size:14px; line-height:1.2em; margin:0 0 15px 0;}
.loginContainer .loginCopy .forgottonLeft  { margin:0; }

.loginContainer .resetForm { margin: 0 auto}
.loginContainer .resetForm { width: 430px;}
.loginContainer .resetForm h3 { margin-bottom: 10px; text-align: center; }
.loginContainer .resetForm p { text-align: center; }
.loginContainer .resetForm .button { padding: 0 15px;}

@media only screen and (max-width:768px) {
    .loginContainer .form fieldset label:not(.checkbox),
    .loginContainer .form fieldset .spacer-block {
        width:31%;
    }
    .loginContainer .form fieldset input:not([type="checkbox"]) {
        width:68%;
        max-width: 200px;
    }
    .loginContainer .form fieldset .forgotton {margin:40px 0 0 97px;}

    .loginContainer .form fieldset .button { margin: 0 0 0 31%;}
}/*

/* sites navigation
---------------------------------------------*/
.navigation, .navigationDirectory {
    margin:0 -7px;
}
.navigation li, .navigationDirectory li {
    margin:0; padding:0 7px 14px 7px;
}
.navigation li a, .navigation li span, .navigationDirectory li a, .navigationDirectory li span {
    display:block;
    border:1px solid #ddd;
    height:126px;
    font-size:16px; text-align:center; line-height:22px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600; color:#0093ee;
    width:100%;
    background: #f8f7f7;
}
.navigation li a:hover, .navigationDirectory li a:hover {
    border:1px solid #0093ee;
    color:#0093ee;
    text-decoration:none;
}
.navigation li a .icon, .navigation li span .icon {
    display:block;
    width:60px; height:68px;
    margin:8px auto 0 auto;
    opacity: 0.7;
    background:url(/resources/images/navigation_homepage.png) 0 0 no-repeat transparent;
}

.navigation li a:hover .icon, .navigationDirectory li a:hover .icon  {
    opacity:1;
}
.navigation li.globalFleet a .icon { background-position:0 0;}
.navigation li.forSale a .icon { background-position:0 -70px;}
.navigation li.forCharter a .icon { background-position:0 -140px;}
.navigation li.top100 a .icon { background-position:0 -210px; width:84px;}
.navigation li.shipyards a .icon { background-position:0 -280px; width:70px; }
.navigation li.orderBook a .icon { background-position:0 -350px;}
.navigation li.navalArchitects a .icon { background-position:0 -420px;}
.navigation li.soldDate a .icon { background-position:0 -420px; width:70px;}
.navigation li.yachtSales a .icon { background-position:0 -490px; width:82px;}
.navigation li.concepts a .icon { background-position:0 -560px; width:98px;}
.navigation li.interiorDesigners a .icon { background-position:0 -630px;}
.navigation li.exteriorDesigners a .icon { background-position:0 -700px; width:84px;}
.navigation li.boatShows a .icon { background-position:0 -770px; width:100px;}

/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .navigation li a .icon, .navigation li span .icon {
        margin:18px auto 0 auto;
    }

}

/* sub navigation
---------------------------------------------*/
.subNavigation {
    background:#eee;
    width:100%;
    margin:0; padding:15px 20px 20px 26px;
    float:left;
}
.subNavigation li {
    width:100%;
    margin:0;
}
.subNavigation li .title {
    color:#333333; font-size:18px; line-height:20px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    width:100%;
    padding:0 0 5px 42px; margin:8px 0 7px 0;
    background:url(/resources/images/subnavigation_icons.png) 0 0 no-repeat;
}
.subNavigation li .title.with-icon {padding:4px 0 10px 35px;}
.subNavigation li .title.with-icon.market {
    background:url(/resources/images/icons/brokerage-market-watch.svg) 0 0 no-repeat;
    background-size:25px auto;
}
.subNavigation li .title.with-icon.fleet {
    background: url(/resources/images/icons/fleet-activity.svg) 0 0 no-repeat;
    background-size:25px auto;
}
.subNavigation li .title.with-icon.tools {
    background: url(/resources/images/icons/tools.svg) 0 0 no-repeat;
    background-size:25px auto;
}
.past-shows .subNavigation li .title {
    background:none;
    padding-left:0;
    text-transform:uppercase;
    font-size:20px;
}
.past-shows .subNavigation li li {
    background:none;
    padding:0;
}
.past-shows .subNavigation li ul {
    padding-left:0;
}
.subNavigation li .subtitle {
    color:#666; font-size:12px; line-height:20px;
    width:100%;
    padding:0 0 0 42px; margin:-4px 0 7px 0;
}

.subNavigation.market-watch {
    padding-bottom: 0;
}
.subNavigation.fleet-nav {
    min-height:173px;
    padding-top:14px;
    padding-bottom: 0;
}

@media only screen and (max-width:640px) {
    .subNavigation li .subtitle {padding-left:0;}
}
.subNavigation.nameSearchWrap {
    margin:0 0 14px 0;
}
.subNavigation li.nameSearch {
    margin:0;
    height:78px;
}
.subNavigation li ul {
    width:100%;
    padding:0; margin:0 0 12px 0;
}
.subNavigation li ul li {
    width:100%;
    font-size:13px;
    background:url(/resources/images/icons/sub-navigation-arrow.svg) 0 5px no-repeat;
    background-size:7px auto;
    padding:0 0 0 14px; margin:0 0 10px 0;
}
.subNavigation li ul li a {
    color:#0093ee; font-size:14px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;
}
.subNavigation li.nameSearch .title {
    background-position:0 -30px;
}
.subNavigation li.nameSearch form {
    padding:0 0 25px 42px;
    position:relative;
}
.subNavigation li.nameSearch input {
    width:100%;
    float:left;
    margin:0; padding:5px 50px 5px 10px;
    height:34px; line-height:34px;
    font-size:14px;
    border:1px solid #999;
    box-shadow:none;
}
.subNavigation li.nameSearch .button {
    background:#0093ee;
    padding:0; margin:0 0 0 -47px;
    height:34px; line-height:31px; font-size:14px; text-transform:uppercase; text-align:center;
    border-radius:3px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;
    float:left;
    border:1px solid #0093ee; color:#fff;
    width:47px;
}
.subNavigation li.nameSearch .button:hover {
    text-decoration:none;
    background:#333;
}

/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .past-shows .subNavigation li .title {
        font-size:16px;
    }
    .past-shows .subNavigation li li {
        background:none;
        padding:0;
    }
    .past-shows .subNavigation li ul {
        padding-left:0;
    }
}

/*largeMedium - 901px - 1470px */
@media screen and (min-width: 901px) and (max-width: 1470px) {
    .subNavigation li.nameSearch input {
    }
}

/* tabs
---------------------------------------------*/
.tabsContainer {
    margin: 0;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #b7b7b7;
}
.tabsContainer li {float: left; height: 36px; margin: 0;}
.tabsContainer li a {
    display: block;
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    color: #666;
    position: relative;
    padding-left:35px;
}
.tabsContainer li a:hover { color:#000;}
.tabsContainer li a.active { background-color:#fff; border-bottom:1px solid #fff; color:#0093ee;}
.tabsContainer li a.active:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #0093ee;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.tabsContainer li span { display:block; height:37px; width:100%; border-bottom:1px solid #ccc; position:relative; }
.tabsContainer li a:before {
    content: '';
    display: block;
    height: 25px; width: 25px;
    position: absolute;
    top: 0; left: 0;
}
.tabsContainer li span.inactive { color:#ccc; line-height:37px; font-size:12px; border-right:1px solid #ccc; border-left:1px solid #fff;}

.tabsContainer li.overview { width:105px;}
.tabsContainer li.overview a { border-left:1px solid #ccc; }
.tabsContainer li.specification { width:127px;}
.tabsContainer li.photos { width:97px;}
.tabsContainer li.video { width:97px;}
.tabsContainer li.review { width:106px;}
.tabsContainer li.vt360 { width:103px}
.tabsContainer li.vt360 a, .tabsContainer li.vt360 span { border-right:1px solid #ccc;}


.tabsContainer li.overview a:before,
.tabsContainer li.overview span:before{ background-position:14px 0; }
.tabsContainer li.specification a:before,
.tabsContainer li.specification span:before{ background-position:15px -35px;}
.tabsContainer li.photos a:before,
.tabsContainer li.photos span:before { background-position:14px -70px; }
.tabsContainer li.deckplan a:before,
.tabsContainer li.deckplan span:before { background-position:14px -105px;}
.tabsContainer li.video a:before,
.tabsContainer li.video span:before { background-position:14px -139px;}
.tabsContainer li.review a:before,
.tabsContainer li.review span:before { background-position:14px -174px;}
.tabsContainer li.shows a:before,
.tabsContainer li.shows span:before { background-position:14px -212px;}
.tabsContainer li.awards a:before,
.tabsContainer li.awards span:before { background-position:14px -245px;}
.tabsContainer li.news a:before,
.tabsContainer li.news span:before { background-position:14px -275px;}

.charter-marketing .tabsContainer li.configure a:before, .charter-marketing .tabsContainer li.price a:before, .charter-marketing .tabsContainer li.booking a:before,
.charter-marketing .tabsContainer li.spec a:before, .charter-marketing .tabsContainer li.extras a:before, .charter-marketing .tabsContainer li.links a:before,
.charter-marketing .tabsContainer li.activity a:before, .charter-marketing .tabsContainer li.analytics a:before {
    background: url("/resources/images/marketing-nav-icons.svg") 0 0 no-repeat;
}
.charter-marketing .tabsContainer li.configure a { padding: 0 24px 0 27px;}
.charter-marketing .tabsContainer li.configure:before { background-position: 0 0; width: 18px; left: 24px;}
.charter-marketing .tabsContainer li.price a { padding: 0 24px 0 57px; }
.charter-marketing .tabsContainer li.price a:before { background-position: 0 -25px; width: 32px; left: 24px;}
.charter-marketing .tabsContainer li.booking a { padding: 0 24px 0 51px;}
.charter-marketing .tabsContainer li.booking a:before { background-position: 0 -50px; left: 24px;}
.charter-marketing .tabsContainer li.spec a { padding: 0 24px 0 51px; }
.charter-marketing .tabsContainer li.spec a:before { background-position: 0 -75px; left: 24px;}
.charter-marketing .tabsContainer li.extras a { padding: 0 24px 0 58px;}
.charter-marketing .tabsContainer li.extras a:before { background-position: 0 -99px; width: 34px; left: 24px;}
.charter-marketing .tabsContainer li.links a { padding: 0 24px 0 52px;}
.charter-marketing .tabsContainer li.links a:before { background-position: 0 -124px; width: 29px; left: 24px;}
.charter-marketing .tabsContainer li.activity a { padding: 0 24px 0 55px;}
.charter-marketing .tabsContainer li.activity a:before { background-position: 0 -149px; width: 29px; left: 24px;}
.charter-marketing .tabsContainer li.analytics a { padding: 0 24px 0 55px;}
.charter-marketing .tabsContainer li.analytics a:before { background-position: 0 -175px; width: 29px; left: 24px;}


/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .tabsContainer li a { font-weight:normal; font-size:14px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600;}
}

/* yacht stats section
----------------------------------------------*/

.statsSection { background:#fff; padding:10px; width:100%; margin:0 0 1.875rem 0; border:1px solid #eee;}
.firstSection { margin:15px 0 1.875rem 0;}
.statsSection .heading { display:block; width:100%; font-size:16px; margin:0 0 15px 0;  font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; }


#jsSalesByMonth { width:100%; height:400px; text-align: center; }
#jsSalesByBuilder { width:100%; height:888px;}
#jsSalesByLength { width:100%; height:400px; text-align: center;}

/* modal windows
--------------------------------------------*/
.modalContainer { width:100%; padding:15px; position:relative;}
.modalContainer.soldPricePopup { padding:0 10px 0 0; }
.jsModalClose {
    position:absolute; top:0px; right:0;
    line-height:15px; font-size:19px;
    width:17px; height:17px;
    margin:10px 6px 0 0;
    text-indent:-9999px;
    background:url(/resources/images/modal-close.svg) 0 0 no-repeat;
    background-size:17px;
    z-index:2;
}
.modal-content {padding:15px 10px;}
.modal-content iframe { max-width: 800px;}
.modalContainer .jsModalClose:hover { background-position:0 -22px;}
.modalContainer h1 { display:block; width:100%; font-size:26px; margin:0 0 5px 0;}
.modalContainer h2 { display:block; width:100%; font-size:18px; margin:0 0 15px 0;}
.modalContainer fieldset { margin:0;}
.modalContainer legend { padding:0 0 5px 0; font-size:14px;}
html .modalWindow { background:#fff; width:auto; padding:15px; margin-top:40px; display:none;}
html .modalWindow.size-small { background:#fff; width:90%; padding:20px; max-width:640px; display:block;}
html .modalWindow.size-medium { background:#fff; width:90%; padding:20px; max-width:940px; display:block;}
html .modalWindow.size-large { background:#fff; width:90%; padding:20px; max-width:none; display:block;}

.modalContainer .sold-price { margin:-14px 0 0 0; }
.modalContainer .sold-price h1 { margin:0 0 19px 0;}
.modalContainer .sold-price .vessel-block .img { flex: 0 0 156px; margin:0 10px 0 0;}
.modalContainer .sold-price-details .button.buttonM.saveButton { margin:10px 0 0 0;}
.modal-title {
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300;
    font-size: 30px;
    margin: 0 0 20px 0;
}

@media only screen and (max-width:640px) {
    html .button.b-close {right: 5px;}
    html .modalWindow,
    html .modalWindow.size-small,
    html .modalWindow.size-medium,
    html .modalWindow.size-large {
        width:100%;
        margin-top:38px;
        padding:15px;
    }
    html .button.b-close {
        top: -37px; right: 0;
    }

    .modalContainer .sold-price { margin:-17px 0 0 -20px; }
    .modalContainer .sold-price h1 { font-size:22px;}
    .modalContainer .sold-price .vessel-block .img { flex: 0 0 106px;}
    .modalContainer .sold-price .vessel-block .info .name { font-size:14px;}
    .modalContainer .sold-price .vessel-block .info .details { font-size:12px;}
    .modalContainer .sold-price-details { margin:0 0 0 -20px; }
}
@media only screen and (max-width:320px) {
    html .modalWindow,
    .modal-content {
        padding-left:0;
        padding-right:0;
    }
}
.modalWindow .chosen-select-sort,
#modalWindowSort select {margin:0;}
#reportIssue h1 {
    margin:-10px 0 25px 0;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; font-size:30px;
}
#reportIssue p { font-size:14px;}
#reportIssue label { width:14%; float:left; height:30px; line-height:30px;}
#reportIssue select { width:40%; }
#reportIssue textarea { width:100%; margin:0 0 16px 0; font-size:12px;}
#reportIssue a.button {
    display:inline-block;
    height:36px; line-height:34px;
    border:1px solid #0093ee;
    color:#0093ee; font-size:14px;
    padding:0 20px; margin:10px 0 0 0;
    border-radius: 4px;
    background:#fff;
}
@media only screen and (max-width:640px) {
    #reportIssue label {width:35%;}
    #reportIssue select {width:55%;}
}

.errorPages { min-height:400px;}
.errorPages h1 { margin:0 0 20px 0;}
.errorPages h2 { font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400; margin:0 0 20px 0;}
.errorPages p { font-size:12px;}

/* CLEAR buttons
------------------------------ */
.long-select-wrap {
    position:relative;
}
.clear-select {
    position:absolute;top: 11px; right: 33px;
    width:15px; height:15px;
    background:url(/resources/images/icons/clear.svg) 0 0 no-repeat;
    background-size:15px auto;
    overflow:hidden;
    text-indent:-9999px;
    cursor:pointer;
}
.datepicker-wrap {
    position:relative;
}
.clear-date {
    position: absolute;
    top: 12px;
    right: 33px;
    width: 16px;
    height: 16px;
    background: url(/resources/images/icons/clear.svg) 0 0 no-repeat;
    background-size: 16px auto;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}

.loginContainer.reset form fieldset { padding:20px 10px 0 10px; width:100%; margin:auto;}
.loginContainer.reset form fieldset label { text-align:left; width:100%; display:inline-block; margin:0 0 8px 0; font-size:16px; line-height:1.4em; color:#fff;}
.loginContainer.reset form fieldset input { width:100%; display:inline-block;}
.loginContainer.reset form fieldset .button { height:31px; line-height:28px; font-size:14px; padding:0 15px; margin:8px 0 0 0; color:#fff; background:#666; border:1px solid #666; transition: all 200ms ease-in-out;  }
.loginContainer.reset form fieldset .button:hover { color:#666; border:1px solid #fff; background:#fff;}

.long-select-wrap.draw-search { float:left}

/*=============================================
	Media Queries - styling overides
==============================================*/
@media only screen and (max-width:64em) {
    .tabsContainer li.overview { width:15%; }
    .tabsContainer li.specification { width:18%;}
    .tabsContainer li.photos { width:13%;}
    .tabsContainer li.video { width:12%;}
    .tabsContainer li.review { width:13%;}
    .tabsContainer li.shows { width:18%;}
    .tabsContainer li.news { width:11%;}
}
/* mobile - Small ============================*/
@media only screen and (max-width: 640px) {

    h1 { font-size:22px; margin:5px 0 0 0;}

    .contentContainer {
        border:none
    }
    .contentContainer .content {
        padding:15px 10px;
    }

    .contentContainer .content.searchResults {
        padding-top:0;
    }



    .contentContainer .content.particulars.fullDescription,
    .contentContainer .content.particulars.specification,
    .contentContainer .content.particulars.gallery,

    .contentContainer .content.particulars.awards,
    .contentContainer .content.particulars.reviews
    {
        padding:10px 0px;
    }
    .contentContainer .content.particulars.videos, .contentContainer .content.particulars.reviews { padding:10px 5px;}
    .contentContainer .content.particulars.tour360 { padding:10px 0 0 0;}

    .sectionHeading {
        font-size:22px; line-height:1.1em;
        padding:0 0 12px 0; margin:0;
    }

    /* header */

    .menu-takeover-toggle { float:right; z-index:10; padding:32px 15px 26px 10px;}
    .menu-takeover-toggle img {
        vertical-align: top;
        width:18px; height:15px;
    }
    .off-canvas-toggle { float:right; color:#fff; z-index:10; padding:29px 15px 31px 10px;}
    .off-canvas-toggle img {width:24px;}
    .off-canvas-menu { background:#f4f4f4;}

    .off-canvas-navigation { width:100%; margin:0; float:left;}
    .off-canvas-navigation li.title { text-transform:uppercase; background:none; padding:10px 0 10px 20px; font-weight:bold; font-size:13px;}
    .off-canvas-navigation li { width:100%; border-bottom:1px solid #ddd; padding:10px 0 10px 40px; font-size:12px; margin:0; background:url(/resources/images/bulletpoint-subnavigation.gif) 20px 50% no-repeat;}

    .right-off-canvas-menu #box_vessel_search  { width:100%; padding:10px 0 5px 20px; float:left;}
    .right-off-canvas-menu #box_vessel_search legend { text-transform:uppercase; background:none;  font-weight:bold; margin:0 0 5px 0;}
    .right-off-canvas-menu #box_vessel_search input[type="text"] { width:69%; float:left; height:33px; margin:0;}
    .right-off-canvas-menu #box_vessel_search .button {
        width:16%;
        text-align:center; font-size:12px;
        margin:0; padding:0;
        float:left;
        height:31px; line-height:31px;
        -webkit-border-top-left-radius:0px; -moz-border-radius-top-left:0px; border-top-left-radius:0px;
        -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottom-left:0px; border-bottom-left-radius:0px;
        border-left:none;
    }

    .move-left .exit-off-canvas { background:rgba(1, 1, 1, 0.3);}

    /* footer */
    footer .feedback a {
        float:left;
        margin:5px 0 15px 0;
    }
    footer p { padding:0;}

    .footerContainer { padding:0 15px; float:left; width:100%;}


    /* subnavigation */
    .subNavigation li .title {
        padding:0 0 5px 0px; margin:0px 0 7px 0;
        background:none;
    }
    .subNavigation li ul {
        padding:0; margin:0 0 23px 0;
    }
    .subNavigation li.nameSearch {
        margin:0;
    }
    .subNavigation li.nameSearch form {
        padding:0; margin:0;
    }
    .subNavigation li.nameSearch input {
        width:100%;
        height:40px; line-height:40px;
    }
    .subNavigation li.nameSearch .button {
        width:100%;
        padding:0; margin:10px 0 0 0;
        padding:0 12px;
        height:40px; line-height:40px;
    }

    .yachtNameSearch .title { font-size:14px; line-height:1.1em; margin:0 0 7px 0;}
    .yachtNameSearch input[type="text"] {
        width:84%;
        float:left;
        height:37px;
        -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 1px;
        font-size:14px;
    }
    .yachtNameSearch .button {
        width:16%;
        text-align:center; font-size:12px;
        margin:0; padding:0;
        float:left;
        height:37px; line-height:37px;
        -webkit-border-top-left-radius:0px; -moz-border-radius-top-left:0px; border-top-left-radius:0px;
        -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottom-left:0px; border-bottom-left-radius:0px;
        border-left:none;
    }


    .loginContainer .logoContainer h1 { font-size:1.4em;}
    .loginContainer .logoContainer img { margin:20px 0 0 0; height:100px;}

    .loginContainer form fieldset { padding:20px 10px 0 10px; width:auto;}
    .loginContainer form fieldset label { text-align:left; width:30%; display:inline-block;}
    .loginContainer form fieldset input { width:70%; height:30px; display:inline-block;}
    .loginContainer form fieldset .button { margin:0 0 0 30%;  }
    .loginContainer form fieldset .forgotton { margin:40px 0 0 30%; }

    .loginContainer.reset form fieldset label { margin:0 0 8px 0; font-size:16px; line-height:1.4em; }
    .loginContainer.reset form fieldset input { width:100%; height:30px; }
    .loginContainer.reset form fieldset .button { height:31px; line-height:28px; font-size:14px; padding:0 15px; margin:8px 0 0 0;  }

    .navigation li a, .navigation li span, .navigationDirectory li a, .navigationDirectory li span {
        height:108px;
        font-size:12px;
    }
    .navigation li a .icon, .navigation li span .icon { height:64px;}

    /* sales stats ------------------------------*/
    #jsSalesByMonth { width:100%; height:auto; }
    #jsSalesByBuilder { width:100%; height:auto;}
    #jsSalesByLength { width:100%; height:auto;}

    .salesStatsContent { background:#fff; padding:15px;}
    .statsSection { border:none; padding:0;}


    .compareContainer { height:155px; padding:0 16px 16px 16px;}
    .compareContainer .copy { height:90px; padding:0; background:none;}
    .compareContainer .copy h4 { display:block;  }
    .compareContainer .copy p { padding:0 20px 0 0;}
    .compareContainer .compareYachtsButton { float:left; margin:0; width:100%; text-align:left; }
    .searchActions .compare-yachts a {
        text-indent: -9999px;
    }
    .searchResults .searchActions li.refresh a {
        padding:0;
    }
    .searchResults .searchActions li.compare-yachts a:before,
    html .compareContainer a.compareYachtsButton:before {
        left:4px;
    }

    html .slick-dots {margin:-20px 0 40px 0; z-index:100;}

    html .slick-dots li {width:5px;height:10px;}
    html .slick-dots li button {
        background:#000;
        border-radius:50%;
        width:6px; height:6px;
        text-indent:-9999px;
        padding:3px;
    }
    html .slick-dots li.slick-active button  {
        background:#666;
    }

}


/* desktop - medium ==========================*/
@media only screen and (min-width: 900px) and (max-width: 1470px) {


    /* sales stats */
    #jsSalesByMonth { width:100%; height:350px; }
    #jsSalesByBuilder { width:100%; height:600px;}
    #jsSalesByLength { width:100%; height:400px;}

    .contentContainer {
        border:none;
    }

}

/*smallMedium - 641px - 900px*/
@media screen and (min-width: 641px) and (max-width:900px) {
    .content {
        padding:15px 10px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1300px) {
    /* yacht details tabs
	--------------------------------------*/
    .accent .tabsContainer li a, .accent .tabsContainer li span.inactive { background:none; font-size:12px;  text-align: center; text-indent:0;}
    .accent .tabsContainer li a.active { background:#fff;}
}
/* small tablet / portrait - small medium ====*/
@media only screen and (min-width: 641px) and (max-width: 900px) {

    .subNavigation li ul {
        padding:0; margin:0 0 23px 0;
    }

    .subNavigation li .title {
        padding:0 0 5px 0; margin:0px 0 7px 0;
        background:none;
    }
    .subNavigation li .subtitle {
        display:none;
    }

    .subNavigation li ul li {
        font-size:12px;
    }
    .subNavigation li.nameSearch form {
        padding:0;
    }


    .contentContainer { border:none;}


    /* sales stats */
    #jsSalesByMonth { width:706px; height:300px; }
    #jsSalesByBuilder { width:327px; height:500px;}
    #jsSalesByLength { width:327px; height:400px;}



}

/* large desktop =============================*/
@media only screen and (min-width: 64.0625em) {
    .tabsContainer li.overview { width:15%; }
    .tabsContainer li.overview a { border-left:1px solid #ccc;}
    .tabsContainer li.specification { width:18%;}
    .tabsContainer li.photos { width:13%;}
    .tabsContainer li.video { width:12%;}
    .tabsContainer li.review { width:13%;}
    .tabsContainer li.shows { width:18%;}
    .tabsContainer li.news { width:11%;}
    .tabsContainer li.news a, .tabsContainer li.news span { border-right:1px solid #ccc;}
}
/* Desktop and upwards */
@media only screen and (min-width: 64.063em) {
    /*The below is code that is failing to remove mumber arrows*/
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearence:none;
        margin: 0;
    }
    input[type=number] {
        -moz-appearance:textfield;
    }
}
@media only screen and (min-width:641px) and (max-width:900px) {
    .smallMedium-12 .subNavigation {margin-top:20px;}
}
@media only screen and (min-width:641px) {
    .content {
        padding:15px 20px 20px 20px;
    }
}


html .pswp--svg .js-pswp-show-grid {background:none;}
html.touch .js-pswp-show-grid {display:none !important;}

.comparisons {
    display:block;
    width:100%;
    text-align:right;
}
.comparison {
    display:inline-block;
    width:8.1%;
    text-align:center;
    font-size:30px;
    font-weight:bold;
    background: #666;
    color: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.close-icon {
    position:absolute; top:-8px; right:10px;
    font-size:30px;
}
@media only screen and (max-width: 64em) {
    .comparisons {display:none;}
}
.advancedSalesBtn {
    padding-left:5px;
    position:relative;
}
.searchResults  {
    min-height:570px;
}
.totals-difference {
    display:block;
    padding:20px 0 0 0;
}
@media only screen and (max-width:641px) {
    html .yachtReviews .documentDetails p {
        white-space:normal;
        text-overflow:initial;
    }
    .byMonth #jsSlideToggle.headlinLink.button {
        font-size:11px;
        padding:5px 10px;
    }
    .byMonth #jsShowHide li {
        margin:10px 0 10px 10px;
    }
    .searchResults .dateFilter .byMonth #jsShowHide li,
    .searchResults .dateFilter .byMonth #jsShowHide a {height:16px;}
}



.embed-container { position: relative; padding-bottom: 535px; height: 0; overflow: hidden; max-width: 100%;  }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.particulars .embed-container {padding-bottom: 57.25%; border-right:1px solid #FFF;}
/* Ajax event yacht list
------------------------------------------*/
.jsLoadingMoreResults {
    display: block;
    position: relative;
    width: 100%;
    height: 154px;
}
.jsLoadingMoreResults.active:before {
    position: absolute;
    top: 0; left: 50%;
    width: 154px; height: 154px;
    margin: 0 0 0 -77px;
    z-index: 9;
    background: url(/resources/images/ajax-loader3.gif) no-repeat;
    content: "";
}
.compare-fixed-mode .yachtShow{
    padding-bottom:65px;
}


/* compare advert
------------------------------------*/
.compareContainer {
    width:100%;
    height:50px;
    float:left;
    padding:0;
}

.compareContainer a, .compareContainer .select-all {
    float:right;
}
.compareContainer a { position:relative;}

.compareContainer a.compare-clear {
    height:36px; line-height:36px;
    color:#666;
    font-size:12px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    float:left;
    margin-left: 20px;
}

.compareContainer .select-all {
    height:36px; line-height:36px;
    border:1px solid #ccc;
    border-radius:4px;
    padding:0 15px; margin:0 7px 0 17px;
    float:left;
}
.compareContainer .select-all label {
    display:block;
    height:34px; line-height:32px;
    font-size:14px; color:#666; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    padding-top:0; padding-left:25px; margin-right:0; margin-left:0;
    background-position:0 50%;
}

.compareContainer .select-all input[type="checkbox"] + label::before {
    top:50%;
    margin:-8px 0 0 0;
    background:url(/resources/images/icons/search_checkbox-unchecked.svg) 0 0 no-repeat;
}

.compareContainer .select-all input[type="checkbox"]:checked + label::before {
    background:url(/resources/images/icons/search_checkbox-checked.svg) 0 0 no-repeat;
}

.close-compare { display:none; }

/* overrides for fixed */
.compare-fixed-mode .compareContainer { padding:4px 16px 16px 16px;}
.compare-fixed-mode .compareContainer a.compare-clear { color:#fff;}
.compare-fixed-mode .compareContainer .select-all {
    border:1px solid #fff;
    float:right;
}
.compare-fixed-mode .compareContainer .select-all label { color:#fff;}
.compare-fixed-mode .compareContainer .select-all input[type="checkbox"] + label::before {
    background:url(/resources/images/icons/search_checkbox-unchecked-blank.svg) 0 0 no-repeat;
}
.compare-fixed-mode .compareContainer .select-all input[type="checkbox"]:checked + label::before {
    background:url(/resources/images/icons/search_checkbox-checked-blank.svg) 0 0 no-repeat;
}

.compare-fixed-mode .close-compare {
    display:block; height:36px; line-height:36px; text-indent:-9999px;
    width:43px;
    background:url(/resources/images/icons/compare-close-icon.svg) center center no-repeat;
}
@keyframes animateBottom {
    0% {
        -ms-transform: translateY(100%); /* IE 9 */
        -webkit-transform: translateY(100%); /* Chrome, Safari, Opera */
        transform: translateY(100%);
    }
    100% {
        -ms-transform: translateY(0%); /* IE 9 */
        -webkit-transform: translateY(0%); /* Chrome, Safari, Opera */
        transform: translateY(0%);
    }
}
.compare-fixed {

}
.compare-fixed-mode .compare-fixed {
    position:fixed;
    width:100%;
    bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index:10;
    animation: animateBottom 400ms;
    padding:8px 0 0 0;
}
.compare-fixed-mode .compare-fixed > .row {
    max-width: 91.88rem;
    margin-right: auto;
    margin-left: auto;
}
.button.b-close {
    position:absolute; top: -28px; right: -30px;
    margin:0;
    border:0;
    padding:0;
    background:transparent;
}
.button.b-close:hover {
    background:none;
}
.button.b-close span {
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    width:30px; height:30px;
    background:url(/resources/images/icons/close.svg) no-repeat;
    padding:0;
    background-size:30px auto;
}
.button.b-close span {}

.compareContainer a.compareYachtsButton {
    display: block;
    height: 36px; width:130px; line-height: 34px;
    border: 1px solid #0093ee; border-radius: 4px;
    color: #0093ee; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500; font-size: 12px;
    padding: 0 0 0 42px;
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    position: relative;

}
.compareContainer a.compareYachtsButton:hover {
    border:1px solid #0093ee;
    background:#0093ee;
    color:#fff;
}

.compareContainer a.compareYachtsButton:before {
    position: absolute; top: 8px; left: 4px;
    background: url(/resources/images/icons/button_compare-icon.svg) 8px 0 no-repeat;
    height: 18px; width: 38px;
    display: block;
    content: '';
}

.compareContainer a.compareYachtsButton:hover:before {
    background: url(/resources/images/icons/button_compare-icon.svg) 8px -18px no-repeat;
    position: absolute; top: 8px; left: 4px;
    width: 38px;
}


@media only screen and (min-width:641px) {
    .compareContainer a.compareYachtsButton {
        width:auto; padding:0 20px 0 44px; font-size:14px;
        float: left;
    }

}

@media only screen and (min-width:641px) and (max-width:900px) {
    .button.b-close {
        position:absolute; top: 12px; right: 2px;
    }
    .button.b-close span {
        width:30px; height:30px;
        background:url(/resources/images/icons/close-alt.svg) no-repeat;
        background-size:20px auto;
    }

}
.compare-fixed-mode .compare-fixed .compareContainer a.compareYachtsButton {
    background:#0093ee;
    color:#fff;
}
.compare-fixed-mode .compare-fixed .compareContainer a.compareYachtsButton:before {
    background-position:8px -18px;
}
.compare-fixed-mode .compare-fixed .compareContainer a.compareYachtsButton:hover {
    background:#fff;
    color:#0093ee;
}
.compare-fixed-mode .compare-fixed .compareContainer a.compareYachtsButton:hover:before {
    background-position:8px 0;
}

@media only screen and (max-width:640px) {
    .compare-fixed-mode .compareContainer a.compare-clear {
        margin:0 0 0 10px;
    }
}

/* Yacht show listing
----------------------------------- */
.show-list {
    padding-top:0;
}
@media only screen and (max-width:640px) {
    .show-list {
        padding-top:5px;
        margin:0;
    }
}
.show-list li { margin:0;}
.show-list .show {
    display: block;
    border: 1px solid #ddd;
    font-size: 13px;
    padding-bottom:100%; margin-bottom:0.973rem;
    text-align: center;
    line-height: 22px;
    width: 100%;
    background: #f8f7f7;
    position:relative;
    height:0;
    box-sizing:content-box;
}
.show-list .show .logo {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:auto;
}
.show-list .show .logo img {
    width:100%;

}
.show-list .show a:hover {
    opacity:0.8;
}
.show-list .show-overlay {
    position:absolute;
    bottom:0px;
    width:100%;
    padding:6px 20px;
    box-sizing:border-box;
    background:#f8f7f7;
}
.show-list .show-overlay .name {

}
.show-list .overlay .date {
    font-size: 12px;
    line-height: 1.25em;
    margin:0;
}

/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .show-list .overlay {
        bottom:7px;
        padding:0 20px;
    }
    .show-list .overlay .date {
        font-size: 16px;
        line-height: 1.25em;
        margin: 0 0 3px 0;
    }


}


/* past shows -------------------------- */
.past-show-list {
    display:block;
    margin:0;
    padding:0;
}
.past-show-list li {
    display:block;
}
.past-shows {
    display:block;
    margin-top:20px;
}
.past-shows .show {
    display: block;
    font-size: 13px;
    text-align: left;
    line-height: 22px;
    width: 100%;
    position:relative;
    border-bottom:1px solid #999;
    margin:0 0 5px 0;
    padding:0 0 10px 0;
}
.past-shows .name {
    font-size: 14px;
    line-height: 1.25em;
    margin: 0;
    text-transform:uppercase;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
}
.past-shows .date {
    margin:0;
    font-size:13px;
}
.scroll-to-top {
    position: fixed; bottom: 10px; right: 10px;
    padding: 34px 0 0 0;
    background: url(/resources/images/icons/arrows.svg) no-repeat 23px 7px rgba(0, 0, 0, 0.7);
    background-size: 91px 25px;
    width:70px; height:70px;
    text-align: center;
    border-right: 0;
    font-size: 11px; line-height: 12px; color: #FFF; text-transform:uppercase;
    transition: bottom 300ms ease-out;
    z-index:11;
    border-radius:100px;
}
.compare-fixed-mode .scroll-to-top {
    bottom: 70px;
}
.scroll-to-top:hover {
    background-position:-45px 9px;
    background-color:#FFF;
    color:#666;
}
.compare-always-hidden.compare-fixed-mode .scroll-to-top {bottom:0;}
/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .past-shows .name {
        font-size: 16px;
        line-height: 1.25em;
        margin: 0 0 3px 0;
    }
    .past-shows .date {
        font-size:15px;
    }


}
.searchResults .searchHeaderSection ul.style-like-select,
.style-like-select {
    background: #fff;
    height: 36px;
    line-height: 36px;
    color: #3f536e;
    font-size: 14px;
    border: 1px solid #a8c6df;
    border-radius: 4px;
    box-shadow: none;
    margin:0;
    min-width:180px;
}
.style-like-select li,
.searchResults .searchHeaderSection ul.style-like-select li {
    padding:0 5px 0 4px;
    min-height: 34px;
    line-height: 34px;
    margin:0;
    width:100%;
}
.select-filters .style-like-select {
    float:right;
}
.style-like-select li li,
.searchResults .searchHeaderSection ul.style-like-select li li {
    background:#FFF;
    padding:0 5px 0 5px;
}
.style-like-select li ul,
.searchResults .searchHeaderSection ul.style-like-select li ul {
    height:auto;
    background: #fff;
    border-left: 1px solid #a8c6df;
    border-right: 1px solid #a8c6df;
    border-bottom:1px solid #a8c6df;
    border-radius:0 0 4px 4px;
}
.searchResults .select-filters {z-index:1;}
.searchResults .select-filters:hover {z-index:100;}

.style-like-select.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    background: url(/resources/images/icons/froms_select-arrow-blue.svg) 0 50% no-repeat;
    border:transparent;
    width:6px; height:5px;
}
.style-like-select.dropdown.menu li a {
    padding:11px 20px 11px 0;
    font-size:14px;
}
.style-like-select.dropdown.menu li li a {
    padding:0 20px 0 0;
}
.searchResults .searchHeaderSection ul.style-like-select li a,
ul.style-like-select.padding-a.menu li li a {
    padding:10px 20px 10px 8px;
}
.builder-type-dropdown a {text-transform:capitalize;}
.builder-type-dropdown a.active,
.style-like-select.dropdown.menu li a.active {
    color:#0093ee;
}
ul.style-like-select
.searchResults .searchHeaderSection ul.style-like-select li a.with-icon {
    padding-left:25px;
    position:relative;
}
.searchHeaderSection .dropdown.menu.style-like-select>li.opens-right>.is-dropdown-submenu {
    margin-top:-6px;
}
.searchResults .searchHeaderSection ul.style-like-select li a.with-icon:before {
    content:"";
    width:20px;
    height:20px;
    position:absolute; top: 9px; left: 4px;
}
.dropdown.menu.style-like-select>li.opens-right>.is-dropdown-submenu {
    margin-top: -3px;
    max-width:100%;
    margin-left: -1px;
    min-width:100px;
    width:100%;
    z-index: 11;
}
.searchResults .searchHeaderSection ul.style-like-select li a.with-icon {
    padding-left:25px;
    position:relative;
}

.viewShortlist .style-like-select.dropdown.menu li a { font-size: 12px;}

@media only screen and (min-width:641px) {
    .viewShortlist .style-like-select.dropdown.menu li a { font-size: 14px;}
}


.with-icon.vessel-builder-type-icon-1:before {
    /* naval architect */
    background: url(/resources/images/work_type-icons.svg) 0 -30px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-2:before {
    /* interior designer */
    background: url(/resources/images/work_type-icons.svg) 0 -93px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-3:before {
    /* exterior designer */
    background: url(/resources/images/work_type-icons.svg) 0 -62px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-4:before {
    /* new build */
    background: url(/resources/images/work_type-icons.svg) 0 2px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-5:before {
    /* refit company */
    background: url(/resources/images/work_type-icons.svg) 0 -125px no-repeat;
    background-size: 19px auto;
}

/*smallMedium - 641px - 900px*/
@media screen and (max-width:640px) {
    .searchResults .searchHeaderSection ul.style-like-select, .style-like-select { min-width:100%;}
}
.divider { width:100%; height:1px; background:#ccc; margin:10px 0; float:left;}

/*smallMedium - 641px - 900px*/
@media screen and (min-width: 641px) and (max-width:900px) {
    .searchResults .searchHeaderSection ul.style-like-select, .style-like-select { min-width:100%;}
}

.view-grid-map .report-location-issue {display:none;}

.inf-scroll-maxed-out a {
    color:#0093ee;
}
/* Show more or less
------------------------------- */
.limited-content .toggle-content {
    position:relative;
    overflow: hidden;
    display:block;
}
.type-more {display:none;}
.limited-content .type-less {display:none;}
.limited-content .type-more {display:inline-block;}
.type-more,
.type-less {
    color:#0093ee;
}

#mrt-lightbox iframe {
    background:url(/resources/images/ajax-loader3.gif) 50% 50% no-repeat;
}
.right {float:right;}
@media only screen and (min-width:641px) {
    .touch .chosen-select.chosen-select-sort,
    .touch .chosen-select.chosen-select-currency,
    .touch .resultsOptions .chosen-select {
        margin-top: -8px; /* touch devices */
    }
}

/* Infinite Scroll
---------------------------------------*/
.inf-scroll-init .footerPagination {display:none;}

.page-header {
    background: #fff;
    float: left;
    width: 100%;
    padding: 18px 0 23px 0;
}
.back-button {
    float:left;
    background:url(/resources/images/icons/button_back-arrow.svg) 16px 5px no-repeat #eee; background-size: 7px auto;
    height:30px; line-height:30px;
    font-size:11px; color:#0093ee; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    padding:0 20px 0 27px;

}
.back-button:hover {
    background-position:16px 4px;
    color:#333;
}

.single-picture-link {
    display: inline-block;
    background: url(/resources/images/icons/picture-single.svg) 0 50% no-repeat; background-size: 16px auto;
    padding-left: 26px;
    min-height: 23px;
}
.single-pdf-link {
    display: inline-block;
    background: url(/resources/images/icons/pdf-single.svg) 0 3px no-repeat; background-size: 16px auto;
    padding-left: 26px;
    min-height: 23px;

}

/* WYSIWYG Editor
---------------------------------------- */
html .cke_chrome {
    border:1px solid #cacaca;
    border-radius: 3px;
    margin-bottom:15px;
}

@media only screen and (max-width:640px) {
    .loginContainer .errorMessage {
        padding:0 0 15px 0;
    }
}

/* Takeover Menu
---------------------------------------- */
.menu-takeover {
    opacity:0;
    transition: opacity 300ms ease-out;
    z-index:-1;
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    background:#FFF;
}
.menu-takeover.active {
    opacity:1;
    display:block;
    z-index:1000;
}
.menu-takeover .close-takeover {
    position:absolute; top:10px; right:10px;
    width: 33px;
    height: 33px;
    background: url(/resources/images/icons/close-alt.svg) 5px 5px no-repeat;
    padding: 0;
    background-size: 23px auto;
    overflow:hidden; text-indent:-9999px;
}
.menu-takeover .takeover-items {
    display:block;
    margin:40px 0 0 0;
    padding:0 20px 0 45px;
}
.menu-takeover .takeover-items li {
    display:block;
    margin:0 0 10px 0;
}
.menu-takeover .takeover-items li.title {
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    color:#333333;
    text-transform:uppercase;
    font-size:16px;
    margin:15px 0 10px 0;
}
.menu-takeover .takeover-items li a {
    display:inline-block;
    font-size:14px;
    color:#0093ee;
}
/* Style harvest select like normal select
------------------------------------------ */
.long-select-wrap .chosen-container {margin:0 0 18px 0;}
.long-select-wrap .chosen-container .chosen-single {
    background:#fff;
    height:39px; line-height:39px;
    color: #666; font-size:16px;
    border:1px solid #cacaca;
    border-radius: 4px;
    box-shadow:none;
    padding:0 12px;
}
.long-select-wrap .chosen-container .chosen-single div {width:16px;}
.long-select-wrap .chosen-container-single .chosen-single div b {
    background:url(/resources/images/icons/froms_select-arrow-grey.svg) 0 50% no-repeat !important;
}
.long-select-wrap .chosen-container-single .chosen-single abbr {
    width:15px; height:15px;
    background:url(/resources/images/icons/clear.svg) 0 0 no-repeat;
    background-size:15px auto;
    top:10px;
    border:none;
    cursor: pointer;
}
.long-select-wrap .chosen-container-single .chosen-drop {
    margin-top:-3px; padding-top:3px;
    border:1px solid #a8c6df; border-top:none;
}
.long-select-wrap .chosen-container-single .chosen-search { padding:10px 12px;}
.long-select-wrap .chosen-container-single .chosen-search input[type="text"] {}

.long-select-wrap .chosen-container ul.chosen-results {
    height:auto; line-height:normal;
    padding:0 10px 0 13px;
}
.long-select-wrap .chosen-container ul.chosen-results li {
    height:auto; line-height:normal; font-size:14px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600;
}
.long-select-wrap .chosen-container ul.chosen-results li:hover,
.long-select-wrap .chosen-container ul.chosen-results li.result-selected {
    color:#fff;
    background:#0093ee;
}

#mrt-lightbox #box_vessel_wrap {
    display:block;
    margin:70px 30px;
}
#mrt-lightbox #box_vessel_wrap #yacht-name-search {
    display:inline-block;
    width:70%;
    margin:0;
    vertical-align: top;
    height:35px;
}
#mrt-lightbox .button.jsButtonSubmit {
    width:25%;
    display:inline-block;
    float:none;
    vertical-align: top;
    margin: 0 0 0 4%; padding:0 15px 0 32px;
    background-size: 14px auto;
}

#mrt-lightbox .name-search-title { font-size:14px; color:#666; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; padding:0 0 5px 0;}

.header-dropdowns {
    float:right;
    margin:5px 0 0 0;
}

/* auto suggest styling fixes */
.easy-autocomplete-container ul,
.easy-autocomplete-container ul,
.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    margin:0;
}
.easy-autocomplete-container {top:100%;}
.chosen-container-single .chosen-single-with-deselect span {color:#0093ee;}
.filter-applied {color:#0093ee;}
.map-filter-item {
    display: block;
    margin: 0 0 20px 0;
    background:#FFF6D0;
    padding:15px;
    float:left;
    width:100%;
}
.searchResults h2 .map-filter-item span.map:after,
.searchResults h2 .map-filter-item span:after {display:none;}
.map-filter-item .filter-name {
    display:block;
    margin:0 0 5px 0;
    color:#666;
    font-size:16px;

}
.map-filter-item .filter-applied {float:left;}
.map-filter-item .map {
    display:inline-block;
    width:109px;
    height:73px;
    margin:0 0 5px 0;
}
.map-filter-item .btn {
    clear:left;
    display:inline-block;
    vertical-align: middle;
    font-size:15px;
    margin:0 0 15px 0;
    float:right;
    clear:right;
}
.jsVesselConditionFilter {
    display: inline-block;
    margin: 0 0 15px 0;
}

.jsVesselConditionFilter span {
    display:inline-block;
    padding: 0 5px;
    color: #666;
}

.jsVesselConditionFilter.active { color: #0093ee;}

.vessel-condition-container {margin-top: -10px;}
.vessel-condition-container span.title { color: #666; padding-right: 10px;}



.map-filter-item .clear-filters {
    float:right;
    clear:right;
    margin:0 0 0 0;
}
.map-filter-item .btn:hover {
    opacity:0.8;
}
.map-filter-item .btn.jsShowSavePolygon {
    padding-right: 25px;
    background: url(/resources/images/icons/button_save-search.svg) 100% -4px no-repeat;
    background-size: 18px auto;
    font-size: 14px;
    margin-top:51px;
}
.clear-filters {
    padding:0 25px 0 0;
    background: url(/resources/images/icons/clear.svg) 100% 65% no-repeat;
    background-size: 15px auto;
    font-size:14px; line-height:20px;
}
.searchResults h2 .clear-filters {padding-left:15px;}
p.or {
    text-align:center;
    margin:-16px 0 2px 0;
    position:relative;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; font-size:12px; color:#333; text-transform:uppercase;
}
p.or:before {
    content:"";
    background:#333;
    height:1px;
    width:100%;
    position:absolute; z-index: 1;
    top:14px; left:0;
}
p.or span {
    background:#FFF;
    padding:5px 20px;
    display:inline-block;
    z-index: 2;
    position: relative;
}

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(153,204,51,0.9);
}

/* Overlay closing cross */
.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(/resources/img/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}
/* overlay content push
--------------------------------------------------*/
.overlay-contentpush {
    background: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, visibility 0s 0.5s;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.overlay-contentpush.open {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    z-index: 10;
}

/* header */
.overlay-contentpush .overlay-header {
    display:block;
    background:#282828;
    height:48px;
    padding:10px 20px;
    position:fixed; width:100%;
    box-sizing:border-box;
}
.overlay-contentpush .overlay-header .oh-wrap, .overlay-header .overlay-header-inner {
    margin: 0 auto;
    float: none;
    max-width: 1190px;
}
.overlay-contentpush .overlay-header .jsOverlayClose {
    color:#FFF; font-size:14px; line-height:1.2em;
    background:url(/resources/images/overlay-back-arrow.svg) 0 4px no-repeat;
    background-size:26px auto;
    display:inline-block;
    padding:5px 0 0 40px;
    text-decoration:none;
}

.overlay-contentpush .overlay-header .save-button {
    color: #FFF;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    margin: 0;
    background: #4ece3d;
    border-radius: 4px;
    padding: 7px 20px;
    float: right;
    letter-spacing: 0.5px;
    transition:opacity 250ms ease-out;
}
.overlay-contentpush .overlay-header .save-button:hover,
.overlay-contentpush .overlay-header .cancel-button:hover {
    opacity:0.7;
}

.overlay-contentpush .overlay-header .cancel-button {
    color: #949494;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    margin: 0 20px 0 0;
    border:1px solid #949494;
    border-radius: 4px;
    padding: 6px 20px;
    float: right;
    letter-spacing: 0.5px;
    transition:opacity 250ms ease-out;
}

@media only screen and (max-width:640px) {
    .overlay-contentpush .overlay-header .jsOverlayClose {
        overflow:hidden;
        text-indent:-9999px;
        width: 40px;
        height: 28px;
    }
}

.overlay-contentpush div[data-id="loading"] {
    position:absolute; top:50%; left:50%;
    width:32px; height:32px;
    margin:-16px 0 0 -16px;
}

/* content */
.overlay-contentpush .overlay-content, .overlay-content {
    margin-top:47px;
    width:100%; height:calc(100% - 57px);
    display:block;
    overflow-x:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch; /*ios momentum scrolling enabled*/
    background: #fff;
}
/* two columned data */
.overlay-contentpush .overlay-content .section, .overlay-content .section {
    margin:0 auto;
    float:none;
    width:100%;
    padding:0 15px;
}
.overlay-contentpush .overlay-content .section.full-width {width:100%; padding:0 23px;}
.overlay-contentpush .overlay-content .section.full-width hr {max-width:unset;}

@media only screen and (min-width:1240px) {
    .overlay-contentpush .overlay-content .section, .overlay-content .section {
        margin:0 auto;
        float:none;
        width:1190px;
    }
    .overlay-contentpush .overlay-content .section.full-width {width:100%; padding:0 20px;}
    .overlay-contentpush .overlay-content .section.full-width hr {max-width:unset;}
    .overlay-contentpush .overlay-content fieldset.span40None {
        float:left;
        width:850px;
    }
    .overlay-contentpush .overlay-content fieldset.span40None * {max-width:850px;}
    .overlay-contentpush .overlay-content .columnContainer.span40 {
        float:right;
        width:300px;
    }
}
.overlay-contentpush .overlay-content .columnContainer.span40 * {max-width:300px;}
.overlay-contentpush .overlay-content .section .sectionHeader {
    width:100%;
}
.overlay-contentpush .overlay-content .sectionHeader .title {
    width:100%;
}

.overlay-contentpush .overlay-content .list-heading-container {
    margin:33px 0 23px 0;

}
.overlay-contentpush .overlay-content .section.document-list-page .list-heading-container .list-heading {
    float:left;
    font-size:2.4em; line-height:1.1em; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; color:#333;
}
.overlay-contentpush .overlay-content .section.document-list-page .uploadButton {
    float:left;
    height:36px; line-height:36px;
    font-size:14px;
    padding:0 20px 0 40px; margin-right:0; margin-bottom:0; margin-top:40px;
    background-image:url(/resources/images/button_ico-upload-hover.svg); background-position:15px 0; background-repeat:no-repeat;
}
.overlay-contentpush .overlay-content .section.document-list-page .uploadButton:hover {
    background-position:15px -36px;
}
.overlay-contentpush .overlay-content .section.document-list-page .list-heading-container .uploadButton { float:right; margin-top:10px; }

.overlay-contentpush .overlay-content .section.document-list-page .documentList {
    margin:20px 0 0 0;
    width:100%;
    float:left;
}
.overlay-contentpush .overlay-content .section.document-list-page li {
    width:100%;
    border-bottom:1px solid #eee;
    margin:0; padding:10px 0;
    float:left;
}
.overlay-contentpush .overlay-content .section.document-list-page li div { float:left; font-size:14px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400; color:#666;}
.overlay-contentpush .overlay-content .section.document-list-page li.heading div {
    font-size:12px;  color:#999; text-transform:uppercase;
}
.overlay-contentpush .overlay-content .section.document-list-page li div span { display:none;}

.overlay-contentpush .overlay-content .section.document-list-page li div.name { width:23%; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;}
.overlay-contentpush .overlay-content .section.document-list-page li div.name:first-letter { text-transform:capitalize;}
.overlay-contentpush .overlay-content .section.document-list-page li div.date { width:20%;}
.overlay-contentpush .overlay-content .section.document-list-page li div.type { width:21%;}
.overlay-contentpush .overlay-content .section.document-list-page li div.user { width:9%;}
.overlay-contentpush .overlay-content .section.document-list-page li div.added { width:9%;}
.overlay-contentpush .overlay-content .section.document-list-page li div.delete { float:right;}

.overlay-contentpush .overlay-content .section.document-list-page li div.delete .delete {
    display:block;
    width:25px; height:25px;
    background:url(/resources/images/icons/delete-icon.svg) 0 0 no-repeat;
    margin:0 0 0 20px;
    float:right;
    text-indent:-9999px;
}
.overlay-contentpush .overlay-content .section.document-list-page li div.delete .delete:hover { background-position:0 -26px;}
.overlay-contentpush .overlay-content .section.document-list-page li div.delete .edit {
    display:block;
    height:25px; line-height:23px;
    font-size:14px;
    float:right;
    background:url(/resources/images/icons/button-edit-icon.svg) 10px 0 no-repeat;
    padding:0 12px 0 34px;
}
.overlay-contentpush .overlay-content .section.document-list-page li div.delete .edit:hover {
    color:#fff;
    background-position:10px -25px;
}
.overlay-contentpush .overlay-content .section.document-list-page li div.added div { display:none}
.overlay-contentpush .overlay-content .section.document-list-page li p.none {
    margin:0;
    font-size:14px; color:#666;
}

.overlay-content.overlay-inside-iframe  { margin-top: 24px;}

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

    .overlay-content .poa-row { margin-bottom: 20px;}

    .overlay-content input[type="checkbox"] + label { font-size: 16px; margin-left: 0;}
    .overlay-content input[type="checkbox"] + label::before { background-size: 16px auto; }

    .overlay-content .more-links-list {
    }

    .overlay-content .more-links-list .link-row {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .overlay-content .more-links-list .link-row .link-delete {
        width: 12px; height: 20px;
        display: block;
        float: right;
        background:url("/resources/images/icons/delete.svg") 0 6px no-repeat;
    }
}

/* edit documents */
.edit-document-container #overlay-content { width:1190px; margin:0 auto;}
.edit-document-container #overlay-content .content { padding:0 5px; margin-top:45px;}

.edit-document-container #overlay-content .content .custom_type { float:right;}
.edit-document-container #overlay-content .content small.error { font-size:14px; margin-top:-12px; margin-bottom:1em;}

.edit-document-container #overlay-content .saveButtonContainer { float:left; margin:10px 0 0 0;}
.edit-document-container #overlay-content .saveButtonContainer .saveButton { font-size:16px; height:40px; line-height:38px; background-color:green;}
.edit-document-container #overlay-content .saveButtonContainer .saveButton span { height:38px; line-height:38px; font-size:14px; color:#fff;  background-position:12px -33px;}
.edit-document-container #overlay-content #showFileLink { float: right}
.edit-document-container #overlay-content .preview-button {
    height:36px; line-height:34px;
    background:#fff;
    padding:0 16px 0 41px;
    border:1px solid #e2eaef; border-radius:4px;
    font-size:13px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    position:relative;
    display:block;
    float:right;
}
.edit-document-container #overlay-content .preview-button:hover { color:#fff;}
.edit-document-container #overlay-content .preview-button:before  {
    content:'';
    width:20px; height:18px;
    position:absolute; top:7px; left:13px;
    background:url(/resources/images/icons/button_preview-icon.svg) 0 0 no-repeat; background-size: 19px auto;
    margin:0 0 15px 0;
}

.edit-document-container #overlay-content .preview-button:hover:before {
    background-position:0 -20px;
}



.compress-pdf {
    height:36px; line-height:34px;
    background:#fff;
    padding:0 16px 0 41px; margin-right: 15px;
    border:1px solid #e2eaef; border-radius:4px;
    font-size:13px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:500;
    position:relative;
    display:block;
    float:right;
}
.compress-pdf:hover { color: #fff; background-color: #0093ee;}
.compress-pdf:before {
    display: block;
    content: '';
    height: 20px; width: 20px;
    background: url("/resources/images/icons/compress-pdf.svg") 0 0 no-repeat;
    position: absolute; top: 7px; left: 13px;
}
.compress-pdf:hover:before { background-position: 0 -25px;}

.uploaded-document-list .compress-pdf { float: left;}
.uploaded-document-list .compress-copy { font-size: 16px; margin-bottom: 10px; }

@media only screen and (max-width:640px) {
    .edit-document-container #overlay-content { width:100%;}
    .overlay-contentpush .overlay-content .section.document-list-page .list-heading-container { margin:10px 0 0 0;}
    .overlay-contentpush .overlay-content .section.document-list-page .list-heading-container .list-heading {
        font-size:20px;
        margin:9px 0 0 0;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div span {
        display:block;
        float:left;
        width:70px;
        font-size:11px; text-transform:uppercase; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.name, .overlay-contentpush .overlay-content li div.date, .overlay-contentpush .overlay-content li div.type, .overlay-contentpush .overlay-content li div.user,  .overlay-contentpush .overlay-content li div.added { width:100%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.delete { float:left; margin:5px 0 0 0;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.added div { display:inline}

    .edit-document-container #overlay-content { margin-left:0; margin-right:0;}
    .edit-document-container #overlay-content .section.document-list-page .preview-button { float:left; margin:5px 0 15px 0;}

    .edit-document-container .report-details .page-header { padding:0;}
    .edit-document-container .report-details .page-header h1 { font-size:20px; margin:0 0 10px 0;}
    .overlay-contentpush .overlay-content .documentList { margin:0;}
}

@media only screen and (min-width:641px) and (max-width:900px) {
    .overlay-contentpush .overlay-content .section.document-list-page li div.name { width:26%; line-height:1.3em;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.name div { width:100%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.date { width:25%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.user {width:9%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.added { width:21%;}
    .edit-document-container #overlay-content { width:100%;}
    .edit-document-container .report-details .page-header h1 { font-size:28px; }
    .overlay-contentpush .overlay-content .list-heading-container .list-heading { font-size:28px;}
    .overlay-contentpush .overlay-content .list-heading-container .uploadButton { margin-top:0;}
    .section-documents .yachtDetailsContainer .particularsCopy { padding:0 3px 15px 3px;}
    .section-documents .yachtDetailsContainer .particularsCopy .add-button { float:right; margin:0;}
    .yacht-details.content.particulars.section-documents .yachtDetailsContainer { padding:0;}
}
@media only screen and (min-width:901px) and (max-width:1040px) {
    .overlay-contentpush .overlay-content .section.document-list-page li div.date { width:18%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.type {width:21%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.user {width:5%;}
    .overlay-contentpush .overlay-content .section.document-list-page li div.added { width:16%;}
}

@media only screen and (min-width:901px) and (max-width:1189px) {
    .edit-document-container #overlay-content { width:100%}
}

.right-buttons {
    float:right;
    margin:1px 0 0 0;
}
.right-buttons .button-navigate {
    background:#4ECE3D;
    color:#fff; font-size: 14px; line-height: 1.2em;
    padding:5px 20px;
    margin:0 0 0 20px;
    border-radius:4px;
    transition:opacity 300ms ease-in;
    border:1px solid #4ECE3D;
}
.right-buttons .button-navigate:hover {
    opacity:0.8;
}
@media only screen and (max-width:640px) {
    .right-buttons .button-navigate {
        margin:0 0 0 10px;
    }
}

.right-buttons .button-navigate.navigate-back {
    color:#fff;
    opacity:0.6;
    border:1px solid #fff;
    background:url(/resources/images/icons/custom-back-arrow.svg) 17% 50% no-repeat; background-size:8px auto;
    padding-left:33px;
}
.right-buttons .button-navigate.navigate-back:hover { opacity:1;}


.right-buttons .button-navigate.navigate-next {
    background-image:url(/resources/images/icons/custom-next-arrow.svg); background-position:90% 50%; background-repeat:no-repeat; background-size: 8px auto;
    padding-right:30px;
}

.save-selection {
    display:block;
    height:34px; line-height:34px;
    padding:0 20px 0 38px;
    color:#fff; font-size:14px;
    background:#4ECE3D url(../images/icons/button-select-icon.svg) 15px -19px no-repeat;
    transition: opacity 300ms ease-in;
    border-radius:4px;
}

.save-selection:hover { background-color:#46ad39; color:#fff;}

/*.inner-wrap {*/
/*overflow-x: hidden;*/
/*-webkit-transition: -webkit-transform 0.5s;*/
/*transition: transform 0.5s;*/
/*}*/

/*.inner-wrap.overlay-open {*/
/*-webkit-transform: translateX(50%);*/
/*transform: translateX(50%);*/
/*}*/

/*.inner-wrap::after {*/
/*content: '';*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*background: rgba(0,0,0,0.6);*/
/*-webkit-transition: opacity 0.5s, visibility 0s 0.5s;*/
/*transition: opacity 0.5s, visibility 0s 0.5s;*/
/*}*/

/*.inner-wrap.overlay-open::after {*/
/*visibility: visible;*/
/*opacity: 1;*/
/*-webkit-transition: opacity 0.5s;*/
/*transition: opacity 0.5s;*/
/*}*/
.loading-overlay {
    position:fixed;
    top:0; left:0;
    z-index:10000;
    width:100%;
    height:100%;
    background:url(/resources/images/ajax-loader3.gif) 50% 50% no-repeat #fff;
    opacity:0;
}



/* yacht show pdf link page
---------------------------------------------------------------------*/

.show-pdf-options .logo { width:76px; float:left; margin:2px 20px 0 0; border:1px solid #ddd; }
.show-pdf-options .heading {
    text-transform:uppercase; color:#545454; font-size:14px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    display:block;
    width:100%; height:20px;
    margin-top:30px;
}
.show-pdf-options .button {
    display:block;
    height:36px; line-height:36px;
    font-size:15px;
    padding:0 40px 0 47px; margin:20px 0 0 0;
    border-radius:4px; border:none;
    color:#fff;
    background:url(../images/icons/download-icon-white.svg) 18px 50% no-repeat #0093ee;
}
.show-pdf-options .outline-button {
    padding-left:47px;
    background:url(../images/icons/download-icon-white-client.svg) 18px 50% no-repeat;
}
.show-pdf-options .button:hover {
    background-color:#666;
}
.show-pdf-options .copy { font-size:14px; display:block; width:100%; margin:15px 0 0 0;}


.show-pdf-options .button.back {
    background:url(../images/icons/button_back-arrow.svg) 18px 0 no-repeat #fff;
    border:1px solid #0093ee;
    padding:0 32px 0 47px;
    color:#0093ee;
}
.show-pdf-options .button.back:hover {
    background:url(../images/icons/button_back-arrow.svg) 18px -35px no-repeat #0093ee; color:#fff;

}

.generic-form label { float:left; width:100%; font-size:12px; font-weight:bold; color:#333;}



.edit-override label {
    color:#666;
    padding:0 0 5px 0;
}


/* draw search styling
------------------------------------------*/
.draw-search-delete {}

/* search button ------------*/
.draw-search-delete {
    background-color:#0093ee;
    padding:0 15px; margin:25px 0 0 10px;
    border:none;
    font-size:13px; color:#fff;
    height:39px; line-height:39px;
    display:inline-block;
}
.draw-search-delete:hover {
    background-color:#666; background-repeat:no-repeat;
    color:#fff;
}

.draw-search .chosen-select .optgroup {
    background:#ccc;
    text-transform:uppercase;
}

@media screen and (max-width: 640px) {
    .draw-search-delete { margin:0 0 20px  0;}
}

/* DFUSION ACCORDION */
.df-accordion {
    margin:20px 0;
    padding:0;
}
.df-accordion-init li.no-content-to-show {display:none;}
.df-accordion-init li .accordion-btn {
    position:relative;
    display:block;
    padding:10px 15px 7px 40px;
    cursor:pointer;
    transition:background-color 75ms linear;
}
.df-accordion-init li .accordion-btn p {
    margin:0;
}
.df-accordion-init > li {
    border-top:1px solid #ccc;
    margin:0;
    padding:0;
}
.df-accordion-init li .accordion-btn:hover {
    background-color: #E6E9EC;
}
.df-accordion-init li .accordion-btn:after {
    content:"";
    background: url(/resources/images/drop-arrow-grey.svg) 0 50% no-repeat;
    background-size:17px auto;
    height: 20px; width: 20px;
    position:absolute;
    left: 10px; top: 50%;
    transform:translateY(-50%);
    margin-top: 0; transition: all 0.3s ease;
    transform-origin: center center;
}
.df-accordion-init li .accordion-btn:after { transform: rotate(-90deg) translateX(50%) translateY(0%);}
.df-accordion-init li .accordion-btn.open:after { transform: rotate(0deg) translateY(-50%);}


.pdf-loading {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
    text-align: center;
}
.pdf-loading .loading-copy {
    width: 100%;
    padding-top:10%; margin-bottom: 30px;
    color: #eee; font-size: 20px;
    display: block;
}
.pdf-loading .loading-animation {
    display: block;
    height: 200px; width: 200px;
    position: relative;
    margin-right: auto; margin-left: auto;
}
.pdf-loading .loading-animation span {
    display: block;
    position: absolute; top: 71px; left: 0;
    width: 200px;
    color: #fff; font-size: 18px; font-weight: 600;
    text-align: left;
    padding-left: 86px;
}

.show-pdf-options .full { float: left;  width: 100%; margin-right: 46px;}
.show-pdf-options .short { float: left; width: 49%; margin-right: 5px;}
.show-pdf-options .summary { float: left;  width: 49%; }

.show-pdf-options .summary.broker-summary { margin-right: 0; width: 100%;}

@media only screen and (max-width:640px) {
    .show-pdf-options .full, .show-pdf-options .short, .show-pdf-options .summary  {  border: 1px solid #999; padding:15px 15px 13px 15px; border-radius: 6px; margin-bottom: 20px;}
    .show-pdf-options .full .heading, .show-pdf-options .short .heading, .show-pdf-options .summary .heading { margin-top: 0;}
    .show-pdf-options .full .button, .show-pdf-options .short .button, .show-pdf-options .summary .button { margin-top: 11px; padding-right: 32px; }
    .show-pdf-options .button:first-child { margin-right: 10px;}
    .show-pdf-options .short, .show-pdf-options .summary { width: 100%;}

    .show-pdf-options .broker-version { background: #eee;}
}

@media only screen and (min-width:641px) and (max-width:900px) {
    .show-pdf-options .full {  width: 50%; margin-right: 46px; }
    .show-pdf-options .short {  width: 27%; margin-right: 46px;}
    .show-pdf-options .summary { width: 27%; margin-right: 46px;}
    .show-pdf-options .summary.broker-summary { margin-right: 0; width: 100%;}
}

@media only screen and (min-width:901px) {
    .show-pdf-options .full {  width: 43%; margin-right: 46px;}
    .show-pdf-options .short {  width: 20%; margin-right: 46px;}
    .show-pdf-options .summary { width: 20%; margin-right: 46px;}
    .show-pdf-options .summary.broker-summary { margin-right: 0; width: 24%;}
}

@media only screen and (min-width:1281px) {
    .show-pdf-options .full {  width: 29%; margin-right: 46px;}
    .show-pdf-options .short {  width: 12%; margin-right: 46px;}
    .show-pdf-options .summary { width: 12%; margin-right: 46px;}
    .show-pdf-options .summary.broker-summary { margin-right: 0; width: 100%;}
}

@media only screen and (min-width:1441px) {
    .show-pdf-options .full {  width: 25%; margin-right: 46px;}
    .show-pdf-options .short {  width: 12%; margin-right: 39px;}
    .show-pdf-options .summary { width: 12%; margin-right: 39px;}

    .show-pdf-options .summary.broker-summary { margin-right: 0; width: 14%;}
}

/* fix for cover image grid */
@media print, screen and (max-width: 640px) {
    .cover-images-options .large-2 {
        float: left;
        width: 50%;
    }
}
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
    .cover-images-options .large-2 {
        float: left;
        width: 25%;
    }
}
@media print, screen and (min-width: 1024px) and (max-width: 1440px) {
    .cover-images-options .large-2 {
        float: left;
        width: 19%;
    }
}