.saz {
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

* {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif;
  color: #333;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
html {
  -webkit-font-smoothing: subpixel-antialiased;
}

.icon-bar {
  color: #fff;
}

#wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#first {

}

#second {
  flex-grow: 1;
  overflow: hidden;
}

.flex {
  overflow: hidden;
  background-color: #b4b7ba;
  height: 1000px;
}

.nopadding {
  padding: 0px !important;
}

body {background-color: #f5f5f5;font-size: 62.5%;}
input, select, textarea, p, label, a {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
  font-size: 13px;
}

p a {
  font-size: 15px;
}

textarea {
  font-size: 13px;
}

.left {float:left}
.inline-left {float:left; display: inline-block;}
.inline-right {float:right;  display: inline-block;}
.right {float:right}
.clear {clear: both}

h3,h4,h5 {
  text-transform: uppercase;
}

div.order * {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
  font-size: 13px;
}

div#loader {
  width: 40px;
  height: 40px;
  background-image: url("/images/kolos-loader.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  display: none;
  position: absolute;
}

div#preview {
  color: #fff;
  display: none;
  border: none;
}

span.ral-code {
  font-size: 13px;
  color: #fff;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
}

div.custom-ral {
  font-size: 13px;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
  padding: 0.3em;
}

img.preview-image {
  border: none;
  color: #fff;
}

.header {
  position: relative;
}

#header-img {
  position: absolute;
  z-index:0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width:100%;
  height: 250px;
  top: -50px;
  background: url("/images/header_background_no1.jpg");
}

#logo {
  position: relative;
  z-index:1;
  min-width: 500px;
  min-height: 150px;
  margin-left:40px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: url("/images/logo_bg.png") transparent;
  background-repeat: no-repeat;
}

#alogo {
  position: absolute;
  z-index: 10;
  min-width: 500px;
  min-height: 150px;
  background: url("/images/logo_bg.png") transparent;
  background-repeat: no-repeat;
  text-align: left;
  overflow: hidden;
  top: 50px;
  margin-left: 20px;
}

#logo a {text-decoration: none;}
#logo a div {color: #fff; font-weight: 700; text-decoration: none; font-size: 20px; padding: 49px 0 60px 145px;}

div.detail-header-container {
  position: relative;
}

div.detail-header-img {
  position: absolute;
  z-index:0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width:100%;
  height: 540px;
  top: -50px;
 }

div.detail-header-caption {
  position: relative;
  z-index:1;
  margin-left:40px;
  margin-top: 50px;
  height: 480px;
}

div.detail-header-caption h1 {
  margin: 0;
  padding: 0;
  font-family: "Istok Web", Arial, Helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 50px;
}

div.detail-header-caption h2 {
  font-family: "Istok Web", Arial, Helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  width: 270px;
  margin-bottom: 30px;
}

div.detail-header-container a.button {
    font-family: "Dosis", "Arial", lucida, sans-serif;
    background: #ee2e24;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 25px 15px 25px;
}

div.detail-header-container a.button:hover {
    text-decoration: none;
    background: #cb2e25;
}


@media (max-width: 1200px) {
    div.detail-header-img {
        height: 440px;
    }

    div.detail-header-caption {
        height: 375px;
    }

    div.detail-header-caption h1 {
        font-size: 40px;
    }

    div.detail-header-caption h2 {
        font-weight: bold;
        font-size: 20px;
        width: 240px;
        margin-bottom: 25px;
    }

    div.detail-header-container a.button {
        font-size: 14px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
    }
}

nav.navbar {
  border-radius: 0px;
  background: #00aeef;
  padding:0;
  border: none;
}

nav {
  min-height: 30px !important;
}

ul.nav {
  padding: 0;
  margin: 0;
  margin-left:-15px;
}

ul.nav li {
  padding: 0;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}

ul.navbar-nav li a{
  font-family: "Dosis","Helvetica","Arial",lucida, sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  padding: 8px 8px 8px 8px;
  border-top: 1px solid #99dff9;
  border-bottom: 1px solid #0f9dd4;
  border-left: 1px solid #19bdf9;
  border-right: 1px solid #0084b5;
}

ul.nav li a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #fff;
  background:#59c8f2;
  border-top: 1px solid #99dff9;
  border-bottom: 1px solid #0f9dd4;
  border-left: 1px solid #19bdf9;
  border-right: 1px solid #0084b5;
}

ul.nav li a.current {
  background-color: #ee2e24;
  border-top: 1px solid #f8aba7;
  border-bottom: 1px solid #cb3833;
  border-left: 1px solid #f8aba7;
  border-right: 1px solid #cb3833;
  color: #fff;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

@media  (max-width: 980px){
  .navbar-nav.navbar-right:last-child {
    margin-right: 0 !important;
  }
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .navbar-default .navbar-nav>.open>a {
  background: #ee2e24;
}

.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: #59c8f2;
}

ul.dropdown-menu {
  background: #00aeef;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
  color: #fff;
}

span.bike-menu-description
{
  font-family: "Istok Web", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #fff;
  text-transform: none;
  font-size: 12px;
}

#navigation div {}
#navigation ul {list-style-type: none; margin-top: 0.4em; min-height: 1.5em}
#navigation ul li {display: inline-block; font-family: "Dosis","Helvetica","Arial",lucida, sans-serif; font-weight: 700; margin-right: 1px}
#navigation ul li a {
  font-family: "Dosis","Helvetica","Arial",lucida, sans-serif; font-weight: 700;
  color: #fff;
  padding: 4px 10px 4px 10px;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: none;
  border-top: 1px solid #99dff9;
  border-bottom: 1px solid #0f9dd4;
  border-left: 1px solid #19bdf9;
  border-right: 1px solid #0084b5;
}

