@font-face {

  font-family: 'MinionPro-Medium';

  src: url('../fonts/minion_pro/MinionPro-Medium.eot');

  src: url('../fonts/minion_pro/MinionPro-Medium.woff2') format('woff2'),

       url('../fonts/minion_pro/MinionPro-Medium.woff') format('woff'),

       url('../fonts/minion_pro/MinionPro-Medium.ttf') format('truetype'),

       url('../fonts/minion_pro/MinionPro-Medium.svg#MinionPro-Medium') format('svg'),

       url('../fonts/minion_pro/MinionPro-Medium.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: UbuntuMedium;

  src: url(../fonts/Ubuntu-Medium.woff) format("woff"), 

        url(../fonts/Ubuntu-Medium.ttf) format("truetype"), 

        url(../fonts/Ubuntu-Medium.svg#Ubuntu-Medium) format("svg");

  src: url(../fonts/UbuntuMedium.eot);

  src: url(../fonts/UbuntuMedium.woff2) format("woff2"), 

        url(../fonts/UbuntuMedium.eot?#iefix) format("embedded-opentype");

  font-weight: 500;

  font-style: normal

}



@font-face {

  font-family: UbuntuBold;

  src: url(../fonts/Ubuntu-Bold.woff) format("woff"), 

        url(../fonts/Ubuntu-Bold.ttf) format("truetype"), 

        url(../fonts/Ubuntu-Bold.svg#Ubuntu-Bold) format("svg");

  src: url(../fonts/UbuntuBold.eot);

  src: url(../fonts/UbuntuBold.woff2) format("woff2"), 

        url(../fonts/UbuntuBold.eot?#iefix) format("embedded-opentype");

  font-weight: 700;

  font-style: normal

}



@font-face {

  font-family: UbuntuLight;

  src: url(../fonts/Ubuntu-Light.woff) format("woff"), 

        url(../fonts/Ubuntu-Light.ttf) format("truetype"), 

        url(../fonts/Ubuntu-Light.svg#Ubuntu-Light) format("svg");

  src: url(../fonts/UbuntuLight.eot);

  src: url(../fonts/UbuntuLight.woff2) format("woff2"), 

        url(../fonts/UbuntuLight.eot?#iefix) format("embedded-opentype");

  font-weight: 300;

  font-style: normal

}



/*td, th{

    padding: 0;

}*/



* {margin: 0; padding: 0; outline: 0; border: none;}



.clearfix:before,

.clearfix:after {

  content: "";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}



body {

  -webkit-font-smoothing: antialiased;

  background-color: #fff;

  color: #333;

}



::selection {

    background-color: red;

    color: #fff;

}



.container {

  width: 90% !important;

}



/*Header

==========================*/



header {

  position: relative;

}



header:before {

  content: "";

  display: block;

  /*background: url(../images/bg2.png) no-repeat;*/

  width: 100%;

  height: 153px;

  z-index: -1;

  top: 0;

  position: absolute;

}



header .logo,

.social, .lang/*, .info */{

  float: left;

}



/*header .logo {

  margin-top: 20px;

  margin-right: 30px;

}



.social {

  margin: 60px 50px;

}



.lang {

  margin: 55px 60px;

}



.lang, .info {

  float: right;

}



.social ul li {

  padding: 0 5px;

}



.social ul li a {

  color: #8c8e90;

}



.social ul li a:hover,

.lang ul li a:hover,

.auto-sel .nav ul li a:hover {

  color: #f02021 !important;

}*/



/*.selc-auto {

  position: relative;

}



.selc-auto:before {

  content: "";

  display: block;

  width: 100%;

  height: 475px;

  background: url(../images/bg1.png) no-repeat;

  position: absolute;

  top: 0;

}*/



/*.lang ul li .active{

    color: #f02021 !important;

}



.social ul li, .lang ul li {

  display: inline-block;

}*/



/*.lang ul li a {

  padding: 0 10px;

  font-size: 18px;

  color: #212121;

  border-left: 1px solid #e6e6e6;

}



.lang ul li:last-child a {

  border-right: 1px solid #e6e6e6;

}*/



/*.info {

  margin: 40px 60px;

  position: relative;

}*/

/*.info strong a{

    color: #000;

}



.info ul li:not(:last-child) {

  color: #3d4857;

  font-size: 24px;

  line-height: 25px

}*/



/*.phone {*/

  /*width: 50px;*/

  /*height: 50px;*/

  /*border: 1px solid #ff1e1e;*/

  /*text-align: center;*/

  /*position: absolute;*/

  /*padding-top: 8px;*/

  /*left: -60px;*/

  /*top: 0;*/

  /*color: #fff;*/

  /*text-shadow: 2px 0 0 #ff1e1e, -2px 0 0 #ff1e1e,*/

               /*0 2px 0 #ff1e1e, 0 -2px 0 #ff1e1e,*/

               /*1px 1px #ff1e1e, -1px -1px 0 #ff1e1e,*/

               /*1px -1px 0 #ff1e1e, -1px 1px 0 #ff1e1e;*/

/*}*/



.info ul li:not(:last-child) > i {

  color: #0dd32e;

}



/*Auto sel

=============*/

.auto-sel {

  background: #1e5799; /* Old browsers */

  background: -moz-radial-gradient(top,  #1e5799 0%, #4b5869 0%, #141720 100%); /* FF3.6-15 */

  background: -webkit-radial-gradient(top,  #1e5799 0%,#4b5869 0%,#141720 100%); /* Chrome10-25,Safari5.1-6 */

  background: radial-gradient(to bottom,  #1e5799 0%,#4b5869 0%,#141720 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#141720',GradientType=0 ); /* IE6-9 */

  margin: 0 20px;

  /*background-image: url(../images/bg1.png);*/

  background-repeat: repeat-y;

  background-size: 100% auto;

}



.auto-sel .nav {

  background-color: #141720;

}



.nav-mobile {

  display: none;

}



.auto-sel .nav ul li {

  display: inline-block;

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

  border-left: 1px solid #232732;

  position: relative;

}



.auto-sel .nav ul li > ul {

  display: none;

  position: absolute;

  width: 100.4%;

  left: -2px;

  top: 54px;

  z-index: 999;

  background-color: #232732;

}



.auto-sel .nav ul li:hover > ul {

  display: block;

}



.auto-sel .nav ul li > ul li {

  display: block;

  width: 100% !important;

  padding: 0 !important

}



.auto-sel .nav ul li > ul li > a {

  padding-left: 15px;

}



.auto-sel .nav ul li:first-child {

  width: 40.5%;

  padding: 15px;

  background-color: #232732;

}



.auto-sel .nav ul li:first-child i {

  float: right;

  line-height: 1.3;

}



.auto-sel .nav ul li a {

  display: block;

  padding: 15px 40px;

  color: inherit !important;

}



.auto-sel .nav ul li:nth-child(2) {

  border-left: 0;

}



.auto-sel .nav ul li:last-child {

  border-right: 1px solid #232732;

}



.sel-auto{

     background-color: #141720;

}



.sel-auto form {

  background-color: rgba(149,150,154,.2);

  box-shadow: 0 0 18px rgba(0,0,0,.4);

  padding: 40px 30px;

}



.sel-auto .select-wrapper input.select-dropdown {

  background-color: #ccc !important;

  color: #525252 !important;

  border-bottom: none !important;

  font-size: 18px !important;

  box-sizing: border-box;

  padding: 0 10px;

}



input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {

  border: 1px solid #ccc !important;

  padding: 0 10px !important;

  box-sizing: border-box !important;

  color: #687381;

  font-size: 17px !important;

}



input:focus {

  box-shadow: none !important;

  border: 1px solid #ff0000 !important;

}



::-webkit-input-placeholder {

  color: #687381 !important;

}



::-moz-input-placeholder {

  color: #687381 !important;

}



.sel-auto input[type="submit"],

.reg-auto input[type="submit"] {

  width: 100%;

  height: 50px;

  background-color: #0ea0f5;

  color: #fff;

  line-height: 53px;

  font-weight: bold;

}



.input-field label {

  left: 0 !important;

  top: 5px !important;

  font-size: 16px !important;

  font-weight: bold;

}



.input-field label[for="age"] {

/*  left: 11px !important;*/

  /*top: -28px !important;*/

}



.dropdown-content {

  min-width: 100% !important;

  /*background-color: #ccc !important;*/

}



.dropdown-content li>a, .dropdown-content li>span {

  color: #333 !important;

}



/*Slider

=============*/



/*.slider {

  background-color: transparent;

  overflow: hidden;

  height: 100% !important;

}*/



.slider > p {

  text-transform: uppercase;

  font-weight: bold;

  color: #f02021;

  padding-top: 15px;

  font-family: "MinionPro-Medium";

  font-size: 40px;

}



.slider > h3:after {

  content: "";

  display: block;

  width: 100px;

  height: 8px;

  background-color: #ccc;

  margin-top: 5px;

}



.slides {

  height: 400px !important;

  background-color: transparent !important;

}



.slider .slides li {

  height: 100%;

}



.slider .slides li.active {

  height: 100%;

}



.slider .slides li img {

  background-size: 90% !important;

  background-position: top left !important;

  background-repeat: no-repeat;

  margin-top: 20px;/*100px*/

  margin-left: 40px;

}



.captions,

.slides span {

  position: absolute;

  bottom: 15px;

  right: 0;

  text-transform: uppercase;

}



.captions h3 {

  color: #0ea0f5;

  margin-bottom: -5px;

}



.slides span {

  top: 110px;

  left: 0;

  text-transform: none;

  color: #ccc;

  font-size: 20px;

}



.indicators {

  z-index: 999999;

}



.indicators span {

  background-color: #40454e;

  width: 37px;

  height: 37px;

  display: inline-block;

  line-height: 44px;

  color: #fff;

  cursor: pointer;

}



/**/



.tor-auto {

  margin: 0 20px;

}



.tor-auto h3,

.our-auto h3,

.block-auto h4,

.wash h3,

.search-map h3 {

  text-transform: uppercase;

  color: #192638;

  font-weight: bold;

  text-align: center;

  padding: 10px 0;

  height: 100px;

  font-family: "MinionPro-Medium";

}



.tor-auto h1,

.our-auto h1,

.block-auto h4,

.wash h1,

.search-map h1 {

  text-transform: uppercase;

  color: #192638;

  font-weight: bold;

  text-align: center;

  padding: 10px 0;

  height: 100px;

  font-family: "MinionPro-Medium";

  text-align: center;

  font-size: 40px;

  border-bottom: none;

}



.tor-auto h2,

.our-auto h2,

.block-auto h4,

.wash h2,

.search-map h2 {

  text-transform: uppercase;

  color: #192638;

  font-weight: bold;

  text-align: center;

  padding: 10px 0;

  height: 100px;

  font-family: "MinionPro-Medium";

  text-align: center;

  font-size: 40px;

}



.owl-carousel {

  margin-top: 50px;

}



.owl-carousel img {

  width: 450px;

}



/**/



.our-auto {

  padding: 20px;

  background-color: #ededed;

}



.tabs {

  height: 70px !important;

  margin-bottom: 10px !important;

}



.tabs .tab {

  height: 70px !important;

  line-height: 70px !important;

}



.tabs .indicator {

  top: 0;

  background-color: #f02021 !important;

  height: 8px !important;

}



.tabs .tab a {

  color: #4b5869 !important;

  font-weight: 500;

  font-size: 16px;

}



.tabs .tab a.active {

  background-color: #ededed;

}



.block-auto {

  background-color: #fff;

  box-shadow: 0 3px 24px rgba(0,0,0,.1);

  margin-top: 5px;

}



.block-auto table,

.auto-list table {

  width: 70%;

  margin-left: 10px;

  float: left;

  /*border: 1px solid red;*/

  height: 350px;

}



.block-auto table,

.auto-list .single-auto-table {

    height: 180px;

}



.block-auto table tr td,

.auto-list table tr td {

  /*padding-bottom: 5px;*/

  border-bottom: 1px solid #ebebeb;

  padding-left: 30px;

  /*color: #4b5869;*/

}



.block-auto table tr td:nth-child(2),

.auto-list table tr td:nth-child(2) {

  color: #3c3c3c;

  font-weight: bold;

  padding: 0 25px;

}



.block-auto .single-auto-table tr td:nth-child(2),

.auto-list .single-auto-table tr td:nth-child(2) {

    border-right: 1px solid #EEE;

}



.block-auto .no-border tr td:nth-child(2),

.auto-list .no-border tr td:nth-child(2) {

    border-right: none;

}



.block-auto table tr td:nth-child(4),

.auto-list table tr td:nth-child(4) {

    padding: 0 30px

}



.block-auto table tr:last-child td,

.auto-list table tr:last-child td {

  border-bottom: 0;

  color: #525252;

}



.block-auto table tr:last-child td span {

  color: #f02021;

  font-size: 38px;

  padding: 0 5px;

}



.buts a,

.buts a:nth-of-type(2):hover {

  width: 85%;

  height: 40px;

  background-color: #f2f2f2;

  line-height: 40px;

  text-align: center;

  display: block;

  color: #4b5869;

  font-weight: bold;

  margin-bottom: 15px;

  transition: all .2s ease-in;

  cursor: pointer;

}



.buts a:nth-of-type(2),

.buts a:nth-of-type(1):hover {

  background-color: #f02021;

  color: #fff;

}



.buts .input-field {

  border-right: 0 !important;

}



.preview {

  margin-top: 30px;

}



.preview img {

  width: 100%;

}



.preview ul li {

  display: inline-block;

  padding: 0 10px;

  color: #1e1e1e;

}



.preview ul li i {color: #6fd0ff}



.reg-auto {

  display: none;

  margin: 91px 0 20px;

}



.reg-auto .input-field label[for="age"] {

  left: 0 !important;

}



.reg-auto .select-wrapper span.caret {

    position: absolute;

    right: 10px;

    top: 16px;

    font-size: 10px;

    color: #4b5869;

}



.select-wrapper span.caret{

    right: 20px;

}



.our-auto .row {

  margin-bottom: 0 !important;

}



.wash {

  background: url(../images/bg_wash.png) no-repeat;

  background-size: 100%;

  padding: 50px;

  opacity: .9;

}



.wash-cont {

  background-color: rgba(146, 148, 150, .5);

  border: 1px solid #fff;

  padding-bottom: 20px;

}



.wash-cont h3 {

  margin-bottom: 0;

}



.wash-cont span {

  font-size: 30px;

  text-transform: uppercase;

}



.wash-cont p {

  font-size: 18px;

  color: #fff;

}



/*.map {

  max-width: 800px;

  margin: 0 auto;

}*/



.map .street {

  margin-bottom: 10px;

}



.cars div:not(.buts) {

  border-right: 10px solid #ccc;

}



/*.slick-slide {

  padding: 30px !important;

}*/



.cars div:last-of-type {

  border-right: 0;

}



.cars div img {

  /*margin: 30px 0;*/

}



.cars div h6 {

  text-align: left;

  text-transform: uppercase;

  color: #333;

  font-weight: 500;

}







.cars div p {

  text-align: left;

  text-transform: uppercase;

}



.cars div span {

  float: right;

}



/*Other pages

==========================*/



.auto-list {

  background: none;

}



.list-a {

  border-bottom: 2px solid #232732;

  margin-bottom: 20px;

}



.auto-list .speedbar ul li {

  display: inline-block;

  padding: 30px 15px 30px 0;

}



.auto-list .speedbar ul li:not(:first-child):before {

  content: "-";

  padding-right: 15px;

}



.auto-list h4, h1 {

  text-transform: uppercase;

  color: #232732;

  font-size: 30px;

  margin-top: 0;

  padding-bottom: 30px;

  border-bottom: 2px solid #232732;

}



.auto-list h5, h2 {

  color: #232732;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 15px;

}



.auto-list table {

  width: 80%;

  margin-left: 0;

}



.price-auto {

  margin-top: 45px;

}



.price-auto span {

  color: #525252;

  font-size: 20px;

}



.price-auto ul li {

  display: inline-block;

  padding: 0 10px 0 0;

  font-size: 20px;

}



.price-auto ul li i {

  color: #23b8ff;

}



.price-auto a {

  width: 100%;

  height: 43px;

  background-color: red;

  line-height: 43px;

  color: #fff;

  display: block;

  text-align: center;

  font-size: 16px;

  font-weight: bold;

  margin-top: 20px;

}



.auto-page h5 {

  margin: 0;

  font-size: 35px;

}



.auto-page p {

  margin-top: 10px;

  font-size: 14px;

  color: #4c4c4c;

  font-weight: 300;

}



.auto-slide {

  margin: 30px 0;

}



.auto-slide .row .col {

  padding-left: 0 !important;

  /*margin-top: 40px;*/

}

.other-img {

    height: 615px !important;

    /*height: auto;*/

}

@media(max-width: 1000px) {

    .other-img {

        height: 350px !important;

        overflow: hidden;

    }

    .tor-auto h1, .our-auto h2{

    	font-size: 35px;

    }

}

@media(max-width: 600px) {

    .other-img {

        height: 450px !important;

        overflow: hidden;;

        /*margin-bottom: 150px;*/

    }

    .tor-auto h1, .our-auto h2, .search-map h2{

    	font-size: 30px;

    }

}

@media(max-width: 464px) {

    .other-img {

        max-height: 350px !important;

        height: auto !important;

    }

    .tor-auto h1, .our-auto h2{

    	font-size: 24px;

    	height: 60px;

    }

}



.other-img div {

  display: inline-block;

  transition: all .3s ease-in;

  cursor: pointer;

}



.other-img div > img:hover {

  opacity: .5;

}



.auto-page table {

  margin-top: 20px;

}



.auto-stats {

  margin-top: 15px !important;

}



.stats {

  border-right: 1px solid #ccc;

  margin-bottom: 50px;

}



.tarif table,

.tarif h5 {

  margin-left: 50px;

}



/*.slick-prev,

.slick-next {

  width: 58px !important;

  height: 58px !important;

  background-color: #f7f7f7 !important;

  top: -50px !important;

  right: 0 !important;

  transition: all .3s ease;

}



.slick-prev:hover,

.slick-next:hover {

  background-color: #ccc !important;

}*/



/*.cars .slick-prev {

  left: 0;

}*/



/*.slick-next:before,

.slick-prev:before {

  font: normal normal normal 18px/1 FontAwesome !important;

  color: #333 !important;

  transition: all .3s ease;

}



.slick-prev:before { content: "\f053" !important }

.slick-next:before { content: "\f054" !important }



.slick-prev:hover:before,

.slick-next:hover:before { color: #fff !important }



.other-img .slick-track,

.slick-list {

  width: 100% !important;

}*/



/*.other-img .slick-slide {

  width: 50% !important;

  padding: 5px !important

}*/



/*.other-img .slick-list {

  max-height: 950px !important;

}*/



/*@media(max-width: 1250px){

    .other-img .slick-list {

      max-height: 750px !important;

    }

}



@media(max-width: 1000px){

    .other-img .slick-list {

      max-height: 650px !important;

    }

}



.other-img .slick-prev,

.other-img .slick-next {

  top: 630px !important;

  width: 50px !important;

  height: 50px !important;

  right: 16px !important;

  margin: 20px 0;

}



.other-img .slick-prev {

  right: 70px !important;

}*/



/*Footer

=======================*/



.page-footer {

  background-color: #383838 !important;

}



.page-footer h5 {

  text-transform: uppercase;

  font-size: 18px;

  font-weight: bold;

}



.page-footer h3 {

  text-transform: uppercase;

  font-size: 18px;

  font-weight: bold;

}





.footer-copyright {

  background-color: #252525 !important;

  color: #ccc;

  font-family: Arial;

  font-size: 14px;

}



.footer-copyright .webit {

  float: right;

}



.footer-copyright .webit img {

  vertical-align: middle;

  opacity: .5;

}



.footer-copyright .webit:hover img {

  opacity: 1;

}



.info-f {

  margin-top: 30px;

}



.info-f li {

  color: #fff;

  font-size: 16px;

  font-weight: bold;

  margin: 20px 0;

}



.info-f li:last-child {

  font-weight: normal;

  color: #ccc;

  font-size: 14px;

}



.list-m li {

  color: #ccc;

  line-height: 35px;

}



.list-m li a:hover {

  text-decoration: underline;

}



.list-f li a {

  font-weight: bold;

  line-height: 40px;

  text-transform: uppercase;

}



.socials li {

  display: inline-block;

  font-size: 22px;

  margin: 10px 15px 0 0;

}



.socials li a {

  background-color: #252525;

  width: 50px;

  height: 50px;

  display: block;

  line-height: 53px;

  text-align: center;

  color: #8c8e90;

  cursor: pointer;

}



.socials li a:hover {

  color: #f1242a;

}





.pay {

  margin-top: 20px;

}



.pay h4 {

  color: #f1242a;

  font-size: 20px;

  text-transform: uppercase;

  font-weight: bold;

}



.pay img{

    width: auto !important;

}

.tarif {

  margin-bottom: 40px;

}



/*.order {

  width: 45%;

  height: 40px;

  background-color: red;

  color: #fff;

  display: block;

  text-align: center;

  line-height: 40px;

  font-weight: bold;

  margin: 60px auto 30px;

  transition: all .3s linear;

}*/



/*.line {

  border-bottom: 1px solid #ccc;

  margin-bottom: 30px;

}*/



/*.order:hover {

  outline: 1px solid red;

  background: none;

  color: #192638;

}*/



.order-tel {

  text-align: center;

  font-size: 20px !important;

}



/*Responsive

==============================*/



@media only screen and (max-width: 320px) {

  .lang {

    width: 34%;

  }

/*  .lang ul {

    width: 40%;

    border-right: 1px solid #e6e6e6;

    border-left: 1px solid #e6e6e6;

  }*/

  .lang ul li {

    display: block;

  }

  .lang ul li > a {

    border-left: 0;

  }

  .lang ul li:last-child > a {

    border-right: 0;

  }

}



@media only screen and (max-width: 600px) {

  .auto-page table tr td {

    padding-left: 20px;

  }

  .stats {

    border-right: 0;

    padding: 0 0 30px !important;

    border-bottom: 1px solid #ccc;

  }

  .tarif table,

  .tarif h5 {

    margin-left: 0;

  }



  .other-img {margin-top: 20px;}

}



@media screen and (max-width: 626px) {

  header .logo img {

    width: 150px !important;

  }



  .lang,

  .social,

  .info {

    margin: 0;

  }



  .info i.phone {

    display: none;

  }



  /*.lang,*/

  /*.social {*/

    /*float: left;*/

  /*}*/



  /*.social {*/

    /*margin-top: 40px;*/

  /*}*/



  /*.info {*/

    /*margin: 20px auto;*/

    /*float: right;*/

  /*}*/



  /*.lang {*/

    /*margin: 40px 0;*/

    /*float: left;*/

    /*clear: left;*/

    /*margin-top: 10px;*/

  /*}*/

}



@media only screen and (max-width: 1005px) {

  .nav {

    display: none;

  }



  .nav-mobile {

    display: block;

    background-color: #141720;

    position: relative;

  }



  .nav-mobile ul li:not(:first-child),

  .nav-mobile ul li > ul {

    display: none;

  }



  .nav-mobile ul li {

    padding: 20px;

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

  }



  .nav-mobile ul li a {

    color: #fff;

  }



  .nav-mobile ul li a:hover {

    text-decoration: underline;

  }



  .nav-mobile ul li.open {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    width: 100%;

  }



  .nav-mobile ul li.open i {

    color: #fff;

    font-size: 20px;

    float: right;

  }



  .nav-mobile ul li i {

    vertical-align: top;

  }



  .slider .slides li img {

    background-position: center center !important;

    margin: 0;

  }



  .indicators {

    text-align: left !important;

  }



  .indicators span {

    text-align: center;

  }



  .slider .slides li > span {

    margin: 40px 0;

  }

}



/*.moved-top{

    margin-top: -10px;

}*/



.img-wrapper{

    width: 100%;

    overflow: hidden;

    clear: both;

    margin-bottom: 20px;

    height: 300px;

    width: auto !important;

    border: none !important;

}

.img-wrapper img{

    margin-left: -10%;

    margin-top: -10%;

    height: 110%;

    width: auto !important;

}



@media only screen and (max-width: 500px) {

    .img-wrapper img{

        width: 100% !important;

    }

    .slider .slides li img{

        height: auto !important;

        margin-top: 70px !important;

    }

    .speedbar li:last-child{

        display: none !important;

    }

    h1{

        margin-top: 10px;

    }

}



@media only screen and (max-width: 500px) {

    .slider .slides li img{

        height: auto !important;

        margin-top: 120px !important;

    }

}



@media only screen and (max-width: 1500px) {

    .img-wrapper{

        height: 250px;

    }

}

@media only screen and (max-width: 1100px) {

    .img-wrapper{

        height: 250px;

    }

}

@media only screen and (max-width: 950px) {

    .img-wrapper{

        height: 200px;

    }

}

@media only screen and (max-width: 600px) {

    .img-wrapper{

        height: auto;

        /*border: 1px solid red;*/

    }

}



.success{

    font-size: 18px;

    padding: 20px;

    font-family: "Roboto", sans-serif;

}



.bgwhite{

    color: #FFF !important;

}



.error_msg{

    color: #f02021;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    clear: both;

}



.pageNotFoud{

    text-align: center;

    font-size: 100px;

    font-weight: bold;

    margin: 70px;

}

.pageNotFoud p{

    -webkit-box-shadow: 0px 4px 147px 0px rgba(238,238,238,1);

    -moz-box-shadow: 0px 4px 147px 0px rgba(238,238,238,1);

    box-shadow: 0px 4px 147px 0px rgba(238,238,238,1);

    display: block;

    width: 250px !important;

    margin: 0 auto;

    border-radius: 50%;

    padding: 10px;

    color: #555;

}

.pageNotFoud h3{

    color: #888;

    text-transform: lowercase;

    font-size: 25px;

    font-family: "Roboto", sans-serif;

}



.blackLink{

    color: #000 !important;

}

.blackLink:hover{

    text-decoration: underline;

}



.staticPg{

    max-width: 1280px;

    margin: 0 auto;

    overflow: hidden;

}



.staticPg h1{

    font-size: 36px !important;

    font-weight: 600;

}

.staticPg h2{

    font-size: 24px !important;

}

.staticPg p{

    margin: 10px;

}

.staticPg table{

    color: #232732 !important;

    width: 100%;

}

.staticPg table thead{

    background-color: #ebebeb;

}

.staticPg table tbody tr{

    border-bottom: 2px solid #232732 !important;

}



.staticPg ul li{

    color: #808080 !important;

    margin: 10px;

    margin-left: 0;

}

.staticPg .right{

    width: 30%;

    float: left;

}

.staticPg .right{

    width: 70%;

    float: left;

}

.staticPg .right h2{

    font-weight: 500;

    text-transform: uppercase;

}

.staticPg .left h2{

    font-weight: 500;

    text-transform: uppercase;

}



.staticPg .right textarea{

    border: 1px solid #CCC;

    height: 160px;

}

.staticPg .right input[type='submit']{

    width: 300px;

    background-color: #f02021;

    color: #FFF;

    height: 38px;

    margin-top: 20px;

}

.staticPg .info-f li:first-child{

    font-size: 20px;

}

.staticPg .info-f li:last-child{

    font-size: 18px;

}

.options-car{

    font-weight: bold !important;

    font-size: 16px;

    font-style: normal;

    color: #4b5869;

    margin-top: -15px;

}

.options-car .option-car {

    position: relative;

    padding-left: 45px !important;

    /*margin-top: 30px;*/

}

@media(max-width: 600px){

    .options-car .option-car {



        margin-top: 30px;

    }

}

.options-car .option-car span{

    margin-left: 45px;

    display: inline-block;

    line-height: 1;

}

.options-car .option-car h5{

    font-weight: block;

}

.options-car i{

    position: absolute;

    display: inline-block;

    width: 36px;

    height: 36px;

    background-size: 100%;

    background-repeat: no-repeat;

}

.price-indiv{

    clear: both;

    color: red;

    margin-left: 50px;

    padding-top: 20px;

    font-weight: bold;

}

.bordered{

    border: 1px solid #ebebeb !important;

    border-bottom: 1px solid #ebebeb !important;

}

.bordered tr td{

    padding-left: 20px !important;

    height: 20px;

}



.big-phone{

    font-size: 20px !important;

}



.success-alert{

    text-align: center;

    color: #e74c3c !important;

    font-size: 20px;

    padding: 20px;

    border: 1px solid #EEE;

    border-radius: 5px;

    margin-top: 100px;

}

.error-alert{

    text-align: center;

    color: red !important;

    font-size: 16px !important;

}

.options-car i{

    height: 25px;

    width: 25px;

    background-size: 100% 100%;

}



.options-car .child-seat{ background-image: url(../images/child-icon.png); }

.options-car .location{ background-image: url(../images/location.png); }

.options-car .aeroport{ background-image: url(../images/aeroport.png); }



.slider .indicators{

    bottom: 50%;

}

.slider .indicators .next{

    float: left;

}



.slider .indicators .prev{

    float: right;

}



.caracters{

    min-height: 222px !important;

}

.caracters .caracters-row{

    padding-top: 10px;

    padding-bottom: 5px;

    border-bottom: 1px dashed #525252 !important;

    margin-right: 30px !important;

    line-height: 1 !important;

}

.caracters .caracters-row:nth-child(odd){



}

.caracters .caracters-row div{



}

/*.caracters .caracters-row div:nth-child(odd){

    border-right: 1px solid #525252 !important;

}*/



/*seo*/

.cars div .heading-2 {

  text-align: left;

  text-transform: uppercase;

  color: #333;

  font-weight: 600;

  font-size: 20px;

  margin: 0 !important;

  padding: 0 !important;

  height: auto;

}



.load-block{

    width: 100%;

    height: 600px;

    background-image: url(../images/loader.gif);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 10%;

}



.input-field label  {

    font-size: 0.8rem;

    transform: translateY(-140%) !important;

}



.input-field label.moved-top {transform: none !important}





.categ-descr {

    margin: 50px 0;

}



.categ-descr p{

    text-indent: 10px !important;

    margin-bottom: 10px;

    font-size: 14px;

}



.car_meta {

  display: block;

  margin-left: 50px;

  margin-bottom: 20px;

}



/**************************************

***************My styles******************

**************************************/



.clear {

  clear: both;

}



.loader-list {

  display: none;

  position: absolute;

  right: 0;

  margin: auto;

  left: 0;

  background: #fff url(/front-assets/images/loading.gif) no-repeat center center;

  opacity: .75;

  filter: alpha(opacity=75);

  z-index: 999

}



.empty-list {

  font-size: 20px;

  text-align: center;

  padding: 40px;

  color: #b6b6b6;

}



/**************************************

***************List page******************

**************************************/

.filter-list {

  margin-top: 0;

  margin-bottom: 30px;

  /*border-bottom: 2px solid #232732;*/

}



.filter-list h1 {

  text-transform: uppercase;

  color: #232732;

  font-size: 30px;

  border-bottom: none;

  padding-bottom: inherit;

}



.filter-list .filter-auto {

  padding: 0 0 10px;

}



.filter-list #filer-cars {

  font-size: 0;

}



.filter-list #filer-cars .filter-block {

  display: inline-block;

  width: 20%;

  padding-right: 10px;

}



.filter-list #filer-cars .filter-block.submit-btn {

  width: 10%;

}



.filter-list #filer-cars .filter-block:last-of-type {

  padding-right: 0;

}



.filter-list #filer-cars #submit-filter {

  height: 37px;

  background-color: #e74c3c;

  color: #fff;

  font-weight: bold;

  margin-right: 10px;

  font-size: 15px;

  vertical-align: middle;

  width: 100%;

  -webkit-transition: .3s;

  transition: .3s;

}



.filter-list #filer-cars #submit-filter:hover, #remove-filter:hover{

  background-color: #2e2e2e;

  -webkit-transition: .3s;

  transition: .3s;

}





.filter-list #remove-filter {

  display: inline-block;

  height: 37px;

  line-height: 37px;

  background-color: #2e2e2e;

  color: #fff;

  font-weight: bold;

  font-size: 15px;

  vertical-align: middle;

  width: 100%;

  text-align: center;

  transition: .3s;

}



.filter-auto .ms-parent {

  margin-right: 10px;

}



.filter-auto .ms-choice {

  height: 37px;

  border-radius: inherit;

  /*line-height: 46px;*/

  cursor: pointer;

  /*padding: 0 10px;*/

  border: 1px solid #ecf0f1;

  -webkit-transition: .2s;

  transition: .2s;

}

.filter-auto .ms-choice:hover{

  border-color: #e74c3c ;

  -webkit-transition: .3s;

  transition: .3s;

}



.filter-auto .ms-choice:focus {

  background: #ecf0f1;

}

.filter-auto .ms-choice:hover  .ms-choice::before{

  background-position: -348px -104px !important;

}

.filter-auto .ms-choice.active::before {

  transform: rotate(-180deg);

  transition: .3s;

}



.filter-auto .ms-choice::before {

/*  position: absolute;

  top: 0;

  right: 9px;

  bottom: 0;

  width: 19px;

  height: 16px;

  margin: auto;

  content: '';

  background: url(/front-assets/images/arrow.png) no-repeat;*/

  transition: .3s;

  position: absolute;

  top: 0;

  right: 20px;

  bottom: 0;

  margin: auto;

  content: '';

  background-image: url(../images/sprite.png);

  background-position: -348px -104px;

  width: 8px;

  height: 4px;

}



.filter-auto .ms-choice > span.placeholder, .ms-choice > span:not(.placeholder) {

  color: #000;

  font-weight: 700;

  padding: 6px 20px;

  font-size: 15px;

}



.filter-auto .ms-drop input[type="checkbox"] {

  margin-right: 10px;

  position: inherit;

  opacity: inherit;

}



.filter-auto .ms-drop {

  border-radius: inherit;

}



.filter-auto .ms-drop ul {

  padding: 0;

}



.filter-auto .ms-drop ul > li:hover,

.filter-auto .ms-drop ul > li.selected {

  background-color: #d5d5d5;

}



.filter-auto .ms-drop ul > li label{

  font-size: 14px;

  color: #000;

  font-weight: 500;

  padding: 14px 16px;

  cursor: pointer;

}



@media screen and (max-width: 1024px) {

  .filter-list #filer-cars .filter-block {

    width: 50%;

    padding-bottom: 10px;

  }



  .filter-list #filer-cars .filter-block:nth-of-type(2n) {

    padding-right: 0;

  }



  .filter-list #filer-cars .filter-block.submit-btn {

    width: 50%;

  }

}



@media screen and (max-width: 640px) {



}



@media screen and (max-width: 480px) {

  .filter-list #filer-cars .filter-block {

    width: 100%;

    padding-right: 0;

  }



  .filter-list #filer-cars .filter-block.submit-btn {

    width: 100%;

    padding-right: 0;

  }

}



