body {
  word-wrap: break-word;
  background-color: #f8f8f8;
  font-size: 14px !important;
}
.site-logo img {
  margin-top: 4px;
}
.page {
  min-height: 650px;
}
div.navbar-header {
  float: left;
}
.navbar {
  margin-bottom: 0 !important;
}
mark {
  color: #fff !important;
  background: #054b81 !important;
  border-radius: 4px !important;
}
.staticPanel .site-name a {
  display: none;
}
.staticPanel .menu {
  margin: 0;
}
ul.inline .node-readmore a:hover,
ul.inline .node-readmore a:focus,
ul.links.inline .node-readmore a:focus {
  color: #fff;
  background: #12abff;
}
th {
  width: 80px;
  text-align: center !important;
}
tbody tr td {
  text-align: center !important;
  padding: 0 10px;
  border-right: 1px solid #ccc;
}
ul.links.inline li a:hover {
  background: #202020 !important;
  color: #fff !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

input:focus, textarea:focus, keygen:focus, select:focus {
  outline-offset: 0 !important;
}
:focus {
  outline: 0;
}
p {
  font-size: 18px;
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
}
h3 {
  font-size: 17px !important;
  text-transform: uppercase;
}
.header_contacts p:nth-child(2n) {
  margin: 12px 40px 0 40px;
}
.comment-add a {
  display: block;
  margin: 0 10px 10px 0;
  border: none;
  padding: 8px 20px;
  color: #fff;
  background: #054b81;
  border-radius: 3px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}
.previous,
.next {
  position: absolute;
  top: 62%;
  z-index: 99;
}
.previous {
  left: 20%;
}
.previous i:before {
  content: "\f104";
  font-size: 60px;
}
.previous i,
.next i {
  color: #ffffff;
}
.next {
  right: 20%;
}
.next i:before {
  content: "\f105";
  font-size: 60px;
}

.right_block .block-views-blocktop-info-block-1 p {
  color: #fff;
}
#views_slideshow_controls_text_slideshow-block_1 {
  text-align: center;
}
.views-slideshow-controls-bottom #views_slideshow_controls_text_previous_slideshow-block_1 a,
.views-slideshow-controls-bottom #views_slideshow_controls_text_next_slideshow-block_1 a {
  color: transparent !important;
}
.views-slideshow-controls-bottom #views_slideshow_controls_text_previous_slideshow-block_1 a,
.views-slideshow-controls-bottom #views_slideshow_controls_text_next_slideshow-block_1 a {
  display: block;
  width: 50px;
  height: 50px;
}
.views-slideshow-controls-bottom #views_slideshow_controls_text_previous_slideshow-block_1 a i,
.views-slideshow-controls-bottom #views_slideshow_controls_text_next_slideshow-block_1 a i {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -5px;
}
#views_slideshow_controls_text_pause_slideshow-block_1 {
  display: none;
}
.views_slideshow_controls_text_previous {
  background: #ccc;
}
.views_slideshow_controls_text_next {
  background: #ccc;
}
#site-navigation .menu li {
  display: inline-block;
}
#site-navigation .menu li a:hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

button.navbar-toggle i.fa.fa-bars {
  color: #ffffff;
}

.top_header {
  background: #003e55;
}
.top_header .menu {
  margin: 10px 0 !important;
}
.top_header .menu li {
  display: inline-block;
}
.top_header .menu li a {
  color: #fff !important;
  font-size: 14px;
  margin: 0 10px;
  padding: 0;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
  font-weight: bold;
}
.pcontacts {
  float: left;
  color: #d8effe;
  margin: 12px 0 0 0px;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
  font-weight: bold;
  font-size: 13px;
}
.menu-item {
  padding-top: 0;
}
.menu-item--expanded {
  position: relative;
}
.menu-item--expanded .menu {
  display: none;
  width: 210px;
  position: absolute;
  margin: 0;
  text-align: left;
  background: #d2525a;
  border-top: 2px solid #ff0000;
  min-width: 210px;
  z-index: 999;
  border-radius: 6px;
}
.menu-item--expanded .menu li a {
  font-size: 17px !important;
}
.menu-item--expanded {
  list-style-type: none;
  list-style-image: none;
}

.top_block .maimMenu #main-navbar-collapse {
    padding: 25px 10px;
}
.top_block .menu li a {
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 20px;
  font-family: Roboto !important;
  display: block;
}
.top_block .menu .menu-item a.is-active {
  background: #2cc2ab !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  color: #ffffff !important;
}
.top_block .menu .menu-item a:hover {
  background: #bbbbbb !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  color: #ffffff !important;
}
.arrow {
  right: 5px;
  position: absolute;
  top: 15px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #d50125 transparent transparent transparent;
  line-height: 0px;
  _border-color: #d50125 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Micro;
}
.menu .menu-item a:hover .arrow {
  border-color: #fff transparent transparent transparent;
  line-height: 0px;
  _border-color: #fff #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Micro;
}
.sub_menu .menu-item--expanded .arrow {
  top: 13px;
  right: -80%;
  border-width: 4px 6px 4px 0;
  border-color: transparent #fff transparent transparent;
}
.sub_menu .menu-item--expanded .sub_menu {
  display: none !important;
}
.sub_menu .menu-item--expanded:hover .sub_menu {
  display: block !important;
  max-width: 190px;
  position: absolute;
  left: -100%;
  top: -9%;
  z-index: 9;
  border-top: 3px solid #000;
}
.menu-item--expanded:hover .menu {
  display: block;
}
.menu-item--expanded .menu li {
  width: 100%;
  margin-left: 0;
}
.menu-item--expanded .menu li a {
  padding: 6px;
  text-align: left;
  border-bottom: 1px solid #58595B;
  text-transform: capitalize;
  padding-left: 19px;
}
.menu-item--expanded .menu li a:hover {
  color: #d50125 !important;
}
.menu-item--expanded .menu li:last-child a {
  border-bottom: none;
}
.views-element-container.contextual-region .contextual-region .view-empty {
  display: none;
}
.views-element-container.contextual-region .contextual-region .feed-icons {
  display: none;
}

h1.js-quickedit-page-title.page-title {
  padding-bottom: 12px;
  text-transform: uppercase;
  font-size: 31px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  text-align: center;
}

.views-field-field-continuation p {
  font-size: 15px;
  line-height: 20px;
  color: #888888;
}

/*_________________________ Media Styles __________________________*/

