@font-face {
    font-family: mtavruli;
    src:         url("/fonts/bpg_extrasquare_mtavruli_2009.ttf");
}

/*-------------------
2. Theme Default CSS
--------------------*/

a {
    text-decoration:    none;
    outline:            none;
    -webkit-transition: 0.4s;
    transition:         0.4s;
    color:              #333333;
}

input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline:         none;
    color:           #000000;
}

img {
    max-width: 100%;
    height:    auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin:      0 0 10px;
    font-weight: 600;
}

html,
body {
    height: 100%
}

body {
    font-family: 'mtavruli';
    font-weight: 400;
    font-size:   15px;
    line-height: 1.8;
    overflow-x:  hidden;
    color:       #515656;
}

* {
    font-family: 'mtavruli';
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/**
*Helper-Classes
**/
.contact-phone {
    position:                  fixed;
    top:                       50%;
    transform:                 translateY(-50%);
    height:                    50px;
    background-color:          #ffffff;
    right:                     0;
    z-index:                   100;
    /*display: flex;*/
    /*align-items: center;*/
    cursor:                    pointer;
    border-top-left-radius:    5px;
    border-bottom-left-radius: 5px;
    padding-left:              50px;
    width:                     215px;
    background-image:          url('/images/phone.png');
    background-size:           22px;
    background-position:       center left 14px;
    background-repeat:         no-repeat;
    -webkit-box-shadow:        0px 3px 15px -5px rgba(0, 0, 0, 0.5);
    transition:                .2s;
    transform:                 translateX(165px);
}

.contact-phone.active {
    transform: translateX(0);
}

.full-height {
    width:  100%;
    height: 100vh;
}

.relative {
    position: relative;
}

#map {
    width:  100%;
    height: 300px;
}

.fixed,
.absolute {
    position: absolute;
    left:     0;
    top:      0;
    width:    100%;
    height:   100%;
}

.fixed {
    position: fixed;
}

.v-center {
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    -ms-flex-line-pack: center;
    align-content:      center;
    -ms-flex-wrap:      wrap;
    flex-wrap:          wrap
}

.section-padding {
    padding: 120px 0;
}

.social-menu {
    list-style: none;
    margin:     0;
    padding:    10px;
}

.social-menu li {
    display: inline-block;
    margin:  0 3px;
}

._flex {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: center;
}

.social-menu li a {
    display:            block;
    width:              36px;
    height:             36px;
    text-align:         center;
    line-height:        2.5em;
    background-color:   #ffffff;
    color:              #34495e;
    border-radius:      100px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow:         0 0 0 0 rgba(0, 0, 0, 0.1);
    font-size:          15px;
}

.social-menu li a:hover {
    background-color:   #34495e;
    color:              #ffffff;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow:         3px 3px 5px 0 rgba(0, 0, 0, 0.1);
}

/**
*Default Background Class
**/

.overlay:before,
.sky-bg {
    color: #ffffff;
}

.gray-bg {
    background: linear-gradient(#ffffff 60%, #ced6e0);
}

/**
*Default Button
**/

.button {
    display:            inline-block;
    padding:            8px 30px;
    border-radius:      50px;
    color:              #ffffff;
    background-color:   #2f60c3;
    -webkit-transition: 0.3s;
    transition:         0.3s;
    border:             none;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow:         2px 5px 20px -5px rgba(0, 0, 0, 0.1);
}

.button.white,
.button:hover {
    background-color: #ffffff;
    color:            #57606f;
}

.button.white:hover {
    background-color: #222222;
    color:            #ffffff;
}

.button i {
    margin-left: 5px;
}

/**
*Page title
**/

.page-title {
    margin-bottom: 60px;
}

.page-title h2 {
    text-transform: uppercase;
    position:       relative;
    margin-bottom:  20px;
    padding-bottom: 20px;
}

#brands .page-title h2 {
    color: #ffffff;
}

#brands .page-title p {
    color:       #ffffff;
    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
}

.page-title h2:after {
    content:           "\e675";
    font-family:       'themify';
    position:          absolute;
    left:              50%;
    -webkit-transform: translateX(-50%);
    transform:         translateX(-50%);
    bottom:            -10px;
    width:             15px;
    height:            15px;
    font-size:         14px;
}

/**
*Box-style
**/

.box {
    padding:            50px 30px;
    text-align:         center;
    -webkit-box-shadow: 0 0 0 0 #ffffff;
    box-shadow:         0 0 0 0 #ffffff;
    -webkit-transition: 0.3s;
    transition:         0.3s;
    border-radius:      5px;
    -webkit-transform:  translateY(0);
    transform:          translateY(0)
}

