@charset "UTF-8";
@media screen, print {
  /* General styles */
  body {
    /*background:url("../Images/background.jpg") no-repeat fixed 50% 0 #828389;*/
    border: 0; /* This removes the border around the viewport in old versions of IE */
    color: #444444;
    margin: 0;
    font-size: 15px;
  }
  h1, h2, h3, h4 {
    text-transform: uppercase;
  }
}
.p-0 {
  padding: 0 !important;
}

.pos-rel {
  position: relative !important;
}

.gutter-half-left {
  padding-left: 4px;
}

.gutter-half-right {
  padding-right: 4px;
}

.car_list_itemgroup {
  margin: 0 15px;
}
.car_list_itemgroup.se_item_aukahlutir {
  border: none;
}

.error_text {
  padding: 10px 0;
  margin: 10px 0;
  color: #a94442;
  float: left;
  width: 100%;
}

#cookie-consent {
  z-index: 10000;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #5e5d5b;
  color: #ffffff;
  padding: 1rem;
  text-align: center;
}
#cookie-consent a {
  color: #333;
  font-weight: bold;
}
#cookie-consent button {
  color: #333;
  margin-left: 1rem;
  padding: 1rem;
  font-size: larger;
}

body {
  font-family: "Glory", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
body.gray-bg {
  background-color: #f5f5f5 !important;
}
body.atsite .nav.navbar-nav li.atsite {
  background-color: #990505;
}
body.atsite .nav.navbar-nav li.atsite a {
  color: #f2f2f2;
}
body.rafbilar .nav.navbar-nav li.rafbilar {
  background-color: #990505;
}
body.rafbilar .nav.navbar-nav li.rafbilar a {
  color: #fff;
}
body.offers .nav.navbar-nav li.offers {
  background-color: #990505;
}
body.offers .nav.navbar-nav li.offers a {
  color: #fff;
}
body.register .nav.navbar-nav li.register {
  background-color: #990505;
}
body.register .nav.navbar-nav li.register a {
  color: #fff;
}
body.financing .nav.navbar-nav li.financing {
  background-color: #990505;
}
body.financing .nav.navbar-nav li.financing a {
  color: #fff;
}
body.umokkur .nav.navbar-nav li.umokkur {
  background-color: #990505;
}
body.umokkur .nav.navbar-nav li.umokkur a {
  color: #fff;
}

.clear-both {
  clear: both;
}

.umokkur .opening-hours h3 {
  margin-bottom: 5px;
}
.umokkur .opening-hours .location-hrs {
  margin-bottom: 20px;
}

.similar-vehicles {
  background-color: #f5f5f5;
  overflow: hidden;
  padding: 15px 0 45px;
}
.similar-vehicles h2 {
  margin-bottom: 10px;
}

.search-engine {
  padding: 15px 0;
  text-transform: none;
}

.img-container {
  overflow: hidden;
}
.img-container img {
  width: 100%;
}

.img-rest .img-container {
  margin-bottom: 30px;
}

.carousel-ads .openinghours {
  font-size: 20px;
}

.openinghours {
  font-size: 16px;
}
.openinghours .openhours-day {
  float: left;
  width: 150px;
}

.employees-container .employee {
  margin: 0 30px 1rem 30px;
  float: left;
}
.employees-container .employee .employee_section {
  text-align: center !important;
}
.employees-container .employee .employee_section .employee_name {
  font-weight: bold;
}
.employees-container .employee .employee_section img {
  border-radius: 0;
}

.info-container {
  background-color: #f5f5f5;
  margin-bottom: 1rem;
  padding: 1rem;
  text-align: center;
}
.info-container h3 {
  margin: 0;
}

.payment-options-container {
  overflow: hidden;
  line-height: 80px;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-evenly;
}
.payment-options-container h3 {
  margin-bottom: 1rem;
  padding: 0;
  width: 100%;
  text-align: left;
}
.payment-options-container .service-logo {
  margin: 0 1rem;
}
.payment-options-container a {
  float: left;
}

iframe {
  border: none;
  overflow: hidden;
}
iframe.second-ad {
  margin-bottom: 15px;
}

.bss-slides {
  height: 100%;
}
.bss-slides .bss-next {
  right: 0;
}

.carousel-container {
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}
.carousel-container img {
  width: 100%;
}

#main_container {
  background-color: #f5f5f5;
}

.frontpage-header {
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}
.frontpage-header img {
  width: 100%;
}
.frontpage-header .section-header {
  margin-top: 15px;
  margin-bottom: 60px;
  position: absolute;
  top: 5%;
  left: 20%;
  color: #fff;
}
.frontpage-header .section-header h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
  text-align: center;
}
.frontpage-header .section-header h2 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

.hr-xs {
  width: 100%;
  float: left;
  padding: 0 15px;
}
.hr-xs hr {
  width: 100%;
  background-color: #aaa;
}

nav.navbar {
  background: #e0e0e0;
  background-size: cover;
}
nav.navbar .navbar-brand {
  padding: 0 15px;
}
nav.navbar .company-name {
  color: #333;
  display: none;
  float: left;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 72px;
  margin-right: 2rem;
}
nav.navbar a.navbar-brand {
  padding-top: 3px;
}
nav.navbar .navbar-nav li a {
  color: #343434;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
}
nav.navbar .navbar-nav li a:hover, nav.navbar .navbar-nav li a:focus {
  color: #fff;
  background-color: #bb0606;
}
nav.navbar .container .navbar-header,
nav.navbar .container .search-cars,
nav.navbar .container .navbar-collapse,
nav.navbar .container .quick-search {
  pointer-events: auto;
}

.navbar-header a {
  color: #343434;
}
.navbar-header a:hover, .navbar-header a:focus {
  color: #343434;
}

#back-to-top {
  padding: 13px 18px;
  border-radius: 0;
  color: #fff;
  position: fixed;
  bottom: 10px;
  right: 10%;
  display: none;
  z-index: 9999;
}