#navigation ul li a:hover {
  background:#59c8f2;
  border-left: 1px solid #7cd3f4;
}

#navigation ul li a.current {
  background-color: #ee2e24;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #f8aba7;
  border-bottom: 1px solid #cb3833;
  border-left: 1px solid #f8aba7;
  border-right: 1px solid #cb3833;
}

div.language-select {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
  color: #fff;
  padding: 0.4em 0em 0.4em 0.5em;
  font-size: 1.2em;
}

div.language-select a {
  padding: 0.4em 0.5em 0.4em 0.5em;
  color: #fff;
  min-width:80px;
  text-decoration: none;
}

div#language-toggle {
  display:none;
  position:absolute;
  background: #19bdf9;
}

div#language-toggle ul li {
  list-style: none;
}

div#language-toggle a{
  display: block;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
  color: #fff;
  min-width:80px;
  padding: 0.5em 0em 0.4em 0.5em;
  font-size: 1.2em;
  text-decoration: none;
  border-top: 1px solid #99dff9;
  border-bottom: 1px solid #0f9dd4;
  border-left: 1px solid #19bdf9;
  border-right: 1px solid #0084b5;
}

div#language-toggle a:hover{
  background-color: #12acef;
}

#logged-in {border-top: 1px dotted #999; padding: 0.7em 0}

div.footer {
  background-color: #00aeef;
  xxmargin-left: -15px;
  xxmargin-right: -15px;
}

div.footer_menu {
  padding: 1.4em 1em 1.4em 1em;
}

div.footer_menu ul {list-style-type: none; margin-top: 0.4em; min-height: 1.5em}
div.footer_menu ul li {display: inline-block; font-family: "Dosis","Helvetica","Arial",lucida, sans-serif; font-weight: 700;}
div.footer_menu ul li a {
  font-family: "Dosis","Helvetica","Arial",lucida, sans-serif;
  color: #fff;
  padding: 0.4em 0.8em 0.4em 0.8em;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

div.footer_menu ul li a:hover {
  background:#fff;
  color: #0099cc;
}

div.footer_menu ul li a.current {
  background-color: #0099cc;
  color: #fff;
  text-decoration: none;
}

div.footer_bottom {
  background-color: #0099cc;
  padding: 1.4em 1em 1.4em 1em;
  color: #00aeef;
  font-family: "Dosis","Helvetica","Arial",lucida, sans-serif; 
  font-weight: 400;
}

h1 {
  font-size: 30px;
  font-weight: normal;
  color: #165ca3;
  padding: 15px 0 0 25px;
  font-family: "Istok Web","Myriad",sans-serif;
}

h1.mobile_header {
  background: #ee2e24;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  padding: 10px;
}

span.day-of-week {color: #DD9933}

form {
  background: #fff;
}

a {color: #165ca3}

h2 {
  font-weight: normal;
  font-size: 24px;
  color: #333333;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

div.faq ol {
  padding-bottom: 13px;
}

div.faq ol li {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif;
  font-size: 16px;
  margin-left: 20px;
  padding: 10px 0;
}

div.flash {
  color: black;
  background: #FFF9D7;
  border: 1px solid #E2C822;
  padding: 13px;
}

a[href^="error:"] {
  background: red;
  color: white;
}


/* pagination */

#models-pagination-bottom
{
  display: none;
}

div.models-pagination {
  background: #f8f5f1;
  overflow: auto;
}


div.pagination-middle {
 text-align: center;
 width: 600px;
 float: left;
 padding: 0.5em 0;
}

div.pagination-left {
  float: left;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  background: #f8f5f1 url("/images/paging_left.png");
  background-repeat: no-repeat;
  background-position: top left;
}

div.pagination-left a, div.pagination-right a {
  text-decoration: none;
  height: 3.8em;
}

div.pagination-left a span, div.pagination-right a span {
  font-size: 1.4em;
  font-weight: 700;
  color: #4f443c;
  text-decoration: none;
  text-transform: uppercase;
  padding-left:2.7em;
  padding-right:0.7em;
}

div.pagination-left a:hover span, div.pagination-right a:hover span {
  color: #00aeef;
}

div.pagination-right {
  float: right;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  background: #f8f5f1 url("/images/paging_right.png");
  background-repeat: no-repeat;
  background-position: top right; 
}

div.pagination-right a {
  text-decoration: none;
  height: 3.8em;
}

div.pagination-right a span {
  padding-left:0.7em;
  padding-right:2.7em;
}

div.pagination-right a.disabled span, div.pagination-left a.disabled span
{
  font-weight: 400;
  color: #919191;
}

a.page-active, a.page-inactive {
  background: #f8f5f1 url("/images/paging_active.png");
  background-repeat: no-repeat;
  padding: 0.7em 0.7em 0.7em 0.7em;
}

a.page-inactive {
  background: #f8f5f1 url("/images/paging_inactive.png");
  background-repeat: no-repeat;
}

/* models */

div#models-container
{
  overflow: hidden;
  margin-bottom: 30px;
}

div#models-content
{
  overflow: hidden;
}

/*div.bike-model {
  width: 320px;
  margin-right: 1em;
  margin-bottom: 1.5em;
  display:inline-block;
  xfloat:left;
}
*/
div.bike-model-big {
  border: 3px solid #eaeaea;
  border-collapse: collapse;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}

div.bike-model-big div.tools {
  xheight: 41px;
  background: #fffeed;
  font-family: "Dosis", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}

div.bike-model-big a.btn {
  font-family: "Dosis", "Arial", lucida, sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  background: #eee;
  color: #333;
  font-size: 12px;
}

div.bike-model-big-container:hover {
    top: -2px;
}

div.bike-model-big-container:hover div.bike-model-big{
    -webkit-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.71);
    -moz-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.71);
    box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.71);
    border-bottom: 3px solid white;
}

div.bike-model-big a.btn:hover {
  background: #e0e0e0;
}

div.bike-model-big a.red {
  color: white;
  background: #ee2e24;
}

div.bike-model-big a.red:hover {
  color: white;
  background: #cb2e25;
}

div.bike-model-big div.tools a {
  text-decoration: none;
  font-family: "Dosis", Arial, Helvetica, sans-serif;
  color: #666666;
}

div.bike-model-big div.tools a:hover {
  color: #ee2e24;
}

div.bike-model-big div.tools div.button {
  background: #fffeed;
  padding: 10px;
  text-align:center;
}

div.bike-model-big div.tools div.button span {
  font-family: "Istok Web", Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: none;
}

div.bike-model-big div.tools div.red {
  color: white;
  background: #ee2e24;
}

div.bike-model-big div.tools div.red a {
  color: white;
}

div.bike-model-big h2 {
  font-family: "Istok Web", Arial, Helvetica, sans-serif;;
  color: #333;
  font-weight: 700;
  font-size: 26px;
  text-transform: none;
}

div.bike-model div.details {
  font-family: "Istok Web", Arial, Helvetica, sans-serif;
  background: #fffeed;
  font-size: 13px;
  padding: 16px;
}

div.bike-model div.details h3 {
  margin-top: 18px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

div.bike-model div.details span.price {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ee2e24;
  font-weight: 400;
}

span#vat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999;
  font-weight: 400;
  margin-left: 10px;
  text-transform: none;
}

div.bike-model div.details p.description {
  font-size: 13px;
}
div.bike-model table.tools {width: 320px;}
div.bike-model table.tools tr {
  background: #fffeed;
}
div.bike-model table.tools td.left {
  width: 40%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9ddd2;
  border-right: 1px solid #d9ddd2;
  text-align: center;
  padding: 1em 0 1em 0;
}
div.bike-model table.tools td.right {
  width: 59%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9ddd2;
  text-align: center;
  padding: 1em 0 1em 0;
}

div.bike-model table.tools a {
  font-family: "Dosis","Arial",lucida, sans-serif; font-weight: 400;
  color: #555555;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
}

div.bike-model table.tools a:hover {
  color: #ee2e24;
}

div.bike-model div.details div.arrow {
  display: block;
  float: right;
  padding-top: 1em;
}

div.bike-model div.details div.arrow a {
  background: url("/images/arrow_red.png");
  background-repeat: no-repeat;
  padding: 0.5em 1.6em 0.5em 1.6em;
}

/* news */

div#news {
  background: #00aeef;
  padding: 20px;
  xmargin-left: -15px;
  xmargin-right: -15px;
  overflow: auto;
}