.box:hover {
    -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
    box-shadow:         0 10px 30px -5px rgba(0, 0, 0, 0.1);
    background-color:   #ffffff;
    -webkit-transform:  translateY(-5px);
    transform:          translateY(-5px)
}

.box h4 {
    text-transform: uppercase;
}

.box .box-icon {
    height:        160px;
    margin-bottom: 20px;
}

.box .box-icon img {
    -webkit-filter:     grayscale(100%);
    filter:             grayscale(100%);
    -webkit-transition: 0.3s;
    transition:         0.3s;
}

/**
*Mainmenu-area
**/

.mainmenu-area {
    position:           fixed;
    left:               0;
    top:                0;
    width:              100%;
    z-index:            9999999;
    -webkit-transition: 0.3s;
    transition:         0.3s;
}

.overlay,
.overlay a,
.mainmenu-area a {
    color: #ffffff;
}

.mainmenu-area .logo {
    text-transform:      uppercase;
    letter-spacing:      2px;
    margin-top:          10px;
    margin-bottom:       10px;
    padding-left:        0;
    height:              60px;
    display:             block;
    width:               128px;
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
    background-image:    url('/images/logo-w.svg');
}

.mainmenu-area.affix .logo {
    background-image: url('/images/logo-b.svg');
}

.mainmenu-area .logo h2 {
    margin-bottom: 0;
    margin-top:    20px;
}

.mainmenu-area #primary-menu > ul > li > a {
    background: none;
    padding:    30px 15px;
    position:   relative;
    border-top: 3px solid transparent;
    text-align: center;
}

.mainmenu-area #primary-menu > ul > li > a:before {
    content:            "";
    position:           absolute;
    left:               50%;
    -webkit-transform:  translateX(-50%);
    transform:          translateX(-50%);
    top:                -10px;
    width:              0;
    height:             0;
    border-right:       10px solid transparent;
    border-left:        10px solid transparent;
    border-top:         10px solid #ffffff;
    opacity:            0;
    -webkit-transition: 0.3s;
    transition:         0.3s;
}

.mainmenu-area #primary-menu > ul > li > a:hover:before,
.mainmenu-area #primary-menu > ul > li.active > a:before {
    opacity: 1;
    top:     0;
}

.mainmenu-area #primary-menu ul li.active a,
.mainmenu-area #primary-menu ul li a:hover {
    border-top: 3px solid #ffffff;
}

.mainmenu-area.affix {
    background-color: #ffffff;
    box-shadow:       0px -7px 20px #222222;
}

.mainmenu-area a {
    color: #222222;
}

.mainmenu-area.affix #primary-menu ul li.active a,
.mainmenu-area.affix #primary-menu ul li a:hover {
    border-color: #222222;
}

.mainmenu-area.affix #primary-menu > ul > li > a:before {
    border-top: 10px solid #222222;
}


/**
*Header-area
**/

.client-area,
.header-area {
    /*background: #000000 url('/images/parallax-2.jpg') no-repeat scroll center center / cover;*/
    background-size: cover;
}

.anlge-bg {
    background:          url('/images/main-bg.jpg') no-repeat;
    background-size:     cover;
    background-position: center right;
}

.overlay {
    position: relative;
}

.overlay:before {
    content:  "";
    position: absolute;
    left:     0;
    top:      0;
    width:    100%;
    height:   100%;
    opacity:  0.8
}

#brands .page-title h2 {
    text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.6);
}

.header-text h2 {
    margin-bottom: 20px;
    font-size:     40px;
    text-shadow:   0px 5px 16px rgba(0, 0, 0, 0.6);
}

.header-text p {
    text-shadow: 0px 3px 6px #000000;
    font-size:   18px;
}

.scroll-down-box {
    cursor:      pointer;
    position:    absolute;
    left:        50%;
    user-select: none;
    transform:   translateY(-50%);
    bottom:      5px;
    z-index:     5;
    width:       70px;
    height:      70px;
    text-align:  center;
}

.clear {
    clear: both;
}

.header-text .button {
    margin-top: 30px;
}

.screen-slider .item {
    background: url('/images/mobile2.png') no-repeat scroll center center / auto 100%;
    padding:    56px 22px;
    display:    inline-block;
    margin:     auto;
}

.screen-slider.owl-carousel .owl-item {
    text-align: center
}

.screen-slider .owl-controls {
    position: absolute;
    left:     0;
    top:      100%;
}

.screen-slider .owl-controls .owl-nav > div {
    display:    inline-block;
    margin:     0 15px;
    font-size:  20px;
    text-align: center;
    position:   relative;
}

