html, body {
    height: 100%;
}
body {
    background: url("/img/global/bg.jpg") no-repeat fixed;
    background-size: cover;
    font-size: 1.5em;
    font-size: 1.5rem;
    color: #161a4b;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrapper {
    min-height: 100%;
}
#header {
    background-color: rgba(60, 88, 156, 0.9);
    min-height: 100px;
    font-size: 10pt;
    position: fixed;
    z-index: 1;
    margin: auto;
    width: 100%;
}
#header-middle {
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    float: right;
}
#header-left {
    position: absolute;
    bottom: -30px;
}
#header-right {
    border-left: #ffffff 1px solid;
    margin-left: 20px;
    padding-left: 20px;
}
#header-right a {
    color: #ffffff;
}
#header-right a:hover, #header-right a:active, #header-right a:focus {
    color: #184e9c;
}
#cart-amount {

}
h1 {
    font-size: 2em;
    font-size: 2.5rem;
    font-weight: bold;
}
#content {
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 150px;
}
#footer {
    background-color: #2b3f71;
    color: #ffffff;
    min-height: 100px;
    position: relative;
    margin-top: -100px;
    width: 100%;
    padding: 15px;
}
#footer>p {
    position: absolute;
    left: 25%;
    line-height: 70px;
}
a {
    color: #161a4b;
    font-size: 12pt;
}
a:hover, a:active, a:focus {
    text-decoration: none;
    color: #184e9c;
}
.nav a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11pt;
    text-shadow:0 0 5px rgba(0,0,0,0.7);
}
.nav li {
    display: inline-block;
    margin-left: -5px;
}
.nav li a:hover, .nav li a:active, .nav li a:focus {
    background: none;
    color: #184e9c;
    text-shadow:0 0 5px rgba(255,255,255,0.7);
}
.nav li a.look-at-me {
    color: #161a4b;
    text-shadow: none;
}
.nav li a.look-at-me:hover, .nav li a.look-at-me:active, .nav li a.look-at-me:focus {
    color: #184e9c;
    text-shadow:0 0 5px rgba(255,255,255,0.7);
}
.nav li a.active,
.nav li#header-right a.active{
    background: none;
    color: #184e9c;
    text-shadow:0 0 5px rgba(255,255,255,0.7);
}
.dl-horizontal dd {
    margin-bottom: 8px;
}
.upper {
    text-transform: uppercase;
}
.lightblue {
    color: #184e9c;
}
.section {
    margin-right: auto;
    margin-left: auto;
}
.content {
    margin-right: auto;
    margin-left: auto;
    padding: 2%;
}
.bg-white {
    background-color: #ffffff;
    border: #d9d9d9 1px solid;
}
.product {
    background-color: #ffffff;
    border: #d9d9d9 1px solid;
    margin-bottom: 30px;
    padding: 15px 0px;
    min-height: 230px;
}
.product:hover
{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.product a {
    font-weight: bold;
}
.product h3
{
    margin:0 0 15px 0;
}
.productimg {
    max-width: 160px;
    max-height: 120px;
}
#advantages {
    margin-right: auto;
    margin-left: auto;
    width: 83%;
    margin-bottom: 5%;
    text-align: center;
}
.box-product-descr {
    width: 65%;
    position: relative;
    right: 5%;
    height: 100%;
}
.box-product-descr>p {
    font-size: 10pt;
}
.box-product-descr>p a {
    font-size: 10pt;
}
.price-label {
    background-color: #06d6a0;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    border-radius: 9999px;
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    margin: 10px 0 0 100px;
    position: absolute;
    top: 55px;
    width: 80px;
}
.price-label.has-oldprice
{
    line-height: 25px;
    padding-top:9px;
}
.price-label.has-oldprice .oldprice
{
    font-size:9pt;
}

div.price {
    text-align: center;
}
.imagecontainer {
    position: relative;
    top: 20px;
    left: 20px;
}
#main-product-image {
    margin-top: 5%;
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.productpageimg {
    clear: both;
    float: left;
}
.productpagedesc {
    float: right;
}
#product-detail {
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff;
    border: #d9d9d9 1px solid;
    padding: 2%;
    position: relative;
}
#product-detail .description-text {
    margin-bottom: 20px;
}
#product-options-top {
    font-weight: bold;
}
.product_img_clone {
    position: absolute;
    height: 300px;
}
.productpage-back {
    padding-top: 15px;
    padding-left: 15px;
}
.read-on {
    background-color: #184e9c;
    color: #ffffff;
    border: #161a4b 1px solid;
}
.read-on:hover, .read-on:active, .read-on:focus {
    background-color: #161a4b;
    color: #ffffff;
    border: #184e9c 1px solid;
}
.order {
    background-color: #184e9c;
    color: #ffffff;
    border: #161a4b 1px solid;
}
.order:hover, .order:active, .order:focus {
    background-color: #161a4b;
    color: #ffffff;
    border: #184e9c 1px solid;
}
button.full-width {
    width: 100%;
}
#content-page, #heading-page {
    width: 80%;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