div#news div {
  overflow: auto;
}

div#news div#love-story {
  background: #0099cc;
  padding: 15px 20px 20px 25px;
}

div#news div#love-story h3 {
  color: #fff;
  text-transform:uppercase;
  font-size: 20px;
  font-weight: 700;  
  padding-bottom: 10px;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

div#news div#love-story h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  padding: 0 0 0.8em 0;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

div#news p {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
}

div#news p.perex {
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  padding: 0;
  margin-bottom: 30px;
}

div#news div#news-container {
  float: right;
  display: block;
}

div#news div#news-container div.news-item {
  background: #0099cc;
  padding: 2.2em;
  margin-bottom: 1em;
}

div#news div#news-container div.news-item h3, div#news div#news-container div.news-item h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
} 

div#news div#news-container div.news-item h4 {
  font-size: 15px;
}

div#news div#news-container div.news-item p {
  margin-bottom: 0;
}

div#news div#news-container div.news-item span.date {
  color: #fff;
  font-size: 13px;
}

/* detail */

div.container {
  background: #fff;
}

div.model-detail div.detail-header {
  background: #00aeef;
  border: none;
}

div.model-detail div.detail-header div.headline {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  padding: 15px;
    text-align: center;
}

div.model-detail div.detail-header div.headline h3 {
  height: 60px;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

div.config-button {
  padding: 18px;
  background: #ee2e24;
    text-align: center;
}

div.config-button a {
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  background: #ee2e24;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 18px;
    text-align: center;
}

/*
 url("/images/arrow_bluered.png") no-repeat;
*/

a.config-button {
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  background: #ee2e24;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 18px;
}

div#detail-text-button a {
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  padding: 20px 30px 20px 30px;
  background: #ee2e24;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

div#detail-text-button {

  padding: 30px 0 !important;
}

div#detail-text-button div {
  display: block;
  width: 400px;
  margin-left: 350px;
  margin-top: -40px;
}

div.detail-price
{
  margin-bottom: 30px;
}

div#detail-text-button h5, div.detail-price h5, div#detail-text-button span.vat {
  text-transform: none;
  font-size: 13px;
}

div#detail-text-button span.price, div.detail-price span.price {
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  font-weight: 700;
  color: #ee2e24;
  font-size: 20px;
}

div.model-detail div.description, div.model-detail div.image-price {
  width: 300px;
  float: left;
}

div.features {
  margin-top: 30px;
}

div.features h4, div.model-detail div.description h4{
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  color: #00aeef;
  font-weight: 700;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 12px;
  text-transform: none;
}

div.model-detail div.wide {
  width: auto !important;
}

div.features div h5, div.model-detail div.image-price h5 {
  color: #333;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
}

div.features div p, div.features p, div.model-detail div.description p {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  padding-bottom: 6px;
  margin-bottom: 8px;
  padding-right: 25px;
}

div.features div p strong {
  font-weight: 700;
}

div.model-detail div.description, div.model-detail div.image-price {
  margin-left: 2em;
}

div.model-detail div.description p {
  border: none;
}