.screen-slider .owl-controls .owl-nav {
    position:   relative;
    margin-top: 0;
}

.screen-slider .owl-controls .owl-nav:after {
    content:           "/";
    position:          absolute;
    left:              50%;
    top:               12px;
    -webkit-transform: translateX(-50%);
    transform:         translateX(-50%)
}

/**
*Caption-slider
**/

.caption-slider .carousel-indicators {
    position:         static;
    margin:           30px auto 0 auto;
    padding:          0;
    border-top:       1px solid rgba(255, 255, 255, 0.2);
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
}

.caption-slider .carousel-indicators li {
    float:         left;
    padding-top:   20px;
    padding-right: 30px;
    cursor:        pointer;
    position:      relative;
    list-style:    none;
}

.caption-slider .carousel-indicators li:before {
    content:          "";
    position:         absolute;
    left:             0;
    top:              -2px;
    width:            100%;
    height:           3px;
    background-color: #ffffff;
    opacity:          0;
}


.caption-slider .carousel-indicators li.active:before {
    opacity: 1;
}

.caption-slider .carousel-indicators li strong {
    display: block;
}

.caption-slider h2 {
    margin-bottom: 20px;
    font-size:     40px;
}

.caption-slider .button {
    margin-top: 30px;
}

.caption-slider .caption-photo {
    display:            inline-block;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow:         0 10px 30px 0 rgba(0, 0, 0, 0.1)
}

.caption-slider .caption-photo.two {
    margin-top: 60px;
}

.caption-slider .caption-title {
    -webkit-animation-delay: 0.4s;
    animation-delay:         0.4s
}

.caption-slider .caption-desc {
    -webkit-animation-delay: 0.6s;
    animation-delay:         0.6s
}

.caption-slider .caption-button {
    -webkit-animation-delay: 0.8s;
    animation-delay:         0.8s
}

.caption-slider .caption-photo.one {
    -webkit-animation-delay: 1s;
    animation-delay:         1s
}

.caption-slider .caption-photo.two {
    -webkit-animation-delay: 1.2s;
    animation-delay:         1.2s
}


/***
*Team-Section
***/

.single-team {
    background-color:   #ffffff;
    border-radius:      5px;
    overflow:           hidden;
    color:              #515656;
    text-align:         center;
    position:           relative;
    box-shadow:         3px 3px 10px rgba(0, 0, 0, 0.6);
    -webkit-transform:  translateY(0);
    transform:          translateY(0);
    -webkit-transition: 0.3s;
    transition:         0.3s
}

.single-team:hover {
    -webkit-transform: translateY(-5px);
    transform:         translateY(-5px)
}

.single-team .team-photo {
    /*margin-bottom: 20px;*/
    padding-top: 20px;
    overflow:    hidden;
    height:      260px;
    position:    relative;
}

.single-team .team-photo img {
    -webkit-transform:  scale(1);
    transform:          scale(1);
    -webkit-transition: 0.3s;
    transition:         0.3s;
    position:           absolute;
    width:              200px;
    top:                50%;
    left:               50%;
    transform:          translate3d(-50%, -50%, 0);
}

.service-item {
    margin-bottom: 25px;
}

.single-team h4 {
    text-transform: uppercase;
}

.single-team h6 {
    margin-bottom: 20px;
}

.single-team .social-menu {
    -webkit-transition: 0.3s;
    transition:         0.3s;
    width:              100%;
    background-color:   #ffffff;
    text-align:         center;
}

.single-team .social-menu a {
    display:          inline-block;
    padding:          12px 30px;
    border-radius:    5px;
    background-color: #ccae62;
    color:            #ffffff;
    margin-bottom:    20px;
    font-size:        14px;
    transition:       .2s;
}

.single-team .social-menu a:hover {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.4);
}

/***
*Testimonial-Page
***/

.testimonial-area {
    background: url('/images/parallax-7.jpg') no-repeat scroll center center / cover;
    position:   relative;
    color:      #ffffff;
}

.testimonial-area:before {
    opacity: 0.9
}

.testimonial {
    text-align: center;
}

.testimonial .testimonial-photo {
    margin-bottom:      20px;
    display:            inline-block;
    margin-right:       30px;
    border-radius:      50%;
    -webkit-box-shadow: 5px 10px 30px -10px rgba(255, 255, 255, 0.5);
    box-shadow:         5px 10px 30px -10px rgba(255, 255, 255, 0.5);
    position:           relative;
}