@media (max-width: 2061px) {

}
@media (max-width: 1518px) {
}
@media (max-width: 1226px) {
  /*div.top1 img {
    height: 670px;
  }*/
}
@media (max-width: 1200px) {
  .header_contacts p:nth-child(2n) {
    margin: 12px 20px 0 20px;
  }
  .top_content1 .view-content,
  .partners .field-content {
    display: block !important;
  }
  .partners img {
    display: block;
    float: left;
    width: 32.22%;
    height: initial;
    margin: 0 5px 10px 5px;
  }
  div.search-box .views-field-title a {
    font-size: 18px;
  }
  .search-box p {
    font-size: 14px;
  }
  div.search-box .views-field-view-node a {
    padding: 4px 21px;
  }
  .sidebar .form--inline {
    margin-bottom: 20px;
  }
  /*div.services-page.views-row {
    width: 47%;
  }
  div.management.views-row {
    width: 31%;
  }
  div.management.views-row img {
    width: 100%;
    object-fit: cover;
  }*/
  /*.bar-fpr-progress.views-row {
    width: 100% !important;
  }
  div.bar-fpr-progress.views-row #div1,
  div.bar-fpr-progress.views-row .div2,
  div.bar-fpr-progress.views-row .div3,
  div.bar-fpr-progress.views-row .div4 {
    width: 23%;
  }*/
  div.features-cars {
    width: 21.8%;
    margin: 10px;
  }
  .our-agents {
    width: 46%;
    float: left;
  }
  .features-cars img {
    width: 100%;
    height: auto;
  }
  div.blog.views-row .post_name {
    bottom: 46px;
  }
  div.blog.views-row:hover .post_name {
    bottom: 80px;
  }
  div.feature1 .views-row {
    width: 31%;
  }
}


@media (max-width: 1070px) {
  div.top_bg .description {
    position: inherit;
    width: 100%;
    min-height: auto;
    padding: 10px; 
  }
  .top_bg div#block-exposedformsearh-carspage-1 {
    position: inherit;
    width: 100%;
    padding: 20px;
    min-height: auto;
   /* margin-bottom: 40px;*/
  }
  .views_slideshow_cycle_teaser_section {
    width: 100% !important;
  }
  .views_slideshow_cycle_slide.views_slideshow_slide {
    width: 100% !important;
    min-height: 600px !important;
    /*position: inherit !important;*/
  }
  .top_bg img {
    width: 100%;
    height: auto;
  }
  div#block-exposedformsearh-carspage-1 {
    margin-top: 30px;
  }
  div.top_bg h2 {
    font-size: 18px !important;
    float: left;
    margin: 9px 15px 5px 7px !important;
  }
  div.top_bg .description .label {
    border-bottom: none;
    background: rgba(0, 62, 85, 0.5);
    text-align: left;
    margin: 3px;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -khtml-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  div.top_bg .description .name_label {
    font-size: 15px;
  }
  div.top_bg .description .body_car,
  .top_bg .description .descr .name_label,
  .top_bg .description .descr .label_value {
    float: none;
  }
}



@media (max-width: 992px) {
  .top_header,
  .top_header ul.menu {
    text-align: center;
  }
  .pcontacts  {
    float: none;
    display: inline-block;
  }
  .logo img {
    width: 100%;
    margin-top: 16px;
  }
  div.top_block .menu li a {
    padding: 5px 12px;
    font-size: 14px;
  }
  div.features-cars {
    width: 45.7%;
    margin: 15px;
  }
  div.feature1 .views-row {
    width: 30%;
  }
  .partners img {
    width: 31%;
  }
}
@media (max-width: 990px) {
  .menu-item--expanded .menu li a {
    padding: 10px 5px !important;
  }
  .top1 {
    min-height: auto !important;
  }
  .top1 img {
    object-fit: cover;
    -o-object-fit: cover;
  }
  div.top_block {
    position: inherit;
  }
  .logo {
    z-index: 9;
  }
  div.blog_post .views-field-title a {
    font-size: 20px;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-title {
    font-size: 40px !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body p {
    font-size: 24px !important;
  }
  div.icon_body h4 {
    font-size: 18px;
  }
  div#block-views-block-our-services-block-1 .views-row .media-body h4 {
    font-size: 18px;
  }
  .media-left,
  .media .pull-left {
    padding-right: 1px !important;
  }
  #block-views-block-our-services-block-1 .views-row i {
    font-size: 25px !important;
  }
  div#block-views-block-from-our-blog-block-1 .views-row {
    width: 31%;
  }
} 
@media (max-width: 870px) {
  div.top1 h1 {
    margin: 0;
  }
  div.front-cars .center_car img {
    width: 100%;
    height: auto;
  }
  /*.views-slideshow-controls-bottom #views_slideshow_controls_text_previous_slideshow-block_1 a i,
  .views-slideshow-controls-bottom #views_slideshow_controls_text_next_slideshow-block_1 a i {
    top: -85px !important;
  }
  .views_slideshow_cycle_slide:nth-child(2) .views-field-field-title-for-slide,
  .views_slideshow_cycle_slide: .views-field-field-title-for-slide {
    top: 27% !important;
  }*/
  .next {
    right: 0% !important;
  }
  .previous {
    left: 0% !important;
  }
  div.top1 .views-field-body {
    top: 48%;
  }
  .field.field--name-field-position.field--type-string.field--label-above.quickedit-field ul {
    text-align: center;
    padding-left: 0; 
  }
  div.views_slideshow_cycle_slide:nth-child(2) .views-field-body {
    width: 100%;
    right: inherit !important;
    text-align: center;
  }
  div.bar-fpr-progress.views-row #div1,
  div.bar-fpr-progress.views-row .div2,
  div.bar-fpr-progress.views-row .div3,
  div.bar-fpr-progress.views-row .div4 {
    margin: 5px;
  }
  div#block-corporation-views-block-local-map-block-1 {
    width: 100%;
    float: none;
  }
  div#block-contactblock {
    width: 100%;
    float: none;
  }
  div.bg_efect_top {
    height: 460px;
    float: none;
    width: 100%;
  }
  div.post_info {
    min-height: 460px;
  }
  div.post_info .section_two {
    float: none;
    width: 100%;
    min-height: 480px;
  }
  .last1 h2 {
    display: none;
  }
  
}
@media (max-width: 789px) {
  div.bottom_line1 .views-row {
    width: 31%;
  }
  .our-agents img {
    width: 100%;
    height: auto;
  }
  div#block-views-block-phone-numbers-block-1 .views-row {
    float: none;
    text-align: center !important;
  }
  div.views_slideshow_cycle_slide .views-field-field-title-for-slide,
  div.views_slideshow_cycle_slide:nth-child(2) .views-field-field-title-for-slide {
    top: 30%;
  }
  div.search-box {
    text-align: center;
    padding: 10px;
  }