/**************************************

***************Main page******************

**************************************/



#main-filter-auto {

  font-size: 0;

}



.filter-response {

  position: relative;

}



.filter-response #load_more_button {

/*  height: 46px;

  background-color: #0ea0f5;

  color: #fff;

  font-weight: bold;

  width: 100%;

  position: relative;*/

    text-transform: uppercase;

    color: #19293f;

    font-family: UbuntuMedium;

    font-size: 16px;

    -webkit-transition: .2s;

    transition: .2s;

    cursor: pointer;

}

.filter-response #load_more_button:hover{

    color: #e74c3c;

    -webkit-transition: .2s;

    transition: .2s;

}



.filter-response #load_more_button::before {

/*  position: absolute;

  top: 0;

  right: 9px;

  bottom: 0;

  width: 19px;

  height: 16px;

  margin: auto;

  content: '';

  background: url(/front-assets/images/main-arrow.png) no-repeat;*/

}



.filter-response .load_more_btn {

  text-align: center;

  padding: 20px 0 0;

}



/*.main-cars-list {

  padding-bottom: 5px;

}*/



.main-cars-list .ms-parent {

  margin-right: 10px;

}



.main-cars-list .ms-choice {

  height: 37px;

  border-radius: inherit;

  /*line-height: 54px;*/

  cursor: pointer;

  /*padding: 0 10px;*/

}



