﻿body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
    font-family: freight-big-pro, serif;
    font-weight: 900;
}

#main-header {
    transition: background-color 1s,color 1s,transform 1s,opacity 1s ease-in-out;
}

.container {
    max-width: 1280px;
    margin: auto;
    padding: 0;
}

.logo_container {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.logo_container img {
    height: 54%;
}
#logo {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.caret1 {
    font-size: 9px;
    vertical-align: 1px;
    width: 16px;
    text-align: right;
}
span.logo_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
#main-header {
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 99;
}

#main-header nav {
    float: right;
    margin-top:28px;
}

#main-header a {
    text-decoration: none;
    color: #fff;
}

nav li {
    position: relative;
    line-height: 1em;
}

nav li ul {
    box-shadow: 0 2px 5px rgba(0,0,0,.1)
}

.nav li li ul {
    left: auto;
    right: 240px;
}

#top-menu {
    margin: 0;
    padding: 0;
    line-height: 0;
}
#top-menu-nav {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
li.menu-item-has-children {
}

#top-menu a {
    display: block;
    -webkit-transition: opacity .4s ease-in-out,background-color .4s ease-in-out;
    transition: all .4s ease-in-out;
    font-size: 15px;
}
#top-menu > li {
    display: inline-block;
    font-weight: bold;
    padding-right: 22px;
    font-size: 15px;
}

#top-menu > li > a {
   padding-bottom: 28px;
}

#top-menu > li:last-child {
    padding-right: 0;
}

#top-menu > li > a:hover {
    opacity: .7;
     -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}

#top-menu li {
    list-style-type: none;
    font-size:14px;
}

#main-header .container {
    width: 80%;
    max-width: 1243px;
}
#main-header #logo {
}

#top-menu li:hover > .sub-menu {
    display: block;
}

#top-menu li:hover li:hover > .sub-menu {
    left: auto;
    top: -23px;
    right: 240px;
}

#top-menu li .menu-item-has-children > a:first-child
{
    padding-right: 40px;
}

.sub-menu {
    background: #ffffff;
    padding: 20px 0px;
    display: none;
    position: absolute;
    border-top: 3px solid #2d5ea5;
}

.sub-menu li {
    padding: 0px 20px;
    line-height: 2em;
}

.sub-menu li a {
    position: relative;
}

.sub-menu .caret1 {
    position: absolute;
    right: 24px;
    line-height: 40px;
}

#top-menu li li a {
    color: rgba(0,0,0,0.7);
    padding: 6px 20px;
    width: 200px;
    display: block;
}

#top-menu li li a:hover {
    background-color: rgba(0,0,0,.03);
    opacity: .7;
}

#main-header.et-fixed-header {
    position: fixed;
    background-color: rgba(2,2,2,0.98);
}
#main-header.et-fixed-header #top-menu li a {
    font-size: 14px;
}
#main-header.et-fixed-header nav {
    float: right;
    margin-top: 20px;
}
#main-header.et-fixed-header nav li ul {
    background: rgba(2,2,2,0.98)
}
#main-header.et-fixed-header #top-menu > li > a {
    padding-bottom: 20px;
}
#main-header.et-fixed-header #top-menu a {
    color: #fff;
}
li.menu-item-has-children > a {
    cursor: pointer;
}
/* MENU END*/
.page-content {
    font-weight: 400;
}

#main-footer {
    background-color: #474747;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

#main-footer p {
    color: white;
}

.copyright {
    font-size: 90%;
    text-align: center;
}

.breadcrumb-custom {
    font-size: 14px;
}
.header-name {
    float: right;
    display: inline-block;
    line-height: 39.6px;
    margin-right: 2px;
    font: 400 15px 'Barlow', sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 18px;
}

/* forms */
form.iss-form {
    max-width: 1000px;
    margin: 0px auto;
}
.iss-control-label {
    text-transform: uppercase;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
}
.iss-form-control {
    width: 100%;

    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;

    height: 50px;
    font-size: 16px;
    margin: 0;
    padding: 12px;
}

.iss-form-control:focus {
    background: #fff;
    border-color: #919191;
    color: #919191;
    outline: none;
    transition: all .5s;
}
.iss-form-control.input-validation-error {
    border: 1px solid #a94442;
}
textarea.iss-form-control {
    height: auto;
}
.iss-form-control[disabled] {
    cursor: not-allowed;
    background-color: #ddd;
}

.iss-btn {
    padding: 8px 13px 10px 15px;
    font: 600 12px/15px 'Barlow', sans-serif;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 3px;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 30px;
    border: 1px solid #444444;
    display: inline-block;
    border-radius: 0px;
    box-shadow: inherit;
    -webkit-appearance: none;
    resize: none;
    outline: none;
    text-transform: uppercase;
    background: none;
}

.input-group-btn .iss-btn {
    border: 1px solid #c4c4c4;
    border-left: none;
}