.search-cars {
  background-color: #d0d0d0;
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  padding: 23px;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
.search-cars.active {
  background-color: #990505;
  color: #f0f0f0;
}
.search-cars.active:hover {
  background-color: #bb0606;
  color: #f0f0f0;
}
.search-cars:hover {
  background-color: #c0c0c0;
}
.search-cars span {
  font-size: 22px;
}

.panelSections .serial-number-row input[type=submit],
a.btn,
input.btn {
  color: #f2f2f2;
  background-color: #990505;
  border: none;
}
.panelSections .serial-number-row input[type=submit]:hover, .panelSections .serial-number-row input[type=submit]:focus,
a.btn:hover,
a.btn:focus,
input.btn:hover,
input.btn:focus {
  color: #f2f2f2;
  background-color: #bb0606;
}

.car_inquiry_resp .car_list_line,
.register_car_resp .car_list_line {
  /*font-size: $cd-font-size-rg;*/
}
.car_inquiry_resp .car_list_line:nth-child(2),
.register_car_resp .car_list_line:nth-child(2) {
  padding: 0 15px;
}
.car_inquiry_resp .car_list_line .row h3.se_group_caption,
.register_car_resp .car_list_line .row h3.se_group_caption {
  padding: 0 15px;
}
.car_inquiry_resp .car_list_line .form-group select,
.car_inquiry_resp .car_list_line .form-group input,
.car_inquiry_resp .car_list_line .form-group textarea,
.register_car_resp .car_list_line .form-group select,
.register_car_resp .car_list_line .form-group input,
.register_car_resp .car_list_line .form-group textarea {
  border-radius: 0;
}
.car_inquiry_resp .inq_item_col,
.register_car_resp .inq_item_col {
  float: left;
}
.car_inquiry_resp .inq_item_col label,
.register_car_resp .inq_item_col label {
  padding-left: 5px;
}
.car_inquiry_resp .emplist_line ol,
.register_car_resp .emplist_line ol {
  list-style-type: none;
  margin-left: -4rem;
}
.car_inquiry_resp .emplist_line ol li,
.register_car_resp .emplist_line ol li {
  float: left;
  width: 45%;
  margin-right: 1rem;
  height: 10rem;
  padding: 1rem;
}
.car_inquiry_resp .emplist_line ol li.selected,
.register_car_resp .emplist_line ol li.selected {
  background-color: #efefef;
  color: white;
}
.car_inquiry_resp .emplist_line ol li a,
.register_car_resp .emplist_line ol li a {
  text-decoration: none;
}
.car_inquiry_resp input[type=submit],
.register_car_resp input[type=submit] {
  cursor: pointer;
  color: #f2f2f2;
  background-color: #990505;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-appearance: button;
  margin: 15px 0 30px 15px;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.car_inquiry_resp input[type=submit]:hover, .car_inquiry_resp input[type=submit]:focus,
.register_car_resp input[type=submit]:hover,
.register_car_resp input[type=submit]:focus {
  color: #f2f2f2;
  background-color: #bb0606;
}

#back-to-top {
  background-color: #ddd;
  -webkit-transition: background-color 0.5s, color 0.5s;
  -moz-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
  border-radius: 1rem;
}

.phone {
  color: #333;
  float: left;
  text-transform: uppercase;
}
.phone a {
  padding: 15px 10px 15px 2px;
}
.phone a:focus, .phone a:hover {
  text-decoration: none;
}

.panelSections {
  background-color: #343D45;
  overflow: hidden;
  padding: 15px 0;
  height: 100%;
  position: relative;
}
.panelSections li {
  list-style-type: none;
  display: inline;
  overflow: hidden;
  margin: 8px 0;
}
.panelSections li a {
  color: #f0f0f0;
  text-decoration: none;
  width: 100%;
  display: block;
  overflow: hidden;
}
.panelSections li a:focus, .panelSections li a:hover {
  color: #fff;
}
.panelSections li a img {
  float: left;
  width: 100%;
}
.panelSections li a span {
  float: left;
  clear: both;
}

.cd_photolist {
  overflow: hidden;
}

.pswp {
  z-index: 9999;
}

.cd_inline_buttons {
  margin-top: 10px;
}

/* CarDetails */
.car-details {
  margin-top: 15px;
}

.cd-title {
  padding: 0;
  margin-bottom: 30px;
}

.cd-f1 {
  font-size: 32px;
  padding: 20px 20px 15px;
}

.cd-title-item {
  padding: 5px 20px;
  font-size: 20px;
}

.cd-title-location {
  padding: 0 0 0 20px;
}
.cd-title-location img {
  max-width: 25px;
}

.cd-make {
  font-weight: bold;
  margin-right: 5px;
}

.cd-model {
  font-weight: normal;
}

.cd-subtitle {
  padding: 0;
  background-color: #dddee0;
}

.cd-sub-item:first-child {
  display: inline;
  padding-right: 15px;
}

.cd-sub-item:not(:first-child) {
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #eee;
}

.cd-subtitle > div {
  line-height: 48px;
  font-size: 16px;
  padding-left: 30px;
}

.cd-subtitle .cd-price {
  float: right;
  background-color: #aaa;
  color: #fff;
  font-size: 22px;
  text-align: center;
}

.cd-img {
  margin: 5px 0;
  overflow: hidden;
}

.cd-img img {
  width: 100%;
}

.cd-side-details {
  float: right;
  padding: 0;
}

.cd-side-item {
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  padding: 10px 5px;
}

.cd-side-verd-ath {
  padding: 10px 20px;
  font-size: 16px;
  border-bottom: 1px solid #ebebeb;
  text-align: justify;
}

.cd-side-extra-ath {
  font-size: 16px;
  text-align: justify;
  padding: 10px 20px;
}

.cd-side-item .right-align {
  font-weight: bold;
}

.cd-main-details {
  padding: 0 15px;
  font-size: 15px;
  font-weight: normal;
  background-color: #ebebeb;
  border-top: 1px solid #ddd;
}

.cd-main-details > .row {
  padding: 6px 0;
}

.cd-main-details > .row > div {
  padding: 4px 15px;
}

/**/
.cd_command_bar,
.command-bar {
  background-color: #990505;
  overflow: hidden;
  text-transform: uppercase;
}
.cd_command_bar.fixed-at-top,
.command-bar.fixed-at-top {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
}
.cd_command_bar.fixed-at-top a.fb_share_link::before,
.command-bar.fixed-at-top a.fb_share_link::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f082";
  margin-right: 5px;
}
.cd_command_bar .command-bar-btn,
.cd_command_bar .cd_command_bar_btn,
.command-bar .command-bar-btn,
.command-bar .cd_command_bar_btn {
  float: left;
  padding: 15px 25px 15px 0;
  font-size: 16px;
  color: #f2f2f2;
}
.cd_command_bar .command-bar-btn a,
.cd_command_bar .cd_command_bar_btn a,
.command-bar .command-bar-btn a,
.command-bar .cd_command_bar_btn a {
  color: #f0f0f0;
  text-decoration: none;
}
.cd_command_bar .command-bar-btn a:hover,
.cd_command_bar .cd_command_bar_btn a:hover,
.command-bar .command-bar-btn a:hover,
.command-bar .cd_command_bar_btn a:hover {
  color: #fff;
}