.main-cars-list .ms-choice:focus {

  background: none;

}



.main-cars-list .ms-choice.active::before {

  transform: rotate(180deg);

}



.ms-choice::before {

  position: absolute;

  top: 0;

  right: 20px;

  bottom: 0;

  margin: auto;

  content: '';

  background-image: url(../images/sprite.png);

  background-position: -361px -104px;

  width: 8px;

  height: 4px;

}



.main-cars-list .ms-choice > span.placeholder, .ms-choice > span:not(.placeholder) {

  color: #ecf0f1;

  font-weight: 700;

  padding: 6px 20px;

  font-size: 15px;

  transition: .4s;

}



.filtre .main-cars-list #main-filter-auto .ms-choice:hover .ms-choice > span:not(.placeholder){

    color: #2e2e2e;

}

.main-cars-list .ms-choice > span.placeholder:hover{

  color: #2e2e2e;

  transition: .3s;

}



.main-cars-list .ms-drop input[type="checkbox"] {

  margin-right: 10px;

  position: inherit;

  opacity: inherit;

}



.main-cars-list .ms-drop {

  border-radius: inherit;

}



.main-cars-list .ms-drop ul {

  padding: 0;

}



.main-cars-list .ms-drop ul > li:hover,

.main-cars-list .ms-drop ul > li.selected {

  background-color: #d5d5d5;

}