div.model-detail div.image-price span.price {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.4em;
  color: #ee2e24;
  font-weight: 400;
}

div#features h4, div#other-models h4 {
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  color: #00aeef;
  font-weight: 700;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
  text-transform: none;
}

div#description  {
  width: 260px;
  float:left;
  padding-right: 15px;
}

div#description p {
  text-align: justify;
  text-justify: distribute;
}

div#detail-slider {
  height: 315px;
  overflow: hidden;
  display: inline-block;
  width: 930px;
}

div#slider-right, div#slider-left {
  width: 33px;
  display: inline-block;
  float: left;
}

div#slider-right {
  float: right;
}

div#slider-right img, div#slider-left img {
  margin-top: 120px;
  margin-bottom: 70px;
}

div#slider-container img {
  float:left;
  margin-left: 0;
  margin-right: 0;
}

div#slider-container img.grey {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%);
  opacity: 0.7;
}

div#slider-container img.normal {
  -webkit-filter: grayscale(0%);
}

div#other-slider
{
  height: 200px;
  margin-bottom: 10px;
}

div#other-slider ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#other-slider ul li {
  display: inline-block;
  text-align: center;
}

div#other-slider ul li a{
  color: #00aeef;
  font-size: 1.2em;
}


div#detail-text {
 background: #f5f5f5;
}

div#detail-text h3 {
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
  color: #00aeef;
  font-weight: 600;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 6px;
  text-transform: none;
}

div#detail-text p {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

/* configurator */

div#config-left-panel {
  background: #f7f7f7;
  border: 1px solid #f1f2f2;
}

div#config-right-panel {
  xmargin-left: 1em;
}

div#config-tools {margin-bottom: 10px;}
div#config-tools table {
  width: 100%;
  border-collapse: collapse;
}

div#config-tools table td {
  text-align: center;
  border-top: 1px solid #f1f4f5;
  border-bottom: 1px solid #bcc7cc;
  border-left: 1px solid #f7f7f8;
  border-right: 1px solid #c3c9cd; 
}

div#config-tools table td.help {
  background: #ededed url("/images/icon-help.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.help > a:hover{
  background: #2baaff url("/images/icon-help-over.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.preview {
  background: #ededed url("/images/icon-preview.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.preview > a:hover {
  background: #2baaff url("/images/icon-preview-over.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.save {
  background: #ededed url("/images/icon-save.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.save > a:hover {
  background: #2baaff url("/images/icon-save-over.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.restart {
  background: #ededed url("/images/icon-restart.png") no-repeat;
  background-position: center 8px;
}

div#config-tools table td.restart > a:hover {
  background: #2baaff url("/images/icon-restart-over.png") no-repeat;
  background-position: center 8px;
}

div#config-tools a {
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  color: #1c75bb;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  padding-top: 30px;
  padding-bottom: 10px;
  display: block;
}

div#config-tools a:hover {
  color: #fff;
}

div#config-left-panel div#price {
  padding: 10px;
  text-transform: uppercase;
  color: #959595;
  font-weight: 700;
  font-size: 15px;
}

div#config-left-panel div#price span#price-value {
  padding: 15px 0;
  text-transform: none;
  font-family: "Arial", "Helvetica", lucida, sans-serif; ;
  color: #1d76b8;
  font-size: 22px;
  font-weight: 400;
}

div#config-left-panel div#process div {
  padding: 5px 10px 5px 15px;
  border-bottom: 1px solid #eeecd9;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #959595
} 

div#config-left-panel div#process div.previous {
  color: #1d76b8;
  background: url("/images/config-step-complete.png") no-repeat;
  background-position: right center;
} 

div#config-left-panel div#process div.current {
  color: #fff;
  background: #2baaff;
  background-position: right center;
}

div#process div a {
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  color: #959595;
  text-decoration: none;
  cursor: default;
}

div#process div.previous a {
  color: #1d76b8;
  cursor: pointer;
}

div#process div.current a {
   color: #fff;
}

div#process-steps,
div#process-steps-mobile {
  display: block;
  background: #ededed;
  border-bottom: 1px solid #cbcfd2;
  overflow: hidden;
  min-height: 35px;
  margin-top: 10px;
}

div#process-steps div.previous-step,
div#process-steps-mobile div.previous-step
{
  display: block;
  float:left;
  margin-top: 10px;
}

div#process-steps div.next-step,
div#process-steps-mobile div.next-step {
  display: block;
  float:right;
  margin-top: 10px;
}

div#process-steps div.previous-step a,
div#process-steps-mobile div.previous-step a {
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  padding: 10px 10px 10px 30px;
  text-decoration: none;
  background: url("/images/config-previous-step.png") no-repeat;
  background-position: left center;
  font-weight: 700;
  text-transform: uppercase;
  color: #959595;
  font-size: 14px;
}

div#process-steps div.next-step a,
div#process-steps-mobile div.next-step a {
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  text-decoration: none;
  padding: 10px 30px 10px 10px;
  background: #959595 url("/images/config-next-step.png") no-repeat;
  background-position: right center;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}

div#process-steps div.next-step a:hover,
div#process-steps-mobile div.next-step a:hover {
  background: #7eae0a url("/images/config-next-step.png") no-repeat;
  background-position: right center;
}

div#parts-container div.part-size,
div#parts-container div.part-size-active {
  float: left;
  display: inline-block;
  background: #fff;
  border: 1px solid #dfe7ea;
  padding: 10px 10px 10px 15px;
  font-family: "Istok Web", Arial, sans-serif;
}

div#parts-container h2,
div#order-completed h2,
div#mobile-headline h2
 {
  color: #1e75ba;
  font-size: 26px;
  text-transform: uppercase;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 700;
}