a {
  color: #333;
}
a:hover, a:focus {
  color: #333;
}

.footer {
  padding: 60px 0;
  border-top: 4px solid #990505;
  /*a {
  	color: #fff;
  }*/
}
.footer .subtext {
  font-size: 8pt;
}

.panelSections .serial-number-row input[type=submit],
.panelSections .serial-number-row input[type=text] {
  display: inline;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.panelSections .serial-number-row input[type=text] {
  width: 100px !important;
  margin-left: 5px;
}

.serial-number-row {
  overflow: hidden;
  position: absolute;
  bottom: 15px;
  right: 15px;
  left: 15px;
  width: 100%;
}

.p-15 {
  padding: 15px;
}

.top-heading {
  background-color: #990505;
  width: 100%;
}
.top-heading h1 {
  color: #f0f0f0;
  margin-top: 0;
}

.quick-search {
  background-color: #ddd;
  border-top: 3px solid #990505;
  border-bottom: 3px solid #990505;
  clear: both;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
}
.quick-search.show {
  height: 180px;
}
.quick-search label {
  margin-bottom: 3px;
}
.quick-search .group .combo_group:last-child {
  margin-bottom: 0;
}
.quick-search .framl {
  min-width: 176px;
}
.quick-search .gerd {
  min-width: 134px;
}
.quick-search .combo_group {
  margin-bottom: 8px;
}
.quick-search .combo_group > div {
  line-height: 34px;
}
.quick-search .combo_group span {
  float: left;
  vertical-align: middle;
  font-size: 14px;
}
.quick-search .combo_group .dropdown {
  float: right;
  display: flex;
}
.quick-search .combo_group .dropdown select {
  width: 95px;
  margin-left: 8px;
}
.quick-search .checkbox_group label {
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
}
.quick-search .search-btn-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
}

.g-recaptcha {
  padding-left: 15px;
}

.bold {
  font-weight: bold !important;
}

.form-group input[type=checkbox] + label {
  padding-left: 5px;
}

/* car inquiry */
.car-inquiry {
  margin-top: 15px;
}
.car-inquiry textarea {
  height: 12rem;
}
.car-inquiry .box_caption_text {
  font-size: 26px;
  font-weight: bold;
}

/***************/
/* register car */
.register .g-recaptcha {
  padding: 0;
}
.register input[type=submit] {
  margin-left: 0;
}

/****************/
/* car details */
.utbunadur .title {
  text-align: center;
  font-size: 26px;
}

/***************/
/* static síður */
.static-site a,
.utskyringar a,
.punktar125 a,
.buy-used a,
.about a {
  font-weight: bold;
  font-style: italic;
}
.static-site .row,
.utskyringar .row,
.punktar125 .row,
.buy-used .row,
.about .row {
  font-size: 16px;
  margin-bottom: 15px;
}
.static-site .row h1,
.utskyringar .row h1,
.punktar125 .row h1,
.buy-used .row h1,
.about .row h1 {
  margin: 20px 0;
}

.about-row {
  margin-top: 20px;
}

/******************/
.cpp_tag_overlay {
  position: absolute;
  top: 11px;
  left: -39px;
  width: 170px;
  background-color: #aaa;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  -ms-transform: rotate(-21deg);
  -webkit-transform: rotate(-21deg);
  -moz-transform: rotate(-21deg);
  -o-transform: rotate(-21deg);
  transform: rotate(-21deg);
}

.carousel-img .cpp_tag_overlay {
  top: 0;
  left: 0;
  width: unset;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  padding: 0.5rem 1rem;
}

/* search results */
/* SearchResults */
.sr-right {
  float: right;
  font-weight: normal;
}

.sr-make {
  font-weight: 700;
  margin-right: 5px;
}

.sr-model {
  font-weight: normal;
}

.search-results {
  padding: 0;
}

.sr-item-container:hover {
  cursor: pointer;
}

.sr-item .vehicle-banner {
  font-weight: bold;
  padding: 5px 5px 4px 12px;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sr-item .sr-link {
  color: #333;
}

.sr-link {
  color: #f0f0f0;
}

.sr-link:hover {
  text-decoration: none;
  color: #333;
}

.sr-link:focus {
  text-decoration: none;
  color: #333;
}

.sr-item {
  margin-top: 25px;
  padding: 1px;
}

.sr-item .bgh {
  padding: 14px;
  overflow: hidden;
}

.sr-img {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sr-img img {
  width: 100%;
}

.sr-title {
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  height: 55px;
  overflow: hidden;
}

.sr-location {
  font-size: 14px;
  margin-bottom: 5px;
}

.sr-location .atsiteimg,
.sr-title .atsiteimg {
  float: right;
  max-width: 20px;
}

.atsiteimg img {
  width: 100%;
}

.sr-title .title-text {
  float: left;
  max-width: 90%;
}

.sr-yr-pr {
  padding: 10px 0;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  border-top: 1px solid #c8c8c8;
  overflow: hidden;
  height: 74px;
}

.sr-yr-pr .verdath {
  font-size: 13px;
  font-weight: normal;
  float: right;
  text-align: right;
  max-height: 3.5rem;
  overflow: hidden;
}

.sr-yr-pr .modelyear {
  float: left;
  font-size: 13px;
  font-weight: normal;
  clear: both;
}

.bss-next {
  padding: 0 8px 0 8px;
  top: 56%;
}

.bss-prev {
  padding: 0 8px 0 8px;
  top: 56%;
}

.sr-info {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  overflow: hidden;
  padding: 10px 15px;
}

.sr-top-item-wrapper {
  overflow: hidden;
  line-height: 20px;
}

.sr-item-info {
  font-size: 14px;
  font-weight: 100;
  line-height: 30px;
}

.sr-item-wrapper {
  border-top: 1px solid #ddd;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 3px;
  /*&.gray {
  	background-color: #fff;
  }*/
}

.sr-search-order-links {
  padding: 0 15px;
  font-size: 1.4em;
  margin-top: 10px;
}

.link-refine-search {
  padding-left: 15px;
  padding-right: 15px;
}

.sr-no-info {
  font-size: 1.4em;
  margin-top: 30px;
}

/****************************/
.financing h1 {
  margin-bottom: 25px;
}
.financing > .row {
  margin-top: 20px;
  margin-bottom: 50px;
}

.financing-list tr:nth-child(even) {
  background: #f5f5f5;
}
.financing-list td {
  padding: 25px 0;
}
.financing-list td:last-child {
  padding-right: 15px;
}
.financing-list .section-margin-below {
  margin-bottom: 6rem;
}

.similar-vehicles #searchresultspages {
  background-color: #efefef;
}
.similar-vehicles #searchresultspages .sr-info {
  background-color: #fff;
}
.similar-vehicles #searchresultspages .sr-info .gray {
  background-color: #efefef;
}