form.iss-form .iss-submit {
    display: block;
    margin: auto;
    margin-left: 445px;
}
form.form-inline {
    display: inline-block;
    vertical-align: middle;
}
p, dd, .iss-form-control, .iss-filter-control {
    color: #787878;
}
dt {
    text-transform: uppercase;
}

.iss-table {
    width: 100%;
}

.iss-table tr th, 
.iss-table tr td,
.iss-table .tr .th, 
.iss-table .tr .td {
    border-bottom: 1px solid #959595 !important;
    padding: 15px 6px !important;
    text-align: center;
    vertical-align: middle !important;
}

.iss-table tr td, .iss-table .tr .td {
    color: #000;
    font: 400 14.29px/15px 'Barlow', sans-serif;
}

.iss-table tr th, 
.iss-table .tr .th {
    padding: 22px 10px !important;
    text-transform: uppercase;

    color: #000;
    font: 400 12.7px/15px 'Barlow', sans-serif;
    letter-spacing: 3px;
    text-align: center;
}

.iss-table-filter {
    background: #454547;
    width: 100%;
}

.iss-table-filter > .row {
    padding-left: 10px;
}

.iss-filter-control {
    background: #fff;
    border: none;
    border-radius: 7px;
    height: 30px;
    padding: 0 10px;
    font: 400 14px/15px 'Barlow', sans-serif;
    margin: 10px 25px;
}

select.iss-filter-control {
    width: 220px;
}

.iss-filter-control:focus {
    outline: none;
}

.iss-filter-label {
    color: white;
    text-transform: uppercase;
    line-height: 46px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
}

.iss-table-filter input[type=radio] {
    margin: 0;
    margin-right: 2px;
    position: initial;
    padding-left: 10px;
}

.iss-table-filter .iss-btn {
    color: white;
    background: #2D5EA5;
    float: right;
}

#selectable-container {
}

#selectable-container .vessel-item {
    margin-bottom: 10px;
}
#selectable-container .selected {
    background: #00b0ff;
}

#table-voting input[type=number] {
    width: 50px;
    font-weight: 400;
}

/* DIV TABLE */
div.table {
    display: table;
    text-align:center;
    table-layout: auto;
}
div.tr, form.tr {
    display: table-row;
}
div.th, div.td {
    display: table-cell;
}

/* icons */
.award-icon {
    font-size: 2em;
    color: #e8e8e8;
    cursor: pointer;
}
.winner-icon {
}
.winner-icon-selected, 
.winner-icon:hover {
    color: #FFD700;
}
.voting-icon {
}
.voting-icon-selected,
.voting-icon:hover {
    color: #CD7F32;
}
.finalist-icon {
}
.finalist-icon-selected,
.finalist-icon:hover {
    color: #C0C0C0;
}
.request-approve-icon:hover {
    color: green;
}
.request-reject-icon:hover {
    color: red;
}

/* GALLERY */
.imgCont {
    margin-bottom: 30px;
    cursor: pointer;
}

#ListingGallery {
    margin: 0px auto;
}

.slide-download {
    background: white;
    border: 1px solid black;
    position: absolute;
    color: black;
    z-index: 1000;
    cursor: pointer;
    margin-left: 10px;
    text-decoration: underline;
    right: 10px;
    top: 10px;
    width: 30px;
    text-align: center;
}
.slide-download:hover {
    color: black;
}

/* GALLERY PHOTO EDIT */
/* Photo/Video  */
.imagePreview {
    width: 100%;
}

.uploader {
    display: none;
}

.uploader button,
.uploader .k-dropzone {
    display: none;
}

.uploader ul {
    margin: 0 0;
    border: 0;
}

.uploader ul li {
    margin: 0 0;
    border: 0px solid #a3d0e4;
    border-radius: 5px;
}

.GalleryPhotos .k-upload-files {
    max-height: 300px;
    overflow: auto;
}

.GalleryPhotos .GalleryTemplateContainer {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    box-sizing: border-box;
}

.GalleryPhotos .GalleryPhoto {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 56.25% 0 0 0;
    position: relative;
    cursor: move;
    display: block;
}

.GalleryPhotos .photocaption {
    margin-top: 15px;
    box-sizing: border-box;
    width: 100%;
}
.GalleryPhoto .photo-delete {
    position: absolute;
    border-radius: 0;
    background: white;
    top: .5em;
    right: .5em;
    border: 1px solid black;
    cursor: pointer;
    padding: 4px;
}
.file-container {
    margin-bottom: 10px;
}
.k-listview.k-widget {
    border: none;
}
.deleteFileButton {
    box-sizing: border-box !important;
}
.file-link {
    line-height: 50px;
}

.pagination {
    margin: 20px auto;
    text-align: center;
    display: block;
}
.validation-summary-errors ul {
    padding-left: 15px;
}
.radio-inline + .radio-inline 
{
    margin-left: 2px;
}