#heading-page>h1 {
    margin-top: 0;
}
.sendbtn {
    margin-right: 15px;
}
/* TYPEAHEAD */

.twitter-typeahead {
    width: 100%;
}
.tt-query, .tt-hint {
    padding: 8px 12px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}
.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999
}
.tt-dropdown-menu {
    width: 100%;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}
.tt-suggestion.tt-cursor {
    /* UPDATE: newer versions use .tt-suggestion.tt-cursor */

    color: #fff;
    background-color: #007d9a;
    cursor: pointer;
}
.tt-suggestion p {
    margin: 0;
}
input[type="text"].spinner, input[type="password"].spinner, input[type="datetime"].spinner, input[type="datetime-local"].spinner, input[type="date"].spinner, input[type="month"].spinner, input[type="time"].spinner, input[type="week"].spinner, input[type="number"].spinner, input[type="email"].spinner, input[type="url"].spinner, input[type="search"].spinner, input[type="tel"].spinner, input[type="color"].spinner {
    background-image: url("/img/input-spinner.gif") !important;
    background-repeat: no-repeat;
    background-position: right 8px;
}
/* ORDER FORM */
label {
    font-size: 12pt;
    font-size: 1.5rem;
}

.noPadding, .no-padding {
    padding: 0px;
}

.row.content img.infoIcon {
    display: initial;
    margin: 0;
}
.order-form .form-group {
    margin-bottom: 2px;
    display: inline-block;
    width: 100%;
}
.order-form .paymentContainer .form-group {
    margin: 5px 0px;
}
.order-form span.title {
    color: #204572;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}
.order-form label {
    margin-bottom: 0px;
}
.order-form .form-control {
    padding: 3px 6px;
}
.order-form .control-label {
    overflow: hidden;
}
.order-form .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-left: 0px;
}
.order-form .radio-inline {
    padding-left: 0px;
    margin-bottom: 10px;
    width: 100%;
}
.order-form .radio-inline > input, .order-form .radio-inline > label {
    cursor: pointer;
}
.order-form .radio-inline label {
    margin-top: 2px;
}
.order-form .adressContainer .radio-list .radio-inline {
    width: 50%;
}
.row.content img.delivery-explanation {
    margin-right: 10px;
}
.button.submit-order-btn {
    width: 100%;
    height: 40px;
    font-size: 18px;
    font-size: 1.8rem;
}
.checkbox-title label {
    display: initial;
    cursor: pointer;
}
.adressContainer, .paymentContainer {
    margin-right: 20px;
    padding: 15px;
    width: 366px;
}
.submitContainer, .infoContainer {
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 15px;
    width: 366px;
}
.adressContainer input.valid {
    background-color: rgba(51, 164, 87, 0.25);
}
.adressContainer .subform .form {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}
.adressContainer .subform.active .form {
    margin-bottom: 15px;
    max-height: 560px;
}
.adressContainer .subform .title {
    background-color: #181c3f;
    color: #FFF;
    font-weight: bold;
    height: auto;
    margin: 0 0 5px -15px;
    padding: 15px;
    width: 365px;
    font-size: 14px;
    font-size: 1.4rem;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.adressContainer .subform .titleArrow {
    float: right;
    height: 16px;
    width: 16px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.adressContainer .subform.active .titleArrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.adressContainer span.inputTitle {
    color: #898989;
    font-weight: bold;
}
.adressContainer .subform .title:hover {
    background-color: #184e9c;
    cursor: pointer;
}
.order-form .checkbox {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzg0MkJBNDU5MTFFMzk2OTlCMkE1MTQzQjg2NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzg0MkNBNDU5MTFFMzk2OTlCMkE1MTQzQjg2NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3ODQyOUE0NTkxMUUzOTY5OUIyQTUxNDNCODY0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUI3ODQyQUE0NTkxMUUzOTY5OUIyQTUxNDNCODY0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpsMPDoAAADbSURBVHjaYvz//z8DLQETA60BIyPjayD1k1oYaF4RKFRgmAVIsAEl2GjlARYknywAUnvJCIEnQEfKAPEEIFcYm5qPQPwfqDCNXFdCE8pjqDkoQURxJBNKhUzkaoS5kOg4wGY4jAZ6m2iLCVqAzQBKMiPNMxr9LUAObxLyAoj6RxMfIDmIafDEATnBRHIkgyyhhkVMJIQxWQ5gIjYiQZiHh4eJjY1NlhSfsZDi3a9fv/6DlpqkWwAsDnqBVCsFwS1EyAc8UEzdGo2JiamYmlUmMH6OofBp3WwBCDAA96FmWb7mKaYAAAAASUVORK5CYII=) no-repeat left center;
    float: left;
    height: 24px;
    margin: 0 10px 0 0;
    width: 24px;
    cursor: pointer;
}
.order-form .checkbox.active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgxNTMwQjVBNDU5MTFFMzhGMzlCQzMzMkM4RjE3RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgxNTMwQjZBNDU5MTFFMzhGMzlCQzMzMkM4RjE3RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODE1MzBCM0E0NTkxMUUzOEYzOUJDMzMyQzhGMTdGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxODE1MzBCNEE0NTkxMUUzOEYzOUJDMzMyQzhGMTdGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhOEWC0AAAHYSURBVHja1FY9SMNAFPbSNG1DCFacxMGhOHcQBweRDqKr4OZURBA6VQfp4CZujm6iqzg6itBFcRCqiDpLXUSkSg21aZP4HVzLeV7bpKmDgce7d3n3fXfvJxfied7Qv3xisZgWiUQmhwghr7DrYQU4ZwAdo+CKokxD3UEuqP0B8cIIwHcTiYQaj8c1jHcw14BUMc4QRmDCOII+DxoKrHt2XbeoqupEs9k8xhTd/TtOsYj5q/YJ4LjWb7wBloF6Yyeqwp7h34ciAFiWhYSCN2AviD59EwBsk88F7JzM7xdBNBodRUzTPcALQqIPO/n+IADwONQjxMHcCeyUBDwvVNI9SlRnG1vqSoDmmIeqcYtrANw2DENj77MCeB1zaVZRp5B8zxBhAa2KqhCCEuZzXEJbcS+wU+WYX95XkgE2K5JIGqxkmqbKljwFImAkc1BWBwIH8Z7i3MsyAqVbpTiOUwTJMoa2pIP30bnXfsq5Zx8gviuUj9v9C6pmWHArBw6RQLLFJVbmG46AheUAcptMJhW/BGqQT4Ou6+u2bacqlYrrd00gAsuyaLIfAn3OW/cB5BPyFeKWHKGpQog2cM/vyU5gMBnoQ1ARq9DawAAJuUT/3LTtv/5t+RZgACh+z9O4WJ7AAAAAAElFTkSuQmCC) no-repeat left center;
}
.order-form .checkbox input[type='checkbox'] {
    visibility: hidden;
}