#map,
#mapAkranes {
  margin-bottom: 30px;
}

.map-caption {
  margin-bottom: 1em;
}

#searchresultspages {
  float: left;
  width: 100%;
  border-radius: 0;
}
#searchresultspages .framlgerd {
  font-size: 26px;
}
#searchresultspages a {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
}

.price-add {
  font-size: 20px;
}

.vehicle-banner {
  font-weight: bold;
  padding: 5px 5px 4px 12px;
  color: #333;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sr-vehicle {
  float: left;
}
.sr-vehicle .sr-item-fp {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.sr-vehicle .main-info {
  float: left;
  width: 100%;
  padding: 4px 10px 2px 10px;
  background-color: #333;
  color: #fff;
}
.sr-vehicle .main-info > .item {
  float: left;
  margin-right: 5px;
}
.sr-vehicle .img-container {
  position: relative;
}
.sr-vehicle .img-container img {
  width: 100%;
}
.sr-vehicle .img-container .price {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-weight: bold;
  padding: 2px 15px;
  z-index: 100;
}

.flex-container {
  display: flex;
}
.flex-container .col-wrapper {
  display: flex;
  flex-direction: column;
}

.cd-vehicle-title .img-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cd-vehicle-title .img-container img {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
}
.cd-vehicle-title .framl-gerd-skrath {
  width: 100%;
  overflow: hidden;
}
.cd-vehicle-title .framl-gerd-skrath .cd-framl {
  float: left;
}
.cd-vehicle-title .framl-gerd-skrath .cd-gerd,
.cd-vehicle-title .framl-gerd-skrath .cd-skrath {
  float: left;
  clear: both;
  font-size: 20px;
}
.cd-vehicle-title .info {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.cd-vehicle-title .info > div {
  float: left;
  clear: both;
  font-size: 20px;
  margin-bottom: 10px;
}
.cd-vehicle-title .price {
  width: 100%;
  float: left;
  clear: both;
}
.cd-vehicle-title h1 {
  margin: 15px 0 0;
}
.cd-vehicle-title h2 {
  margin: 0;
}

.center-separator:before {
  content: "";
  height: 1px;
  display: block;
  top: -1px;
  position: relative;
  background-color: #ffffff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #343D45, rgba(255, 255, 255, 0) 80%);
}

.demo-text {
  padding: 15px;
}
.demo-text .center-separator:before {
  content: "";
  height: 1px;
  display: block;
  top: -1px;
  position: relative;
  background-color: #ffffff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #343D45, rgba(255, 255, 255, 0) 80%);
}
.demo-text h1 {
  text-align: center;
}
.demo-text .text {
  text-align: center;
  font-size: 16px;
  padding-bottom: 30px;
}
.demo-text li {
  list-style-type: none;
}

.info .at-site {
  margin-left: 15px;
}
.info .at-site img {
  max-width: 25px;
  margin-top: -6px;
}

.auka-ath {
  margin-top: 30px;
  font-size: 16px;
}

#top-slider-container {
  width: 100%;
  overflow: hidden;
}
#top-slider-container .carousel-container {
  width: 60%;
  float: left;
}
#top-slider-container .carousel-container .vehicle-info .fuel {
  text-align: center;
}
#top-slider-container .carousel-container .vehicle-info .akstur {
  text-align: center;
}
#top-slider-container .ads-container {
  width: 40%;
  float: left;
  padding-left: 30px;
  /*img {
  	width: 100%;

  	&.first-ad {
  		margin-bottom: 30px;
  	}
  }*/
}
#top-slider-container .ads-container .openhours-container {
  margin-bottom: 15px;
}
#top-slider-container .ads-container .openhours-container .opening-hours {
  /*background-color: $nav-collapse-button-color;
  padding: 20px 15px;*/
}
#top-slider-container .ads-container .openhours-container .opening-hours h3 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}
#top-slider-container .ads-container .openhours-container .opening-hours .location-hrs {
  margin-top: 10px;
}
#top-slider-container .ads-container .openhours-container .openhours-time {
  text-align: right;
}
#top-slider-container .ads-container .employees-list-container h3 {
  background-color: #990505;
  padding: 20px 15px;
}
#top-slider-container .ads-container .employee {
  width: 25%;
  margin: 0 25px 30px;
}

#top-slider a {
  color: #333;
}
#top-slider .carousel-vehicle {
  float: left;
  width: 100%;
}
#top-slider .carousel-vehicle .carousel-content {
  background-color: #990505;
  clear: both;
  float: left;
  width: 100%;
  padding: 10px;
}
#top-slider .carousel-vehicle .carousel-content .make-model {
  float: left;
  width: 65%;
  font-size: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#top-slider .carousel-vehicle .carousel-content .carousel-price {
  float: right;
  width: 35%;
  font-size: 32px;
}
#top-slider .carousel-vehicle .carousel-content .carousel-price .vehicle-price {
  float: right;
  text-align: right;
}
#top-slider .carousel-vehicle .carousel-content .vehicle-info {
  float: left;
  font-size: 24px;
}
#top-slider .carousel-vehicle .carousel-content .vehicle-info > div {
  float: left;
  padding-right: 45px;
}
#top-slider .carousel-ads {
  float: left;
  width: 40%;
  padding-left: 30px;
}
#top-slider .carousel-ads .first-ad {
  margin-bottom: 30px;
}

