/** Generated by FG **/
@font-face {
    font-family: 'Conv_CSSVerdana';
    src: local('☺'), url('../fonts/CSSVerdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'easyenglishregular';
    src: url('../fonts/easyenglish-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'easymarydalebold';
    src: url('../fonts/easymarydale-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'easytimesregular';
    src: url('../fonts/easytimes-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CSSVerdana';
    src: url('../fonts/CSSVerdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EasyEnglish';
    src: url('../fonts/easyenglish-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EasyMarydale';
    src: url('../fonts/EasyMarydale.ttf') format('truetype'),url('../fonts/easymarydale-webfont.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EasyTimes';
    src: url('../fonts/easytimes-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.orders-table {

}


.modal-form-gender-select input {
    vertical-align: middle;
    margin: 0 20px 0 0;
}
.flashcontent {
    width: 100%;
}
.gravur-font {
    font-family: Conv_CSSVerdana;
}
.navbar-default .navbar-nav > li > a {
    padding: 0;
    color: inherit;
    display: inline;
}

footer nav ul li a {
    color: #768596!important;
    font-size: 12px!important;
    padding: 0!important;
}

.subnav li a {
    color: #443448;
    width: 100%;
}

footer .middle ul li {
    padding: 0;
}

.detail-accordion-wrapper.collapse {
    display: block;
    height: auto!important;
}

.detail-accordion-wrapper.collapse.in {
    display: none;
    height: 0!important;
}

header .top nav ul li a {
    color: #B7C9DC;
}
header .top nav ul li a.btn {
    color: white;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    padding: 8px 60px;
}
.form-error {
    color: red;
}

.form-input-error {
    border: 1px solid red;
}

.modal-content p {
    font-size: 14px;
}

.results-wrapper .results .overlay {
    padding: 10px;
}

.results-wrapper .results .overlay h4 {
    font-size: 14px;
    margin-bottom: 5px;
}

.results-wrapper .results .overlay .price {
    margin-top: 5px;
    margin-bottom: 5px;
}

header .top .language .dropdown-menu {
    min-width: 110px!important;
    right: 0;
    left: initial
}

header .top .language .dropdown-menu span.flag {
    padding-left: 30px;
    line-height: 1em;
}

header .top .language .dropdown-menu button {
    width: 100%!important;
    text-align: left;
    line-height: 1em;
}

header .top .language .dropdown-menu button:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

header .top .language button span.flag.en.de {
    background-position: bottom left;
}

header .top .favorites .dropdown-menu {
    max-height: 90vh;
    overflow-y: auto;
}

.subnav.nav li a {
    padding: 0;
}

.subnav.nav li a:hover,
.subnav.nav li a:focus {
    background-color: transparent;
    text-decoration: underline;
}

.subnav.nav li.active a {
    background-color: transparent;
    text-decoration: underline;
    cursor: default;
}

.embed-responsive-16by9 {
    padding-bottom: 60.25%;
}

.item-details .rings .btn-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: initial;
}

.item-details .price {
    font-weight: 600;
    color: #646464;
}

.ajax-loader {
    text-align: center;
    padding: 50px 0 100px 0;
}

.fairtrade-img {
    margin-right: 30px;
}

.nav li.active a {
    color: #333;
}

.result a {
    color: #fff;
}

.gm-style-iw {
    max-width: 400px;
}

.gm-style-iw .partner .col-md-4 {
    width: 100%!important;
    margin-bottom: 10px;
}

.gm-style-iw .partner .btn {
    max-width: 230px;
}


/* The CSS */

.landSelect select {
    padding: 2px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    /* box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    background: #f8f8f8;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-weight: normal;
    width: 100%;
}
.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.orders-table .panel-darkgrey .panel-heading {
    padding-left: 5px;
}
.orders-table .orders-table-column {
    display: inline-block;
}/*
.orders-table .orders-table-column:nth-of-type(1) {
  width: 100px;
}
.orders-table .orders-table-column:nth-of-type(2) {
  width: 185px;
}
.orders-table .orders-table-column:nth-of-type(3) {
  width: 100px;
}
.orders-table .orders-table-column:nth-of-type(4) {
  width: 100px;
}
.orders-table-column:nth-of-type(5) {
  width: 35px;
}
.group-orders .orders-table-column:nth-of-type(1) {
    width: 100px;
    display: inline-block;
}
.group-orders .orders-table-column:nth-of-type(2) {
    width: 185px;
    display: inline-block;
}
.group-orders .orders-table-column:nth-of-type(3) {
    width: 100px;
    display: inline-block;
}
.group-orders .orders-table-column:nth-of-type(4) {
    width: 100px;
    display: inline-block;
}*/
.group-orders .orders-table-column:nth-of-type(5) {
    display: inline-block;
    /*width: 100px;*/
    text-align: right;
}
.group-orders .orders-table-column:nth-of-type(6) {
    text-align: left;
    padding-left: 15px;
    /*width: 60px;*/
}
.orders-table .uppercase {
    text-transform: uppercase;
}
.orders-table-title {
    font-size: 15px;
}
.orders-table .col-md-3,
.orders-table .col-md-4,
.orders-table .col-md-12 {
    /*font-size: 12px;*/
    padding-left: 5px;
    padding-right: 5px;
}
.orders-table-body a {
    font-size: 12px;
}

.orders-table-body .row:nth-of-type(2) .col-md-3 {
    margin-bottom: 10px;
    text-transform: none;
}

.orders-table-body .row:nth-last-of-type(2) .col-md-3,
.orders-table-body .row:nth-last-of-type(2) .col-md-4 {
    font-weight: bold;
}

.orders-table-body .col-md-3 {
    text-transform: uppercase;
}

.orders-table-body .panel-heading .col-md-3 {
    max-width: 25%;
}
.orders-table .row.highlight .col-md-3,
.orders-table .row.highlight .col-md-4 {
    font-weight: bold;
}
/* ORDER MODAL */
.order-modal-header {
    position: relative;
    height: 86px;
    margin: 0 -20px;

    background-color: #e5e5e5;
}

.order-modal-header .modal-close-button {
    top: 15px;
    right: 35px;
}

.order-modal-body {
    max-width: 945px;
    margin: 0 auto;
    padding: 45px;
}
.order-modal-body .col-sm-6,
.order-modal-body .col-sm-12,
.order-modal-body .row {
    padding: 0;
    margin: 0;
}
.order-modal-body .modal-title {
    color: #002143;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}
.order-modal-body .modal-subtitle {
    color: #7c7c7c;
    font-size: 22px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 15px;
}
.order-modal-body .modal-form-gender-select {
    color: #7c7c7c;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 10px;
}
.order-modal-body .modal-form-gender-select input {
    margin: 0 120px 0 0;
}
.order-modal-body .highlighted-text {
    margin-bottom: 25px;
    margin-top: 30px;
}
.order-modal-body .highlighted-text p {
    color: #002143;
    font-size: 16px;
    font-weight: bold;
}
.order-modal-body img {
    max-width: 500px;
    width: 100%;
    height: auto;
}
.order-modal-body input.form-control {
    max-width: 405px;
    height: 40px;

    border: 1px solid #c9c9ca;
}
.order-modal-body input.form-control.small {
    max-width: 215px;
}
.order-modal-body label {
    color: #7c7c7c;
}
.order-modal-body label.optional {
    font-weight: normal;
}
.order-modal-body textarea.form-control {
    height: 178px;
}
.order-modal-body .form-control {
    box-shadow: none;
}
.order-modal-body .form-control[disabled] {
    background-color: transparent;
}
.order-modal-body .table {
    border-collapse: collapse;
}
.order-modal-body .table th {
    color: white;
    font-size: 22px;
    text-transform: none;
}
.order-modal-body .table thead tr {
    background-color: #606061;
    height: 52px;
}
.order-modal-body .table thead tr th {
    border-top: 1px solid #59595a !important;
    border-bottom: 1px solid #59595a;
}
.order-modal-body .table thead tr th:first-of-type {
    border-left: 1px solid #59595a;
}
.order-modal-body .table thead tr th:last-of-type {
    border-right: 1px solid #59595a;
}
.order-modal-body .table tbody tr {
    background: #ececed;
    border: none;
}
.order-modal-body .table tbody tr td {
    border-top: 0;
    border-bottom: 1px solid #c1c1c2;
    color: #646464;
    font-size: 15.6px;
    text-align: left;
}
.order-modal-body .table tbody tr td:first-child {
    font-weight: bold;
    padding-left: 35px;
    border-left: 1px solid #dcdcdd;
}
.order-modal-body .table tbody tr td:last-child {
    border-right: 1px solid #dcdcdd;
}
.order-modal-body .table tbody tr:first-of-type td {
    padding-top: 30px;
}
.order-modal-body .table tbody tr:last-of-type td:first-of-type {
    font-size: 16px;
}
.order-modal-body .table tbody tr:last-of-type td {
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 15px;
}
.order-modal-body .total {
    color: #646464;
    font-size: 22px;
}

.order-modal-body .modal-form-gender-select label {
    display: block;
}
.order-modal-footer .checkbox-custom:before {
    display: none;
}
.order-modal-footer .checkbox-custom a {
    padding-top: 0;
    padding-left: 2px;
}
.order-modal-footer {
    background-color: #e5e5e5;
    margin: 0 -20px;
    padding: 60px 15px 230px;
}
.order-modal-footer .container {
    max-width: 855px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .landSelect select {
        padding-right: 18px;
        width: 100%;
    }
}

.landSelect label {
    position: relative;
    width: 100%;
    margin: 0;
}

.landSelect label:after {
    content: '>';
    font: 14px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}

.landSelect label:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
}

.form-control.search.landSelect {
    padding: 0;
    width: 140px;
}

body.logged-in main {
    margin-top: 133px;
}

.orders-table .panel-group .panel.panel-default .panel-heading .fa.control {
    float: left;
}

.disableConfig {
    pointer-events: none;
}

@media(max-width: 1600px) {
    .order-modal-body .modal-form-gender-select input {
        margin: 0 80px 0 0;
    }
}

@media (max-width: 768px) {
    .form-control.search.landSelect {
        width: 100%;
    }
    .btn.btn-primary.sm-font-size {
        font-size: 14px;
    }
    section.item-navigation .btn-link.back {
        padding: 0;
    }
}
@media(max-width: 767px) {
    /*
        header .top .favorites .dropdown-menu.favorite-dropdown {
            width: 300px;
            right: -52px;
        }
    */
    header .top .favorites .dropdown-menu ul li .price .btn-link {
        float: left !important;
    }
    .favorite-dropdown .bttn-small {
        margin-top: 25px;
    }
    .favorite-dropdown .col-md-4.price.text-right {
        text-align: left;
        padding: 5px 14px;
    }
}

body.logged-in section.ring-search li.col-md-4.dealer-ring-search {
    border-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
}

section.ring-search li.col-md-4.dealer-ring-search {
    border-bottom: 1px solid #6792be;
    padding-bottom: 1px;
}

section.ring-search .dealer-ring-search .list-item {
    border-bottom: 1px solid #6792be;
    padding-bottom: 1px;
}

.ring3d.control {
    display: inline-block;
}

@media (max-width: 992px) {
    body.logged-in section.ring-search ul li {
        padding: 4px 0!important;
    }
}

footer .middle .btn-link {
    padding: 0;
    color: #768596;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.subnav .disabled-link {
    cursor: default;
}

.production-step {
    min-height: 355px;
}

.panel.panel-primary.ring-header.mobil {
    display: none;
}

@media (max-width: 992px) {
    .panel.panel-primary.ring-header.mobil {
        display: block;
    }
    .panel.panel-primary.ring-header.desktop {
        display: none;
    }
}

@media (min-width: 1200px) {
    .nav.navbar-nav li.active {
        background-color: #fff;
    }
    .logged-in .nav.navbar-nav li.active {
        background: -webkit-linear-gradient(#FBFCFC 7px, white 58px);
        background: -o-linear-gradient(#FBFCFC 7px, white 58px);
        background: linear-gradient(#FBFCFC 7px, white 58px);
    }
    .nav.navbar-nav li.active a {
        background-color: transparent;
    }
    .nav.navbar-nav li.active a:hover {
        background-color: transparent;
    }
}

@media (max-width: 1200px) {
    .orders-table-column,
    .orders-table-column h5 {
        font-size: 12px;
    }
    /*.orders-table .orders-table-column:nth-of-type(1) {
      width: 80px;
    }
    .orders-table .orders-table-column:nth-of-type(2) {
      width: 150px;
    }
    .orders-table .orders-table-column:nth-of-type(3),
    .orders-table .orders-table-column:nth-of-type(4) {
      width: 80px;
    }*/
    .order-modal-body .modal-form-gender-select input {
        margin: 0;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: transparent;
    }
    body.logged-in main {
        margin-top: 118px !important;
    }
    .orders-table .panel-group .panel.panel-default .panel-heading .fa.control {
        float: right;
        margin-right: 5px;
    }
    .couple-image {
        display: none;
    }
}

@media (max-width: 545px) {
    body.logged-in main {
        margin-top: 138px !important;
    }
}

.dropdown.favorites.open img {
    width: 100%;
}

@media (min-width: 992px) {
    body.collections-search-results section.filters .property.stones .select {
        width: 100px;
    }
    header .bottom ul.navbar-nav li {
        padding: 0;
    }
    header .bottom ul.navbar-nav li>a {
        padding: 12px 15px!important;
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    .nav.navbar-nav li.active {
        background-color: transparent!important;
    }
}

.results-wrapper .results ul {
    display: table;
    width: 100%;
    height: auto;
}

.results-wrapper .results ul li {
    display: inline-block;
    float: none;
}

.panel-group .stone.btn {
    font-size: 18px;
}

.panel-group .alloy.btn {
    color: #8e8e8e;
    display: inline-block;
    font-size: 18px;
}

.panel-group .legierung {
    display: inline-block;
    width: 80%;
}

@media (max-width: 1200px) {
    .panel-group .alloy.btn {
        padding: 6px 9px;
    }
}

@media (max-width: 992px) {
    .legierung-label {
        display: block;
    }
}

@media (min-width: 768px) {
    .modal-content {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 90%;
        max-width: 1100px;
        margin-top: 100px;
    }
    .qrcode .modal-dialog {
        width: 49%;
    }
    .info-modal .modal-dialog {
        width: 35%;
    }
}
.info-modal .modal-content p{
    margin:0 !important;
}
@media (min-width: 960px) {
    .qrcode .modal-dialog {
        width: 420px;
    }
    .info-modal .modal-dialog {
        width: 420px;
    }
    .info-modal .modal-content{
        padding:20px;
        text-align: justify;

    }
}
.exchange-rate-modal .modal-header {
    border: 0;
}

.exchange-rate-modal .modal-fullwidth {
    margin-top: 0;
}

.exchange-rate-modal .modal-footer {
    border-top: 1px solid #16487E;
    text-align: left;
}

.modal-backdrop {
    background-color: #272727;
}

.contact-image-wrapper img {
    width: 100%;
}

.user-name-dealer {
    max-width: 400px;
}

.user-name-dealer br {
    display: none;
}

.user-name-dealer strong {
    font-size: 11px;
    line-height: 13px;
    display: inline-block;
    padding-left: 5px;
}

.modal-fullwidth .table-exchange-rates ul li input {
    color: #333;
}

.modal-fullwidth .table-exchange-rates .check-box-price {
    background: #002143;
    color: white;
}

.modal-fullwidth .table-exchange-rates .checkb-box-price ul li {
    border-bottom: 1px solid #001128;
    border-top: 1px solid #4a6e9d;
}

.modal-fullwidth .table-exchange-rates .check-box-price .head {
    border-bottom: 1px solid #001128;
}

.modal-fullwidth .table-exchange-rates .check-box-price ul {
    border-bottom: 1px solid #4a6e9d;
}

.modal-fullwidth .table-exchange-rates .check-box-price ul li {
    border-bottom: 1px solid #001128;
    border-top: 1px solid #4a6e9d;
}

.modal-fullwidth .table-exchange-rates .check-box-base-price.active,
.modal-fullwidth .table-exchange-rates .check-box-custom-price.active {
    background: #f6f6f6;
    color: black;
}

.modal-fullwidth .table-exchange-rates .check-box-base-price.active ul li,
.modal-fullwidth .table-exchange-rates .check-box-custom-price.active ul li {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
}

.modal-fullwidth .table-exchange-rates .check-box-base-price.active .head,
.modal-fullwidth .table-exchange-rates .check-box-custom-price.active .head {
    border-bottom: 1px solid #ccc;
}

.check-box-custom-price {
    border-bottom: 0;
    border-radius: 8px 8px 0 0!important;
    padding-bottom: 0!important;
}

.custom-exchange ul {
    padding: 0 10px!important;
    background-color: #F6F6F6;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    margin-top: -1px;
    padding-bottom: 20px!important;
}

.table-exchange-rates label {
    padding: 0 5px!important;
}

.exchange-rates ul.rates .price {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.4px;
}

.modal-close-button {
    position: absolute;
    top: -34px;
    right: -46px;
}

.modal-close-button .btn.btn-close .icon {}

.symbol {
    display: inline-block;
    font-size: 20px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #dddddd;
    color: #888888;
    font-family: 'Conv_CSSVerdana';
    cursor: pointer;
}

.footer-margin-top {
    margin-top: 30px;
}

.symbol:hover {
    background-color: #eeeeee;
}

.form-group-relative {
    position: relative;
}

.order-form-datepicker {
    position: absolute;
    top: 0;
    right: 34px;
}

.filter-checkboxes .btn {
    padding: 6px 5px;
}

.controls .total {
    margin-top: 15px;
}

.controls .total .price {
    font-size: 22px;
    margin-left: 5px;
}

.slide-3d img {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5);
}

.slide-3d.current img {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1);
}

.alert-message {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 50px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    transition: transform .8s;
}

.alert-message.show {
    transform: translate(0, 50px);
}

.alert-message.success {
    background-color: green;
}

.alert-message.error {
    background-color: orangered;
}

body.collections-search-results section.filters .btn-simple,
body.dealer-collections-search-results section.filters .btn-simple {
    font-size: 13px;
}

.orders-table .panel-group .panel.panel-default .panel-body h5 {
    margin: 0 0 10px;
}

.orders-table .panel-group .panel.panel-default .panel-body a {
    padding: 0;
}

.properties .select select {
    padding: 0;
    width: 85px;
}

.property .select {
    margin-right: 5px;
}

body.dealer-collections-search-results section.filters .properties .property.color {
    margin-left: 5px;
}

.properties .select select.collection-select {
    width: 300px;
}

.engraving-ring-1,
.engraving-ring-2 {
    font-size: 18px;
    height: 30px !important;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 3px;
    white-space: nowrap;
}

textarea.engraving-ring-1,
textarea.engraving-ring-2 {
    font-family: EasyEnglish;
    resize: none;
}

.form-group input[type=number] {
    -moz-appearance: textfield;
}

.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}
.user_interface_layer {
    position: absolute;
    left: 50px;
    top: 400px;
    color: #cacaca;
    font-size: 14px;
    font-weight: 600;
    z-index: 9;
}
.collection-select optgroup {
    font-size: 14px;
}

.collection-select option {
    font-size: 13px;
}

.btn.btn-primary.btn-block.bttn-small {
    height: 35px;
    font-size: 12px;
    padding: 6px 6px;
}

.btn.btn-primary.btn-block.bttn-small .fa-chevron-right {
    color: white;
    font-size: 12px;
}

.btn.btn-primary.btn-block.bttn-small:hover .fa-chevron-right {
    color: #002143;
}

.btn.btn-primary.btn-block.bttn-small .fa-chevron-right:first-child {
    margin-left: 2px;
}

.btn.btn-primary.btn-block.bttn-small .fa-chevron-right {
    margin-right: -4px;
}

.production-step h4 {
    min-height: 35px;
}

.production-step {
    padding-left: 0;
    padding-right: 0;
}

/*** responsive */

main {
    width: 100%;
    overflow: hidden;
}

.carousel-wrapper .ring-collection {
    background: linear-gradient(to bottom, white 66%, #e5e8ec 100%);
}

@media (max-width: 1290px) {
    .results-wrapper .results .overlay {
        padding: 5px;
    }
    .results-wrapper .results .overlay h4 {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

@media (max-width: 1200px) {
    .carousel-wrapper .ring-collection {
        background: linear-gradient(to bottom, white 60%, #e5e8ec 100%);
        height: 175px;
    }
    .carousel-wrapper .ring-collection .title {
        height: 72px;
        margin-top: 84px;
        padding: 0 5px;
    }
    .carousel-wrapper .ring-collection .title span {
        font-size: 12px;
    }
    .results-wrapper .results .overlay h4 {
        font-size: 14px;
    }
}

.flashcontent {
    width: inherit !important;
}

@media (min-width: 992px) {
    .flashcontent {
        width: 100% !important;
    }
}

.orders-table .panel-group .panel.panel-default .panel-heading .fa-times-circle {
    margin-left: 0;
}

@media (max-width: 1200px) {
    .profile .btn.btn-primary {
        padding: 6px 20px;
        width: 100%;
    }
    .events .event img {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .contact-image-wrapper img {
        width: initial;
    }
    .item-navigation .container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 465px) {
    body.collections-search-results section.filters .controls,
    body.dealer-collections-search-results section.filters .controls {
        float: left;
        text-align: left;
    }
    .xs-long-bttn {
        margin-top: 20px;
        width: 100%;
    }
}

header .bottom ul.navbar-nav li>a {
    color: #002143;
}

.downloads .list-group {
    padding: 0 15px;
}

.main-navigation.dealer-login .inner {
    height: 45px !important;
    overflow: auto;
}

.order-page-container .orders-table .fa-times-circle {
    margin-left: 15px;
    cursor: pointer;
}

ul.csv-list {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

@media (max-width: 768px) {
    .order-modal-footer .checkbox-custom {
        padding-left: 0;
        width: 100%;
    }
    .order-modal-footer .checkbox-custom input {
        position: absolute;
        left: 0;
    }
    .order-modal-footer .checkbox-custom a {
        display: block;
        max-width: 280px;
        padding-left: 15px;
        text-align: left;
        width: 100%;
    }
    .order-modal-footer .btn.btn-primary {
        width: 100%;
    }
    .order-modal-header,
    .order-modal-footer {
        margin: 0;
    }
    .order-modal-body {
        padding: 10px;
    }
    .order-modal-body .table tbody tr td:first-child {
        padding-left: 5px;
    }
    .order-modal-header .modal-close-button {
        right: 10px;
    }
    ul.csv-list {
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-count: 1;
    }
    .orders-table .panel-group .panel.panel-default .panel-heading .fa.control {
        margin-right: 10px
    }
}

@media (max-width: 992px) {
    section.film-engravings h1 {
        margin-top: 0!important;
    }
    section.film-engravings .pattern-1 {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    body.logged-in main {
        margin-top: 118px;
    }
}

.image-modal-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
    justify-content: center;
    align-items: center;
}

.image-modal-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
}

.image-modal {
    position: relative;
    z-index: 9000;
    width: auto;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.75);
}

.image-modal-close {
    position: absolute;
    right: -55px;
    top: -55px;
    z-index: 9999;
}

.image-modal-close .fa-times-circle {
    color: white;
    cursor: pointer;
    font-size: 50px;
}

.modal-fullwidth .table-exchange-rates ul li.hidden-titles {
    display: none;
}

a.btn.btn-primary.btn-block {
    padding: 8px 12px;
}

.fallback-content .image_layers_container {
    z-index: 1;
}


/*ACCORDION*/

.item-details .panel-primary .panel-heading {
    border-radius: 0 !important;
    color: white !important;
    line-height: 1.2 !important;
    padding: 4px 15px !important;
    margin: 0 !important;
}

.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #002143 !important;
    border-color: #002143 !important;
}

.panel-group .panel-heading {
    border-bottom: 0 !important;
}

@media (max-width: 768px) {
    .modal-fullwidth .table-exchange-rates .legend {
        display: none!important;
    }
    .modal-fullwidth .table-exchange-rates .col-xs-3 {
        width: 100%!important;
        margin-bottom: 15px;
    }
    .modal-fullwidth .table-exchange-rates ul {
        width: 100%;
        display: table;
    }
    .modal-fullwidth .table-exchange-rates .legend ul li {}
    .modal-fullwidth .table-exchange-rates ul li {
        float: left;
        width: 25%;
        box-sizing: border-box;
        margin: 0;
    }
    .modal-fullwidth .table-exchange-rates ul li.hidden-titles {
        display: block;
        width: 25%;
        float: left;
    }
}

body.logged-in section.ring-serach .daeler-ring-search {
    text-align: left;
}

body.logged-in section.ring-search .btn-link {
    padding: 0;
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
@media(max-width: 975px) and (min-width: 481px) {
    body.top .item-details .preview {
        top: 211px;
    }
    .item-details .preview {
        position: static;
        background: white;
        z-index: 1;
        width: 100%;
        top: 137px;
        transition: all .3s ease-out;
        padding-left: 0;
        padding-right: 0;
    }
    body.top .item-details .rings {
        margin-top: 55%;
        transition: margin 0.3s ease-out;
    }
    body.top .item-details .preview-image {
        width: 400px;
        height: auto;
        transition: all 0.3s ease-out;
    }
    .item-details .preview-image {
        top: 135px;
        width: 250px;
        transition: all 0.3s ease-out;
    }
    .configurator-container {
        text-align: center;
    }
}
@media (max-width: 992px) {
    .item-details .rings .btn-link {
        /*padding-left: 15px;*/
    }
    .item-details .controls .btn {
        margin: 15px 0;
    }
}
@media(max-width: 767px) {
    .modal-close-button {
        top: 65px;
        right: -75px
    }
}
@media (max-width: 480px) {
    .metrix-configurator-ui-buttons {
        white-space: nowrap;
        z-index: 5;
        top: 255px !important;
    }
    .configurator-container .metrix-webgl-container{
        height: 300px !important;
        width: 360px !important;
        margin: 0 auto !important;
    }
    .configurator-container .metrix-webgl-container canvas{
        height: 300px !important;
        width: 300px !important;
    }
    .modal-close-button {
        top: 0;
        right: 80px;
    }
    header .top nav ul li span {
        font-size: 12px;
        margin-right: 4px;
    }
    header .top nav ul li {
        padding: 0 4px;
    }
    .controls .total {
        text-align: center;
    }
    .configurator-container {
        width: 375px !important;
        height: 320px !important;
        margin: 0 auto !important;
    }
    .fallback-content {
        width: 320px !important;
        height: 200px !important;
    }
    body.top .item-details .rings {
        margin-top: 0%;
    }
    body.top .fallback-content,
    body.top .fallback-content .image_layers_container {
        width: 256px !important;
        height: 256px !important;
    }
    body.top .item-details .preview-image {
        width: 256px !important;
        height: auto !important;
    }
    body.top .item-details .preview .buttons {
        bottom: -55px;
    }
    body.top .user_interface_layer {
        top: 260px !important;
        left: 20px !important;
    }
    .user_interface_layer {
        top: 170px !important;
        left: 20px !important;
    }
    .item-details .preview-image {
        width: 50% !important;
        height: 50% !important;
        transition: width 0.3s ease-out;
        float: left;
    }
    .item-details .preview {
        top: 0px;
        padding: 0;
        width: 100%;
    }
    body.top .item-details .preview {
        top: 0px;
    }
    .item-details .preview .buttons {
        position: absolute;
        right: 0;
        bottom: 20px;
        transition: bottom 0.3s ease-out;
    }
    .item-details .preview .buttons .btn {
        padding: 0 5px;
    }
    .item-details .rings {
        margin-top: 0;
        transition: margin 0.3s ease-out;
    }
    .btn-ringtype span {
        float: left;
        margin-top: 22px;
    }
    .btn-ringtype img {
        float: right;
    }
    header .top .favorites .dropdown-menu.favorite-dropdown {
        width: 100vw;
        right: -62px;
    }
    header .top .favorites .dropdown-menu ul li .price .btn-link {
        float: left !important;
    }
    body.logged-in header .navbar-brand img {
        width: 150%;
    }
    main {
        margin-top: 122px;
    }
    header .navbar {
        min-height: auto;
    }
    header .navbar-toggle {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    header .navbar-brand {
        height: auto;
    }
}
.form-accordion-content {
    display: none;
}
.form-accordion-header {
    cursor: pointer;
}
.form-accordion-header span {
    position: relative;
    left: 10px;
    width: 21px;
    height: 11px;
    display: inline-block;
    background: url('../images/slide_down.png');
}
.form-accordion-header.active span {
    background: url('../images/slide_up.png');
}
.nav > li > a {
    padding: 10px 12px;
}

body.item-details {
    margin: 0;
}
.item-details .btn.fa.fa-info-circle {
    font-size: 18px;
}
.no-margin {
    margin: 0;
}

.sm-margin-top {
    margin-top: 15px;
}

.m-margin-top {
    margin-top: 30px;
}
.add.inline .fa-plus-circle {
    margin-bottom: 7px;
}
.not-found p {
    font-size: 18px;
    color: #002143;
    font-weight: normal;
    border-top: 1px solid #F2F2F2;
    padding-top: 12px;
}

.item-details .panel-group label {
    display: block;
}
.item-details .panel-group label.inline {
    display: inline;
}
.modal-title {
    margin-bottom: 15px;
}

.header .top .favorites .dropdown-menu {
    width: 90%;
}

body.logged-in.dealer-item-details .rings legend {
    display: block!important;
}

.no-text-decoration,
.no-text-decoration:hover {
    text-decoration: none;
}

.export-csv-link a {
    text-decoration: none;
}

.export-csv-link a:hover {
    text-decoration: none;
}

.result h4,
.result .price {
    font-weight: normal !important;
}

.fa-search {
    cursor: pointer;
}

.order-form-class .table tbody tr td:first-child {
    text-transform: uppercase;
}

.text-break {
    word-break: break-all;
}

.modal-ajax-loader {
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -40px;
}

.hide {
    visibility: hidden !important;
}
.ring-data-table {
    border: 0;
}
.col-xs-3.custom-exchange {
    padding: 0 5px;
}
.ring-data-table tr td {
    color: #cacaca;
    font-size: 13px;
    max-width: 200px;
    margin-top: 25px;
    min-width: 120px;
}
.ring-data-table tr td:first-of-type {
    text-transform: uppercase;
    vertical-align: top;
}
.text-normal {
    text-transform: none;
}
.item-details .panel-group label.text-normal {
    text-transform: none;
}

.video-bgr-wrapper .placeholder-img {
    display: none;
}
@media(max-width: 1025px) {
    section.film-engravings h1 {
        font-size: 60px;
        margin-bottom: 30px;
    }
    .video-bgr-wrapper video {
        display: none;
    }
    .video-bgr-wrapper .placeholder-img {
        display: block;
    }
    section.video {
        height: 698px;
    }
}
@media(max-width: 769px) {
    section.collections .carousel-wrapper {
        margin-bottom: 0;
    }
    .film-engravings video {
        display: none;
    }
    section.video {
        height: 550px;
    }
    section.film-engravings h1 {
        font-size: 36px;
        padding-top: 30px;
    }
    section.film-engravings .pattern-1,
    section.film-engravings {
        background: url("../images/pattern_1.png");
        height: auto;
        width: 100%;
    }
    section.film-engravings {
        background: url("../images/pattern_1.png");
    }
    section.film-engravings .pattern-1 {
        padding-bottom: 50px;
    }
    section.film-engravings .pattern-1:before,
    section.film-engravings .pattern-1:after {
        width: 0;
    }
    body.collections-search-results section.filters .property,
    body.dealer-collections-search-results section.filters .property {
        display: inline-block;
        float: none;
    }
    section.filters .controls {
        width: 100%;
        margin-top: 20px;
    }
    body.collections-search-results section.filters .property.color,
    body.collections-search-results section.filters .property.alloy,
    body.collections-search-results section.filters .property.stones {
        float: none;
        width: 100px;
    }
    body.collections-search-results section.filters span.select-divider {
        width: 0;
    }
    .ring3d.control,
    #refresh-button {
        float: left;
    }
    .ring-collection img.catalog {
        position: relative;
    }
    .dropdown.favorites.open img {
        width: 80%;
    }
    .item-details .panel-group label.grey,
    .symbol {
        margin-top: 5px;
    }
}
@media(max-width: 1200px) {
    .ring-data-item li {
        font-size: 12px;
    }
}

header .bottom .main-navigation {
    margin-top: 0px;
}
.banner-logo-container {
    padding-right: 0px;
    padding-top: 4px;
}
.banner-logo-text {
    text-transform: inherit;
    color: #002143;
    font-size: 13px;
    margin-bottom: 0;
    padding-right: 0;
    text-align: left;

}
.banner-logo-text a {
    font-size: 10px;
}
.banner-logo-link {
    text-transform: lowercase;
}
@media (min-width: 992px) {
    .orders-table .col-md-1 {
        padding-left: 0;
        padding-right: 5px;
    }
    .orders-table .col-md-2,
    .orders-table .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .orders-table .col-md-1 {
        /*width: 35px;*/
    }
    .orders-table .panel-heading .col-md-3:last-of-type {
        padding-left: 0;
    }
    .orders-table .panel-heading .col-md-3:nth-of-type(3) {
        padding-right: 0;
    }
}
.group-order-main tbody tr:nth-child(even) {background: #ffffff}
.group-order-main tbody tr:nth-child(odd) {background: #f3f3f5;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6}
.group-order-main tbody tr{height:50px;}
/*.group-order-main tr{padding-left:15px;padding-right:15px;}*/
.group-order-main tbody tr td:first-child,.group-order-main thead th:first-child {padding-left:20px;}
.group-order-main tbody tr td:last-child,.group-order-main thead th:last-child {padding-right:20px;padding-left: 20px;}
.logged-in header .bottom .navbar-form {
    padding-left: 10px !important;
}
.group-order-headtext{
    color: #002143;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px;
    margin-top:20px;
    width: 100%;
    padding-left: 0;
}
.group-order-main h2{
    font-size: 30px;
    font-weight: 400;
}
a.group_delete {
    display: block;
    margin: 0 auto;
    width: 19px;
    height: 19px;
    background: url("../images/group_row_delete.png");
}
.add_row,a.group_add_row{
    display: block;
    float:left;
    margin: 10px;
}
a.group_add_row {
    width: 18px;
    height: 18px;
    margin-left:15px;
    background: url("../images/group_order_plus.jpg");
}
.group-order-plus{
    padding:5px;
    border: 5px dashed #f3f3f4 ;
}
.full-price-div{
    padding:25px;
    background: #ebe4be;
    color:#81754d;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    margin-bottom:20px;
}
.full-price-row{
    float: right;
    padding-right: 25px;
}
.group-order-footer{
    margin: 0 0px;
    padding: 15px;
    text-align: right;
    padding-right:0;
}
.group-order-footer .checkbox-custom:before {
    display: none;
}
section.impressum .checkbox-custom.active::before,
section.impressum .checkbox-custom::before {
    display: none;
}
section.impressum #pps {
    height: 15px;
}
section.impressum a.btn {
    padding: 0px 12px;
    margin-top: 3px;
    margin-bottom: 10px;
}
.group_add_diameter{
    display: block;
    width: 21px;
    height: 21px;
    float: left;
    background: url("../images/plus_diameter.png");
    margin-left: 10px;
}
.group-order-main table tbody tr:first-child .group_delete{
    visibility: hidden;
}
span.new,span.faitrade_banner{
    position: absolute;
    z-index: 9;
    display: block;
    width: 106px;
    height: 94px;
    left: 9px;
    font-size: 0;
}
span.faitrade_banner{
    background: url("../images/fairtrade-badge.png");
}
span.new.en{
    background: url("../images/new.png");
}
span.new.de{
    background: url("../images/neu.png");
}
@media only screen and (max-width: 800px) {
    span.new.en,span.new.de{
        background: #002143;
    }
    span.new{
        font-size: 14px;
        width: 50px;
        height: 35px;
        right: 9px;
        left: auto;
        top: 12px;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
        text-align: center;
        line-height: 34px;
    }
    .orders-table .panel.panel-darkgrey .panel-heading{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .orders-table  .orders-table-column,.orders-table  .group-orders .orders-table-column:nth-of-type(6) {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }
    .orders-table  .orders-table-column:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    .group-orders .orders-table-column:nth-of-type(5) {
        text-align: left;
        width: auto;
    }
    .orders-table  .orders-table-column:before { content: attr(data-title); }
    .orders-table .panel-group .panel.panel-default .panel-heading .fa-times-circle{
        display:none;
    }
    .orders-table .panel-group .panel.panel-default .panel-heading .fa.control {
        margin-right: 0px;
    }
    .item-details {
        margin: 0px 0 120px;
    }
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group > .custom-fle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 32px;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 32px;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 30px;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}
.custom-file-input:lang(de) ~ .custom-file-label::after {
    content: "Durchsuche";
}
.btn.qr-code-btn {
    padding: 6px 6px !important;
    font-size: 14px;
    width: 85%;
    height: 30px;
    line-height: 17px;
}
.ring-search .btn.qr-code-btn {
    width: 100%;
    border: none;
}

.metrix-configurator-ui-buttons {
    white-space: nowrap;
    z-index: 5;
}

.metrix-configurator-ui-buttons .ui-button {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.metrix-configurator-ui-buttons .ui-button:last-child {
    margin-right: 0px;
}

.metrix-configurator-ui-buttons .close-button {
    font-size: 25px;
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: spinner .6s linear infinite;
}

.tri-set-info {
    width: 20px;
    height: 20px;
    font-weight: 700;
    cursor: pointer;
}
.ring-collection .faitrade_banner {
    left: 0px;
    top: 0;
}