/*  div.search-box .views-field-field-cars-images img {
    float: none;
    display: block;
    margin: auto; 
  }*/
  div.search-box .views-field-field-thumbnail {
    float: none;
    margin: auto;
    overflow: hidden;
    text-align: center;
  }
  div.search-box .views-field-field-thumbnail a {
    display: inline-block;
    margin-top: 3px;
  }
}
@media (max-width: 767px) {
  .site-logo img {
    width: auto;
  }
  .navbar-toggle {
    background: #000 !important;
    float: none !important;
  }
  div.features-cars {
    width: 96%;
    margin: 0 10px 20px 10px;
  }
  div.prlx {
    right: 0%;
  }
  .site-logo img {
    margin: auto;
    display: block;
  }
  div.views-field-field-images li:first-child {
    width: 32%;
    position: relative;
  }
  ul.menu {
    margin-left: 0;
  }
  #main-navbar-collapse {
    width: 100%;
  }
  #site-navigation #main-navbar-collapse .menu li {
    width: 100%;
    margin: 0 !important;
    border: none !important;
  }
  #site-navigation #main-navbar-collapse .menu li a {
    padding: 7px 20px 7px 0 !important;
  }
  #site-navigation #main-navbar-collapse .menu li a:hover {
    background: inherit;
    padding-left: 20px !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  div.menu-item--expanded:hover .menu {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    max-width: 100% !important;
    background: none !important;
    border-top: none !important;
    left: 0 !important;
  }
  .sub_menu .menu-item--expanded .sub_menu {
    display: block !important;
    left: 0 !important;
    width: 100% !important;
  }
  .sub_menu .menu-item--expanded:hover .sub_menu {
    max-width: 100% !important;
  }
  #block-views-block-featured-services-block-1 .views-row {
    width: 49% !important;
  }
  #block-views-block-from-our-blog-block-1 .views-row {
    width: 100% !important;
  }
  div.views-field-field-images li {
    width: 49%;
  }
  div.views-field-field-portfolio-t .field-content {
    float: left;
  }
  div.news .col-lg-6 .regimen {
    margin: 0;
  }
  div.news .region-news-video {
    padding: 40px;
    margin: 30px 0px 0 0;
  }
  div.bottom_line1 .zooming img {
    height: auto;
  }
  div.footer1 h2,
  div.footer2 h2,
  div.footer3 h2,
  div.footer4 h2 {
    text-align: center;
  }
  .field.field--name-field-service-image.field--type-image.field--label-above.quickedit-field img {
    width: 100%;
    height: auto;
    margin: 0 0 30px 0;
  }
  div.management.views-row {
    width: 48%;
  }
}

@media (max-width: 731px) {
  .views_slideshow_cycle_slide h1 {
    text-align: center !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body {
    text-align: center;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body ul {
    list-style-type: none;
    list-style-image: none;
  }
  div.top1 img {
    display: block;
    margin: auto;
    height: auto;
  }
  .top1 .views-field-field-text-button a {
    width: 50% !important;
    margin: auto;
  }
  .views_slideshow_cycle_slide:nth-child(2) .views-field-field-text-button a {
    float: none !important;
  }
  .views_slideshow_cycle_slide:nth-child(2) img {
    right: 0 !important;
  }
  .views-field-title .slider_text_bg h2 {
    font-size: 20px !important;
  }
  div#block-views-block-our-services-block-1 .views-row {
    width: 49%;
  }
  .site-footer__bottom .menu {
    text-align: center;
  }
  .socIcons {
    float: none !important;
    padding-left: 0 !important;
    margin-top: 55px;
  }
  div.services-page.views-row {
    width: 100%;
  }
  div.blog.views-row {
    width: 46%;
  }
  div.blog.views-row img {
    height: auto;
  }
  .main_image_car img {
    height: auto;
  }

}
@media (max-width: 650px) {
  div.views-field-field-images li {
    width: 100%;
  }
  div.management.views-row {
    width: 47%;
  }
  div.blog.views-row {
    width: 100%;
    margin: 0 0 20px 0;
  }
  div.blog.views-row .post_name {
    bottom: 26px;
  }
  div.blog.views-row:hover .post_name {
    bottom: 57px;
  }
  div.feature1 .views-row {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .contact-message-feedback-form {
    padding: 0 !important;
    margin: 0 !important;
  }

  div.front-cars .center_car {
    display: block;
  }
  div.front-cars .center_car img {
    width: 100%;
    height: auto;
  }
  div.front-cars .views-field-field-cars-images {
    float: none;
    margin-right: 0;
  }
  div.front-cars {
    padding-right: 0;
  }
  div.front-cars .col-lg-8.col-md-8.col-sm-8.col-xs-12 {
    text-align: center;
    padding-bottom: 10px;
  }
}
@media (max-width: 604px) {
  .previous {
    left: 3% !important;
  }
  .previous,
  .next {
    top: 39% !important;
  }
  .next {
    right: 3% !important;
  }
  div.bottom1 .view-content {
    margin-left: 0px;
  }
  div.bottom1 .views-row {
    width: 100%;
    margin: 20px 0;
  }
}
@media (max-width: 595px) {
  .views-slideshow-controls-bottom #views_slideshow_controls_text_previous_slideshow-block_1 a i,
  .views-slideshow-controls-bottom #views_slideshow_controls_text_next_slideshow-block_1 a i {
    top: 0px !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-title {
    top: 16% !important;
    font-size: 30px !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body {
    top: 51% !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body p {
    font-size: 18px !important;
  }
  .js-form-item input {
    width: 100%;
  }
  .field--name-field-image img {
    width: 100%;
    height: auto;
  }
  div.management.views-row {
    width: 47%;
  }
  div.management.views-row {
    width: 100%;
  }
  div.management.views-row img {
    width: inherit;
  }
  div.bar-fpr-progress.views-row #div1,
  div.bar-fpr-progress.views-row .div2,
  div.bar-fpr-progress.views-row .div3,
  div.bar-fpr-progress.views-row .div4 {
    width: 48%;
    margin: 5px;
  }
  .bar-fpr-progress .step .activestep {
    border: none !important;
    padding-top: 0;
    background: rgba(213,1,37,0.7) !important;
  }
  .node--type-our-management .field--name-field-images-management img {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }

}
@media (max-width: 550px) {
  .site-logo img {
    margin: auto !important;
    display: block;
  }

  .prlx {
    display: none;
  }
  .blog_post {
    margin-top: 170px;
  }
  .our-agents {
    width: 45%;
  }
/*  div.city1,
  div.city2 {
    background: none;
    position: inherit;
    height: auto;
  }*/
  #slideshow {
    margin-top: 0;
  }
  div.bottom1 .view-content {
    margin-left: 0;
  }
  .socIcons {
    text-align: center;
  }
}
@media (max-width: 525px) {
  .logo {
    width: auto !important;
    padding: 0 20px;
  }
  /*h2 {
    line-height: 53px !important;
  }*/
  #block-views-block-featured-services-block-1 .views-row {
    width: 99% !important;
  }
  .top_fixed_row .section.view {
    empty-cells: 
  }
  #block-views-block-our-services-block-1 .views-row {
    width: 100% !important;
  }
  div.views-field-field-images li {
    width: 100% !important;
  }
  div.bg_efect_top {
    min-height: 430px;
  }
  div.post_info .section_two {
    min-height: auto !important;
    overflow: hidden;
  }
  #navbar {
    width: 236px !important;
  }
  .menu-item--expanded .menu {
    left: 100px !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body {
    top: 61% !important;
  }
  div.bar-fpr-progress.views-row #div1,
  div.bar-fpr-progress.views-row .div2,
  div.bar-fpr-progress.views-row .div3,
  div.bar-fpr-progress.views-row .div4 {
    width: 100%;
  }
  .top_info .views-field-body p {
    margin: 0 20px 10px;
  }
  div.blog.views-row .post_name {
    bottom: 48px;
  }
  div.blog.views-row:hover .post_name {
    bottom: 77px;
  }
  .partners img {
    width: 47%;
  }
}
@media (max-width: 425px) {
  div.logo {
    margin-bottom: 0px;
  }
  .our-agents {
    width: 100%;
  }
  div.site-logo img {
    margin: auto !important;
    display: block;
    width: auto;
  }
  .top1 .views-row:hover .bg_content {
    margin: 0% !important;
    bottom: 0;
    right: 0;
    width: 100% !important;
  }
  .top1 .views-field-body p {
    line-height: 21px;
  }
  div.management.views-row {
    width: 100%;
  }
  .socIcons li {
    margin-right: 2px !important;
    margin-top: 5px;
  }
  .partners img {
    width: 100%;
  }
}
@media (max-width: 370px) {
  .views-field-field-images li img {
    width: 100%;
    height: auto;
  }
  div.post_info .section_two li {
    width: 100%;
    margin-bottom: 10px;
  }
  div.search-box .views-field-field-cars-images img {
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width: 329px) {
  .bg_content h3 {
    margin-top: 0 !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-title {
    top: 16% !important;
    font-size: 25px !important;
    left: 21% !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body {
    top: 41% !important;
  }
  #views_slideshow_cycle_teaser_section_slideshow-block_1 .views-field-body p {
    font-size: 15px !important;
  }
}
.city_block h2 {
  color: #fff !important;
}
.socIcons li {
  list-style-type: none;
  display: inline-block;
}
.region-primary-menu .menu-item--active-trail a {
  background: inherit !important;
}

.site-footer .menu li {
  display: block;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
.site-footer .menu li:hover {
  background: inherit;
}
.site-footer .menu li a {
  color: #fff;
  margin: 0 10px;
}

.tabs ul.primary li.is-active a {
  background: inherit !important;
}
.tabs a:focus,
.tabs a:hover {
  background: inherit !important;
}
.user-login-form input {
  line-height: 30px;
  color: #000;
  padding-left: 10px;
  border: 1px solid #0181b7;
  border-radius: 4px;
  font-size: 16px;
  display: flex;
}
.field--name-comment h2 {
  font-weight: 200;
}
#user-login-form label {
  font-size: 16px;
}
#user-login-form #edit-name--description,
#user-login-form #edit-pass--description {
  font-size: 15px !important;
}
@media (max-width: 767px) {
  ul.menu {
    margin-left: 0;
  }
  #main-navbar-collapse {
    width: 100%;
  }
  #site-navigation #main-navbar-collapse .menu li {
    width: 100%;
    margin: 0 !important;
    border: none !important;
    text-align: left;
  }
  #site-navigation #main-navbar-collapse .menu li a {
    padding: 7px 20px 7px 0 !important;
  }
  #site-navigation #main-navbar-collapse .menu li a:hover {
    background: inherit;
    padding-left: 20px !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .menu-item--expanded .menu {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    background: none !important;
    border-top: none !important;
    left: 0 !important;
  }
  .sub_menu .menu-item--expanded .sub_menu {
    display: block !important;
    left: 0 !important;
    width: 100% !important;
  }
  .sub_menu .menu-item--expanded:hover .sub_menu {
    max-width: 100% !important;
  }
}
@media (max-width: 595px) {
  .js-form-item input {
    width: 100%;
  }
  .field--name-field-image img {
    width: 100%;
    height: auto;
  }
}
.sidebar-first {
  margin-top: 20px;
}
.sidebar-first ul li a {
  color: #fff;
}