div#parts-container div.left-column {
  display: block;
  float: left;
  padding: 0.5em 0 0.5em 1.3em;
  width: 330px;
}

div#parts-container div.wide {
  width: 600px;
}

div#parts-container div.right-column {
  display: block;
  float: right;
  padding: 0.5em 0 0.5em 1.3em;
  width: 330px;
}

select.country {
  width: 270px;
}

div#parts-container h3 {
  padding: 12px 0 6px 0;
  color: #1e75ba;
  font-size: 18px;
  font-weight: 700;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

div#parts-container label,
div#parts-container input,
div#parts-container select
{
  font-size: 13px;
  margin: 0 5px 5px 0;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
}

div#parts-container input.error {
  background: #fad1c2;
  color: #c73d22;
}

div.error {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; font-weight: 400;
  color: #c73d22;
  font-size: 13px;
  display: none;
}

div.error-visible {
  color: #c73d22;
  font-size: 13px;
  display: block;
}

div#parts-container h4 {
  padding: 10px 0 5px 0;
  color: #12447f;
  font-size: 16px;
  font-weight: 700;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
}

div#parts-container div.part-size h4,
div#parts-container div.part-size-active h4 {
  padding: 0;
  font-size: 16px;
  color: #888;
  text-transform: none;
  font-family: "Istok Web", Arial, sans-serif;
}

div#parts-container div.part-size span,
div#parts-container div.part-size-active span {
  font-size: 13px;
  color: #454545;
  font-family: "Istok Web", Arial, sans-serif;
  font-weight: 700;
}

div#parts-container div.part-size-active {
  background: #2baaff;
}

div#parts-container div.part-size-active h4, div#parts-container div.part-size-active span {
  color: #fff;
}

div#parts-container div.part-size {
  cursor: pointer;
}

div#parts-container div.part, 
div#parts-container div.part-active, 
div#parts-container div.part-incompatible {
  height: 340px;
  float: left;
  display: inline-block;
  background: #fff;
  border: 1px solid #dfe7ea;
}

div.first
{
  margin-left: 0px !important;
}

div#parts-container div.part, div#parts-container div.accessories {
  xcursor: pointer;
}

div#parts-container div.part-active  {
  background: #2baaff;
}

div#parts-container div.part-incompatible  {
  background: #fff;
}



div#parts-container div.part-incompatible p img  {
  display: none;
}

div#parts-container div.part div.part-content, 
div#parts-container div.part-active div.part-content,
div#parts-container div.part-incompatible div.part-content
{
  height: 255px;
  overflow: hidden;
}

div#parts-container div.part div.part-content h4, 
div#parts-container div.part-active div.part-content h4,
div#parts-container div.part-incompatible div.part-content h4,  
div#parts-container div.part div.part-content div,
div#parts-container div.part-active div.part-content div,
div#parts-container div.part-incompatible div.part-content div,
div#parts-container div.part div.part-price, 
div#parts-container div.part-active div.part-price,
div#parts-container div.part-incompatible div.part-price
{
  padding: 5px 8px 5px 8px;
}

div#parts-container div.part div.part-content h4, 
div#parts-container div.part-active div.part-content h4, 
div#parts-container div.part-incompatible div.part-content h4 {
  padding-top: 10px;
  color: #555555;
  font-weight: 700;
  font-size: 15px;
}

div#parts-container div.part div.part-content p,
div#parts-container div.part-active div.part-content p,
div#parts-container div.part-incompatible div.part-content p {
  font-size: 12px;
  color: #656565;
  font-family: "Istok Web", Arial, sans-serif;
  padding: 0 5px 0 8px;
  margin: 0;
}

div#parts-container div.part-active div.part-content p {
  color: #fff;
}

div#parts-container div.part-incompatible div.part-content p {
  color: #ddd;
}

div#parts-container div.part div.part-content div,
div#parts-container div.part-active div.part-content div,
div#parts-container div.part-incompatible div.part-content div {
  font-size: 12px;
  color: #656565;
  font-family: "Istok Web", Arial, sans-serif;
}

div#parts-container div.part div.part-content div.image,
div#parts-container div.part-active div.part-content div.image,
div#parts-container div.part-incompatible div.part-content div.image {
  padding: 0;
  text-align: center;
  overflow: hidden;
  background-color: white;
}

div#parts-container div.part div.part-content div.image a,
div#parts-container div.part-active div.part-content div.image a,
div#parts-container div.part-incompatible div.part-content div.image a 
{
  color: #fff;  
}

div#parts-container div.part div.part-content div.image img,
div#parts-container div.part-active div.part-content div.image img,
div#parts-container div.part-incompatible div.part-content div.image img{
  xheight:134px;
}

div#parts-container div.part div.part-content div.image div,
div#parts-container div.part-active div.part-content div.image div,
div#parts-container div.part-incompatible div.part-content div.image div {
  position: relative;
  top: -200px;
  left: 0px;
  xxwidth: 223px;
  height: 320px;
  overflow: hidden;
  background-color: rgba(0, 153, 255, 0.83);
  display: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d30099ff', endColorstr='#d30099ff');
}

div#parts-container div.part-active div.part-content div.image div
{
  display: block;
  width: 207px;
  height: 160px;
  cursor: pointer;
}

div#parts-container div.part-incompatible div.part-content div.image div
{
  display: block;
  background-color: rgba(255,255,255,0.8);
  width: 207px;
  height: 160px;
}

div#parts-container div.part div.part-price,
div#parts-container div.part-active div.part-price,
div#parts-container div.part-incompatible div.part-price 
{
  font-family: "Myriad","Arial",lucida, sans-serif; font-weight: 700;
  color: #555555;
  font-size: 18px;
  xpadding: 0.6em 0.5em 0.3em 0.5em;
  text-align: right;
}

