.km-ios .km-view .km-content,
.km-ios7 .km-view .km-content {
  background-color: #f7f7f7;
  font-family: Roboto, HelveticaNeue, sans-serif;
  font-size: 100%;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  text-shadow: none;
}
.km-ios .km-view .km-content .km-list > li,
.km-ios7 .km-view .km-content .km-list > li {
  background-color: white;
  color: #4f4f4f;
  border-top: solid 1px white;
  border-bottom: solid 1px #cccccc;
}
.km-ios .km-view .km-content .km-listgroupinset .km-group-title .km-text,
.km-ios7 .km-view .km-content .km-listgroupinset .km-group-title .km-text {
  color: #ff9933;
}
.km-ios .km-view .km-content .km-list .km-state-active .km-listview-link,
.km-ios7 .km-view .km-content .km-list .km-state-active .km-listview-link {
  background-color: #f7f7f7;
  color: black;
}
.km-ios .km-view .km-content .km-list > li .km-icon {
  color: #cccccc;
}
.km-ios .km-view .km-navbar {
  background-color: #4c4c4c;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(0.5, rgba(0, 0, 0, 0.2)), color-stop(1, rgba(0, 0, 0, 0.5)));
  background-image: -moz-linear-gradient(50% 0%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5));
  background-repeat: repeat;
  background-position: 0 0;
}
.km-ios .km-view .km-content .km-list .km-state-active .km-listview-link .km-icon {
  color: #000000;
}
.km-ios .km-view .km-tabstrip .km-state-active span.km-icon {
  color: #dd4441;
}
.km-ios .km-view .km-tabstrip .km-button.km-state-active .km-text {
  color: #dd4441;
}
.km-ios .km-view .km-navbar .km-button.km-state-active {
  background-color: #dd4441;
}
.km-ios .km-view .km-navbar .km-button.km-state-active .km-text {
  color: white;
}
.km-ios .km-view .km-navbar .km-button {
  background-color: #7f7f7f;
}
.km-ios .km-view .km-navbar .km-button .km-text {
  color: white;
}
.km-ios .km-view .km-content .km-listgroup .km-group-title {
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(1, rgba(0, 0, 0, 0.8)));
  background-image: -moz-linear-gradient(50% 0%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
  background-repeat: repeat;
  background-position: 0 0;
  background-color: #378c53;
  color: #000000;
}
.km-ios .km-view .km-content .km-listgroup .km-group-title .km-text {
  color: #ffffff;
}
.km-ios .km-view .km-content .km-button.km-state-active {
  background-color: #378c53;
}
.km-ios .km-view .km-content .km-button.km-state-active .km-text {
  color: white;
}
.km-ios .km-view .km-tabstrip .km-button.km-state-active {
  border-color: #378c53;
}
.km-ios .km-view .km-content .km-list > li .km-switch .km-switch-container {
  background-color: #378c53;
}
.km-ios .km-view .km-content .km-list > li .km-switch .km-switch-container .km-switch-handle .km-switch-label-on {
  color: #000000;
}
.km-android .km-view .km-content .km-listgroupinset .km-group-title .km-text {
  color: #ff9933;
}
.km-android .km-view .km-tabstrip .km-state-active span.km-icon {
  color: #dd4441;
}
.km-android .km-view .km-tabstrip .km-button.km-state-active .km-text {
  color: #dd4441;
}
.km-android .km-view .km-navbar {
  background-color: #4c4c4c;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(0.5, rgba(0, 0, 0, 0.2)), color-stop(1, rgba(0, 0, 0, 0.5)));
  background-image: -moz-linear-gradient(50% 0%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5));
  background-repeat: repeat;
  background-position: 0 0;
}
.km-android .km-view .km-content {
  background-repeat: repeat;
  background-position: 0 0,0% 0%;
  background-color: #f7f7f7;
  font-family: Roboto, HelveticaNeue, sans-serif;
  font-size: 100%;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  text-shadow: none;
  color: black;
}
.km-android .km-view .km-navbar .km-button.km-state-active {
  background-color: #378c53;
}
.km-android .km-view .km-navbar .km-button.km-state-active .km-text {
  color: #000000;
}
.km-android .km-view .km-content .km-list .km-state-active .km-listview-link {
  color: #000000;
  background-color: #f7f7f7;
}
.km-android .km-view .km-content .km-list .km-state-active .km-listview-link .km-icon {
  color: #000000;
}
.km-android .km-view .km-navbar .km-button {
  background-color: #b2b2b2;
}
.km-android .km-view .km-navbar .km-button .km-text {
  color: #000000;
}
.km-android .km-view .km-content .km-listgroup .km-group-title {
  color: #000000;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(1, rgba(0, 0, 0, 0.4)));
  background-image: -moz-linear-gradient(50% 0%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4));
  background-repeat: repeat;
  background-position: 0 0;
}
.km-android .km-view .km-content .km-listgroup .km-group-title .km-text {
  color: #378c53;
  font-size: 0.9em;
}
.km-android .km-view .km-content .km-button.km-state-active {
  background-color: #378c53;
}
.km-android .km-view .km-content .km-button.km-state-active .km-text {
  color: #000000;
}
.km-android .km-view .km-tabstrip .km-button.km-state-active {
  border-color: #dd4441;
  background: black;
}
.km-android .km-view .km-content .km-list > li {
  background-color: white;
  color: #4f4f4f;
  border-color: #333333;
}
.km-android .km-view .km-content .km-list > li .km-switch .km-switch-container .km-switch-handle .km-switch-label-on {
  color: #000000;
}
.km-android .km-view .km-content .km-list > li .km-icon {
  color: #cccccc;
}
.km-android .km-button:active,
.km-android .km-button.km-state-active,
.km-android input[type="file"]:active,
.km-android input[type="file"]:focus {
  background: #378c53;
  overflow: visible;
}
.km-android .km-buttongroup .km-button,
.km-android .km-navbar .km-buttongroup .km-button {
  background: #378c53;
}
/* Theme builder END */
/* Custom Theme START */
/* homeView START */
#homeView .addressBox .km-listview .has-link,
#homeView .addressBox .km-listview .no-link {
  background-color: #777777;
  color: white;
}
#homeView .km-content {
  background: url('../images/iyc-2048x2048.jpg') top right no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* background changes */