.main-cars-list .ms-drop ul > li label{

  font-size: 14px;

  color: #000;

  font-weight: 500;

  padding: 14px 16px;

  cursor: pointer;

  white-space: normal;

}



.main-cars-list .ms-drop ul > li label input {

  float: left;

}



.main-cars-list .ms-drop ul > li label span {

  display: block;

  margin-left: 20px;

  line-height: 1;

}



.main-cars-list .main-filter-block {

  display: inline-block;

  width: 20%;

/*  padding: 0 5px;*/

}



.main-cars-list .main-filter-block:first-of-type {

  padding-left: 0;

}



.main-cars-list .main-filter-block:last-of-type {

  padding-right: 0;

}



@media screen and (max-width: 1024px) {

  .main-cars-list .main-filter-block {

    width: 33.3333%;

  }



/*  .main-cars-list .main-filter-block:nth-last-of-type(1) {

    width: 50%;

    padding: 10px 0 0 5px;

  }

  .main-cars-list .main-filter-block:nth-last-of-type(2) {

    width: 50%;

    padding: 10px 5px 0 0;

  }*/



/*  .main-cars-list .main-filter-block:nth-of-type(3) {

    padding-right: 0;

  }*/

}



@media screen and (max-width: 640px) {

  /*.main-cars-list .main-filter-block {

    width: 50%;

    padding-right: 0;

  }



  .main-cars-list .main-filter-block:first-of-type {

    width: 100%;

    padding-bottom: 10px;

  }



  .main-cars-list .main-filter-block:nth-of-type(2n) {

    padding-left: 0;

    padding-right: 5px;

  }



  .main-cars-list .main-filter-block:nth-last-of-type(1) {

    width: 50%;

  }*/

}