/* UI extension */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

#alert,
.ui-dialog
{
    background-color:#FFF;
    padding:20px;
    top:120px;
    border:2px solid #ffffff;
    color:#161a4b;
    box-shadow:0 0 20px #000000;
    font-size: 11pt;
    -moz-border-radius:10px !important;
    border-radius:10px  !important;
    vertical-align: bottom;
    overflow: hidden;
}
#alert .glyphicon {
    font-size: 22pt;
    margin-right: 5px;
    float: left;
}
.ui-widget-content { color: #161a4b; background-image: none; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: inherit; }
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(http://code.jquery.com/ui/1.10.4/themes/ui-lightness/images/ui-icons_222222_256x240.png);
}
.ui-dialog-content
{
    overflow: hidden !important;
}
.ui-dialog-content .note
{
    color:rgba(225, 182, 18, 0.7);
}
.ui-dialog-content a
{
    font-size:7pt;
    font-weight:normal;
    color:#fff;
}

#alert
{
    position:fixed;
    margin-left:-160px;
    left:50%;
    height:150px;
    width:320px;
    z-index:99999;
}
#alert .heading,
.ui-dialog-title
{
    font-size: 18pt;
    font-size: 2.2rem;
    color:#161a4b;
    margin-bottom:5px;
    text-shadow:0;
    font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar { background:none !important; border:0; }
.ui-dialog .ui-dialog-titlebar-close {
    top: 15px;
    border: 0;
    background-color: transparent;
    width: 16px;
    height: 16px;
}

#alert .ui-icon-closethick
{
    float:right;
    cursor: pointer;
    margin:-12px -15px 0 0;
}

.ui-widget-overlay
{
    position: fixed !important;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
}

.ui-widget-header
{
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x !important;
}

:focus {
    outline: none;
}