/*_______________end_slider_________________*/

.sidebar-first .popular {
  position: relative;
  margin-bottom: 25px;
}
.sidebar-first .popular img {
  width: 100%;
}
.sidebar-first .popular:hover .bg_content {
  opacity: 0.85;
  top: 0;
  margin: 26% 15% 15% 15%;
}
.popular .views-field-title a {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  color: #fff !important;
  margin-bottom: 30px;
  text-align: center;
  padding: 0 1%;
}
.featured.views-row {
  display: block;
  float: left;
  text-align: center;
  margin-top: 10px;
}
.featured.views-row .icon_center {
  background: #0cc7f5;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: auto;
}
.featured.views-row i {
  font-size: 5em;
  margin-top: 39px;
  color: #fff;
}
.featured.views-row h4 {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  color: #000 !important;
  text-align: center;
  padding: 0 1%;
}
.featured.views-row p {
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  padding: 0 2%;
}

#block-contactblock {
  width: 40%;
  float: left;
  color: #fff !important;
  background-color: rgb(49, 51, 64);
  min-height: 600px;
  padding: 2% 5% 2% 5%;
  text-align: center;
}
#block-contactblock h2 {
  color: #fff !important;
}
#block-contactblock label {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  text-transform: none;
  line-height: 38px;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}
.form-item, .form-actions {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.region-sidebar-second h2 {
  padding-bottom: 12px;
  text-transform: uppercase;
  font-size: 31px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  text-align: center;
  font-family: Oswald, sans-serif!important;
}
#block-corporation-content {
  margin-bottom: 50px;
}
form#contact-message-feedback-form .js-form-item #edit-copy {
  width: 20px;
}
.pager__items.js-pager__items a {
  border-radius: 0;
}
.pager__items.js-pager__items li a:hover {
  color: #ffffff !important;
  background: #5295ad;
}

.top_block {
  width: 100%;
  z-index: 99;
  background: #fff;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.top_block ul.menu {
  text-align: right;
}
.second_header {
  width: 100%;
  height: 96px;
  z-index: 99;
  background: rgba(0,0,0,0.5);
  position: relative;
}
.triangle-up {
  position: absolute;
  left: 0;
  bottom: -0.2222%;
  z-index: 0;
  margin-bottom: 0px;
}
.triangle-up path {
  fill: #fff;
}