@media screen and (max-width: 480px) {

  /*.main-cars-list .main-filter-block {

    width: 100%;

    padding: 0 0 10px 0;

  }



  .main-cars-list .main-filter-block:nth-last-of-type(1) {

    width: 100%;

    padding: 0 0 10px 0;

  }

  .main-cars-list .main-filter-block:nth-last-of-type(2) {

    width: 100%;

    padding: 0 0 10px 0;

  }



  .main-cars-list .main-filter-block:nth-of-type(2n) {

    padding: 0 0 10px 0;

  }*/

}



button:focus{

  background: transparent;

  color: #E74C3C;

}





/*for IE */



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .banerSecond .advantages .circleText{

    padding: 0 !important;

  }

}



/* Custom Styles */

.semseo-custom-class a,

.semseo-custom-class span {

	color: #e74c3c !important;

}



.semseo-custom-class ul {

	margin-bottom: 20px;

	margin-left: 40px;

}



.semseo-custom-class ul li {

    list-style-type: disc;

}



.categ-descr a,

.categ-descr span {

	color: #e74c3c !important;

}



.categ-descr ul {

	margin-bottom: 20px;

	margin-left: 40px;

}



.categ-descr ul li {

    list-style-type: disc;

}



/* load more button */

div.moreAuto {

	text-align: center;

	margin: 30px auto 50px;

}