.testimonial .testimonial-photo:after {
    content:           "";
    position:          absolute;
    left:              50%;
    top:               100%;
    -webkit-transform: translateX(-50%);
    transform:         translateX(-50%);
    width:             20px;
    height:            20px;
}

.testimonials.owl-carousel .owl-controls .owl-nav {
    text-align: center;
}


/***
*Price-area
***/

.price-area {
    background: url('/images/parallax-6.jpg') no-repeat scroll center center / cover
}

.price-table h3 {
    margin-bottom: 30px;
}

.price-table {
    padding:          50px 40px;
    border-radius:    2px;
    text-align:       center;
    background-color: #ffffff;
    color:            #515656;
    position:         relative;
    margin-top:       20px
}

.price-table.active {
    padding:    70px 40px;
    margin-top: 0
}

.price-table ul {
    margin:     30px 0;
    padding:    0;
    list-style: none;
}

.price-table ul li {
    padding: 5px 0;
}

.price-table .price-info {
    position:          absolute;
    left:              50%;
    top:               0;
    width:             100px;
    -webkit-transform: translateX(-50%);
    transform:         translateX(-50%);
    background-color:  #55a2be;
    color:             #ffffff;
    border-radius:     0 0 50% 50%;
    padding-bottom:    5px;
}

/**
*Accordion
**/

#accordion .panel {
    background: none;
}

#accordion .panel .panel-title {
    padding:  30px 0 30px 60px;
    position: relative;
}

#accordion .panel .panel-collapse {
    padding-left: 60px;
}

#accordion .panel .panel-title a span:after,
#accordion .panel .panel-title a span:before,
#accordion .panel .panel-title a span {
    content:            '';
    position:           absolute;
    left:               0;
    top:                20px;
    width:              36px;
    height:             36px;
    background:         #34495e;
    border-radius:      50%;
    -webkit-transition: 0.3s;
    transition:         0.3s;
}


#accordion .panel .panel-title a span:before,
#accordion .panel .panel-title a span:after {
    width:             10px;
    height:            1px;
    background-color:  #ffffff;
    top:               50%;
    left:              50%;
    -webkit-transform: translate(-50%);
    transform:         translate(-50%)
}

#accordion .panel .panel-title a span:before {
    -webkit-transform: translate(-50%) rotate(90deg);
    transform:         translate(-50%) rotate(90deg)
}

#accordion .panel .panel-title a[aria-expanded="true"] span:before {
    -webkit-transform: translate(-50%) rotate(0deg);
    transform:         translate(-50%) rotate(0deg)
}

/****
*Blog-area
*****/

.single-blog {
    overflow:           hidden;
    border-radius:      5px;
    -webkit-box-shadow: 10px 15px 50px -10px rgba(0, 0, 0, 0.1);
    box-shadow:         10px 15px 50px -10px rgba(0, 0, 0, 0.1);

}

.single-blog h3 {
    font-size: 18px;
}


.single-blog .blog-meta {
    list-style:    none;
    margin:        0;
    padding:       0;
    margin-top:    10px;
    margin-bottom: 30px;
}

.single-blog .blog-meta li {
    display:      inline-block;
    margin-right: 15px;
}

.single-blog .blog-meta li span {
    margin-right: 5px;
}

.single-blog .blog-content {
    padding:          40px 20px;
    background-color: #ffffff
}


/***
*Footer-area
***/

.footer-area {
    padding-top: 120px;
    z-index:     1;
}

.footer-bg {
    background:       url('/images/footer-bg.png') no-repeat scroll center bottom / 100% auto;
    background-color: #212529;
    z-index:          -1;
}

.footer-top {
    margin-bottom: 150px;
}

.side-icon-box {
    margin-bottom: 30px;
    position:      relative;
    padding-left:  80px;
}

.side-icon-box a {
    color: #ffffff;
}

.side-icon-box .side-icon {
    position: absolute;
    left:     0;
    top:      0;
    width:    60px;
}

.side-icon-box strong {
    display:       block;
    margin-bottom: 10px;
}

.footer-middle {
    margin-bottom: 60px;
}

.footer-bottom {
    border-top:     1px solid rgba(255, 255, 255, 0.2);
    padding-top:    25px;
    padding-bottom: 15px;
}

/***
*Contact-form
****/

.contact-form .button {
    letter-spacing: 2px;
    min-width:      150px;
    margin-top:     10px;
    border-radius:  3px;
}

.form-control {
    margin-bottom: 20px;
    height:        auto;
    padding:       12px 20px;
}

.form-double input {
    width: calc(50% - 10px);
    float: left;
}

#brands {
    background:          url('/images/team-bg.jpg') no-repeat;
    background-size:     cover;
    background-position: center;
}