div#parts-container div.part-active div.part-content h4,
div#parts-container div.part-active div.part-content div,
div#parts-container div.part-active div.part-price {
  color: #fff;
}

div#parts-container div.part-incompatible div.part-content h4,
div#parts-container div.part-incompatible div.part-content div,
div#parts-container div.part-incompatible div.part-price {
  color: #ddd;
}

div#parts-container div.part div.part-selection,
div#parts-container div.part-active div.part-selection{
  display:block;
}
div#parts-container div.part div.part-selection div.details,
div#parts-container div.part-active div.part-selection div.details {
  display: block;
  float: left;
  padding: 6px 0 6px 0;
  margin: 0;
  font-weight: 700;
}

div#parts-container div.part div.part-selection div.details a,
div#parts-container div.part-active div.part-selection div.details a{
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  text-transform: uppercase;
  color: #555;
  font-size: 13px;
}

div#parts-container div.part-active div.part-selection div.details a{
  color: #fff;
}

div#parts-container div.part div.part-selection div.selector,
div#parts-container div.part-active div.part-selection div.selector {
  display: block;
  float: right;
  margin: 0;
  padding: 6px;
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #c4c7cc;
}

div#parts-container div.part div.part-selection div.selector:hover {
  background: #08a5ff;
  border-top: 1px solid #08a5ff;
  border-left: 1px solid #08a5ff;
  border-right: 1px solid #08a5ff;
  border-bottom: 1px solid #08a5ff;
}

div#parts-container div.part div.part-selection div.selector:hover a {
  color: #ffffff;
}

div#parts-container div.part div.part-selection div.selector a,
div#parts-container div.part-active div.part-selection div.selector a{
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  text-transform: uppercase;
  color: #1d74bb;
  font-size: 13px;
  text-decoration: none;
  background: none;
}
div#parts-container div.part div.part-selection div.selector a:hover {
  color: #ffffff;
}

div#parts-container div.part-active div.part-selection div.selector
{
  border-top: 1px solid #0e9ed3;
  border-left: 1px solid #02acea;
  border-right: 1px solid #02acea;
  border-bottom: 1px solid #99dff9;
}

div#parts-container div.part-active div.part-selection div.selector a.active {
  background: url("/images/part-selected.png");
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0 0;
  /**/
}

div#parts-container div.part-active div.part-selection div.selector a{
  color: #fff;
}

div#parts-container div.part-incompatible div.part-selection {
  display: none;
}

div.part-incompatible div.incompatible-info
{
  text-align: center;
  color: #777;
  font-size: 11px;
}

div.part-incompatible div.incompatible-info strong
{
  font-size: 11px;
  font-weight: 700;
  color: #333;
}



div.color-part,
div.color-part-active {
  display: block;
  float:left;
  padding: 16px;
  height: 95px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
}

div.color-part-active {
  xborder: 1px solid #ff0000;
  cursor: auto;
  font-family: "Dosis","Myriad","Arial",lucida, sans-serif;
}

div.color-part-active div {
  position: absolute;
  margin-top: -16px;
  text-transform: uppercase;
  font-size: 10px;
  background: #fff;
}

div.color-part span.color-price,
div.color-part-active span.color-price
{
  font-family: "Helvetica", "Arial", lucida, sans-serif;
}

div.summary-row {font-size: 1.3em; border-bottom: 1px solid #eee; font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; padding: 0.3em}
div.summary-row div {width: 150px; display: block; float: left; font-weight: 700; padding: 0; text-transform: uppercase;}
div.summary-row span {font-size: 0.9em; color: #999}

div#modal {position: absolute;z-index:9001;}
div#modal .hidden {display: none;}
div#modal .active {display: block;}
#mask {
  top: 0;
  left: 0;
  position:absolute;
  z-index:9000;
  background-color:#898989;
  display:none;
}

div#modal div.part-dialog {
  width: 660px;
  background: #fff;
  padding: 0;
  margin: 0;
}

div#modal div.part-dialog-big {
  width: 780px;
  height: 570px;
  background: #fff;
}

@media (max-width: 680px) {
  div#modal div.part-dialog,
  div#modal div.part-dialog-big
  {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0;
    margin: 0;
  }

  div#modal div.part-dialog div.content {
    height: auto;
    overflow: auto;
    top: 0px;
    padding: 0 10px 0 10px;
  }

  div#content-container img {
    width: 160px !important;
    height: 218px !important;;
  }
}





div#modal div.link-dialog {
  width: 600px;
  height: 280px;
  background: #fff;
}

div#modal div.alert-dialog {
  width: 300px;
  background: #fff;
}

@media (max-width: 600px) {
  div#modal div.link-dialog,
  div#modal div.alert-dialog
  {
    width: 100%;
    height: 100%;
    background: #fff;
  }
}



div#modal div.alert-dialog-auto {
  width: 380px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

div#modal div.alert-dialog-auto p {
  padding: 12px;
}


div#modal div.order-dialog {
  width: 300px;
  height: 150px;
  background: #fff;
}

div.dialog-header {
  background: #2baaff;
  color: #fff;
  font-size: 16px;
  padding: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

div.dialog-header span{
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

div.dialog-header div.close-button {
  display: block;
  float: right;
  background: url("/images/icon-close.png") no-repeat;
}

div.dialog-header div.close-button a{
  text-decoration: none;
  padding: 10px;
}

div.part-dialog div.content,
div.link-dialog div.content,
div.alert-dialog div.content,
div.order-dialog div.content
{
  height: 340px;
  padding: 10px;
}

div.part-dialog-big div.content
{
  min-height: 400px;
  padding: 10px;
  overflow: auto;
}

div#scroll-area {
  overflow: hidden;
}

div#scroll-area-big {
  overflow: hidden;
}