/* */
#homeView #header .logo {
  background: url('../images/iyc-logo.png') 0 0 no-repeat;
  width: 80%;
  height: 10em;
  margin: 0 auto;
  background-size: 100%;
}
#homeView #main-navigation .km-listview-wrapper ul li {
  background: #eeeeee;
  border: solid 1px #f5c7c6;
}
#homeView #main-navigation .km-listview-wrapper ul li.orange {
  background: #dd4441;
  border: solid 1px #b22320;
}
#homeView #main-navigation .km-listview-wrapper ul li a span.km-icon,
#homeView #main-navigation .km-listview-wrapper ul li span.km-icon {
  color: #dd4441;
  text-shadow: 1px 1px 6px white;
}
#homeView #main-navigation .km-listview-wrapper ul li.orange a span.km-icon,
#homeView #main-navigation .km-listview-wrapper ul li.orange span.km-icon {
  color: white;
  text-shadow: 1px 1px 6px #011931;
}
#homeView #main-navigation .km-listview-wrapper ul li a span.km-icon + span,
#homeView #main-navigation .km-listview-wrapper ul li span.km-icon + span {
  color: #dd4441;
  text-shadow: 0px 1px 4px white;
}
#homeView #main-navigation .km-listview-wrapper ul li.orange a span.km-icon + span,
#homeView #main-navigation .km-listview-wrapper ul li.orange span.km-icon + span {
  color: white;
  text-shadow: 0px 1px 4px #011931;
}
#homeView #main-navigation .km-listview-wrapper ul li.language .text {
  color: #dd4441;
}
#homeView .desktop-version a {
  background-color: rgba(79, 79, 79, 0.7);
  color: whiteSmoke;
}
#homeView .desktop-version a:focus,
#homeView .desktop-version a:active {
  background-color: rgba(79, 79, 79, 0.9);
}
/* homeView END */
/* charterView START */
.km-tablet #charterView #yachtTypesListView > li {
  color: black;
  border: solid 4px #f7f7f7;
  box-shadow: 1px 1px 1px rbga(0, 0, 0, 0.2);
}
.km-phone #charterView #yachtTypesListView > li:nth-child(2n) {
  background-color: #f7f7f7;
}
#yachtTypesListView .km-listview-link h3 {
  color: #378c53;
}
#yachtTypesListView .km-listview-link img {
  border: solid 1px #858585;
}
/* charterView END */
/* charterListView START */
.km-tablet #yachtListView li {
  color: black;
  border: solid 4px #f7f7f7;
}
.km-phone #yachtListView > li:nth-child(2n) {
  background-color: #f7f7f7;
}
#yachtListView .km-listview-link h3 {
  color: #378c53;
}
#yachtListView .km-listview-link img {
  border: solid 1px #858585;
}
#yachtListView .km-listview-link .details .price strong {
  color: #dd4441;
}
#yachtListView .km-listview-link .yachtsNum {
  color: #378c53;
  font-weight: bold;
}
#yachtListView .km-state-active .km-listview-link {
  background-color: #f7f7f7;
  background-image: none;
}
.km-vertical #yachtListView .km-listview-link .details .discount,
.km-horizontal #yachtListView .km-listview-link .details .discount {
  background: url(../images/icons/special-offer-icon-42x42.png) 0 0 no-repeat;
}
/* charterListView END */
/* charterDetailView START */
#charterDetailView .km-content .sub-title {
  color: #4f4f4f;
}
#charterDetailView .book-button .km-button {
  background-color: green;
}
.pricelistSearchResults .listprices.c1 {
  color: #378c53;
}
/* panelbar - accordian */
#charterDetailView #panelbar .k-item .k-link {
  background-color: #dd4441;
  color: white;
}
#charterDetailView #panelbar .k-item.k-state-active .k-link {
  background-color: #dd4441;
}
#charterDetailView #panelbar #yachtInventoryListGroupedListView > li .km-group-title {
  background-image: none;
  border-bottom: solid 0.14em #378c53;
}
.km-ios #charterDetailView #panelbar #yachtInventoryListGroupedListView > li .km-group-title .km-text {
  background-color: #378c53;
}
/* charterDetailView END */
/* searchView START */
.km-android #searchView .search-button .button {
  background: #378c53;
}
.km-android #searchView .km-list > li,
.km-android #bookingView .km-list > li {
  border-bottom: solid 2px #f7f7f7;
}
.km-android #searchView .search-buttongroup .km-button {
  background-color: #378c53;
}
/* searchView END */
/* bookingView START */
#bookingView .booking-button .button {
  background-color: green!important;
  color: #fff;
}
#bookingView h2 {
  color: #378c53;
}
#bookingView .textarea-fix #BookingRemark {
  background-color: white;
  color: #333333;
}
.km-android #bookingView .booking-button .button {
  background: #378c53;
}
/* validation */
.valid {
  color: green;
}
.invalid {
  color: red;
}
.k-tooltip-validation {
  background-color: #fff4c9;
  background-image: none;
  border-color: #ffe79e;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #635145;
  outline-color: #635145;
}
.k-warning {
  background-image: url('../kendo/styles/Default/sprite.png');
  background-color: transparent;
  border-color: transparent;
  color: #635145;
  outline-color: #635145;
}
/* bookingView END */
/* Contact page START */
#contactView #header .logo {
  background: url('../images/iyc-logo.png') 0 0 no-repeat;
  background-size: 100%;
  width: 440px;
  height: 75px;
  margin: 0 auto;
}
.contact-button-list .has-link .km-button,
.contact-button-list .no-link {
  background-color: #378c53;
}
.km-phone .contact-button-list li span {
  font-size: .9rem;
}
.addressBox h3 {
  background-color: #dd4441;
  color: white;
}
.addressBox h4 {
  color: #378c53;
  border-bottom: 2px solid #378c53;
}
/* Contact page END */
/* iOS specific styles START */
.km-ios,
.km-ios .km-content {
  color: black;
}
.km-ios .km-list select:not([multiple]),
.km-ios .km-list input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not(.k-input):not(.k-button),
.km-ios .km-list select:not([multiple]),
.km-ios .km-list .k-dropdown-wrap,
.km-ios .km-list textarea {
  color: #378c53;
}
.km-ios .km-pages .km-current-page {
  background: #378c53;
}
.km-ios .km-button,
.km-ios6 .km-navbar .km-button,
.km-ios6 :not(.km-tabstrip):not(.km-buttongroup) > .km-button {
  background-color: #dd4441;
}
.km-ios6 .km-view .km-navbar .km-button {
  background-color: #7f7f7f;
}
.km-ios .km-view .km-content .km-list > li .km-switch.km-switch-off .km-switch-container {
  background-color: #cccccc;
}
.km-ios .km-view .km-content .km-list > li .km-switch .km-switch-container .km-switch-handle .km-switch-label-on {
  color: white;
}
.km-ios #homeView #main-navigation .km-listview-wrapper ul li a span.km-icon,
.km-ios #homeView #main-navigation .km-listview-wrapper ul li span.km-icon {
  text-shadow: none;
}
.km-ios #charterDetailView .km-content h1.main-title {
  color: #378c53;
}
.km-ios .contact-button-list .button.km-button {
  background-color: #4c4c4c;
}
.km-root .km-ios .km-list input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not(.k-input):not(.k-button),
.km-root .km-ios .km-list select:not([multiple]),
.km-root .km-ios .km-list .k-dropdown,
.km-root .km-list textarea {
  color: #378c53;
  background-color: rgba(194, 237, 254, 0.1);
}
.km-ios #charterListView.km-view .km-content {
  background: #f7f7f7;
}
/* phone styles */
.km-phone .km-ios.km-vertical #homeView .km-content {
  background-position: 90% center;
}
.km-phone #homeView #header .logo {
  width: 98%;
  height: 5em;
  margin: 3em auto 0 auto;
}
.km-phone .km-ios.km-horizontal #homeView #header .logo {
  width: 60%;
  margin: 0 auto;
}
.km-phone .km-ios.km-vertical #contactView #header .logo {
  width: 90%;
  height: 4em;
}
.km-phone .km-ios.km-horizontal #contactView #header .logo {
  width: 60%;
  height: 4em;
}
/* tablet styles */
.km-tablet .km-ios .km-view .km-content #yachtListView {
  background-color: #f7f7f7;
}
.km-tablet .km-ios .km-view .km-content #yachtTypesListView > li:first-child {
  border-top: 1px solid #333333;
}
.km-tablet .km-ios .km-view .km-content #yachtTypesListView > li:last-child {
  border-bottom: 1px solid #333333;
}
.km-tablet .km-ios.km-vertical #homeView #header .logo {
  width: 55%;
}
.km-tablet .km-ios.km-horizontal #homeView #header .logo {
  width: 45%;
}
/* --- iOS7 Styles --- */
.km-ios7 .k-list,
.km-ios7 .k-slider,
.km-ios7 .km-widget {
  color: #dd4441;
}
/* font icon color fix */
.km-ios7 .km-bookmarks:after,
.km-bookmarks:before {
  color: #000;
}
.km-ios7 #homeView .km-bookmarks:after,
.km-ios7 #homeView .km-bookmarks:before {
  color: #fff;
}
.km-ios7 #charterDetailView .book-button .km-button,
.km-ios7 .contact-button-list .has-link .km-button,
.km-ios7 .contact-button-list .no-link {
  color: #fff;
}
/* phone styles */
.km-phone .km-ios7.km-vertical #homeView .km-content {
  background-position: 90% center;
}
.km-phone .km-ios7.km-horizontal #homeView #header .logo {
  width: 60%;
  margin: 0 auto;
}
.km-phone .km-ios7.km-vertical #contactView #header .logo {
  width: 90%;
  height: 4em;
}
.km-phone .km-ios7.km-horizontal #contactView #header .logo {
  width: 60%;
  height: 4em;
}
/* tablet styles */
.km-tablet .km-ios7 .km-view .km-content #yachtListView {
  background-color: #f7f7f7;
}
.km-tablet .km-ios7 .km-view .km-content #yachtTypesListView > li:first-child {
  border-top: 1px solid #333333;
}
.km-tablet .km-ios7 .km-view .km-content #yachtTypesListView > li:last-child {
  border-bottom: 1px solid #333333;
}
.km-tablet .km-ios7.km-vertical #homeView #header .logo {
  width: 55%;
}
.km-tablet .km-ios7.km-horizontal #homeView #header .logo {
  width: 45%;
}
/* iOS specific styles END */
/* Android specific styles START */
.km-android .km-pages .km-current-page {
  background: #378c53;
}
.km-android .km-touch-scrollbar {
  background-color: #378c53;
}
.km-android .km-switch-container {
  background-color: #f8f8f8;
}
.km-android .km-switch-handle {
  background-color: #f7f7f7;
}
.km-android .km-switch-on .km-switch-handle {
  background-color: #378c53;
}
.km-android .km-view .km-content .km-list > li .km-switch .km-switch-container .km-switch-handle .km-switch-label-on {
  color: white;
}
.km-android #charterListView.km-view .km-content {
  background: #f7f7f7;
}
.km-android .km-pages li {
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.km-android #charterDetailView .km-content h1.main-title {
  color: #378c53;
}
.km-android #charterDetailView .km-content .sub-title {
  color: #4f4f4f;
}
.km-android #charterDetailView #panelbar .k-item .km-listview li {
  border-bottom: 2px solid #f2f2f2;
}
.km-android #charterDetailView #panelbar #yachtInventoryListGroupedListView > li.km-group-container {
  border: none;
}
.km-root .km-android .km-list input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not(.k-input):not(.k-button),
.km-root .km-android .km-list select:not([multiple]),
.km-root .km-android .km-list .k-dropdown,
.km-android .k-dropdown .k-input,
.km-root .km-list textarea {
  background-color: #f8f8f8;
  color: #333333;
  margin-right: .5em;
}
.km-android textarea {
  color: #333333;
}
/* phone styles */
.km-phone .km-android.km-vertical #homeView .km-content {
  background-position: 40% center;
}
.km-phone .km-android.km-horizontal #homeView #header .logo {
  width: 60%;
  margin: 0 auto;
}
.km-phone .km-android.km-vertical #contactView #header .logo {
  width: 90%;
  height: 4em;
}
.km-phone .km-android.km-horizontal #contactView #header .logo {
  width: 60%;
  height: 4em;
}
/* tablet styles */
.km-tablet .km-android .km-view .km-content #yachtListView {
  background-color: #f7f7f7;
}
.km-tablet .km-android .km-view .km-content #yachtTypesListView {
  background-color: #f7f7f7;
}
.km-tablet .km-android.km-horizontal #homeView .km-content {
  background-position: 0 35%;
}
.km-tablet .km-android.km-vertical #homeView #header .logo {
  width: 65%;
  margin: 3em auto 0 auto;
}
.km-tablet .km-android.km-horizontal #homeView #header .logo {
  width: 50%;
}
/* Android specific styles END */
/* Tablet special styles START */
.km-tablet #contactView #header .logo {
  width: 440px;
  height: 75px;
}
.km-tablet .km-android #contactView #header .logo {
  width: 352px;
  height: 60px;
}
.km-tablet #charterView .km-content {
  background: #f7f7f7;
}
.km-tablet .km-vertical #charterView #yachtTypesListView {
  overflow: hidden;
}
.km-tablet .km-vertical #charterView #yachtTypesListView > li {
  color: black;
  border-top: solid 8px #f7f7f7;
  padding-bottom: 100000px;
  margin-bottom: -100000px;
}
.km-tablet .km-vertical #yachtTypesListView .km-listview-link img {
  border: solid 1px #858585;
}
.km-tablet .km-vertical #yachtTypesListView .km-listview-link h3 {
  color: #378c53;
}
.km-tablet .km-android .km-view .km-content #yachtListView > li:first-child,
.km-tablet .km-android .km-view .km-content #yachtListView > li:last-child,
.km-tablet .km-ios .km-view .km-content #yachtListView > li:first-child,
.km-tablet .km-ios .km-view .km-content #yachtListView > li:last-child {
  border-width: 4px;
}
/* Tablet special styles END */
/* Custom Theme END */