body.toolbar-fixed .maimMenu-fixed,
body.toolbar-horizontal .maimMenu-fixed,
body.toolbar-vertical .maimMenu-fixed {
  position: fixed;
}
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #ffffff;
  transition: all 0.3s;
  backface-visibility: hidden;
}
#toggle span:after, #toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
}
#toggle span:after {
  top: 8px;
}
#toggle span, #toggle span:after, #toggle span:before {
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  transition: all 0.3s;
  backface-visibility: hidden;

}
#toggle span {
  position: relative;
  display: block;
}
#toggle {
  margin: 0;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(6px, 6px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(6px, -5px);
}
#toggle.on span {
  background-color: transparent;
}
ul.menu {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.navbar-header li a .sub_menu li a {
  padding: 0; 
}
.navbar-header li {
  display: inline-block;
}
#toggle:active {
  top: 1px;
  box-shadow: none;
}
#toggle:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
.views-field-field-image-top li {
  width: 93%;
  list-style-type: none;
  list-style-image: none;
  margin-left: 0 !important;
}
.views-field-field-image-top li img {
  width: 100%;
}
.footer1 .media-left i {
  font-size: 20px;
  text-shadow: rgba(0,0,0,.3) 0 2px 5px;
}
.footer1 .media-body h4 {
  margin-top: 0;
  text-shadow: rgba(0,0,0,.3) 0 2px 5px;
}
.footer1 .media-body .service_text p {
  font-weight: bold;
  font-size: 14px;
}
.form-actions .form-submit,
#search-form .form-submit,
ul.inline li a,
ul.links.inline li a {
  margin-top: 5px;
}

.forum table thead {
  color: #ffffff;
  background: #d50125;
}
.forum table thead th {
  padding: 10px;
}
#block-views-block-phone-numbers-block-1 {
  float: right;
}
#block-views-block-phone-numbers-block-1 .views-row {
  display: block;
  float: left;
  margin-right: 15px;
}
#block-views-block-phone-numbers-block-1 .views-field-field-number {
  color: #fff;
  font-size: 22px;
  font-family: "Oswald";
}
#block-views-block-phone-numbers-block-1 .views-field-field-mail {
  color: #c5387d;
  text-align: right;
  font-size: 19px;
  font-weight: 700;
  font-family: "Oswald";
}
#block-views-block-phone-numbers-block-1 .views-row:first-child {
  min-height: 40px;
}
#block-views-block-phone-numbers-block-1 .views-row:first-child .views-field-field-mail {
  min-height: 20px;
  content: "";
}
.service {
  overflow: hidden;
  width: 100%;
  padding: 25px 0;
}
.top_content1 {
  text-align: center;
}
.top_content1 .views-field-field-excellent-title p {
  font-size: 50px;
  margin: 60px 0 5px 0;
  font-weight: 500;
  font-family: Raleway, sans-serif!important;
}
.top_content1 .views-field-body p {
  font-size: 22px;
  font-weight: 500;
}

.post_information .views-field-field-button {
  text-align: center;
  margin-top: 100px;
}
.post_information .views-field-field-button a {
  text-transform: uppercase;
  font-size: 50px;
  font-family: "Oswald";
  font-weight: 500;
  padding: 4% 20%;
  color: #fff;
  border-radius: 100px;
  background: #f31956; /* Old browsers */
  background: -moz-linear-gradient(top,  #f31956 34%, #b91314 100%, #7db9e8 100%, #207cca 100%, #b91314 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f31956 34%,#b91314 100%,#7db9e8 100%,#207cca 100%,#b91314 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f31956 34%,#b91314 100%,#7db9e8 100%,#207cca 100%,#b91314 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31956', endColorstr='#b91314',GradientType=0 ); /* IE6-9 */
}
.ytp-large-play-button-svg, .ytp-housebrand-large-play-button-svg {
  fill: green;
}


.footer3 .form-actions input,
.footer3 .form-submit input {
  padding: 20px 31px;
  background: #7fbf08; /* Old browsers */
  background: -moz-linear-gradient(top, #7fbf08 0%, #729a07 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7fbf08 0%,#729a07 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7fbf08 0%,#729a07 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf08', endColorstr='#729a07',GradientType=0 ); /* IE6-9 */
  border-radius: 29px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "oswald";
}
.footer1 ul {
  list-style-image: none;
  list-style-type: none;
}
.footer1 ul li {
  margin-left: 0;
}
.socIcons {
  margin-top: 10px;
  padding-left: 0;
}
.socIcons li {
  margin-right: 20px;
  border-radius: 30px;
}
.socIcons li:last-child {
  margin-right: 0;
}
.socIcons a {
  border-radius: 33px;
  display: block;
  color: #fff !important;
}

.socBox .socIcons li {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.socBox .socIcons li:hover {
  background: #000000;
}

/*_______________ end Soc_efects ________________*/

.feed-icons{
    display: none;
}

/*_______________________waizrentalcars_________________________*/


/*_____________________Map__________________________*/

.map {
  overflow: hidden;
  width: 100%;
  min-height: 400px;
  position: relative;
  z-index: 92!important;
}
.map .col-lg-12 {
  padding: 0 !important;
}

#block-onthemap {
  position: absolute;
  width: 380px;
  top: 34%;
  right: 10%;
}
#block-onthemap h2 {
  padding-bottom: 12px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 46px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  color: #ffffff;
  z-index: 99;
}
/*________________Footer____________________*/
.footer1 li {
  text-align: left;
}
#footer h2 {
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin: 35px 0 18px 0;
  font-size: 24px;
  text-align: left;
}
.footer1 p {
  font-size: 15px;
  color: #8d8d90;
}
.footer1 .views-field-field-number-footer {
  font-family: "Oswald";
  font-size: 22px;
}
.site-footer {
  color: #fff !important;
  font-size: 16px;
}
.bottom_footer {
  padding: 30px 0;
  background: #58595B;
  color: #000000 !important;
  text-align: center;
  overflow: hidden;
}
.footer1 ul,
.footer2 ul,
.footer3 ul {
  margin: 0;
}
.footer1 h2,
.footer2 h2,
.footer3 h2,
.footer4 h2{
  text-align: left;
  text-transform: uppercase;
  font-size: 17px;
}
.footer4 p {
  text-align: left;
  line-height: 23px;
}
.footer1,
.footer2,
.footer3 {
  margin-bottom: 30px;
}
.footer1 ul.menu li a,
.footer2 ul.menu li a,
.footer3 ul.menu li a {
  margin: 0 !important;
  color: #fff !important;
  font-family: Roboto !important;
}

.footer1 ul.menu li a:hover,
.footer2 ul.menu li a:hover,
.footer3 ul.menu li a:hover {
  margin: 0 !important;
  color: #d50125 !important;
}
.footer4 ul li {
  list-style-type: none;
  list-style-image: none;
  margin-left: 0;
}