#load_more_button {

    color: #fff;

    font-size: 20px;

    cursor: pointer;

    background-color: #e74c3c;

    padding: 12px 30px;

}



#load_more_button:hover {

	opacity: .8;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.call-us {

  position: fixed;

  bottom: 20px;

  right: 20px;

  border-radius: 100%;

/*   padding: 4px; */

  background-color: #E74C3C;

  z-index: 100;

  width: 40px;

  height: 40px;

  border: 2px solid #E74C3C;

  box-sizing: border-box;

}



/* @media (max-width: 1280px) {

  .call-us {

    bottom: 40px;

    right: 40px;

  }

} */



/* .call-us::before,

.call-us::after {

  content: '';

  display: block;

  background-color: rgba(231, 76, 60, 0.08);

  z-index: -1;

  pointer-events: none;

  position: absolute;

  border-radius: 100%;

}



.call-us::before {

  width: 80px;

  height: 80px;

  top: -12px;

  left: -12px;

}



.call-us::after {

  width: 70px;

  height: 70px;

  top: -7px;

  left: -7px;

} */



.call-us img {

  height: auto;

  max-width: 100%;

}



/* @media (max-width: 991px) {

  .call-us {

    width: 60px;

    height: 60px;

    right: 30px;

    bottom: 30px;

  }

} */