div.part-dialog div.content {
  left: 0;
  overflow: auto;
}

div#content-container, div#content-container-big {
  position:relative;
  xwidth: 20000px;
}

div#content-container img, div#content-container-big img {
  display: block;
  float: left;
}

div#content-container div, div#content-container-big div {
  display: block;
  float: left;
}

div#content-container div.description {
  display: block;
  float: left;
  overflow: hidden;
}

div#content-container-big div.description {
  display: block;
  float: left;
  overflow: hidden;
}

div#content-container div.description table, 
div#content-container-big div.description table {
  font-size: 13px;
}

div#content-container div.description p,
div#content-container div.description table td,
div#content-container-big div.description p,
div#content-container-big div.description table td {
  font-size: 13px;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif;
  vertical-align: top;
  padding: 0 5px 5px 5px;
}

div#content-container-big div.description p
{
  line-height: 130%;
}

div#content-container div.description table td,
div#content-container-big div.description table td {
  padding: 3px;
}

div#content-container div.description p{
  margin-bottom: 10px;
}

div#content-container-big div.description p  {
  margin-bottom: 10px;
}

div#content-container div.description table,
div#content-container-big div.description table {
  width: 100%;
}

div#content-container div.description table td.odd, 
div#content-container-big div.description table td.odd  {
  background: #ebebeb;
}

div#content-container div.description table td.caption, 
div#content-container-big div.description table td.caption {
  width: 170px;
  font-size: 12px;
  font-weight: 400;
  color: #1c75bb;
  text-transform: uppercase;
  padding: 5px;
  vertical-align: middle; 
  font-family: "Istok Web", "Helvetica", "Arial", lucida, sans-serif;
}

div#dialog-paging, 
div#dialog-paging-big {
  text-align: center;
}

div#dialog-paging div.paging-left, 
div#dialog-paging-big div.paging-left {
  display: block;
  float:left;
  height: 30px;
  padding: 10px 0 0 0;
}

div#dialog-paging div.paging-middle,
div#dialog-paging-big div.paging-middle {
  text-align: center;
  padding-top: 10px;
  display: block;
  width: 400px;
  float:left;
}

div#dialog-paging-big div.paging-middle {
  width: 500px;
}

div#dialog-paging div.paging-right,
div#dialog-paging-big div.paging-right {
  display: block;
  float:right;
  height: 30px;
  padding: 10px 0 0 0;
}

div#dialog-paging div.paging-left a,
div#dialog-paging-big div.paging-left a {
  text-transform: uppercase;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  color: #959595;
  background: url("/images/paging-left.png") no-repeat;
  background-position: 15px 0px;
  padding: 0 10px 0 40px;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
}

div#dialog-paging div.paging-left a:hover,
div#dialog-paging-big div.paging-left a:hover {
  color: #555;
}

div#dialog-paging div.paging-right a,
div#dialog-paging-big div.paging-right a {
  text-transform: uppercase;
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  color: #959595;
  background: url("/images/paging-right.png") no-repeat;
  background-position: right 0px;
  padding: 0 40px 0 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
}

div#dialog-paging div.paging-right a:hover,
div#dialog-paging-big div.paging-right a:hover {
  color: #555;
}

div#dialog-paging div.paging-left a.disabled,
div#dialog-paging div.paging-right a.disabled,
div#dialog-paging-big div.paging-left a.disabled,
div#dialog-paging-big div.paging-right a.disabled {
  color: #bbb;
}

div.paging-middle a {
  background: url("/images/paging-inactive.png") no-repeat;
  padding: 0 10px 0 10px;
  text-decoration: none;
}

div.paging-middle a.selected {
  background: url("/images/paging-active.png") no-repeat;
}

div#compatibility-bar {
  padding: 6px;
  font-size: 11px;
  font-family: "Open Sans","Myriad","Arial",lucida, sans-serif;
  color: #ee2e24;
  text-align: center;
}

div#compatibility-bar strong {
  font-size: 11px;
  font-family: "Open Sans","Myriad","Arial",lucida, sans-serif;
  color: #222222;
}

div.link-dialog div.content {
  height: 160px;
}

div.alert-dialog div.content {
  height: 80px;
}

div.order-dialog div.content {
  height: 40px;
}

@media(max-width: 600px) {
  div.link-dialog div.content {
    height: auto;
  }

  div.alert-dialog div.content {
    height: auto;
  }

  div.order-dialog div.content {
    hheight: auto;
  }
}

div.dialog-bar, div.dialog-bar-paging {
  background: #ebebeb;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c9cdd0;
  overflow: hidden;
  height: 40px;
}

div.dialog-bar div.confirm {
  display: block;
  float: right;
  height: 40px;
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #cb3833;
  border-top: 1px solid #f8aba7;
  background: #ee2e24 url("/images/icon-check.png") no-repeat 8px 7px;
}

div.dialog-bar div.confirm a {
  font-family: "Dosis", "Helvetica", "Arial", lucida, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 20px 10px 45px;
}

div#sending {
  padding:10px 10px 10px 13px;
  display:block; 
  float:left; 
  font-size:14px;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif !important; 
  font-weight: 400; 
  color: red;
}

div.content p {
  font-size: 13px;
  padding: 0 0 15px 0;
}

label {margin-right: 11px;}

input,select {
  border: 1px solid #999;
  padding: 5px;
  background: #fff;
}

input.readonly, 
select.readonly {
  border: 1px solid #bbb;
  padding: 5px;
  background: #e5e5e5;
  color: #777;
}

div.loader-message {
  background: url("/images/kolos-loader.gif") no-repeat;
  padding: 0.6em 0 0 4.4em;
}

div.order-complete {
  padding: 15px;
  border: 1px solid #eeeeee;
}