.top1 {
  min-height: 480px;
}

.field.field--name-field-service-image.field--type-image.field--label-above.quickedit-field img {
  margin: 0 30px 5px 0;
  display: block;
  float: left;
}

.views-field-field-date-history-content {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Oswald, sans-serif !important;
  font-weight: normal;
  line-height: 36px;
  margin: 30px 0 30px 0;
  text-align: center;
}
.views-field-field-date-history-content .views-field-body {
  margin: auto;
  width: 60%;
}
.iconsrow .fa-hover {
  float: left;
  margin: 2px;
  padding: 5px;
  width: 220px;
}

.form-actions .form-submit,
#search-form .form-submit,
ul.inline li a,
ul.links.inline li a {
  background: #d2525a !important;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 8px 21px;
  display: inline-block;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.form-actions .form-submit:focus,
#search-form .form-submit:hover,
#search-form .form-submit:focus {
  background: #d50125 !important;
}
.feature {
  overflow: hidden;
}
.feature1 .views-row {
  width: 31.333%;
  float: left;
  text-align: center;
  margin: 10px;
  margin-bottom: 30px;
}
.feature1 .views-row:first-child {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 0.7s;
  animation-duration: 2.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.feature1 .views-row:nth-child(2) {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 0.7s;
  animation-duration: 2.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.feature1 .views-row:last-child {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 0.7s;
  animation-duration: 2.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.contact-message-feedback-form {
  padding: 0 100px;
  margin: 50px 0;
  overflow: hidden;
}
.contact-message-feedback-form .form-actions {
  text-align: center;
}
.contact-message-feedback-form .form-item-name {
  width: 49%;
  float: left;
  margin-right: 9px;
}
.contact-message-feedback-form .form-item-mail {
  width: 49%;
  float: left;
  margin-left: 9px;
}
.contact-message-feedback-form textarea {
  border-radius: 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
/*________________________Login_____________________*/
.user-login-form {
  width: 30%;
  margin: auto;
  text-align: center;
  background: #000000;
  padding: 40px;
  color: #ffffff;
  margin-top: 50px;
}
.user-login-form input {
  border-radius: 20px;
  border: 1px solid #ccc;
  text-align: center;
  padding-left: 0;
  text-indent: -10px;
  width: 100%;
}
.js-form-item.form-item.js-form-type-password.form-type-password.js-form-item-pass.form-item-pass {
  margin-top: 10px !important;
}
.user-login-form #edit-submit {
  margin-top: 16px;
}
.user-login-form input[type="submit"] {
  text-indent: 0px;
}
/*.gallery-2.views-row:last-child {
  margin-bottom: 30px;
}*/
/*__________________Blog____________________*/
.blog.views-row {
  width: 47%;
  float: left;
  margin: 10px;
  position: relative;
}
.blog.views-row:hover .post_name {
  bottom: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.blog.views-row img {
  width: 100%;
  height: auto;
  height: 319px;
}
.blog.views-row a {
  text-decoration: none;
  color: #ffffff;
}
.blog.views-row .post_name {
  border-left: 9px solid #d50125;
  border-right: 9px solid #d50125;
  text-align: center;
  color: #ffffff;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  min-height: 100px;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.blog.views-row .views-field-body {
  padding: 10px;
  background: #58595B;
  color: #ffffff;
  z-index: 3;
  position: relative;
  text-align: center;
}
/*.sidebar-second h2 {
  font-size: 17px;
  text-transform: uppercase;
}*/
/*_________________forum____________________*/
.forum table {
  width: 100%;
}
.forum table tr th {
  text-transform: uppercase;
  font-family: Oswald, sans-serif !important;
  font-size: 17px;
  font-weight: 400;
}
.forum table .forum__name a {
  text-transform: uppercase;
  font-size: 17px;
  font-family: Oswald, sans-serif !important;
  text-decoration: none;
  margin: 15px 0 10px 0;
  display: block;
  color: #000000;
}
.forum table .forum__name a:hover {
  color: #d50125 !important;
}
.forum table tbody tr {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.forum table .forum__icon {
  margin-top: 20px;
}
.forum table .forum__topic .forum__title a {
  text-transform: uppercase;
  font-size: 17px;
  font-family: Oswald, sans-serif !important;
  text-decoration: none;
  margin: 15px 0 10px 0;
  display: block;
  color: #000000;
}
.forum table .forum-list__forum {
  text-align: left !important;
}
.forum table .forum__topic {
  padding-bottom: 15px;
}
.forum table .forum__topic .forum__title .submitted a.username {
  font-size: 14px;
  text-transform: lowercase;
  display: inherit;
}
.forum table .forum__topic .forum__title a:hover {
  color: #d50125 !important;
}
section.field.field--name-comment-forum.field--type-comment.field--label-hidden.comment-wrapper {
  margin-bottom: 30px;
}
.field.field--name-field-position.field--type-string.field--label-above.quickedit-field .field__label,
.field.field--name-taxonomy-forums.field--type-entity-reference.field--label-above.quickedit-field .field__label {
  font-size: 18px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif!important;
}
.form-actions .form-submit {
  background: #d50125 !important;
}
.form-actions input:hover,
.form-submit input:hover {
  background: #58595B !important; 
}
h2.title.comment-form__title {
  font-size: 18px;
  text-transform: uppercase;
}
.field.field--name-field-image-blog.field--type-image.field--label-hidden.field__item.quickedit-field img {
  margin: auto;
  display: block;
  margin-bottom: 30px;
}
article.contextual-region.node.node--type-blog-entry.node--view-mode-full .field.field--name-field-category.field--type-entity-reference.field--label-above.quickedit-field {
  text-align: center;
}
article.contextual-region.node.node--type-blog-entry.node--view-mode-full .field.field--name-field-category.field--type-entity-reference.field--label-above.quickedit-field .field__item a {
  text-transform: uppercase;
  font-size: 17px;
  font-family: Oswald, sans-serif!important;
  text-decoration: none;
  margin: 10px 0;
  display: block;
  color: #000000;
}
article.contextual-region.node.node--type-blog-entry.node--view-mode-full .field.field--name-field-category.field--type-entity-reference.field--label-above.quickedit-field .field__item a:hover {
  color: #d50125 !important;
}


/*.field.field--name-field-map.field--type-geolocation.field--label-above.quickedit-field {
  display: none;
}*/



.main_image_car img {
  width: 100%;
}
.more_info {
  background: url("../images/carbon.jpg") fixed;
  color: #fff;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.thumbmail_images {
  /*background: #ffd07f;*/
}
.thumbmail_images,
.more_info,
.sidebar-agent,
.main_image_car,
.description_for_car {
  overflow: hidden;
  padding: 5px;
  border: 1px solid #d1d1d1;
  margin: 10px 0;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.description_for_car,
.sidebar-agent {
  background: #fff;
}
.description_for_car h2 {
  margin: 0 !important;
  padding: 0 0 10px 12px;
  font-size: 24px !important;
}
.description_for_car p {
  padding: 0 12px;
}
.sidebar-agent .views-field-name {
  width: 100%;
  overflow: hidden;
}
.sidebar-agent .views-field-user-picture {
  margin-bottom: 9px;
}
.sidebar-agent .views-field-name span,
.sidebar-agent .views-field-field-phone span,
.sidebar-agent .views-field-field-city span,
.sidebar-agent .views-field-field-country-user span {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.sidebar-agent .views-field-field-about-agent1 span {
  margin-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.sidebar-agent .views-field-name,
.sidebar-agent .views-field-field-phone,
.sidebar-agent .views-field-field-city,
.sidebar-agent .views-field-field-country-user {
  margin-bottom: 6px;
  padding: 0 12px;
}
.views-field-field-about-agent1 {
  padding: 0 12px;
}
.thumbmail_images a {
  display: block;
  float: left;
}
.thumbmail_images img {
  margin: 9.6px;
}

.sidebar-agent .views-field-user-picture img {
  width: 100%;
  object-fit: cover;
}

#edit-term-node-tid-depth-shs-0-1 {
  display: block;
}


.top1{
  background: url("../images/bg_slider-min.jpg") no-repeat top fixed !important;
  position: relative;
}
div#block-exposedformsearh-carspage-1 {
  position: absolute;
  top: 40px;
  right: 0;
  width: 17.8%;
  background: rgba(0, 62, 85, 0.8);
  padding: 20px;
  min-height: 390px;
  z-index: 99;
}
div#block-exposedformsearh-carspage-1 .js-form-item {
  width: 100%;
}
div#block-exposedformsearh-carspage-1 .shs-widget-container {
  width: 100%;
}
div#block-exposedformsearh-carspage-1 label {
  color: #fff;
  margin-bottom: 2px;
}
div#block-exposedformsearh-carspage-1 .shs-container {
  width: 100%;
}
div#block-exposedformsearh-carspage-1 .shs-widget-container select {
  width: 100%;
  padding: 3px;
  margin-bottom: 2px;
}
div#block-exposedformsearh-carspage-1 .js-form-item input {
  width: 100%;
}