.call-us.active {

/*   background-color: #fff; */

}



.call-us.active::before,

.call-us.active::after {

  display: none;

}



.call-us.active .call-us-list {

  display: block;

}



.call-us.active .call-us-button img:nth-of-type(1) {

  display: none;

}



.call-us.active .call-us-button img:nth-of-type(2) {

  display: block;

}



.call-us-button {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 100%;

  background-color: #E74C3C;

  width: 100%;

  height: 100%;

  cursor: pointer;

}



.call-us-button img {

  width: 24px;

}



.call-us-button img:nth-of-type(1) {

  transform: rotateZ(180deg) translateY(-2px);

}



.call-us-button img:nth-of-type(2) {

  display: none;

}



.call-us-list {

  position: absolute;

  left: 50%;

  bottom: 100%;

  transform: translateX(-50%);

/*   display: none; */

  padding-bottom: 4px;

}



.call-us-list ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



.call-us-list li {

  margin-bottom: 8px;

}



.call-us-list a {

  display: block;

  text-decoration: none;

  width: 40px;

  height: 40px;

  transition: 0.3s;

}



.call-us-list a:hover {

  opacity: 0.6;

}



.call-us-list a img {

  width: 100%;

}



.login-modal {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  z-index: 9999;

  display: none;

  font-family: 'UbuntuMedium';

  font-weight: 400;

}



.login-modal.active {

  display: block;

}



.login-modal-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background-color: rgba(26, 30, 38, 0.2);

}



.login-modal-content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: calc(100% - 30px);

  max-width: 480px;

  background-color: #fff;

  padding: 30px 35px 35px;

  z-index: 2;

  max-height: 90vh;

  overflow-y: auto;

}



@media (max-width: 575px) {

  .login-modal-content {

    padding: 20px 20px 25px;

  }

}



.login-modal-close {

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 20px;

  right: 20px;

  background: none;

  border: 0;

  padding: 0;

}



.login-modal-content img {

  height: auto;

}



.login-modal-title {

  text-align: center;

  margin-bottom: 20px;

  font-size: 22px;

  font-weight: 600;

  text-transform: uppercase;

}



@media (max-width: 575px) {

  .login-modal-title {

    font-size: 18px;

  }

}



.login-modal-desc {

  text-align: center;

  margin-bottom: 20px;

  line-height: 1.5;

  font-size: 14px;

}



.google-policies {

  margin-bottom: 20px;

  font-size: 12px;

}



.google-policies a {

  text-decoration: underline;

}



.aggreement {

  font-size: 12px;

  position: relative;

  margin-top: 5px;

}



.aggreement label {

  display: inline-block;

  cursor: pointer;

  padding-left: 25px;

  color: #333;

}



.aggreement input {

  display: none !important;

}



.aggreement input:checked + .aggreement-checkbox {

  background: #1A1E22 url('../images/icons/tick.svg') center center / 10px 10px no-repeat;

}



.aggreement .aggreement-checkbox {

  display: block;

  width: 18px;

  height: 18px;

  position: absolute;

  top: 0;

  left: 0;

  border: 1px solid #1A1E22;

}



.login-modal-submit {

  margin-top: 20px;

}



.login-modal-submit .button {

  text-transform: uppercase;

}



.login-modal-delimiter {

  margin-top: 30px;

  margin-bottom: 30px;

  position: relative;

  display: flex;

  justify-content: center;

}