.form-double input:last-child {
    float: right;
}

/*-----------
preloader
------------*/

.preloader {
    position:   fixed;
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    background: #75cbe7;
    background: -webkit-gradient(linear, left top, left bottom, from(#75cbe7), to(#138fc2));
    background: linear-gradient(to bottom, #75cbe7 0%, #138fc2 100%);
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#75cbe7', endColorstr='#138fc2', GradientType=0);
    z-index:    99999999999;
}

.sk-folding-cube {
    margin:            20px auto;
    width:             40px;
    height:            40px;
    position:          absolute;
    top:               50%;
    left:              50%;
    margin-top:        -20px;
    margin-left:       -20px;
    -webkit-transform: rotateZ(45deg);
    transform:         rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float:             left;
    width:             50%;
    height:            50%;
    position:          relative;
    -webkit-transform: scale(1.1);
    transform:         scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content:                  '';
    position:                 absolute;
    top:                      0;
    left:                     0;
    width:                    100%;
    height:                   100%;
    background-color:         #ffffff;
    -webkit-animation:        sk-foldCubeAngle 2.4s infinite linear both;
    animation:                sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    transform-origin:         100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform:         scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform:         scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform:         scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay:         0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay:         0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay:         0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform:         perspective(140px) rotateX(-180deg);
        opacity:           0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform:         perspective(140px) rotateX(0deg);
        opacity:           1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform:         perspective(140px) rotateY(180deg);
        opacity:           0;
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform:         perspective(140px) rotateX(-180deg);
        opacity:           0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform:         perspective(140px) rotateX(0deg);
        opacity:           1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform:         perspective(140px) rotateY(180deg);
        opacity:           0;
    }
}

.catalog-page {
    min-height:    100vh;
    border-bottom: 1px solid #ffffff;
}

.cars-page {
    min-height:    100vh;
    border-bottom: 1px solid #ffffff;
}

.go-back-btn {
    color:           #ffffff;
    text-shadow:     0px 3px 10px rgba(0, 0, 0, 0.6);
    text-decoration: underline;
}

.go-back-btn:hover {
    color: #337ab7;
}

.back-btn-section span {
    color:        #ffffff;
    text-shadow:  0px 3px 10px rgba(0, 0, 0, 0.6);
    font-size:    20px;
    margin-right: 5px;
}

.back-btn-section {
    margin-top: 25px;
}

.parts-main {
    background:       initial !important;
    background-color: #ffffff !important;
}

.phone_number {
    display: none;
}

.parts-main .parts-item {
    display:          flex;
    align-items:      center;
    flex-direction:   column;
    border-radius:    5px;
    margin-bottom:    20px;
    box-shadow:       0 3px 8px #eaeaea;
    padding:          15px;
    background-color: #ffffff;
    margin-bottom:    30px;
}

.parts-item img {
    height:        170px;
    width:         auto;
    margin-bottom: 10px;
}

.parts-item .description {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    width:           100%;
    justify-content: center;
}

.parts-item .description p {
    font-size: 12px;
    height:    40px;
    overflow:  hidden;
}

.parts-item .description .title {
    font-size: 16px;
}

.parts-item .price-block {
    display:     flex;
    align-items: center;
}

.price-block .old-price {
    color:           #aaaaaa;
    font-size:       14px;
    text-decoration: line-through;
}

.price-block .new-price {
    margin-left: 10px;
    font-size:   20px;
}

.parts-item .buy {
    background-color: #ccae62;
    border-radius:    5px;
    padding:          4px 45px;
    font-size:        14px;
    border:           1px solid #ccae62;
    color:            #ffffff;
    transition:       0.4s;
    margin:           15px auto;
}

.parts-item .buy:hover {
    background-color: #ffffff;
    color:            #ccae62;
}

.parts-main .page-title h2 {
    color:       #515656 !important;
    text-shadow: initial !important;
}

.parts-main .page-title p {
    color:       #515656 !important;
    text-shadow: initial !important;
}

.parts-main .go-back-btn {
    color:       #515656 !important;
    text-shadow: initial !important;
}

.parts-main .back-btn-section span {
    color: #515656 !important;
}

.bg-gray {
    background-color: #fafafa !important;
}

.cars-page .team-photo img {
    height: 170px;
    width:  auto;
}

.catalog-page .team-photo img {
    height: 170px;
    width:  auto;
}

.index-brands .team-photo img {
    height: 170px;
    width:  auto;
}

.navbar-toggle {
    border:     none;
    background: transparent !important;
}

.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}