.views_slideshow_cycle_slide.views_slideshow_slide {
  margin: 40px 0;
}
.views_slideshow_cycle_teaser_section {
  margin: auto;
}
.top_bg .description {
  background: rgba(0, 62, 85, 0.8);
  width: 30%;
  position: absolute;
  top: 0;
  left: -30%;
  padding: 20px 20px 16px 20px;
  min-height: 390px;
}
.top_bg .description h2 {
  text-align: left;
  color: #ffffff;
  font-size: 20px;
  margin: 5px 0;
  text-transform: capitalize;
  font-weight: 900;
}
.top_bg .description .price_car {
  margin: 10px 0;
}
.top_bg .description .price_car span {
  color: #ffffff;
  padding: 7px;
  background: #d2525a;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  font-size: 15px;
}
.top_bg .description .label {
  font-size: 15px;
  padding: 2px;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
.top_bg .description .name_label {
  float: left;
  font-size: 13px;
}
.top_bg .description .label_value {
  float: right;
}
.top_bg .description .body_car {
  float: left;
  margin-top: 6px;
}
.top_bg .description .descr ,
.top_bg .description .descr p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  font-family: Abel, sans-serif !important;
}

.features-cars {
  float: left;
  margin: 15px;
  position: relative;
  background: #fff;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ccc;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border-radius: 4px;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.features-cars .views-field-title a {
  display: block;
  color: #00658b;
  margin: 10px 0 0;
  font-size: 18px;
  font-weight: bold;
}
.features-cars .views-field-field-price-car {
  font-weight: bold;
  color: #f95446;
}
.features-cars .col-lg-4 {
  margin-top: 13px;
  border-top: 1px solid #5295AD;
  border-right: 1px solid #5295AD;
  font-size: 12px;
  padding: 4px 0;
  color: #ffffff;
  background: rgba(0, 62, 85, 0.7);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.features-cars .col-lg-4:hover {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: #d2525a;
}
.features-cars .col-lg-4 i {
  padding-right: 3px;
}

.top_content1 .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.our-agents {
  margin: 10px;
}
.our-agents img {
  border-radius: 50%;
   box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.our-agents .views-field-name a {
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
}

.front-cars {
  overflow: hidden;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #fff;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
/*.front-cars:hover {
   box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}*/
.front-cars .views-field-field-cars-images {
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.front-cars a {
  font-size: 23px;
  display: block;
  font-weight: bold;
  color: #00658b;
}

.front-cars a:hover {
  text-decoration: none;
}

.front-cars .center_car {
  display: flex;
  align-items: center;
}
.front-cars i {
  margin-right: 5px;
}

#footer p {
  color: #ffffff;
  opacity: 0.8;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}
.recent-car {
  overflow: hidden;
  border: 1px solid #ccc;
  margin-bottom: 11px;
  padding-right: 20px;
  background: #fff;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.recent-car .views-field-field-cars-images {
  float: left;
  margin-right: 10px;
}

.popular-cars {
  overflow: hidden;
  margin-bottom: 20px;
}
.popular-cars .views-field-title a {
  font-family: Source Sans Pro, sans-serif;
  text-decoration: none;
  color: #f95446;
  font-size: 15px;
  font-weight: bold;
}
.popular-cars img {
  float: left;
  margin-right: 10px;
}

.footer2 .day {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 30px;
  color: #ffffff;
}
.footer2 .day .name {
  float: left;
  font-weight: bold;
}
.footer2 .day .hours {
  float: right;
}

.blog-post-footer img {
  float: left;
  margin-right: 10px;
}
.blog-post-footer a {
  font-family: Source Sans Pro, sans-serif;
  text-decoration: none;
  color: #f95446;
  font-size: 15px;
  font-weight: bold;
}

.copyright  {
  padding: 30px 0;
  text-align: center;
  border-top: 1px solid #ccc;
}
.copyright a {
  color: #ffffff !important;
}
.copyright a:hover {
  color: #d50125 !important;
}

.partners {
  margin-bottom: 60px;
}
.partners .field-content {
  display: flex;
  justify-content: space-between;
}
.partners .field-content img {
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}

.search-box {
  overflow: hidden;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  /*padding-right: 20px;*/
  background: #fff;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.search-box .views-field-field-cars-images img {
  float: left;
  margin-right: 5px;
  height: 202px;
}
.search-box .views-field-field-thumbnail {
  float: none;
  margin-right: 10px;
  clear: both;
}
.search-box a:hover {
  text-decoration: none;
}
.search-box .views-field-field-thumbnail a {
  display: block;
  margin-bottom: 5px;
  display: inline-block;
  margin: 10px 0;
}
.search-box .views-field-field-thumbnail a img {
  object-fit: cover;
  height: 64px;
}
.search-box .views-field-field-thumbnail a:last-child {
  margin-bottom: 0;
}
.search-box .views-field-title a {
  font-size: 23px;
  display: block;
  font-weight: bold;
  color: #00658b;
}
.search-box .views-field-field-description p {
  margin-bottom: 5px;
  text-indent: 10px;
}
.search-box .views-field-field-price-car .field-content {
  font-weight: bold;
  color: #f95446;
}
.search-box .views-field-view-node a {
  background: #d2525a !important;
  color: #ffffff;
  font-weight: bold;
  margin-top: 6px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 8px 21px;
  display: inline-block;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.search-box .views-field-view-node a:hover {
  background: #58595B !important;
}
.exten {
  overflow: hidden;
  background: #ccc;
  padding: 5px 0;
}
.exten i {
  margin-right: 5px;
}




.sidebar .form--inline {
  background: rgba(0, 62, 85, 0.8);
  padding: 20px;
  min-height: 390px;
  z-index: 99;
  margin-top: 69px;
  /*margin-top: 76px;*/
}
.sidebar .js-form-item {
  width: 100%;
}
.sidebar .js-form-item input {
  width: 100%;
}
.sidebar label {
  color: #fff;
  margin-bottom: 2px;
}
.sidebar .shs-widget-container {
  width: 100%;
}
.sidebar .shs-widget-container select {
  width: 100%;
  padding: 3px;
  margin-bottom: 2px;
}

.tooltip-demo li {
  float: left;
}

.best-users {
  float: left;
  margin: 0 22px 10px 0;
  text-align: center;
}
.best-users .views-field-name {
  text-transform: uppercase;
  margin-top: 16px;
}

.information-agents.views-row:nth-child(2n) {
  padding: 0 0 0 20px; 
}
.information-agents.views-row:nth-child(2n) .views-field-field-info-for-users {
  float: right;
  margin: 0 0 0 15px;
}
.information-agents {
  overflow: hidden;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #fff;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.2);
}
.information-agents img {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -khtml-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.information-agents img:hover {
  transform: scale(1.15);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -khtml-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.information-agents .views-field-body a:hover {
  text-decoration: none;
}
.information-agents .views-field-body a {
  font-size: 23px;
  display: block;
  font-weight: bold;
  color: #00658b;
}
.information-agents .views-field-field-info-for-users {
  float: left;
  margin-right: 14px;
  overflow: hidden;
}
.information-agents .views-field-body {
  display: flex;
  align-items: center;
  height: 200px;
}
.information-agents .views-field-body p {
  text-indent: 10px;
}
.field--name-field-info-for-users img {
  display: block;
  margin: auto;
  margin-bottom: 30px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.more_info .label {
  font-size: 15px;
  padding: 2px;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
.more_info .name_label {
  float: left;
  font-size: 16px;
}
.more_info .label_value {
  float: right;
}
.desk_car {
  padding: 18px 0 0 24px; 
}

.top_info h2,
.top_content1 h2,
.contentbottom1 h2,
.feature1 h2 {
  text-transform: uppercase;
  font-size: 31px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  text-align: center;
  font-family: Oswald, sans-serif!important;
}
.views-element-container h2 {
  text-transform: uppercase;
  font-size: 31px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-family: Oswald, sans-serif!important;
  margin-bottom: 23px;
}
.region-sidebar-second h2 {
  margin-bottom: 9px;
}


.contact-message-feedback-form.contact-message-form.contact-form label {
  display: block;
}
.contact-message-feedback-form.contact-message-form.contact-form .form-item-name,
.contact-message-feedback-form.contact-message-form.contact-form .form-item-mail {
  width: 100%;
  float: none;
  margin: 0;
}
.contact-message-feedback-form.contact-message-form.contact-form .form-item-name input,
.contact-message-feedback-form.contact-message-form.contact-form .form-item-mail input,
.contact-message-feedback-form.contact-message-form.contact-form #edit-subject-wrapper input {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.field.field--name-field-image-blog.field__item,
.block.block-core.block-page-title-block {
  text-align: center;
}

@media(max-width: 768px) {
  .views-slideshow-controls-bottom #views_slideshow_controls_text_previous_slideshow-block_1 a, .views-slideshow-controls-bottom #views_slideshow_controls_text_next_slideshow-block_1 a {
    display: none;
  }
}

/*============================================= new styles (drupal 8.7.5  2019.08.13) ==========================================*/

/*-----------------------------------------------*/
/*search car layout*/
/*-----------------------------------------------*/

.search-box.views-row .views-field.views-field-title {
  margin-top: 10px;
}
.search-box.views-row .views-field.views-field-field-description p {
  text-indent: 0;
}
.search-box.views-row .views-field-field-cars-images img {
  margin-right: 15px;
}
.search-box.views-row .views-field.views-field-view-node {
  text-align: right;
  margin: 20px 30px 0 0;
  float: right;
}
.search-box.views-row .views-field-field-thumbnail {
  clear: none;
  float: left;
  display: block;
}
.search-box.views-row .views-field.views-field-field-year {
  clear: both;
}
@media(max-width: 767px) {
  .search-box.views-row .views-field.views-field-field-year .exten .col-lg-3 {
    display: inline-block;
  }
  .search-box.views-row .views-field-field-thumbnail {
    clear: both;
    float: left;
    display: none;
  }
  .search-box.views-row .views-field.views-field-view-node {
    text-align: center;
    float: none;
    margin: 20px 0 0 0;
  }
}
@media(max-width: 481px) {
  .search-box.views-row .views-field-field-cars-images img {
    float: none;
    margin: 0;
    object-fit: cover;
  }
  .search-box.views-row .views-field.views-field-view-node {
    margin: 20px 0;
  }
}
/*-----------------------------------------------*/
/* blog post */
/*-----------------------------------------------*/
.field.field--name-field-image-blog.field--type-image {
  float: left;
  margin: 0 20px 0 0;
}
.field.field--name-field-image-blog.field--type-image img {
  width: 100%;
}


/*============================================= BOOTSTRAP ====================================================*/

/*-----------------------------------------------*/
/* notifications */
/*-----------------------------------------------*/
.alert.alert-error {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
/*------------------------------------------------*/
/* progress bars */
/*------------------------------------------------*/
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


/*==================================================  preloader =========================================================*/

#prelouder {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  z-index: 999999;
  width:100%;
  height: 100%;
  background: #2cc2ab;
}

.spinner {
  position: relative;
  margin: 40vh auto;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #29b5a0;
  /*border-radius: 50%;*/

  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}