@media (max-width: 350px) {
  .quick-search.show {
    height: 597px;
  }
  .sr-title .title-text.at-site {
    max-width: 245px;
  }
  .employees-container .employee {
    width: 100%;
  }
}
@media (max-width: 660px) {
  .search-engine {
    padding: 15px;
  }
  .employees-container .employee {
    width: 50%;
  }
}
@media (max-width: 430px) {
  .employees-container .employee {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .cd-title-price {
    padding: 0 20px;
    font-size: 28px;
  }
  #top-slider-container {
    margin-top: 15px;
  }
  #top-slider-container .carousel-container {
    width: 100%;
  }
  #top-slider-container .ads-container {
    width: 100%;
    padding-left: 0;
  }
  #top-slider-container .ads-container .employees-list-container {
    padding-bottom: 20px;
  }
  #top-slider-container .ads-container .employee {
    width: 33.3%;
    margin: 0;
  }
  #top-slider .carousel-vehicle .carousel-content .make-model {
    width: 100%;
    font-size: 20px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price {
    float: left;
    width: 100%;
    font-size: 24px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price .vehicle-price {
    float: left;
    text-align: left;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info {
    float: left;
    font-size: 18px;
    width: 100%;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div {
    padding: 0;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div:nth-child(2n) {
    float: right;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div:nth-child(2n+1) {
    float: left;
    clear: both;
  }
  .employees-container .employee {
    width: 50%;
    max-width: 175px;
  }
  .register_car_resp .inq_item_col {
    width: 100%;
  }
  .price-number {
    font-size: 30px;
  }
  .panelSections li {
    height: 70px;
  }
  .panelSections li img {
    max-width: 150px;
  }
  #back-to-top {
    bottom: 5px;
  }
  .navbar.navbar-default .navbar-header .navbar-brand {
    float: left;
    position: relative;
    left: unset;
    margin-left: 0 !important;
    display: block;
    padding: 0 10px 0 0;
  }
  .navbar.navbar-default .navbar-header .navbar-brand img {
    margin-top: 14px;
    max-width: 100px;
  }
  .sr-title .title-text.at-site {
    max-width: 275px;
  }
  .quick-search {
    margin-right: -15px;
    top: 56px;
  }
  .quick-search .group:first-child {
    border-right: none;
  }
  .quick-search.show {
    height: 425px;
  }
  .quick-search label {
    margin-bottom: 0;
  }
  .quick-search hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sr-item {
    padding: 15px;
  }
  .sr-item .bgh {
    padding: 0;
  }
  .cd-vehicle-title {
    padding-bottom: 15px;
  }
  .cd-vehicle-title .img-container {
    height: unset;
  }
  .cd-vehicle-title .img-container img {
    position: relative;
    top: unset;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-gerd {
    clear: none;
    margin: 20px 0 0 15px;
  }
  .cd-vehicle-title .info {
    overflow: hidden;
    margin: 15px 0;
  }
  .lights .img-container,
  .hlid .img-container,
  .engine .img-container,
  .cd-vehicle-title .img-container,
  .cd-ytra-byrdi .img-container,
  .cd-innretting .img-container,
  .cd-cabin .img-container {
    width: 100%;
  }
  .lights img,
  .hlid img,
  .engine img,
  .cd-vehicle-title img,
  .cd-ytra-byrdi img,
  .cd-innretting img,
  .cd-cabin img {
    width: 100%;
  }
  .lights .content .flex-item .title,
  .hlid .content .flex-item .title,
  .engine .content .flex-item .title,
  .cd-vehicle-title .content .flex-item .title,
  .cd-ytra-byrdi .content .flex-item .title,
  .cd-innretting .content .flex-item .title,
  .cd-cabin .content .flex-item .title {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .lights .content .flex-item .item,
  .hlid .content .flex-item .item,
  .engine .content .flex-item .item,
  .cd-vehicle-title .content .flex-item .item,
  .cd-ytra-byrdi .content .flex-item .item,
  .cd-innretting .content .flex-item .item,
  .cd-cabin .content .flex-item .item {
    font-size: 16px;
  }
  .cd-row {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .cd-row .content {
    padding: 15px;
  }
  .cd-row .content.spegill {
    padding-bottom: 0;
  }
  .hlid {
    padding-top: 10px;
  }
  .hlid .img-container img {
    margin-bottom: 25px;
  }
  .img-rest {
    padding-top: 10px;
  }
  .front-back-inside {
    padding-top: 10px;
  }
  .front-back-inside > div:first-child {
    margin-bottom: 25px;
  }
  .extra-separator-bottom {
    padding-bottom: 40px;
  }
  .engine {
    padding-top: 0;
  }
  .engine > div:nth-child(2) {
    margin-bottom: 25px;
  }
  .utbunadur {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .utbunadur .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .utbunadur .item {
    font-size: 16px;
  }
  .cd-innretting .content {
    padding: 0 15px 15px;
  }
  .cd-cabin {
    padding-bottom: 40px;
  }
  .cd-cabin > div {
    margin-top: 30px;
  }
  .cd-cabin > div:first-child {
    margin-top: 0;
  }
  .cd-cabin > div .one-liner {
    font-size: 20px;
  }
  .text-container {
    padding: 0 5px;
  }
  .text-container.col-sm-4, .text-container.col-sm-6 {
    padding: 0 20px;
  }
  .sr-vehicle {
    margin-bottom: 15px;
  }
  .sr-vehicle .img-container .price {
    font-size: 24px;
  }
  .cd_command_bar.fixed-at-top,
  .command-bar.fixed-at-top {
    position: relative;
  }
}
@media (min-width: 768px) {
  nav.navbar .company-name {
    display: inline-block;
  }
  .top-heading {
    height: 170px;
  }
  .top-heading h1 {
    padding-top: 80px;
  }
  .cd-title-item {
    padding: 3px 20px;
    font-size: 18px;
  }
  .cd-title-price {
    padding: 0 20px;
    font-size: 28px;
  }
  .hr-xs {
    display: none;
  }
  #top-slider-container {
    margin-top: 30px;
  }
  #top-slider-container .carousel-container {
    width: 100%;
  }
  #top-slider-container .ads-container {
    width: 100%;
    padding-left: 0;
  }
  #top-slider-container .ads-container .employees-list-container {
    padding-bottom: 20px;
  }
  #top-slider-container .ads-container .employee {
    width: 33%;
    margin: 0;
    min-width: 150px;
  }
  #top-slider .carousel-vehicle .carousel-content .make-model {
    width: 65%;
    font-size: 20px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price {
    float: right;
    width: 35%;
    font-size: 20px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price .vehicle-price {
    float: right;
    text-align: right;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info {
    float: left;
    font-size: 15px;
    width: 100%;
    float: left !important;
    clear: none !important;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div {
    padding-right: 15px;
    float: left;
  }
  #top-slider .carousel-ads {
    float: left;
    width: 40%;
  }
  .quick-search.show {
    height: 235px;
  }
  .quick-search.show .group:first-child {
    margin-bottom: 8px;
    border-right: 1px solid #aaa;
  }
  .employees-container .employee {
    width: 25%;
  }
  .register_car_resp .inq_item_col {
    width: 50%;
  }
  .price-number {
    font-size: 22px;
  }
  .panelSections li {
    height: 70px;
  }
  .extra-separator-bottom {
    padding-bottom: 80px;
  }
  .sr-title .title-text.at-site {
    max-width: 285px;
  }
  .cd-vehicle-title {
    padding-bottom: 30px;
  }
  .cd-vehicle-title .img-container {
    height: 335px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-vehicle-title .img-container img {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
  }
  .cd-vehicle-title .framl-gerd-skrath {
    width: 100%;
    overflow: hidden;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-framl {
    float: left;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-gerd,
  .cd-vehicle-title .framl-gerd-skrath .cd-skrath {
    float: left;
    clear: both;
  }
  .cd-vehicle-title .info {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .cd-vehicle-title .info > div {
    float: left;
    clear: both;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .cd-vehicle-title .price {
    width: 100%;
    float: left;
    clear: both;
  }
  .cd-vehicle-title .price .cd-price h1 {
    font-size: 30px;
  }
  .cd-vehicle-title h1 {
    margin: 15px 0 0;
  }
  .cd-vehicle-title h2 {
    margin: 0;
  }
  .utbunadur .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .utbunadur .item {
    font-size: 16px;
  }
  .hlid {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .hlid .hlid-spegill {
    margin-bottom: 24px;
  }
  .hlid .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .hlid .content.spegill {
    height: 276px;
  }
  .hlid .content:not(.spegill) {
    height: 126px;
  }
  .hlid .content .flex-item {
    width: 100%;
    text-align: center;
  }
  .hlid .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .hlid .content .item {
    font-size: 16px;
  }
  .lights,
  .engine,
  .cd-ytra-byrdi {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .lights .content,
  .engine .content,
  .cd-ytra-byrdi .content {
    height: 162px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .lights .content .flex-item,
  .engine .content .flex-item,
  .cd-ytra-byrdi .content .flex-item {
    width: 100%;
    text-align: center;
  }
  .lights .content .title,
  .engine .content .title,
  .cd-ytra-byrdi .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .lights .content .item,
  .engine .content .item,
  .cd-ytra-byrdi .content .item {
    font-size: 16px;
  }
  .lights .img-container,
  .engine .img-container,
  .cd-ytra-byrdi .img-container {
    height: 162px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .lights .img-container img,
  .engine .img-container img,
  .cd-ytra-byrdi .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .cd-innretting {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .cd-innretting .content {
    height: 246px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .cd-innretting .content .flex-item {
    width: 100%;
    padding-left: 80px;
  }
  .cd-innretting .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .cd-innretting .content .item {
    font-size: 16px;
  }
  .cd-innretting .img-container {
    height: 246px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-innretting .img-container img {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
  }
  .cd-row {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .cd-cabin .img-container {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-cabin .img-container img {
    width: 100%;
    margin-bottom: 30px;
  }
  .cd-cabin .one-liner {
    padding-top: 5px;
    font-size: 16px;
  }
  #searchresultspages .text-container {
    padding: 0 5px;
  }
  #searchresultspages .text-container.col-sm-4, #searchresultspages .text-container.col-sm-6 {
    padding: 0 20px 0 0;
  }
  #searchresultspages .text-container.col-sm-pull-6, #searchresultspages .text-container.col-sm-pull-8 {
    padding: 0 0 0 20px;
  }
  #searchresultspages .sr-vehicle {
    height: 100%;
  }
  #searchresultspages .sr-vehicle a {
    height: 100%;
  }
  #searchresultspages .sr-vehicle a .sr-item {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .top-heading {
    height: 90px;
  }
  .top-heading h1 {
    padding-top: 35px;
  }
  .quick-search .group:first-child {
    margin-bottom: 8px;
  }
  .cd-img:nth-child(2n+1) {
    padding: 0;
  }
  .cd-img:nth-child(2n) {
    padding: 0;
  }
  .anchor {
    display: block;
    position: relative;
    top: -56px;
    visibility: hidden;
  }
  .phone {
    height: 56px;
    line-height: 56px;
    font-weight: bold;
  }
  body {
    padding-top: 56px;
  }
  nav.navbar {
    height: 56px;
  }
  nav.navbar .container > .search-cars {
    display: none;
  }
  nav.navbar .company-name {
    font-size: 3rem;
    line-height: 54px;
  }
  nav.navbar .navbar-collapse ul > li > a {
    color: #f0f0f0;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  nav.navbar .navbar-collapse ul > li:focus a, nav.navbar .navbar-collapse ul > li:hover a {
    color: #fff;
  }
  nav.navbar .navbar-collapse .collapse {
    height: 56px;
  }
  nav.navbar .navbar-collapse .collapse ul li {
    height: 40px;
  }
  nav.navbar .navbar-brand {
    height: 56px;
  }
  nav.navbar .navbar-brand img {
    max-height: 32px;
    margin-top: 7px;
  }
  .navbar-header {
    float: none;
    height: 56px;
    /*.navbar-brand {
    	position: absolute;
    	left: 50%;
    	margin-left: -50px !important;
    }*/
  }
  .navbar-header .search-cars {
    height: 55px;
    padding: 16px 22px;
    display: inline;
  }
  .navbar-left, .navbar-right {
    float: none !important;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-default .navbar-collapse {
    border: none;
    background-color: #990505;
    color: #fff;
    height: unset;
    max-height: 500px;
  }
  .navbar-default .navbar-collapse .navbar-nav {
    height: unset;
  }
  .navbar-default .navbar-toggle {
    display: block;
    float: left;
    margin: 0;
    margin-right: 1rem;
    height: 56px;
    padding: 9px 20px;
    border-radius: 0;
    border: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: unset;
  }
  .navbar-default .navbar-toggle:not(.collapsed) {
    background-color: #990505;
  }
  .navbar-default .navbar-toggle:not(.collapsed) .icon-bar {
    background-color: #e0e0e0;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #990505;
    height: 3px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
  .section-header h1 {
    font-size: 40px;
  }
  .section-header h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .employees-container .employee {
    width: 14.2857142857%;
  }
  .top-heading {
    height: 235px;
  }
  .top-heading h1 {
    padding-top: 120px;
  }
  .cd-title-item {
    padding: 5px 20px;
    font-size: 20px;
  }
  .cd-title-price {
    padding: 20px 20px 0;
    font-size: 36px;
  }
  .sr5050 .sr-item-wrapper {
    width: 50%;
    float: left;
  }
  .sr5050 .sr-item-wrapper:nth-child(2n) {
    padding: 0 3px 0 15px;
  }
  .sr5050 .sr-item-wrapper:nth-child(2n+1) {
    padding: 0 15px 0 3px;
  }
  .sr5050 .sr-item-wrapper.gray {
    background-color: #efefef;
  }
  #top-slider-container {
    margin-top: 30px;
  }
  #top-slider-container .carousel-container {
    width: 63%;
  }
  #top-slider-container .ads-container {
    padding-left: 30px;
    width: 37%;
  }
  #top-slider-container .ads-container .employee {
    text-align: center;
    width: 33.3%;
    margin: 0 21px 15px;
    min-width: unset;
  }
  #top-slider .carousel-vehicle .carousel-content .make-model {
    width: 65%;
    font-size: 24px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price {
    float: right;
    width: 35%;
    font-size: 24px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price .vehicle-price {
    float: right;
    text-align: right;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info {
    float: left;
    font-size: 15px;
    width: 100%;
    float: left !important;
    clear: none !important;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div {
    width: 25%;
    padding: 0;
    /*&:nth-child(2n+1) {
    	float: none;
    }*/
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.year {
    clear: none;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.fuel {
    width: 20%;
    float: left !important;
    clear: none;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.akstur {
    width: 35%;
    clear: none;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.girar {
    width: 20%;
    text-align: right;
    float: right !important;
    clear: none;
  }
  #top-slider .carousel-ads {
    float: left;
    width: 37%;
  }
  .quick-search.show {
    height: 235px;
  }
  .panelSections li {
    height: 90px;
  }
  .price-number {
    font-size: 30px;
  }
  .hlid {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .hlid .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .hlid .content.spegill {
    height: 364px;
  }
  .hlid .content:not(.spegill) {
    height: 170px;
  }
  .hlid .content .flex-item {
    width: 100%;
    text-align: center;
  }
  .hlid .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .hlid .content .item {
    font-size: 16px;
  }
  .img-list .cd-img:nth-of-type(even) {
    padding: 0 0 0 5px;
  }
  .img-list .cd-img:nth-of-type(odd) {
    padding: 0 5px 0 0;
  }
  .cd-innretting {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .cd-innretting .content {
    height: 463px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .cd-innretting .content .flex-item {
    width: 100%;
    padding-left: 80px;
  }
  .cd-innretting .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .cd-innretting .content .item {
    font-size: 16px;
  }
  .cd-innretting .img-container {
    height: 463px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-innretting .img-container img {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
  }
  .command-bar .command-bar-btn {
    padding-right: 30px;
  }
  #back-to-top:hover {
    background-color: #f0f0f0;
    cursor: pointer;
  }
  .anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
  }
  .phone {
    height: 75px;
    line-height: 75px;
    font-size: 18px;
    font-weight: bold;
  }
  .sr-title .title-text.at-site {
    max-width: 235px;
  }
  .register_car_resp .inq_item_col {
    width: 33%;
  }
  body {
    padding-top: 75px;
  }
  nav.navbar {
    height: 75px;
  }
  nav.navbar .container > .search-cars {
    display: inline;
    height: 74px;
    padding: 23px;
  }
  nav.navbar .navbar-collapse.collapse {
    height: 75px !important;
  }
  nav.navbar .navbar-collapse.collapse ul {
    height: 75px;
  }
  nav.navbar .navbar-collapse.collapse ul li {
    height: 74px;
    /*					background-color: transparent;
    					-webkit-transition: background-color 0.3s ease-in-out;
    					-moz-transition: background-color 0.3s ease-in-out;
    					-o-transition: background-color 0.3s ease-in-out;
    					transition: background-color 0.3s ease-in-out;
    */
    /*					&:focus,
    					&:hover {
    						background-color: $nav-collapse-button-color;

    						a {
    							color: $main-text-color;
    							-webkit-transition: color 0.15s ease-in-out;
    							-moz-transition: color 0.15s ease-in-out;
    							-o-transition: color 0.15s ease-in-out;
    							transition: color 0.15s ease-in-out;
    						}
    					}
    */
  }
  nav.navbar .navbar-collapse.collapse ul li a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  nav.navbar .navbar-header .search-cars {
    display: none;
  }
  nav.navbar .navbar-brand {
    height: 75px;
  }
  nav.navbar .navbar-brand img {
    max-height: 66px;
  }
  .cd-vehicle-title {
    padding-bottom: 40px;
  }
  .cd-vehicle-title .img-container {
    height: 443px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-vehicle-title .img-container img {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
  }
  .cd-vehicle-title .framl-gerd-skrath {
    width: 100%;
    overflow: hidden;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-framl {
    float: left;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-gerd,
  .cd-vehicle-title .framl-gerd-skrath .cd-skrath {
    float: left;
    clear: both;
  }
  .cd-vehicle-title .info {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .cd-vehicle-title .info > div {
    float: left;
    clear: both;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .cd-vehicle-title .price {
    width: 100%;
    float: left;
    clear: both;
  }
  .cd-vehicle-title .price .cd-price h1 {
    font-size: 36px;
  }
  .cd-vehicle-title h1 {
    margin: 15px 0 0;
  }
  .cd-vehicle-title h2 {
    margin: 0;
  }
  .hlid .img-container img {
    width: 100%;
  }
  .ytri-extra .img-container img {
    width: 100%;
  }
  .lights,
  .engine,
  .cd-ytra-byrdi {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .lights .content,
  .engine .content,
  .cd-ytra-byrdi .content {
    height: 225px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
  }
  .lights .content .flex-item,
  .engine .content .flex-item,
  .cd-ytra-byrdi .content .flex-item {
    width: 100%;
    text-align: center;
  }
  .lights .content .title,
  .engine .content .title,
  .cd-ytra-byrdi .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .lights .content .item,
  .engine .content .item,
  .cd-ytra-byrdi .content .item {
    font-size: 16px;
  }
  .lights .img-container,
  .engine .img-container,
  .cd-ytra-byrdi .img-container {
    height: 225px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .lights .img-container img,
  .engine .img-container img,
  .cd-ytra-byrdi .img-container img {
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
  }
  .cd-row {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .cd-cabin .img-container {
    position: relative;
    width: 100%;
    /*img {
    	//position: absolute;
    	//top: -50px;
    	//left: 0;
    	width: 100%;
    }*/
  }
  .cd-cabin .one-liner {
    padding-top: 5px;
    font-size: 16px;
  }
  .section-header h1 {
    font-size: 44px;
  }
  .section-header h2 {
    font-size: 34px;
  }
  .search-cars:hover, .search-cars:focus {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  nav.navbar .navbar-nav li a {
    font-size: 17px;
  }
  .top-heading {
    height: 160px;
  }
  .top-heading h1 {
    padding-top: 80px;
  }
  .sr5050 .sr-item-wrapper:nth-child(2n) {
    padding: 0 3px 0 50px;
  }
  .sr5050 .sr-item-wrapper:nth-child(2n+1) {
    padding: 0 40px 0 3px;
  }
  #top-slider-container {
    margin-top: 30px;
  }
  #top-slider-container .carousel-container {
    width: 60%;
  }
  #top-slider-container .ads-container {
    width: 40%;
  }
  #top-slider-container .ads-container .employee {
    margin: 0 0 30px 0;
  }
  #top-slider .carousel-vehicle .carousel-content .make-model {
    width: 65%;
    font-size: 32px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price {
    float: right;
    width: 35%;
    font-size: 32px;
  }
  #top-slider .carousel-vehicle .carousel-content .carousel-price .vehicle-price {
    float: right;
    text-align: right;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info {
    float: left;
    font-size: 18px;
    width: 100%;
    float: left !important;
    clear: none !important;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div {
    width: 25%;
    padding: 0;
    /*&:nth-child(2n+1) {
    	float: none;
    }*/
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.fuel {
    width: 20%;
    float: left !important;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.akstur {
    width: 35%;
  }
  #top-slider .carousel-vehicle .carousel-content .vehicle-info > div.girar {
    width: 20%;
    text-align: right;
    float: right !important;
  }
  .carousel-ads {
    float: left;
  }
  .quick-search.show {
    height: 160px;
  }
  .quick-search.show .group:first-child {
    margin-bottom: 0;
    border-right: 1px solid #aaa;
  }
  .quick-search.show .group:nth-child(3) {
    border-right: 1px solid #aaa;
  }
  .quick-search.show .group .combo_group:last-child {
    margin-bottom: 0;
  }
  .panelSections li {
    height: 80px;
  }
  .panelSections li img {
    max-width: 180px;
  }
  .price-number {
    font-size: 36px;
  }
  .cd-row {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .cd-vehicle-title {
    padding-bottom: 70px;
  }
  .cd-vehicle-title .img-container {
    height: 525px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-vehicle-title .img-container img {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
  }
  .cd-vehicle-title .framl-gerd-skrath {
    width: 100%;
    overflow: hidden;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-framl {
    float: left;
  }
  .cd-vehicle-title .framl-gerd-skrath .cd-gerd,
  .cd-vehicle-title .framl-gerd-skrath .cd-skrath {
    float: left;
    clear: both;
  }
  .cd-vehicle-title .info {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .cd-vehicle-title .info > div {
    float: left;
    clear: both;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .cd-vehicle-title .price {
    width: 100%;
    float: left;
    clear: both;
  }
  .cd-vehicle-title .price .cd-price h1 {
    font-size: 36px;
  }
  .cd-vehicle-title h1 {
    margin: 15px 0 0;
  }
  .cd-vehicle-title h2 {
    margin: 0;
  }
  .cd-innretting {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .cd-innretting .content {
    height: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
  }
  .cd-innretting .content .flex-item {
    width: 100%;
    padding-left: 80px;
  }
  .cd-innretting .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .cd-innretting .content .item {
    font-size: 16px;
  }
  .cd-innretting .img-container {
    height: 500px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cd-innretting .img-container img {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
  }
  .lights .content,
  .engine .content,
  .cd-ytra-byrdi .content {
    height: 300px;
  }
  .lights .img-container,
  .engine .img-container,
  .cd-ytra-byrdi .img-container {
    height: 300px;
  }
  .lights .img-container img,
  .engine .img-container img,
  .cd-ytra-byrdi .img-container img {
    top: -12px;
  }
  .hlid {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .hlid .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .hlid .content.spegill {
    height: 444px;
  }
  .hlid .content:not(.spegill) {
    height: 210px;
  }
  .hlid .content .flex-item {
    width: 100%;
    text-align: center;
  }
  .hlid .content .title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .hlid .content .item {
    font-size: 16px;
  }
  .command-bar .command-bar-btn {
    padding-right: 45px;
  }
  .sr-title .title-text.at-site {
    max-width: 195px;
  }
}