div.order-complete h3 {
  color: #1e75ba;
  font-size: 16px;
  padding: 24px 0 0 0;
  font-weight: 700;
  margin: 0 5px 5px 0;
  border-bottom: 1px solid #8dbbe0;
}

div.color {
  display: block;
  float: left;
  padding: 15px;
  font-size: 13px;
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; 
}

div.summary-color {
  width: 40px;
  height: 40px;
  border: 1px solid #999;
}

div.order-complete div.order-number {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  font-family: "Dosis", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}

div.order-complete p {
  font-size: 13px;
}

div.order-complete p span {
  font-size: 13px;
  font-weight: 700;
}

div.order-complete div.price {
  font-family: "Arial", "Helvetica", lucida, sans-serif; 
  font-weight: 700;
  font-size: 20px;
  color: #000; 
}

/*div.order-number {
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif; 
  font-weight: 700;
  font-size: 1.6em; 
  height: 305px;
} */

table.summary {width: 100%;}
table.summary td {
  font-size: 13px;
  border-bottom: 1px solid #ddd; 
  font-family: "Istok Web","Myriad","Arial",lucida, sans-serif;
  padding: 5px 8px 4px 8px;
  vertical-align: top;
}

table.summary td span {
  font-size: 12px;
  color: #999
}

ul.order-links {
  list-style: none;
}

ul.order-links li{
  list-style: none;
  padding: 5px 0 5px 0;
}

ul.order-links li a{
  font-size: 13px;
  color: #555;
  padding: 10px 0 10px 35px;
  background-position: 0 5px;
}

ul.order-links li a:hover{
  color: #1e75ba;
}

a.link-pdf {
  background: url("/images/icon-pdf.png") no-repeat;  
}

a.link-facebook {
  background: url("/images/icon-facebook.png") no-repeat;  
}

a.link-email {
  background: url("/images/icon-email.png") no-repeat;  
}

a.link-twitter {
  background: url("/images/icon-twitter.png") no-repeat;  
}

a.link-gplus {
  background: url("/images/icon-gplus.png") no-repeat;  
}

div.text-container {
  font-family: "Istok Web", "Myriad", sans-serif;
  padding: 5px 40px 40px 25px;
}

div.text-container * {
  font-family: "Istok Web", "Myriad", sans-serif; 
}

div.text-container h2, div.address h2 {
  font-weight: 700;
  font-size: 20px;
  padding: 10px 0;
}

div.text-container p {
  font-size: 15px;
  padding: 8px 0;
}

div.text-container p.perex {
  font-size: 18px;
}

div.text-container table {
  border-collapse: collapse;
}

div.text-container table td, div.text-container table th {
  font-size: 14px;
  border: 1px solid #888888;
  padding: 8px;
}

div.text-container table th {
  font-weight: 900;
  vertical-align: top;
  color: #1e75ba;
}

div.share-info {
  float:left;  
  padding-left: 40px;
}

div.share-info * {
  font-family: "Istok Web", "Myriad", sans-serif;
}

div.share-info h3 {
  color: #ee2e24;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 12px;
}

div.share-info h4 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
  text-transform: none;
}

div.share-info p {
  font-size: 13px;
  padding-bottom: 8px;
}

label.warning {
  color: #ac6141 !important;
}

span.price-summary {
  font-family: "Arial", sans-serif !important;
  font-weight: bold !important;
  font-size: 16px !important;
  color: #333 !important;
}

#row_price_sum td {
  font-weight:bold;
  font-size:20px;
  background: #afd9ee;
}

td.tdright {
  text-align:right;
}

td.warning {
  color: #ac2925;
}

div.no6_order_notice {
  font-family: "Istok Web", "Myriad", sans-serif;
  padding: 16px;
  background: #f4bb51;
  font-size: 1.4em;
}

div.address {
  margin:5px;
  padding: 5px 10px 15px 25px;
  background: #f1f1f1;
  min-height: 395px;
}

div#contact_map
{
  clear: both;
  height: 450px;
  width: auto;
}

@media (max-width: 990px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.navbar-collapse.collapse.in {
  display: block!important;
}

a.carousel-control.right {
  background-image: none;
}
a.carousel-control.left {
  background-image: none;
}

div#settings {
  padding: 10px 0 0 15px;
}

div#settings a {
  font-size: 12px;
}

.img-super-responsive {
  height: auto;
  width: 100%;
}

span.price {
  font-weight: bold;
  font-size: 18px;
}

.icon-bar {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.icon-bar-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-family: "Dosis", "Arial", lucida, sans-serif;
  text-transform: uppercase;
}

.navbar-default .navbar-toggle {
  padding: 4px;
  border-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar-text,
.navbar-default .navbar-toggle:focus .icon-bar-text{
  color: #00aeef;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
  border: none;
}

div#process-progress-mobile {
  width: 100%;
  height: 10px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#process-progress-mobile div.segments {
  display: table;
  width: 100%;
  height: 100%;
  line-height: 1;
  overflow: hidden;
}

div#process-progress-mobile div.segments div {
  border: 1px solid #fff;
  min-height: 10px;
  display: table-cell;
  height: 100%;
  background: #f1f1f1;
}

div#process-progress-mobile div.segments div.done {
  background: #afe1f4;
}

div#process-progress-mobile div.segments div.current {
  background: #00aeef;
}

div#process-progress-mobile div.segments div a{
  display: inline-block;
  width: 100%;
  height: 10px;
}

tr.discount td {
  background: #f2f3de;
}

button.discount_button {
  background: #ddd;
  border: none;
  padding: 0.6rem 1rem 0.6rem 1rem;
  outline-offset: -1px;
  outline: 1px solid #ccc;
}

button.discount_button:hover {
  background: #eee;
  outline-offset: -1px;
  outline: 1px solid #bbb;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
}