@media (max-width: 575px) {

  .login-modal-delimiter {

    margin-top: 25px;

    margin-bottom: 25px;

  }

}



.login-modal-delimiter::before {

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  position: absolute;

  top: 50%;

  left: 0;

  background-color: #EEEEEE;

  z-index: -1;

}



.login-modal-delimiter p {

  margin: 0;

  font-size: 12px;

  text-transform: uppercase;

  padding: 0 15px;

  background-color: #fff;

  color: rgba(51, 51, 51, 0.5);

}



.login-modal-socials {

  display: flex;

  justify-content: space-between;

}



.login-modal-socials a {

  width: calc(50% - 5px);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 13px;

  text-transform: uppercase;

  padding: 15px;

}



@media (max-width: 575px) {

  .login-modal-socials a {

    padding: 12px;

  }

}



.login-modal-socials a img {

  width: 18px;

  height: 18px;

  object-fit: contain;

  margin-right: 10px;

  flex-shrink: 0;

}



.login-modal-facebook {

  background-color: #1877F2;

  color: #fff;

}



.login-modal-google {

  background-color: #FAFAFA;

}



.login-modal-footer {

  margin-top: 30px;

}



.login-modal-footer p {

  margin: 0;

  margin-bottom: 10px;

  text-align: center;

  font-size: 14px;

}



.login-modal-footer p:last-child {

  margin-bottom: 0;

}



.login-modal-footer p a {

  color: #3B6D9A;

}



.restore .login-modal-submit {

  margin-top: 8px;

}



.discount-info {

  text-align: center;

}



.discount-info-img {

  margin-bottom: 25px;

}



.discount-info-title {

  margin-bottom: 20px;

  font-size: 18px;

  line-height: 1.4;

}



.discount-info-text {

  font-size: 15px;

  line-height: 1.4;

  font-family: "UbuntuLight";

}



.discount-info-text p {

  margin-bottom: 10px;

}



.discount-info-text p:last-child {

  margin-bottom: 0;

}



.discount-info-link {

  display: flex;

  justify-content: center;

  margin-top: 30px;

}



.discount-info-link .button {

  text-transform: uppercase;

  width: auto;

}



@media (max-width: 575px) {

  .discount-info-img img {

    max-width: 110px;

  }



  .discount-info-title {

    font-size: 15px;

  }



  .discount-info-text {

    font-size: 14px;

  }



  .discount-info-link {

    margin-top: 25px;

  }



  .discount-info-link .button {

    width: 100%;

  }

}



.account {

  padding: 70px 0;

}



@media (max-width: 767px) {

  .account {

    padding: 20px 0 40px;

  }

}



.account-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 45px;

}



.account-wellcome {

  font-size: 15px;

}



@media (max-width: 767px) {

  .account-head {

    display: block;

    margin-bottom: 35px;

  }



  .account-wellcome {

    margin-bottom: 15px;

  }

}



.account-head-info {

  display: flex;

  align-items: center;

  margin: 0 -12px;

}



.account-head-info > div {

  margin: 0 12px;

  position: relative;

  font-size: 15px;

  font-family: "UbuntuMedium"

}



.account-head-info > div:not(:last-child)::after {

  content: '';

  width: 4px;

  height: 4px;

  position: absolute;

  top: 54%;

  right: -14px;

  transform: translateY(-50%);

  background-color: #333;

  border-radius: 100%;

}



.account-head-discount {

  color: #E74C3C;

}



.account-inner {

  display: flex;

  flex-wrap: wrap

}



.account-nav {

  width: 240px;

}



@media (max-width: 991px) {

  .account-nav {

    width: 100%;

    margin-bottom: 20px;

  }

}



.account-nav li {

  margin-bottom: 10px;

}



.account-nav li.active a {

  background-color: rgba(231, 76, 60, 0.07);

  color: #E74C3C;

}



.account-nav a {

  display: flex;

  align-items: center;

  padding: 15px;

  background-color: #fff;

  font-family: "UbuntuMedium";

  font-size: 15px;

}



.account-nav a svg {

  width: 24px;

  height: 24px;

  margin-right: 6px;

  flex-shrink: 0;

  fill: currentColor;

}



.account-content {

  width: calc(100% - 240px);

  padding-left: 80px;

}



@media (max-width: 1199px) {

  .account-content {

    padding-left: 40px;

  }

}



@media (max-width: 991px) {

  .account-content {

    width: 100%;

    padding-left: 0;

  }

}



.account-list {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}



.account-item {

  width: calc(50% - 30px);

  margin: 0 15px 30px;

  background-color: #fff;

  font-family: "UbuntuMedium";

}



@media (max-width: 991px) {

  .account-list {

    margin-left: -5px;

    margin-right: -5px;

  }



  .account-item {

    width: calc(50% - 10px);

    margin: 0 5px 30px;

  }

}



@media (max-width: 480px) {

  .account-item {

    width: calc(100% - 10px);

  }

}



.account-item:hover .account-item-img img {

  transform: scale(1.1);

}



.account-item-img {

  display: block;

  height: 250px;

  display: flex;

  align-items: center;

  overflow: hidden;

}



@media (max-width: 1170px) {

  .account-item-img {

    height: 200px;

  }

}



@media (max-width: 480px) {

  .account-item-img {

    height: auto;

  }

}



.account-item-img img {

  width: 100%;

  height: auto;

  transition: 0.3s;

}



.account-item-content {

  display: block;

  padding: 20px 20px 25px;

}



.account-item-name {

  display: block;

  margin-bottom: 20px;

  text-transform: uppercase;

  font-size: 16px;

}



.account-item-info-title {

  display: block;

  margin-top: 15px;

  margin-bottom: 8px;

  font-size: 11px;

  letter-spacing: 0.66px;

  opacity: 0.5;

  text-transform: uppercase;

}



.account-item-info-title:first-child {

  margin-top: 0;

}



.account-item-info-text {

  display: block;

  font-size: 15px;

}



.account-item-total {

  display: block;

  margin-top: 20px;

  padding-top: 20px;

  color: #E74C3C;

  font-family: "UbuntuBold";

  font-size: 16px;

  border-top: 1px solid #EEEEEE;

}



.account-form-inner {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.account-form-col {

  width: calc(50% - 15px);

  margin-bottom: 20px;

}



.account-form-title {

  margin-bottom: 20px;

  text-transform: uppercase;

  font-size: 16px;

  font-family: "UbuntuBold";

}



.account-form-submit .button {

  text-transform: uppercase;

  width: auto;

  min-width: 140px;

}



@media (max-width: 767px) {

  .account-form-col {

    width: 100%;

  }



  .account-form-submit .button {

    width: 100%;

  }

}