/*

Theme Name: Car Repair Services

Theme URI: https://smartdata.tonytemplates.com/car-repair-service/

Author: smartdatasoft

Author URI: https://themeforest.net/user/smartdatasoft

Description: Smart Data Soft Starter Theme

Version: 3.5

License: This theme or plugin is comprised of two parts.(1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the terms of your purchased license. Read more about licensing here: http://themeforest.net/licenses

License URI: License.txt

Text Domain: car-repair-services

Tags: flexible-header,custom-background,custom-header,featured-images





This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Theme Name is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/





/*-------------------------------

[Table of contents]



1. Typography

  1.1 Typography Styles

  1.2 Page Preloader

  1.3 Forms

  1.4 Buttons

  1.5 Social Icons

  1.6 Tags

  1.7 Calendar

  1.8 Nav Pills

  2. Main Structure

  2.1 Layout Styles

  2.2 Header

  2.3 Slide Menu

  2.4 Footer

  2.5 Main Slider

3. Content

  3.1 Breadcrumbs block

  3.2 Video block

  3.3 Text + Icon block

  3.4 Testimonials block

  3.5 Person Block

  3.6 Faq page

  3.7 Blog page

  3.8 Appointment Form

  3.9 Appointment Banner

  3.10 Banner Under Slider

  3.11 Services

  3.12 GetForm

  3.13 Promo Banner

  3.14 How it works

  3.15 Statistic

  3.16 Show/Hide Block

  3.17 Gallery Page

4. Custom Animation

5. Plugins overlay styles



-----------------------------------*/





/*---------------------------------------*/





/*--------     1. Typography     --------*/





/*---------------------------------------*/





/*-------  1.1 Typography Styles --------*/



body,

html {

    overflow-X: hidden;

}



body {

    font-family: 'Muli', sans-serif;

    color: #292929;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



img {

    height: auto;
	width:93%;

}

@media only screen and (max-width: 480px) {
  img.app1 {
    width: 80%;
  }
}

@media only screen and (max-width: 480px) {
  img.app {
    width: 40%;
  }
}

img.img2 {

float: left;
margin: 0px 0px 0px 0px;
}


@media (max-width: 767px) {

    body {

        font-size: 14px;

        line-height: 22px;

    }

}



body.modal-open {

    padding-right: 0 !important;

}



a {

    color: #292929;

    text-decoration: none;

}



a:hover,

a:focus {

    text-decoration: none;

    color: #292929;

    transition: 0.4s;

    -webkit-transition: 0.4s;

}



p {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 24px;

}



p:empty {

    display: none !important;

}



@media (max-width: 767px) {

    p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

}



.info {

    font-size: 20px;

    line-height: 26px;

    margin-bottom: 26px;

    /* font-style: italic; */

}



@media (max-width: 991px) {

    .info {

        font-size: 18px;

    }

}



@media (max-width: 767px) {

    .info {

        font-size: 16px;

        line-height: 22px;

        margin-bottom: 22px;

    }

}



h1+p.info,

h2+p.info {

    margin-top: -30px;

}



@media (max-width: 767px) {

    h1+p.info,

    h2+p.info {

        margin-top: -10px;

    }

}



@media (max-width: 479px) {

    h1+p.info,

    h2+p.info {

        margin-top: -10px;

    }

}



p.info+p {

    margin-top: 35px;

}



p.info+h2.h-phone {

    margin-top: -5px;

}



.color,

a.color,

a.color:hover,

a.color:focus {

    color: #f58025;

}



.color-alt {

    color: #2c2c2c;

}



svg path.color {

    fill: #f58025 !important;

}



h1,

h2.h-lg {

    font-size: 44px;

    line-height: 44px;

    font-family: 'Muli', sans-serif;

    font-weight: 600;

    margin: 0 0 35px;

    color: #292929;

}



@media (max-width: 991px) {

    h1,

    h2.h-lg {

        font-size: 40px;

        line-height: 40px;

    }

}



@media (max-width: 767px) {

    h1,

    h2.h-lg {

        font-size: 32px;

        line-height: 34px;

        margin: 0 0 15px;

    }

}



@media (max-width: 479px) {

    h1,

    h2.h-lg {

        font-size: 28px;

        line-height: 32px;

    }

}



span.sm {

    display: inline-block;

    font-size: 14px;

    font-weight: normal;

    width: 53px;

}



h2 {

    font-size: 34px;

    line-height: 34px;

    font-family: 'Muli', sans-serif;

    font-weight: 600;

    margin: 0 0 30px;

    color: #292929;

}



@media (max-width: 767px) {

    h2 {

        font-size: 28px;

        line-height: 30px;

        margin: 0 0 15px;

    }

}



h2.h-phone {

    letter-spacing: -1px;

}



h3 {

    font-size: 30px;

    line-height: 1em;

    font-family: 'Muli', sans-serif;

    font-weight: 600;

    padding: 0;

    margin: 0 0 20px;

    color: #292929;

}



@media (max-width: 767px) {

    h3 {

        font-size: 26px;

        margin: 0 0 10px;

    }

}



@media (max-width: 767px) {

    h3 {

        font-size: 24px;

        margin: 0 0 10px;

    }

}



h4 {

    font-size: 26px;

    line-height: 28px;

    font-family: 'Muli', sans-serif;

    font-weight: 400;

    padding: 0;

    margin: 0 0 15px;

}



h5 {

    font-size: 22px;

    line-height: 22px;

    font-weight: 400;

    font-family: 'Muli', sans-serif;

    padding: 0;

    margin: 0 0 15px;

    text-transform: uppercase;

}



h6 {

    font-size: 18px;

    line-height: 22px;

    font-weight: 700;

    font-family: 'Muli', sans-serif;

    padding: 0;

    margin: 0 0 15px;

}



@media (max-width: 767px) {

    h5 {

        font-size: 16px !important;

    }

}



.divider-xxl {

    clear: both;

    height: 120px;

}



@media (max-width: 1199px) {

    .divider-xxl {

        height: 78px;

    }

}



@media (max-width: 767px) {

    .divider-xxl {

        height: 60px;

    }

}



.divider-xl {

    clear: both;

    height: 65px;

}



@media (max-width: 480px) {

    .divider-xl {

        height: 30px;

    }

}



.divider-lg {

    clear: both;

    height: 45px;

}



@media (max-width: 767px) {

    .divider-lg {

        height: 15px;

    }

}



.divider-md {

    clear: both;

    height: 30px;

}



@media (max-width: 767px) {

    .divider-md {

        height: 15px;

    }

}



.divider {

    clear: both;

    height: 20px;

}



@media (max-width: 767px) {

    .divider {

        height: 15px;

    }

}



.divider-sm {

    clear: both;

    height: 10px;

}



.divider-line {

    clear: both;

    height: 50px;

    margin-top: 50px;

    border-top: 1px solid #f58025;

}



@media (max-width: 767px) {

    .divider-line {

        margin-top: 30px;

        height: 30px;

    }

}



.quote {

    margin-top: 25px;

    margin-bottom: 40px;

    padding-left: 115px;

    position: relative;

    padding-right: 50px;

}



blockquote::before {

    font-size: 250px;

    line-height: 1em;

    font-style: normal;

    content: "“";

    position: absolute;

    left: 0;

    top: -32px;

    color: #f58025;

}



.quote-simple {

    margin-top: 30px;

    margin-bottom: 30px;

    margin-left: 40px;

    padding-left: 30px;

    border-left: 4px solid #f58025;

}



.marker-list {

    margin: 17px 0 5px;

    padding: 0;

    list-style: none;

}



.marker-list>li {

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    position: relative;

    padding-left: 33px;

    margin-bottom: 8px;

}



@media (max-width: 1199px) {

    .marker-list>li {

        font-size: 16px;

        line-height: 22px;

        padding-left: 30px;

    }

}



.marker-list>li:after {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    font-family: 'auto';

    content: "\e91d";

    font-size: 15px;

    color: #f58025;

}



@media (max-width: 1199px) {

    .marker-list>li:after {

        font-size: 18px;

    }

}



.marker-list-sm {

    margin: 15px 0 0;

    padding: 0;

    list-style: none;

}



.marker-list-sm>li {

    font-size: 16px;

    line-height: 20px;

    position: relative;

    padding-left: 29px;

    margin-bottom: 8px;

}



.marker-list-sm>li:after {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    font-family: 'auto';

    content: "\e91d";

    font-size: 15px;

    color: #f58025;

}



.search-form-area .marker-list-sm>li {

    margin-bottom: 7px;

    margin-top: 7px;

    text-align: left;

}



@media (max-width: 767px) {

    .marker-list-sm>li {

        font-size: 14px;

    }

}



@media (max-width: 1199px) and (min-width: 992px) {

    .search-form-area .marker-list-sm>li {

        margin-bottom: 0px;

        margin-top: 5px;

    }

    .home-search-area.vc_row>.vc_column_container>.vc_column-inner {

        padding-top: 0 !important;

    }

}



@media (max-width: 991px) and (min-width: 768px) {

    .column-sm-2 {

        column-count: 2;

        column-gap: 16px;

    }

    .search-form-area .marker-list-sm>li {

        margin-top: 0px;

    }

}



.category-list {

    margin: 35px 0 0;

    padding: 0;

    font-size: 16px;

    line-height: 22px;

    text-align: left;

    list-style: none;

}



.category-list>li {

    padding: 0 0 12px 23px;

    position: relative;

}



.category-list>li>a {

    text-decoration: none;

    -webkit-transition: color 200ms ease;

    -moz-transition: color 200ms ease;

    -ms-transition: color 200ms ease;

    -o-transition: color 200ms ease;

}



.category-list>li>a:hover {

    text-decoration: underline;

}



.category-list>li:after {

    content: '\e920';

    font-family: 'auto';

    color: #f58025;

    display: block;

    position: absolute;

    left: 0;

    top: 10px;

    font-size: 10px;

}



.post-meta.category-list li:after {

    content: "";

}



.post-meta.category-list li {

    padding: 9px 0 7px 0px;

}



.category-list>li span {

    color: #292929;

}



.single-post .tags-links {

    margin: 25px 0px 50px;

}



.number-list {

    margin: 15px 0 0;

    padding: 0;

    list-style: none;

    counter-reset: item;

}



.number-list>li {

    font-size: 15px;

    line-height: 20px;

    font-weight: 600;

    position: relative;

    margin-bottom: 10px;

}



.number-list>li:before {

    display: inline-block;

    min-width: 18px;

    content: counter(item) ". ";

    counter-increment: item;

    color: #f58025;

}



.contact-info {

    margin: 0 0 25px;

    padding-left: 50px;

    position: relative;

    font-size: 18px;

    line-height: 22px;

    text-align: left;

}



.contact-info>.icon {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 36px;

    line-height: 1em;

    color: #f58025;

}



.contact-info h5 {

    text-transform: none;

    padding: 7px 0 0 0;

    margin-bottom: 7px;

    font-weight: 700;

    font-size: 18px;

}



.contact-info .social-links {

    margin-top: 20px;

}



@media (max-width: 767px) {

    .contact-info h5 {

        font-size: 15px;

    }

    .search-form-area .coupon {

        margin-top: 40px;

    }

    #pageContent .contact-info {

        margin: 0 auto 40px;

        max-width: 260px;

        text-align: left;

    }

    #pageContent .row-grey .contact-info {

        max-width: 100%;

        text-align: left;

    }

}



.vert-wrap {

    display: table;

    height: 100%;

    width: 100%;

    position: relative;

    z-index: 1;

}



.vert {

    display: table-cell;

    vertical-align: middle;

}



.more-loader {

    display: none;

}



.more-loader.visible {

    display: block;

    text-align: center;

    padding-bottom: 25px;

}



.inline-icons {

    margin-bottom: 30px;

}



.more-loader-coupon {

    display: none;

}



.more-loader-coupon.visible {

    background: #fff none repeat scroll 0 0;

    bottom: 35px;

    display: block;

    font-weight: 600;

    height: 15px;

    left: 50%;

    padding: 5px 0;

    position: absolute;

    text-align: center;

    text-decoration: underline;

    width: 15px;

    z-index: 1;

    transform: translateY(-50%);

}



.inline-icons .icon-wrapper {

    margin-right: 30px;

}



.inline-icons .icon-wrapper:last-child {

    margin-right: 0;

}



.inline-icons .icon-big {

    margin-right: 10px;

}



.inline-icons .icon-big:last-child {

    margin-right: 0;

}

/*-------- 1.2 Page Preloader    --------*/



#loader-wrapper.loader-off {

    display: none !important;

}



#loader-wrapper {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #000;

    z-index: 15000;

    overflow: hidden;

}



.loader {

    width: 150px;

    height: 150px;

    border: 1px #fff solid;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

}



.loader.custom-loader {

    border: medium none;

    left: 0;

    margin: 0 auto;

    right: 0;

}



.loader .loading {

    font-size: 10px;

    position: absolute;

    width: 100%;

    text-align: center;

    line-height: 14px;

    font-family: 'Century Gothic', sans-serif;

    left: 0;

    top: 50%;

    margin-top: 20px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}



.loader-circle-1 {

    width: 138px;

    height: 138px;

    left: 5px;

    top: 5px;

    border: 1px #fff solid;

    border-radius: 50%;

    position: absolute;

    border-right-color: transparent;

    -webkit-animation: spin 3s linear infinite;

    animation: spin 3s linear infinite;

}



.loader-circle-2 {

    width: 126px;

    height: 126px;

    left: 5px;

    top: 5px;

    border: 1px transparent solid;

    border-radius: 50%;

    position: absolute;

    border-right-color: #f58025;

    -webkit-animation: spin 5s linear infinite;

    animation: spin 5s linear infinite;

}



.loader .line {

    width: 10px;

    height: 2px;

    background: #fff;

    position: absolute;

}



.loader .line:nth-child(1) {

    left: 16px;

    top: 50%;

    margin-top: -1px;

}



.loader .line:nth-child(2) {

    transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    left: 33px;

    top: 33px;

}



.loader .line:nth-child(3) {

    top: 16px;

    left: 50%;

    width: 2px;

    height: 10px;

}



.loader .line:nth-child(4) {

    transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    right: 33px;

    top: 33px;

}



.loader .line:nth-child(5) {

    right: 16px;

    top: 50%;

    margin-top: -1px;

}



.loader .line:nth-child(6) {

    transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    right: 33px;

    bottom: 33px;

    background: #f58025;

}



.loader .subline {

    position: absolute;

    width: 3px;

    height: 2px;

    background: #fff;

}



.loader .subline:nth-child(7) {

    transform: rotate(22.5deg);

    -moz-transform: rotate(22.5deg);

    -webkit-transform: rotate(22.5deg);

    -ms-transform: rotate(22.5deg);

    left: 21px;

    top: 50px;

}



.loader .subline:nth-child(8) {

    transform: rotate(67.5deg);

    -moz-transform: rotate(67.5deg);

    -webkit-transform: rotate(67.5deg);

    -ms-transform: rotate(67.5deg);

    left: 50px;

    top: 21px;

}



.loader .subline:nth-child(9) {

    transform: rotate(112.5deg);

    -moz-transform: rotate(112.5deg);

    -webkit-transform: rotate(112.5deg);

    -ms-transform: rotate(112.5deg);

    right: 50px;

    top: 21px;

}



.loader .subline:nth-child(10) {

    transform: rotate(157.5deg);

    -moz-transform: rotate(157.5deg);

    -webkit-transform: rotate(157.5deg);

    -ms-transform: rotate(157.5deg);

    right: 21px;

    top: 50px;

}



.loader .subline:nth-child(11) {

    transform: rotate(22.5deg);

    -moz-transform: rotate(22.5deg);

    -webkit-transform: rotate(22.5deg);

    -ms-transform: rotate(22.5deg);

    right: 20px;

    bottom: 49px;

    background: #f58025;

}



.loader .needle {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    border: 1px #fff solid;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -8px 0 0 -8px;

    z-index: 1;

    -webkit-animation: pegIt 3s infinite ease-in-out;

    animation: pegIt 3s infinite ease-in-out;

}



.loader .needle:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 3.5px 50px 3.5px 0;

    border-color: transparent #f58025 transparent transparent;

    position: absolute;

    right: 50%;

    top: 50%;

    margin: -3.5px 0 0 0;

    border-radius: 0 50% 50% 0;

}



.home.layout-1 .block {

    margin-bottom: 0;

}



@keyframes pegIt {

    0% {

        transform: rotate(0deg);

    }

    16% {

        transform: rotate(75deg);

    }

    25% {

        transform: rotate(55deg);

    }

    30% {

        transform: rotate(90deg);

    }

    36% {

        transform: rotate(170deg);

    }

    42% {

        transform: rotate(150deg);

    }

    50% {

        transform: rotate(227deg);

    }

    100% {

        transform: rotate(0deg);

    }

}



@-webkit-keyframes pegIt {

    0% {

        -webkit-transform: rotate(0deg);

    }

    16% {

        -webkit-transform: rotate(75deg);

    }

    25% {

        -webkit-transform: rotate(55deg);

    }

    30% {

        -webkit-transform: rotate(90deg);

    }

    36% {

        -webkit-transform: rotate(170deg);

    }

    42% {

        -webkit-transform: rotate(150deg);

    }

    50% {

        -webkit-transform: rotate(227deg);

    }

    100% {

        -webkit-transform: rotate(0deg);

    }

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}





/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    background-color: hsl(0, 0%, 17%);

    border: 0 none;

    border-radius: 0px;

    color: hsl(0, 0%, 100%);

    font-size: 20px;

    font-weight: 700;

    height: auto;

    line-height: 18px;

    min-width: 80px;

    padding: 18px 25px;

    transition: .3s;

    margin: 0px 0px 10px;

}



input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

    border-color: #ccc #bbb #aaa;

    background: hsl(52, 100%, 50%);

    color: #000;

}



.btn-contacts input[type="submit"] {

    background-color: hsl(0, 0%, 17%);

    border: 0 none;

    border-radius: 0px;

    color: hsl(0, 0%, 100%);

    font-size: 14px;

    font-weight: 700;

    height: auto;

    line-height: 18px;

    min-width: 80px;

    padding: 18px 40px;

    transition: .3s;

    margin: 0px 0px 10px;

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

    border-color: #aaa #bbb #bbb;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

    appearance: none;

    margin-bottom: 4px;

    padding: 10px 15px;

    font-size: 18px;

    line-height: 24px;

    background: #fff;

    border: 1px solid #dfdfdf;

    border-radius: 0;

    color: #000000;

    min-width: 100%;

}



select {

    border: 1px solid #ccc;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

    color: #111;

}



textarea {

    width: 100%;

}





/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/



.main-navigation {

    clear: both;

    display: block;

    float: left;

    width: 100%;

}



.main-navigation ul {

    display: none;

    list-style: none;

    margin: 0;

    padding-left: 0;

}



.main-navigation li {

    float: left;

    position: relative;

}



.main-navigation a {

    display: block;

    text-decoration: none;

}



.main-navigation ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

    float: left;

    position: absolute;

    top: 1.5em;

    left: -999em;

    z-index: 99999;

}



.main-navigation ul ul ul {

    left: -999em;

    top: 0;

}



.main-navigation ul ul a {

    width: 200px;

}

.main-navigation ul li:hover>ul,

.main-navigation ul li.focus>ul {

    left: auto;

}



.main-navigation ul ul li:hover>ul,

.main-navigation ul ul li.focus>ul {

    left: 100%;

}



/* Small menu. */



.menu-toggle,

.main-navigation.toggled ul {

    display: block;

}



@media screen and (min-width: 37.5em) {

    .menu-toggle {

        display: none;

    }

    .main-navigation ul {

        display: block;

    }

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

    margin: 0 0 1.5em;

    overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

    float: left;

    width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

    float: right;

    text-align: right;

    width: 50%;

}





/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/





/* Text meant only for screen readers. */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

    word-wrap: normal !important;

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

}





/* Do not show the outline on the skip link target. */



#content[tabindex="-1"]:focus {

    outline: 0;

}





/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/



.alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em;

}



.alignright {

    display: inline;

    float: right;

    margin-left: 1.5em;

}



.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}





/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/



.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

    content: "";

    display: table;

    table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

    clear: both;

}





/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/



.widget {

    margin: 0 0 1.5em;

}





/* Make sure select elements fit in widgets. */



.widget select {

    max-width: 100%;

}





/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/





/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/



.sticky {

    display: block;

}



.byline,

.updated:not(.published) {

    display: none;

}



.single .byline,

.group-blog .byline {

    display: inline;

}



.page-content,

.entry-content,

.entry-summary {

    margin: 1.5em 0 0;

}



.page-links {

    clear: both;

    margin: 0 0 1.5em;

}





/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/



.comment-content a {

    word-wrap: break-word;

}



.bypostauthor {

    display: block;

}





/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/





/* Globally hidden elements when Infinite Scroll is supported and in use. */



.infinite-scroll .posts-navigation,



/* Older / Newer Posts Navigation (always hidden) */



.infinite-scroll.neverending .site-footer {

    /* Theme Footer (when set to scrolling) */

    display: none;

}





/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */



.infinity-end.neverending .site-footer {

    display: block;

}





/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/



.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}





/* Make sure embeds and iframes fit their containers. */



embed,

iframe,

object {

    max-width: 100%;

}





/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/



.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption .wp-caption-text {

    margin: 0.8075em 0;

}



.wp-caption-text {

    text-align: center;

}





/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/



.gallery {

    margin-bottom: 0;

}



.gallery-item {

    display: inline-block;

    vertical-align: top;

    width: 100%;

}



.gallery-columns-2 .gallery-item {

    max-width: 50%;

}



.gallery-columns-3 .gallery-item {

    max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

    max-width: 25%;

}



.gallery-columns-5 .gallery-item {

    max-width: 20%;

}



.gallery-columns-6 .gallery-item {

    max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

    max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

    max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

    max-width: 11.11%;

}



.gallery-caption {

    display: block;

}





/*-------- 1.3 Forms             --------*/



.input-custom {

    appearance: none;

    margin-bottom: 4px;

    padding: 15px 15px 15px;

    font-size: 18px;

    line-height: 24px;

    height: 54px;

    background: #fff;

    border: 1px solid #dbdbdb;

    border-radius: 0;

    color: #2b2b2b;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

}



.input-custom:hover,

.input-custom:focus,

.input-custom.focus {

    outline: none;

    border-color: #f58025;

}



.input-custom.input-full {

    width: 100%;

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    background: #fff;

}



.bg-dark .form-control.input-custom {

    margin-top: 0px;

}



.textarea-custom:hover,

.textarea-custom:focus,

.textarea-custom.focus {

    outline: none;

    /* border-color: #f58025; */

}



.textarea-custom.input-full {

    width: 100%;

}



.input-wrapper {

    position: relative;

    margin-bottom: 11px;

}



.placeholder {

    font-size: 16px;

    line-height: 20px;

    color: #989898;

}



input::-webkit-input-placeholder {

    font-size: 16px;

    line-height: 20px;

    color: #989898;

}



input::-moz-placeholder {

    font-size: 16px;

    line-height: 20px;

    color: #989898;

}



input:-ms-input-placeholder {

    font-size: 16px;

    line-height: 20px;

    color: #989898;

}



input:-moz-placeholder {

    font-size: 16px;

    line-height: 20px;

    color: #989898;

}



.required {

    color: red;

}



input.input-custom,

textarea.textarea-custom,

.select-wrapper select.input-custom {

    -webkit-appearance: none;

    -moz-appearance: none;

}



.select-wrapper {

    position: relative;

}



.select-wrapper:before {

    content: '\25BE';

    position: absolute;

    right: 1px;

    top: 1px;

    bottom: 1px;

    width: 52px;

    height: 52px;

    font-size: 14px;

    line-height: 54px;

    pointer-events: none;

    color: #2b2b2b;

    text-align: center;

    background-color: #fff;

    z-index: 99;

}



.select-wrapper select {

    padding-right: 40px;

    width: 100%;

    background-color: #fff;

    color: #2b2b2b;

}



select {

    -moz-appearance: none;

    -webkit-appearance: none;

}



.form-table input.btn.btn-invert {

    border-radius: 0 !important;

    padding: 18px 45px;

    color: #333;

}



.select-wrapper select {

    padding-right: 40px;

    width: 100%;

    background-color: #fff;

    color: #2b2b2b;

}



.select-wrapper-sm {

    position: relative;

}



.select-wrapper-sm:before {

    content: '\25BE';

    position: absolute;

    right: 1px;

    top: 1px;

    bottom: 1px;

    width: 40px;

    height: 38px;

    font-size: 14px;

    line-height: 40px;

    pointer-events: none;

    color: #2b2b2b;

    text-align: center;

    background-color: #fff;

}



@media (max-width: 1199px) {

    .select-wrapper-sm:before {

        line-height: 32px !important;

        height: 32px !important;

    }

}



.select-wrapper-sm select {

    padding-right: 40px;

    width: 100%;

    background-color: #fff;

    color: #2b2b2b;

}



.select-wrapper-sm .input-custom {

    height: 40px !important;

    font-size: 16px;

    line-height: 20px;

    padding: 10px 40px 10px 10px !important;

}



@media (max-width: 1199px) {

    .select-wrapper-sm .input-custom {

        height: 34px !important;

        font-size: 14px !important;

        padding: 7px 34px 7px 7px !important;

    }

}





/*for IE10*/



select::-ms-expand {

    display: none;

}



.contact-form {

    margin-bottom: 15px;

    margin-top: 0;

}



label {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin-bottom: 5px;

    color: #000;

}



form label.error {

    display: block;

    color: #ff0000;

    font-size: 14px !important;

    opacity: 1 !important;

}



.successform,

.errorform {

    display: none;

    height: 70px;

}



.successform span,

.errorform span {

    display: block;

}



.successform span p,

.errorform span p {

    margin-top: 15px;

}



.successform span p {

    color: #2990d6;

}



.errorform span p {

    color: #c0392b;

}



.form-table input::-webkit-input-placeholder {

    color: #000;

}



.form-table input::-moz-placeholder {

    color: #000;

}



.form-table input:-ms-input-placeholder {

    color: #000;

}



.form-table input:-moz-placeholder {

    color: #000;

}



@media (min-width: 992px) {

    .form-table {

        display: table;

        width: 100%;

        table-layout: fixed;

        padding-top: 5px;

    }

    .form-table .form-group-cell {

        display: table-cell;

        vertical-align: top;

        padding: 0 10px;

    }

    .form-table .form-group-cell.sm {

        width: 125px;

    }

    .form-table .form-group-cell.action {

        width: 215px;

    }

    .form-table .form-group-cell .btn {

        height: 55px;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .form-table .form-group-cell:not(.action) {

        display: inline-block;

        vertical-align: top;

        padding: 0 10px;

        width: calc(50% - 126px);

        margin-right: -4px;

    }

    .form-table .form-group-cell.action {

        width: calc(100% - 20px);

        margin: 0 10px;

    }

    .form-table .form-group-cell.sm {

        width: 125px;

    }

    .form-table .form-group-cell .btn {

        height: 55px;

    }

}



@media (max-width: 767px) {

    .form-table {

        max-width: 460px;

        margin: 0 auto;

    }

}





/*-------- 1.4 Buttons           --------*/



button:focus,

.btn:focus,

button:active:focus,

.btn:active:focus,

button.active:focus,

.btn.active:focus,

button.focus,

.btn.focus,

button:active.focus,

.btn:active.focus,

button.active.focus,

.btn.active.focus {

    outline: 0;

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



button:hover,

.btn:hover,

button:focus,

.btn:focus,

button.focus,

.btn.focus {

    outline: 0;

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



button:active,

.btn:active,

button.active,

.btn.active {

    outline: 0;

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



button.pull-right,

.btn.pull-right {

    margin-right: 10px;

}



.blog-post a.more-link,

.btn {

    position: relative;

    padding: 20px 25px;

    font-size: 14px;

    line-height: 18px;

    font-weight: 700;

    height: auto;

    background-color: #2c2c2c;

    color: #ffffff;

    border-radius: 0;

    border: 0;

    vertical-align: top;

    -webkit-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;

    -moz-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;

    -ms-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;

    -o-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;

    text-decoration: none;

    text-transform: uppercase;

    min-width: 195px;

    overflow: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

}



.blog-post a.more-link:hover,

.btn:hover,

.btn.active,

.btn:active,

.btn.focus,

.btn:focus {

    background: #f58025;

    color: #333333;

}



.blog-post a.more-link:before,

.blog-post a.more-link:after,

.btn:before,

.btn:after {

    content: '';

    position: absolute;

    z-index: -1;

    left: 100%;

    top: 0;

    width: 150%;

    height: 100%;

    background-color: #f58025;

    -webkit-transform: skew(30deg) translate3d(0, 0, 0);

    -moz-transform: skew(30deg) translate3d(0, 0, 0);

    -ms-transform: skew(30deg) translate3d(0, 0, 0);

    -o-transform: skew(30deg) translate3d(0, 0, 0);

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    opacity: 0;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

}



.blog-post a.more-link:before,

.btn:before {

    left: auto;

    right: 100%;

    -webkit-transform: skew(-30deg) translate3d(0, 0, 0);

    -moz-transform: skew(-30deg) translate3d(0, 0, 0);

    -ms-transform: skew(-30deg) translate3d(0, 0, 0);

    -o-transform: skew(-30deg) translate3d(0, 0, 0);

}



.blog-post a.more-link:hover,

.btn:hover {

    background-color: #2c2c2c;

}



.blog-post a.more-link:hover:before,

.btn:hover:before {

    -webkit-transform: skew(-30deg) translate3d(70%, 0, 0);

    -moz-transform: skew(-30deg) translate3d(70%, 0, 0);

    -ms-transform: skew(-30deg) translate3d(70%, 0, 0);

    -o-transform: skew(-30deg) translate3d(70%, 0, 0);

    opacity: 1;

}



.blog-post a.more-link:hover:after,

.btn:hover:after {

    -webkit-transform: skew(30deg) translate3d(-70%, 0, 0);

    -moz-transform: skew(30deg) translate3d(-70%, 0, 0);

    -ms-transform: skew(30deg) translate3d(-70%, 0, 0);

    -o-transform: skew(30deg) translate3d(-70%, 0, 0);

    opacity: 1;

}



.btn span {

    display: block;

    position: relative;

    z-index: 1;

}



.btn.btn-border {

    border: 2px solid #f58025;

    background: transparent;

    line-height: 14px !important;

}



.btn.btn-lg {

    height: auto;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    padding: 20px 35px;

}



@media (max-width: 767px) {

    .btn.btn-lg {

        font-size: 16px;

    }

}



.btn.btn-sm {

    font-size: 18px;

    line-height: 26px;

    font-weight: bold;

    padding: 10px 40px;

    text-transform: none;

    min-width: 0;

}



.btn.btn-xs {

    font-size: 12px;

    line-height: 14px;

    font-weight: bold;

    padding: 10px 15px;

    min-width: 0;

}



.btn.btn-full {

    width: 100%;

    padding-left: 0;

    padding-right: 0;

}



.btn-invert {

    background: #f58025;

    color: #2c2c2c;

}



.btn-invert:hover,

.btn-invert.active,

.btn-invert:active,

.btn-invert.focus,

.btn-invert:focus {

    background: #2c2c2c !important;

    color: #ffffff !important;

}



.btn-invert:before,

.btn-invert:after {

    background-color: #2c2c2c !important;

}



.btn-invert-alt {

    background: #2c2c2c;

}



.btn-invert-alt:hover,

.btn-invert-alt.active,

.btn-invert-alt:active,

.btn-invert-alt.focus,

.btn-invert-alt:focus {

    background-color: #fff;

    color: #2c2c2c;

}



.btn-white {

    background: #fff;

    color: #2c2c2c;

    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);

}



.btn-white:hover,

.btn-white.active,

.btn-white:active,

.btn-white.focus,

.btn-white:focus {

    background-color: #2c2c2c;

    color: #fff;

}



.btn-inline .btn {

    margin: 0 24px 10px 0;

}



.text-center .btn-inline .btn {

    margin: 0 12px 10px;

}



/*-------- 1.5 Social Icons      --------*/



.social-links ul {

    margin: 0;

    padding: 0;

}



.social-links ul li {

    display: inline-block;

    margin: 0 7px 5px 0;

    list-style: none;

    text-align: center;

}



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

    .social-links ul li {

        margin: 0 4px 3px 0;

    }

}



.social-links ul li:last-child {

    margin-right: 0;

}



.social-links ul li a {

    font-size: 45px;

    color: #f58025;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: color 0.3s ease;

    -moz-transition: color 0.3s ease;

    -ms-transition: color 0.3s ease;

    -o-transition: color 0.3s ease;

}



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

    .social-links ul li a {

        font-size: 36px;

    }

}



.social-links ul li a:hover {

    color: #2c2c2c;

}



.link a {

    font-size: 34px;

    line-height: 1em;

    color: #f58025;

    text-decoration: none;

    padding: 0 4px 0 0;

    -webkit-transition: color 0.3s ease;

    -moz-transition: color 0.3s ease;

    -ms-transition: color 0.3s ease;

    -o-transition: color 0.3s ease;

}



.link a:hover {

    color: #2c2c2c;

}



a.icon-facebook-logo:hover {

    color: #3b5998 !important;

}



a.icon-twitter-logo:hover {

    color: #55acee !important;

}



a.icon-google-plus-logo:hover {

    color: #dd4b39 !important;

}



a.icon-linkedin-logo:hover {

    color: #4875B4 !important;

}



a.icon-pinterest-logo:hover {

    color: #C92228 !important;

}



a.icon-instagram-logo:hover {

    color: #4E433C !important;

}





/*-------- 1.6 Tags              --------*/



.tags-list {

    position: relative;

    list-style: none;

    margin: 30px 0 0;

    padding: 0;

}



.tags-list li {

    display: inline-block;

    padding: 0;

    margin-bottom: 7px;

    margin-right: 5px;

}



.tags-list li a {

    display: block;

    background-color: #f1f1f1;

    color: #2b2b2b;

    font-size: 14px;

    line-height: 25px;

    padding: 0 10px;

    text-decoration: none;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}



.tags-list li a:hover {

    background-color: #f58025;

}



/*-------- 1.7 Calendar          --------*/



.calendar__header {

    font-size: 16px;

    padding: 0 0 18px;

}



.calendar__footer {

    font-size: 16px;

    padding: 10px 0 0;

}



.calendar__footer a {

    text-decoration: none;

}



.calendar__footer a:hover {

    color: #f58025;

}



.calendar table {

    background: #fff;

    border-collapse: collapse;

    color: #2c2c2c;

    font-size: 15px;

    width: 100%;

    max-width: 350px;

    border-spacing: 1px;

    border-collapse: separate;

}



.calendar th,

.calendar td {

    border: 1px solid #eee;

    color: #484848;

    cursor: pointer;

    line-height: 36px;

    text-align: center;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}



.calendar th:hover,

.calendar td:hover {

    background-color: #f5f5f5;

}



.calendar th {

    background-color: #f5f5f5;

}



.calendar tr:first-child td {

    color: #2c2c2c;

    font-weight: 700;

    padding-bottom: 10px;

}



.calendar .selected,

.calendar .selected:hover {

    background-color: #f58025;

    color: #2c2c2c;

}



/*-------- 1.8 Nav Pills         --------*/



.nav-tabs {

    border-bottom: 1px solid #d8d8d8;

}



.nav-tabs>li {

    margin: 0 20px;

}



@media (max-width: 479px) {

    .nav-tabs>li {

        width: 100%;

        margin: 0;

    }

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    border-width: 0;

}



.nav-tabs>li>a {

    padding-left: 0;

    padding-right: 0;

    font-size: 18px;

    line-height: 24px;

    font-weight: bold;

    border: none;

    color: #292929;

    text-transform: uppercase;

    text-decoration: none;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.nav-tabs>li.active>a,

.nav-tabs>li>a:hover {

    border: none;

    color: #f58025 !important;

    background: transparent;

}



.icons-tabs .nav-tabs>li>a::after {

    content: "";

    background: #f58025;

    height: 4px;

    position: absolute;

    width: 100%;

    left: 0px;

    bottom: -1px;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    transform: scale(0);

}



.icons-tabs.nav-tabs>li.active>a::after,

.icons-tabs .nav-tabs>li:hover>a::after {

    transform: scale(1);

}



.tab-nav>li>a::after {

    background: #f58025 none repeat scroll 0% 0%;

    color: #fff;

}



.tab-pane {

    padding: 15px 0;

}



.tab-content {

    padding: 20px;

}



@media (max-width: 479px) {

    .tab-content {

        padding: 0;

    }

}



.vehicle-damage .tab-content {

    position: relative;

    padding: 0;

}



.vehicle-damage .tab-content>.tab-pane {

    display: block;

    position: absolute;

    width: calc(100% + 30px);

    top: -10000px;

}



.vehicle-damage .tab-content>.active {

    position: relative;

    top: 0;

}



.nav-pills {

    margin: 70px 0 47px;

    text-align: center;

}



.nav-pills>li {

    display: inline-block;

    float: none;

    margin: 0 3px 10px 3px;

}



.nav-pills>li>a {

    display: block;

    border-radius: 0;

    padding: 0 18px;

    min-width: 50px;

    border: 1px solid #eaeaea;

    font-size: 14px;

    line-height: 53px;

    color: #383838;

    text-decoration: none;

    text-align: center;

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:focus,

.nav-pills>li.active>a:hover {

    background: #f58025;

    border-color: #f58025;

    color: #383838;

}



div.vertical-tab {

    position: relative;

}



div.vertical-tab>.active {

    position: relative;

    top: 0;

}



.vertical-tab-content .nav-tabs>li {

    float: left;

    margin-bottom: -1px;

    width: 50%;

    background-color: transparent;

    margin: 0;

}



.vertical-tab-content .nav-tabs>li a {

    font-size: 16px;

    line-height: 24px;

    font-weight: normal;

}



@media (max-width: 767px) {

    .vertical-tab-content .nav-tabs>li a {

        font-size: 12px;

    }

}



.vertical-tab-content .nav-tabs li a {

    background-color: #fff !important;

    color: #333 !important;

    border: 1px solid #333;

    text-align: center;

}



.nav-pills {

    margin: 100px 0 60px;

    text-align: center;

}



.vehicle-damage .nav-pills {

    margin: 70px 0 60px;

    text-align: center;

}



.nav-pills>li {

    display: inline-block;

    float: none;

    margin: 0 3px 10px 3px;

}



.nav-pills>li>a {

    display: block;

    border-radius: 0;

    padding: 0 18px;

    min-width: 50px;

    border: 1px solid #eaeaea;

    font-size: 14px;

    line-height: 53px;

    color: #383838;

    text-decoration: none;

    text-align: center;

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:focus,

.nav-pills>li.active>a:hover {

    background: #f58025;

    border-color: #f58025;

    color: #383838;

}





/*---------------------------------------*/





/*--------   2. Main Structure   --------*/





/*---------------------------------------*/





/*--------   2.1 Layout Styles   --------*/



.block {

    margin-bottom: 50px;

}



.block.bottom-sm {

    margin-bottom: 48px;

}



.block.bottom-md {

    margin-bottom: 100px;

}



.block.bottom-null {

    margin-bottom: 0;

}



.block.bg-1,

.block.bg-2,

.block.bg-3 {

    background-size: cover;

    padding: 50px 0 60px;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-backface-visibility: hidden;

}



@media (max-width: 991px) {

    .block.bg-1,

    .block.bg-2,

    .block.bg-3 {

        background-attachment: scroll;

    }

}



@media (max-width: 1199px) {

    .block.bg-1,

    .block.bg-2,

    .block.bg-3 {

        background-size: cover;

        padding: 40px 0 40px;

    }

}



.faq-excerpt {

    margin-top: 0px;

}



.services-page-txt.block.bg-1 {

    padding: 20px 0 60px;

}



.services-page-txt .wpb_content_element {

    margin-bottom: 0px !important;

}



.black-bg-color {

    margin: 1px 0px 80px;

}



.block.bg-1,

.block.bg-2,

.block.bg-3,

.block.bg-1 a,

.block.bg-2 a,

.block.bg-3 a {

    color: #fff;

}



.block.bg-1 h1,

.block.bg-2 h1,

.block.bg-3 h1,

.block.bg-1 h2,

.block.bg-2 h2,

.block.bg-3 h2,

.block.bg-1 h3,

.block.bg-2 h3,

.block.bg-3 h3,

.black-bg-color h2.h-lg {

    color: #fff;

}



.block.bg-1 .slick-dots li button:after,

.block.bg-2 .slick-dots li button:after,

.block.bg-3 .slick-dots li button:after {

    background: #fff;

}



.block.bg-1 .slick-dots li.slick-active button:after,

.block.bg-2 .slick-dots li.slick-active button:after,

.block.bg-3 .slick-dots li.slick-active button:after,

.block.bg-1 .slick-dots li.slick-active button:hover:after,

.block.bg-2 .slick-dots li.slick-active button:hover:after,

.block.bg-3 .slick-dots li.slick-active button:hover:after {

    background: #2c2c2c;

}



.block.bg-2 {

    padding: 40px 0 80px;

}



@media (max-width: 767px) {

    .block.bg-2 {

        padding: 44px 0 40px;

    }

}



.block.bg-3 {

    background: #252525;

    padding: 52px 0 0;

}



@media (max-width: 767px) {

    .block.bg-3 {

        padding: 44px 0 0;

    }

}



@media (min-width: 768px) {

    .block.bg-3 .container-fluid {

        padding: 0;

    }

}



.block.bg-4 {

    background: #f5f5f5;

    padding: 55px 0 45px;

}



@media (max-width: 991px) {

    .block.bg-4 {

        padding: 55px 0 45px;

    }

}



@media (max-width: 767px) {

    .block.bg-4 {

        padding: 55px 0 45px;

    }

}



.block.bg-dark {

    color: #fff;

}



.block.bg-dark h1,

.block.bg-dark h2,

.block.bg-dark h3 {

    color: #fff;

}



.block.bg-dark.full-block {

    background: url(images/grey-bg-1.png) repeat 0 0;

}



.block.bg-dark:not(.full-block) .container {

    background: url(images/grey-bg-1.png) repeat 0 0;

}



.block.pad-sm {

    padding: 0px 0 20px;

}



.block.offset-sm {

    margin-top: -35px;

}



@media (min-width: 992px) {

    .contact-hone-number {

        margin-top: -20px;

    }

}



@media (max-width: 1199px) {

    .block {

        margin-bottom: 78px;

    }

}



@media (max-width: 991px) {

    .block {

        margin-bottom: 45px;

    }

    .block.offset-sm {

        margin-top: 0;

    }

    .contact-hone-number .wpb_column.vc_column_container {

        width: 100%;

    }

    .contact-hone-number .wpb_column .wpb_text_column.wpb_content_element {

        margin-bottom: 10px;

    }

}



@media (min-width: 1200px) {

    .block>.container,

    .navbar .container,

    #pageContent>.container {

        padding-left: 0;

        padding-right: 0;

    }

}



.slidertop-space {

    padding-top: 50px;

}



@media (max-width: 991px) {

    html body:not(.home) #pageContent,

    .slidertop-space {

        padding-top: 45px;

    }

}



@media (max-width: 480px) {

    body:not(.home),

    body:not(.custom-background) {

        background-size: contain !important;

        background-repeat-y: repeat !important;

    }

}



#pageContent {

    position: relative;

    background-color: #fff;

    top: -1px;

}



#pageContent:before,

#pageContent:after {

    content: '';

    display: table;

}



body:not(.home) #pageTitle {

    padding-bottom: 12px;

}



@media (min-width: 1200px) {

    #pageTitle .container {

        padding: 0;

    }

}



#pageTitle h1,

#pageTitle h2 {

    text-align: center;

    color: #fff;

    font-size: 44px;

    line-height: 44px;

}



@media (max-width: 991px) {

    #pageTitle h1,

    #pageTitle h2 {

        text-align: center;

        color: #fff;

        font-size: 40px;

        line-height: 40px;

    }

}



@media (max-width: 767px) {

    #pageTitle h1,

    #pageTitle h2 {

        text-align: center;

        color: #fff;

        font-size: 32px;

        line-height: 32px;

    }

}



@media (max-width: 479px) {

    #pageTitle h1,

    #pageTitle h2 {

        font-size: 28px;

        line-height: 32px;

    }

}



.vc_row.car-faq-text {

    margin-bottom: -50px;

}



.car-faq-text h4 {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 24px;

    display: table-cell;

    vertical-align: middle;

    padding-top: 20px;

    padding-bottom: 20px;

}



.car-faq-text .vc_toggle_title:hover h4 {

    color: #f58025;

}



@media (max-width: 767px) {

    .car-faq-text h4 {

        padding-top: 5px;

        padding-bottom: 5px;

    }

}



@media (max-width: 1199px) {

    .gallery-item img {

        width: auto;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        max-width: 100%;

        height: auto;

    }

}



.entry-header h1,

.entry-header h2 {

    text-align: center;

    color: #fff;

    font-size: 44px;

    line-height: normal;

}



@media (max-width: 991px) {

    .car-faq-text h4 {

        font-size: 16px;

    }

    .car-faq-text .vc_toggle {

        display: block;

        margin: 0 0 60.74px;

        padding: 0;

        font-size: 1em;

    }

    .vc_row.wpb_row.vc_row-fluid.vc_custom_1493347865495.vc_row-no-padding {

        padding-bottom: 0 !important;

    }

}



.row-grey {

    margin: 40px 0 60px;

    padding: 30px 20px;

    background-color: #f3f3f3;

}



@media (max-width: 767px) {

    .row-grey {

        margin: 40px 0 40px;

        padding: 20px 15px;

    }

}



.row-grey .contact-info {

    margin-bottom: 0;

}



.contacts-page .wpcf7-form-control.wpcf7-textarea {

    height: 220px;

}



.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {

    border: 2px solid #f58025;

}



@media (max-width: 991px) {

    .contacts-page .wpcf7-form-control.wpcf7-textarea {

        height: 195px;

    }

    .btn-contacts.contacts-page {

        margin-bottom: -20px;

    }

}



@media (min-width: 991px) {

    body.fixedSlider header.page-header {

        position: fixed;

        top: 0;

        width: 100%;

        z-index: 2;

    }

}



@media (min-width: 992px) {

    .page-header.is-sticky .header-row {

        display: none;

    }

}



body.home.page header.page-header {

    position: absolute;

    background: none;

}



.page-header.is-sticky {

    position: fixed !important;

    width: 100%;

}





/* header.page-header.is-sticky:before, */



header.page-header.is-sticky .header-right-bottom,

header.page-header.is-sticky .header-right-top,

.page-header.is-sticky .header-info-toggle {

    display: none;

}



header.page-header.is-sticky .logo {

    padding-top: 0px;

    height: auto;

}



header.is-sticky .header-row .logo>a {

    padding: 5px 0;

}



header.page-header.is-sticky .navbar-toggle {

    top: 50%;

    margin-top: -12px;

}



header.page-header {

    position: relative;

    width: 100%;

    z-index: 1000;

    padding: 0;

    margin: 0;

    border: 0;

    font-weight: normal;

}



header.page-header:before {

    content: '';

    height: 59px;

    background-color: transparent;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

header .header-row {

    background: url(images/grey-bg.png) repeat;

    display: flex;

}



header .header-row .logo {

    width: 370px;

    float: left;

}



header .header-row .logo>a {

    padding: 12px 0;

}



@media (max-width: 1199px) {

    header .header-row .logo {

        width: 300px;

    }

}



@media (max-width: 991px) {

    header.page-header {

        background: #333 !important;

    }

}



@media (max-width: 767px) {

    .appointment {

        right: 0px;

    }

}



header .header-right {

    float: right;

    width: calc(100% - 370px);

}



@media (max-width: 1199px) {

    header .header-right {

        width: calc(100% - 300px);

    }

}



header .header-right .address {

    float: left;

    width: 65%;

    position: relative;

    background-color: #131313;

    height: 59px;

    border-radius: 0 0 0 20px;

    font-size: 18px;

    line-height: 25px;

    padding: 17px 60px 17px 80px;

    margin-left: -15px;

    width: calc(100% - 305px);

    color: #fff;

    text-align: center;

}



@media (max-width: 1199px) {

    header .header-right .address {

        font-size: 16px;

        width: calc(100% - 250px);

        padding: 17px 30px 17px 40px;

    }

}



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

    color: #FFF;

    right: -6px;

    text-align: right;

    padding-right: 6px;

    width: 100%;

    font-weight: 400;

}



header.page-header-1 .header-right .address span {

    color: #f58025;

}



header.page-header-1 .header-right .address:after {

    position: absolute;

    left: -41.3px;

    top: 0;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 48px 54px 0;

    border-color: transparent #131313 transparent transparent;

}



header.page-header-1 .header-right-top {

    height: 59px;

    background-color: #131313;

    width: 100%;

}



header.page-header-1 .header-right-top a:hover {

    color: #333;

}



header.page-header-1 .header-right-bottom {

    padding: 18px 0px;

    height: 66px;

    text-align: right;

}



header.page-header-1 .header-phone {

    font-size: 14px;

    line-height: 28px;

    color: #fff;

}



header.page-header-1 .header-phone>span {

    display: inline-block;

    vertical-align: middle;

}



header.page-header-1 .header-phone .text {

    padding-right: 10px;

    font-size: 14px;

    text-transform: uppercase;

}



header.page-header-1 .header-phone .phone-number {

    font-size: 27px;

    line-height: 28px;

}



header.page-header-1 .header-phone .phone-number .code {

    color: #f58025;

}



header.page-header-1 .logo {

    position: relative;

    overflow: hidden;

}



header.page-header-1 .logo>a {

    position: relative;

    display: block;

}



header.page-header-1 .logo img {

    max-height: 110px;

    max-width: 100%;

}



@media (max-width: 991px) {

    header.page-header-1 .header-phone .phone-number {

        display: none;

    }

}



@media (max-width: 991px) {

    header.page-header-1 .logo img {

        max-width: 185px;

        height: auto;

        width: 100%;

    }

    .logged-in.admin-bar .appointment::after {

        top: 0.45px;

    }

    .logged-in.admin-bar .appointment::after {

        border-width: 0 32px 28px 0;

        left: -26px;

        position: absolute;

    }

}



@media (max-width: 767px) {

    header.page-header-1 .logo img {

        max-width: 165px;

    }

    header.page-header-1 .logo>a {

        display: inline-block;

    }

}



header.page-header .appointment,

.modal-header .appointment {

    display: block;

    float: right;

    position: relative;

    background-color: #f58025;

    height: 59px;

    border-radius: 0 0 0 20px;

    font-size: 24px;

    line-height: 25px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 17px 20px;

    margin-left: -15px;

    width: 305px;

    color: #000;

    text-align: center;

    outline: none;

}



@media (max-width: 1199px) {

    header.page-header .appointment,

    .modal-header .appointment {

        width: 250px;

        font-size: 22px;

        padding: 17px 10px;

    }

}



header.page-header .appointment:focus,

header.page-header .appointment:hover,

.modal-header .appointment:focus,

.modal-header .appointment:hover {

    outline: none;

}



header.page-header .appointment .icon,

.modal-header .appointment .icon {

    margin-right: 12px;

}



header.page-header .appointment span,

.modal-header .appointment span,

header.page-header .appointment .icon,

.modal-header .appointment .icon {

    display: inline-block;

    vertical-align: top;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



header.page-header .appointment:hover .icon,

.modal-header .appointment:hover .icon {

    padding-left: 15px;

    -webkit-transition: all 0.3s ease 0.2s;

    -moz-transition: all 0.3s ease 0.2s;

    -ms-transition: all 0.3s ease 0.2s;

    -o-transition: all 0.3s ease 0.2s;

}



header.page-header .appointment:after,

.modal-header .appointment:after {

    position: absolute;

    left: -41px;

    top: 0;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 48px 54px 0;

    border-color: transparent #f58025 transparent transparent;

}



@media (min-width: 992px) {

    header.page-header-1 #slide-nav #slidemenu {

        position: relative;

        background: #fafafa;

        background: -moz-linear-gradient(top, #fafafa 0%, #dddddd 100%);

        background: -webkit-linear-gradient(top, #fafafa 0%, #dddddd 100%);

        background: linear-gradient(to bottom, #fafafa 0%, #dddddd 100%);

        border-top: 1px solid #ccc;

        border-bottom: 1px solid #ccc;

    }

    .header-row {

        float: none;

    }

    .navbar-toggle {

        display: none;

    }

    .navbar {

        background-color: transparent;

        border: 0;

        border-radius: 0;

        min-height: 70px;

        margin-bottom: 0;

        padding: 0;

    }

    .ecaret {

        display: none;

    }

    .nav .open>a,

    .nav .open>a:focus,

    .nav .open>a:hover {

        background-color: transparent;

        color: #000000;

    }

    .navbar-nav {

        margin: 0 20px;

        float: none;

    }

    .navbar-nav>li {

        margin: 0px;

    }

    header.page-header-1 .navbar-nav>li>a {

        display: block;

        position: relative;

        overflow: hidden;

        font-size: 19px;

        line-height: 23px;

        font-family: 'Muli', sans-serif;

        font-weight: 600;

        padding: 20px 13px;

        text-decoration: none;

        color: #000000;

        -webkit-transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transition: background-color 0.2s ease 0s;

        -moz-transition: background-color 0.2s ease 0s;

        -ms-transition: background-color 0.2s ease 0s;

        -o-transition: background-color 0.2s ease 0s;

    }

    .navbar-nav>li>a span {

        display: block;

        position: relative;

        z-index: 1;

    }

    header.page-header-1 .navbar-nav>li>a:after {

        content: '';

        position: absolute;

        z-index: -1;

        left: 100%;

        top: 0;

        width: 180%;

        height: 180%;

        background-color: #f58025;

        -webkit-transform: skew(45deg) translate3d(0, 0, 0);

        -moz-transform: skew(45deg) translate3d(0, 0, 0);

        -ms-transform: skew(45deg) translate3d(0, 0, 0);

        -o-transform: skew(45deg) translate3d(0, 0, 0);

        -webkit-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        transform-origin: 0 0;

        opacity: 0;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

    }

    header.page-header-1 .navbar-nav>li>a:hover:after {

        -webkit-transform: skew(45deg) translate3d(-100%, 0, 0);

        -moz-transform: skew(45deg) translate3d(-100%, 0, 0);

        -ms-transform: skew(45deg) translate3d(-100%, 0, 0);

        -o-transform: skew(45deg) translate3d(-100%, 0, 0);

        opacity: 1;

    }

    header.page-header-1 .navbar-nav>li {

        margin: 0px 0 -3px;

    }

    header.page-header-1 .navbar-nav>li.current-menu-item a,

    header.page-header-1 .navbar-nav>li:hover a {

        background-color: #f58025;

        color: #000000;

        -webkit-transition: background-color 0.2s ease 0.5s;

        -moz-transition: background-color 0.2s ease 0.5s;

        -ms-transition: background-color 0.2s ease 0.5s;

        -o-transition: background-color 0.2s ease 0.5s;

        -webkit-box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.1);

        box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.1);

    }

    .navbar-nav .dropdown .dropdown-menu {

        border: 0;

        border-radius: 0;

        padding: 0;

        margin-left: -110px;

        transform: translateX(20px);

        bottom: auto !important;

        left: 50%;

        width: 220px;

        display: block !important;

        opacity: 1;

        visibility: hidden;

        top: -5000px;

        -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

        -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

        box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

    }

    .navbar-nav .dropdown .dropdown-menu:after {

        bottom: 100%;

        left: 50%;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

        border-color: rgba(255, 255, 255, 0);

        border-bottom-color: #fff;

        border-width: 7px;

        margin-left: -7px;

    }

    .navbar-nav .dropdown .dropdown-menu li.open>a {

        background-color: transparent;

    }

    .navbar-nav .dropdown .dropdown-menu li>a {

        font-size: 15px;

        line-height: 20px;

        font-family: 'Muli', sans-serif;

        padding: 10px 45px 10px 15px;

        color: #000000;

        background-color: #fff !important;

        border-bottom: 1px solid #f0f0f0;

        white-space: normal;

        text-decoration: none;

        -webkit-transition: all 200ms ease;

        -moz-transition: all 200ms ease;

        -ms-transition: all 200ms ease;

        -o-transition: all 200ms ease;

    }

    .navbar-nav .dropdown .dropdown-menu li>a:hover,

    .navbar-nav .dropdown .dropdown-menu li>a:focus {

        background-color: #f2f2f2 !important;

    }

    .navbar-nav .dropdown .dropdown-menu li:last-child>a {

        border-bottom: 0;

    }

    .navbar-nav .dropdown .dropdown-menu .dropdown-menu {

        top: 6px;

    }

    .navbar-nav .dropdown:hover .dropdown-menu {

        transform: translateX(0);

        -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        -moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        -ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        -o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        opacity: 1;

        visibility: visible;

        top: 100%;

        margin-top: -4px;

    }

}



@media (max-width: 1199px) {

    header.page-header-1 .navbar-nav>li>a {

        padding-left: 6px;

        padding-right: 6px;

        font-size: 16px;

    }

}



.search-container {

    overflow: hidden;

    position: relative;

    float: right;

    width: 50px;

    height: 50px;

    margin: 7px 10px 0 0;

    -moz-transition: width 0.35s;

    -webkit-transition: width 0.35s;

}



.search-container:hover {

    width: 100%;

}



.search-container:hover input {

    display: block;

    width: calc(100% - 50px);

    opacity: 1;

    background-color: #fff;

}



.search-container:hover .button {

    background-color: #f58025;

    color: #000;

}



.search-container input {

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    float: left;

    width: calc(100% - 50px);

    height: 50px;

    padding: 10px;

    border: 0;

    -moz-transition: all 0.25s;

    -webkit-transition: all 0.25s;

    background-color: transparent;

    outline: none;

    min-width: auto;

    opacity: 0;

}



.search-container .button {

    display: inline-block;

    position: absolute;

    right: 0px;

    top: -1px;

    width: 50px;

    height: 50px;

    min-width: auto;

    padding: 0;

    margin: 0;

    background: transparent;

    text-align: center;

    font-size: 20px;

    color: #5f5f5f;

    cursor: pointer;

    text-decoration: none;

    border-radius: 0;

    line-height: 50px;

}



@media (max-width: 991px) {

    .page-header-1 .search-container {

        width: calc(100% - 30px) !important;

        margin: 20px 15px;

    }

    .search-container input {

        display: block;

        width: calc(100% - 50px);

        opacity: 1;

        background-color: #fff;

    }

    .search-container .button {

        background-color: #f58025;

        color: #000;

    }

}



.search-container:hover {

    width: 300px;

}



@media (min-width: 992px) {

    .search-container {

        position: absolute;

        right: 15px;

        top: 0;

    }

}



.overflow-visible {

    overflow: visible !important;

}





/*--------   2.3 Slide Menu      --------*/



body .darkout-menu {

    position: fixed;

    z-index: -1;

    top: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000;

    opacity: 0.5;

    -webkit-transition: opacity 0.3s linear, left 0.3s linear;

    -moz-transition: opacity 0.3s linear, left 0.3s linear;

    -ms-transition: opacity 0.3s linear, left 0.3s linear;

    -o-transition: opacity 0.3s linear, left 0.3s linear;

}



body.slide-active {

    overflow-x: hidden;

}



body.slide-active .darkout-menu {

    z-index: 1000;

    left: 270px;

    top: 0;

}



#pageContent {

    position: relative;

    left: 0;

}



#pageContent.slide-active {

    padding-top: 0;

}



.navbar-header {

    position: relative;

}



#slidemenu,

#pageContent,

#mainSliderWrapper,

.page-footer,

.page-header-1 .header-row,

.header-info-mobile,

.header-topline {

    -webkit-transition: left 0.3s linear;

    -moz-transition: left 0.3s linear;

    -ms-transition: left 0.3s linear;

    -o-transition: left 0.3s linear;

    left: 0;

    position: relative;

}



.header-info-mobile.slide-active,

#slidemenu.slide-active,

#pageContent.slide-active,

.page-footer.slide-active,

.page-header-1 .header-row.slide-active {

    left: 270px;

}



.page-footer.slide-active {

    z-index: 9999;

}



@media (max-width: 991px) {

    #slide-nav .container {

        margin: 0!important;

        padding: 0!important;

        height: 100%;

        width: 100%;

    }

    #slide-nav .navbar-header {

        margin: 0 auto;

        padding: 0 15px;

    }

    #slide-nav .navbar.slide-active {

        position: absolute;

        width: 270px;

        top: -1px;

        z-index: 1000;

    }

    #slide-nav #slidemenu {

        left: -100%;

        width: 270px !important;

        min-width: 0;

        position: absolute;

        z-index: 2;

        top: 0;

        margin: 0;

        padding-right: 0;

        padding-left: 0;

        background: #262626 none repeat scroll 0 0;

        border: 0;

        -webkit-transition: left 0.3s linear;

        -moz-transition: left 0.3s linear;

        -ms-transition: left 0.3s linear;

        -o-transition: left 0.3s linear;

    }

    #slide-nav #slidemenu .close-menu {

        display: none;

        position: absolute;

        z-index: 1;

        top: 0;

        right: 10px;

        height: 42px;

        color: #f58025;

        text-align: left;

        text-transform: uppercase;

        font-size: 18px;

        line-height: 42px;

        font-weight: 600;

    }

    #slide-nav #slidemenu.slide-active {

        left: 0;

        height: 100vh;

        overflow-y: scroll;

        display: block;

    }

    #slide-nav #slidemenu.slide-active .row {

        margin: 0;

    }

    #slide-nav #slidemenu.slide-active .close-menu {

        display: block;

    }

    #slide-nav #slidemenu.slide-active .search-container .button {

        border-radius: 0 0 0 0 !important;

        min-width: 10px;

        right: 0;

        padding: 0;

    }

    #slide-nav #slidemenu .navbar-nav {

        min-width: 0;

        width: 100%;

        margin: 42px 0 0;

    }

    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {

        min-width: 0;

        width: 100%;

        white-space: normal;

        text-decoration: none;

    }

    #slide-nav {

        border-top: 0;

    }

    #navbar-height-col {

        position: fixed;

        top: 0;

        height: 100%;

        bottom: 0;

        width: 270px;

        left: -270px;

        background: #262626;

        -webkit-transition: left 0.3s linear;

        -moz-transition: left 0.3s linear;

        -ms-transition: left 0.3s linear;

        -o-transition: left 0.3s linear;

    }

    #navbar-height-col.slide-active {

        left: 0;

    }

}



@media (min-width: 992px) {

    #slide-nav #slidemenu .close-menu {

        display: none !important;

    }

    #pageContent {

        left: 0;

    }

    .navbar.navbar-fixed-top.slide-active {

        position: fixed;

    }

    .navbar-header {

        left: 0 !important;

    }

}



.home-slider-one .vc_column-inner {

    z-index: 0 !important;

}



.car-add-texts .vc_column-inner {

    margin-top: -35px !important;

}



.car-add-texts .wpb_wrapper .wpb_text_column.wpb_content_element {

    margin-bottom: 0 !important;

}



body.admin-bar .page-header.sticky.is-sticky {

    top: 32px;

}



body.admin-bar.home #appointmentForm.modal .modal-dialog {

    top: 32px;

}



@media (max-width: 782px) {

    body.admin-bar .page-header.sticky.is-sticky {

        top: 0;

    }

    body.admin-bar.home #appointmentForm.modal .modal-dialog {

        top: 46px;

    }

}





/*--------   2.4 Footer          --------*/



@media (min-width: 767px) {

    body.fixedFooter .page-footer {

        position: fixed;

        bottom: -100%;

        width: 100%;

        z-index: 2;

    }

}



@media (min-width: 769px) {

    .page-footer .footer-col-left .inside {

        width: 470px;

        float: right;

        padding: 68px 15px 55px 0;

    }

}



@media (max-width: 768px) {

    .page-footer .footer-col-left .inside {

        max-width: 500px;

        margin: 0 auto;

        text-align: center;

    }

}



@media (min-width: 769px) {

    .page-footer .footer-content {

        display: table;

        width: 100%;

        table-layout: fixed;

        background-color: #2b2b2b;

    }

    .page-footer .footer-col-left {

        display: table-cell;

        vertical-align: top;

        width: 44%;

        padding: 0;

    }

    .page-footer .footer-col-right {

        display: table-cell;

        vertical-align: top;

        width: 56%;

        position: relative;

    }

    .page-footer .footer-map {

        position: absolute !important;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .page-footer .footer-col-left .inside {

        width: 390px;

    }

}



@media (min-width: 769px) and (max-width: 991px) {

    .page-footer .footer-col-left .inside {

        width: 360px;

    }

    .page-footer .footer-col-left,

    .page-footer .footer-col-right {

        width: 50%;

    }

}



@media (max-width: 768px) {

    .page-footer .footer-col-left {

        padding: 40px 20px;

    }

    .page-footer .footer-col-left,

    .page-footer .footer-col-right {

        width: 100%;

        display: block;

    }

}



.page-footer a,

.page-footer a:hover {

    color: #fff;

}



.page-footer .contact-info a:hover {

    text-decoration: underline;

}



.page-footer {

    position: relative;

    background: #2c2c2c;

    color: #fff;

    z-index: 0;

}



.page-footer .footer-content {

    background-color: #2b2b2b;

}



.page-footer .footer-bottom {

    background-color: #121212;

    padding: 15px 0px;

}



@media (max-width: 991px) {

    .page-footer .footer-bottom {

        text-align: center;

    }

}



.page-footer .footer-phone,

.page-footer .footer-phone h2 {

    font-size: 28px;

    color: #fff;

}



.page-footer .container {

    position: relative;

    z-index: 100;

}



.page-footer .copyright {

    color: #c8c8c8;

    font-size: 16px;

    line-height: 27px;

}



@media (max-width: 767px) {

    .page-footer .copyright {

        font-size: 14px;

        line-height: 21px;

    }

}



.page-footer .footer-map {

    min-height: auto;

    width: 100%;

}



@media (min-width: 768px) {

    .page-footer .footer-map {

        position: absolute !important;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }

}



.page-footer .social-links {

    margin-top: 68px;

}



@media (max-width: 767px) {

    .page-footer .social-links {

        margin-top: 35px;

        text-align: center;

    }

    .page-footer .social-links li {

        margin-bottom: 10px !important

    }

}



.page-footer .social-links ul li {

    margin: 0 8px 0 0;

}



.page-footer .social-links ul li a {

    color: #f58025;

    font-size: 44px;

}



.page-footer .social-links ul li a:hover {

    color: #fff;

}



.page-footer .footer-phone {

    margin-bottom: 62px;

    font-size: 34px;

    line-height: 1em;

}



@media (max-width: 768px) {

    .page-footer .footer-phone {

        margin-bottom: 35px;

    }

    .page-footer .social-links {

        margin-top: 35px;

        text-align: center;

    }

}



@media (max-width: 767px) {

    .page-footer .social-links ul li a {

        font-size: 36px;

    }

}



.page-footer .footer-phone,

.page-footer .footer-phone h2 {

    color: #fff;

}



.page-footer .footer-phone .number {

    color: #f58025;

    white-space: nowrap;

}



.page-footer .contact-info {

    margin: 0 0 40px;

}



.page-footer .contact-info .icon {

    color: #f58025;

    font-size: 36px;

}



@media (max-width: 768px) {

    #pageContent .page-footer .contact-info {

        font-size: 14px;

        line-height: 20px;

        padding-left: 40px;

        max-width: 500px;

        margin: 0 auto 20px;

    }

    #pageContent .page-footer .footer-phone {

        margin-bottom: 35px;

        text-align: center;

    }

}



@media (max-width: 767px) {

    .page-footer .contact-info {

        font-size: 14px;

        line-height: 22px;

        padding-left: 40px;

        max-width: 500px;

        margin: 0 auto 20px;

    }

    .page-footer .contact-info .icon {

        font-size: 30px;

        top: -4px;

    }

}





/*--------   2.5 Main Slider     --------*/





/*slider*/



@media (min-width: 992px) {

    body.fixedSlider #mainSlider {

        position: fixed;

        top: 0;

        width: 100%;

        z-index: 1;

    }

}



.home-slider-one .vc_column-inner {

    padding-right: 0px !important;

    padding-left: 0px !important;

}



#mainSlider {

    opacity: 0;

}



#mainSlider.slick-slider {

    margin-bottom: 0;

}



#mainSlider.slick-initialized {

    opacity: 1;

}



@media (min-width: 992px) {

    #mainSlider {

        height: 800px;

    }

}



@media (max-width: 991px) {

    #mainSlider.slick-slider {

        margin-bottom: 0;

    }

}



#mainSlider .slide .img--holder {

    background-size: cover;

    background-position: center bottom;

    background-repeat: no-repeat;

}



#mainSlider .slide-content {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    color: #fff;

    z-index: 100;

}



#mainSlider .slide-content.center {

    text-align: center;

}



#mainSlider .slide-content.left {

    text-align: left;

}



#mainSlider .slide-content.right {

    text-align: right;

}



#mainSlider .slide-content h4 {

    font-size: 44px;

    line-height: 1em;

    font-weight: 100;

    margin-bottom: 0.2em;

    color: #fff;

    text-transform: none;

}



#mainSlider .slide-content h3 {

    font-size: 90px;

    line-height: 1em;

    font-weight: 400;

    margin-bottom: 0.2em;

    color: #f58025;

    text-transform: none;

}



#mainSlider .slide-content.left h3,

#mainSlider .slide-content.right h3 {

    display: table;

}



#mainSlider .slide-content h3+h3 {

    margin-top: -0.3em;

}



#mainSlider .slide-content p {

    font-size: 16px;

    line-height: 1.5em;

    text-transform: uppercase;

    margin-bottom: 2.5em;

}



#mainSlider .slide-content .btn,

#mainSlider .slide-content .btn:focus {

    height: auto;

    font-size: 18px;

    line-height: 22px;

    font-weight: 700;

    text-transform: uppercase;

    border-radius: 5px;

    padding: 20px 27px;

    outline: 0;

    -moz-box-shadow: none;

    box-shadow: none;

    border: 0;

}



#mainSlider .slide-content .btn:hover,

#mainSlider .slide-content .btn.active,

#mainSlider .slide-content .btn:active,

#mainSlider .slide-content .btn.focus,

#mainSlider .slide-content .btn:focus {

    background: #fff;

    color: #f58025;

}



#mainSlider .banner-btn,

#mainSlider .banner-btn:focus {

    height: auto;

    font-size: 16px;

    line-height: 22px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 18px 27px;

    outline: 0;

    -moz-box-shadow: none;

    box-shadow: none;

    border: 2px solid #f58025;

    color: #fff;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    text-decoration: none !important;

}



@media (max-width: 991px) {

    #mainSlider .banner-btn,

    #mainSlider .banner-btn:focus {

        font-size: 11px;

        line-height: 16px;

        padding: 10px 15px;

    }

}



@media (max-width: 480px) {

    #mainSlider .banner-btn,

    #mainSlider .banner-btn:focus {

        font-size: 11px;

        line-height: 12px;

        padding: 8px 12px;

    }

}



#mainSlider .banner-btn:hover {

    background: #fff;

    border-color: #fff !important;

    color: #000;

}



#mainSlider .vert-wrap {

    padding-top: 220px;

    width: inherit;

}



@media (max-width: 1199px) {

    #mainSlider .slide-content h3 {

        font-size: 80px;

    }

    #mainSlider .slide-content h4 {

        font-size: 40px;

    }

    #mainSlider .slide-content p {

        font-size: 18px;

    }

}



@media (max-width: 991px) {

    #mainSlider .slide-content .container {

        padding-left: 20px;

        padding-right: 20px;

    }

    #mainSlider .slide-content h3 {

        font-size: 60px;

    }

    #mainSlider .slide-content h4 {

        font-size: 28px;

    }

    #mainSlider .slide-content p {

        font-size: 13px;

    }

    #mainSlider .slide .img--holder {

        height: 45vw;

    }

    #mainSlider .vert-wrap {

        padding-top: 0;

    }

}



@media (max-width: 767px) {

    #mainSlider .slide-content h3 {

        font-size: 55px;

    }

    #mainSlider .slide-content h4 {

        font-size: 30px;

    }

    #mainSlider .slide-content p {

        font-size: 16px;

    }

    #mainSlider .slide-content .btn {

        font-size: 12px;

        padding: 15px 20px;

    }

    #mainSlider .slide .img--holder {

        min-height: 145px;

    }

}



@media (max-width: 667px) {

    #mainSlider .slide-content h3 {

        font-size: 40px;

    }

    #mainSlider .slide-content h4 {

        font-size: 24px;

    }

    #mainSlider .slide-content p {

        font-size: 12px;

    }

}



@media (max-width: 480px) {

    #mainSlider .slide-content h3 {

        font-size: 30px;

    }

    #mainSlider .slide-content h4 {

        font-size: 15px;

    }

    #mainSlider .slide-content p {

        font-size: 9px;

        margin-bottom: 1em;

    }

}



#mainSlider .slick-prev,

#mainSlider .slick-next {

    width: 30px;

    height: 30px;

    margin-top: -15px;

}



#mainSlider .slick-prev:before,

#mainSlider .slick-next:before {

    font-size: 23px;

    line-height: 30px;

    color: #fff;

}



#mainSlider .slick-prev:hover:before,

#mainSlider .slick-next:hover:before {

    color: #f58025;

}



#mainSlider .slick-prev {

    left: 50px;

    min-width: auto;

}



#mainSlider .slick-next {

    right: 50px;

    min-width: auto;

}



@media (max-width: 1199px) {

    #mainSlider .slick-prev {

        left: 20px;

    }

    #mainSlider .slick-next {

        right: 20px;

    }

}



body.layout-2 #mainSlider {

    margin-bottom: 0;

}



body.layout-2 #mainSlider .slide .img--holder {

    height: 780px;

    min-height: 0;

}



body.layout-2 #mainSlider .vert-wrap {

    padding-top: 0;

}



body.layout-2 #mainSlider .slide-content p {

    font-size: 20px;

    margin-bottom: 3.5em;

}



body.layout-2 #mainSlider .slide-content h3 {

    font-size: 55px;

    margin-bottom: 0.5em;

}



body.layout-2 #mainSlider .slide-content h4 {

    font-size: 42px;

}



@media (max-width: 1199px) {

    body.layout-2 #mainSlider .slide-content h3 {

        font-size: 70px;

    }

    body.layout-2 #mainSlider .slide-content h4 {

        font-size: 36px;

    }

    body.layout-2 #mainSlider .slide-content p {

        font-size: 16px;

    }

}



@media (max-width: 991px) {

    body.layout-2 #mainSlider .slide-content .container {

        padding-left: 20px;

        padding-right: 20px;

    }

    body.layout-2 #mainSlider .slide-content h3 {

        font-size: 60px;

    }

    body.layout-2 #mainSlider .slide-content h4 {

        font-size: 28px;

    }

    body.layout-2 #mainSlider .slide-content p {

        font-size: 14px;

        margin-bottom: 3em;

    }

    body.layout-2 #mainSlider .vert-wrap {

        padding-top: 0;

    }

    body.layout-2 #mainSlider .slide .img--holder {

        height: 650px;

    }

}



@media (max-width: 768px) {

    body.layout-2 #mainSlider .slide-content .container {

        padding-left: 15px;

        padding-right: 15px;

    }

    body.layout-2 #mainSlider .slide-content h3 {

        font-size: 50px;

    }

    body.layout-2 #mainSlider .slide-content h4 {

        font-size: 25px;

    }

    body.layout-2 #mainSlider .slide-content p {

        font-size: 13px;

    }

    body.layout-2 #mainSlider .slide .img--holder {

        height: 414px;

    }

}



@media (max-width: 667px) {

    body.layout-2 #mainSlider .slide-content h3 {

        font-size: 30px;

    }

    body.layout-2 #mainSlider .slide-content h4 {

        font-size: 20px;

    }

    body.layout-2 #mainSlider .slide-content p {

        font-size: 10px;

        margin-bottom: 2.5em;

    }

}



@media (max-width: 480px) {

    body.layout-2 #mainSlider .slide-content h3 {

        font-size: 28px;

    }

    body.layout-2 #mainSlider .slide-content h4 {

        font-size: 18px;

    }

    body.layout-2 #mainSlider .slide-content p {

        font-size: 9px;

    }

    body.layout-2 #mainSlider .slide .img--holder {

        height: 225px;

    }

}



#mainSliderWrapper {

    position: relative;

}



.mainSlider-arrow-bottom {

    position: absolute;

    bottom: 170px;

    left: 50%;

    z-index: 1;

    font-size: 28px;

    line-height: 1em;

    color: #fff;

    -webkit-animation-name: scrollDown;

    -webkit-animation-duration: 1.3s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: scrollDown;

    -moz-animation-duration: 1.3s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: ease-in-out;

}



@media (max-width: 991px) {

    .mainSlider-arrow-bottom {

        display: none;

    }

}



@-webkit-keyframes scrollDown {

    from,

    to {

        -webkit-transform: translate(0, 0);

    }

    65% {

        -webkit-transform: translate(0, 10px);

    }

}



@-moz-keyframes scrollDown {

    from,

    to {

        -moz-transform: translate(0, 0);

    }

    65% {

        -moz-transform: translate(0, 10px);

    }

}



.wpb_single_image.negative-margin img {

    height: auto;

    max-width: 370px;

    vertical-align: top;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .wpb_single_image.negative-margin img {

        max-width: 100%;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .wpb_single_image.negative-margin img {

        max-width: 100%;

    }

}



@media (max-width: 767px) {

    .wpb_single_image.negative-margin img {

        height: auto;

        max-width: 240px;

        vertical-align: top;

    }

}



.slider-under-bttn a.btn.btn-full.btn-border {

    width: 200px;

    float: right;

}



@media (max-width: 991px) {

    .slider-under-bttn a.btn.btn-full.btn-border {

        width: auto !important;

        float: right;

        padding: 10px 8px !important;

        min-width: 50px !important;

        margin-top: 15px;

    }

}





/*---------------------------------------*/





/*--------      3. Content       --------*/





/*---------------------------------------*/





/*-----  3.1 Breadcrumbs block   --------*/



.breadcrumbs {

    overflow: hidden;

}



.breadcrumbs {

    color: #fff;

    background-color: transparent;

    display: inline-block;

    padding: 18px 0;

    border-radius: 0;

    margin: 0;

    width: 100%;

}



.breadcrumbs li,

.breadcrumbs a {

    color: #fff;

    font-size: 14px;

    line-height: 18px;

    text-decoration: none;

    margin-right: 10px;

}



.breadcrumbs strong {

    font-weight: 400;

}



.breadcrumbs span span:first-child {

    margin-left: 0;

}



strong.breadcrumb_last,

.breadcrumbs span span {

    margin-left: 10px;

}



.breadcrumbs a:hover {

    color: #f58025;

}



.breadcrumbs>li {

    display: inline-block;

}



.breadcrumbs>li+li:before {

    content: "/";

    padding: 0 15px;

}





/*-----  3.2 Video block         --------*/



.video-responsive {

    height: 0;

    overflow: hidden;

    padding-bottom: 56.25%;

    position: relative;

}



.video-responsive iframe {

    border: 0;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}





/*-----  3.3 Text + Icon block   --------*/



.text-icon {

    position: relative;

    margin: 90px 0 0;

    text-align: center;

    border: 1px solid #dcdcdc;

    padding: 0 25px 36px;

}



.vehicle-damage {

    margin-bottom: 80px;

}



.vehicle-damage .tab-content {

    padding: 20px;

}



@media (max-width: 991px) {

    .text-icon {

        padding: 0 20px 20px;

        margin: 50px 0 0;

    }

    .vehicle-damage {

        margin-bottom: 30px;

    }

}



@media (max-width: 767px) {

    .text-icon {

        margin-top: 65px;

    }

    .vc_row.about-page-last-content {

        margin-bottom: -10px;

        margin-top: -30px;

    }

    .about-page-last-content .vc_column_container .vc_column-inner {

        padding: 0;

    }

}



i.icon {

    display: inline-block;

    width: auto;

    height: auto;

    line-height: normal;

    vertical-align: middle;

    margin-left: 0px;

}



.text-icon .icon-wrapper {

    display: inline-block;

    border: 1px solid #dcdcdc;

    padding: 4px;

    background: #fff;

    border-radius: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.text-icon .icon-wrapper>span {

    display: block;

    width: 120px;

    height: 120px;

    margin: 0 auto;

    background: #f58025;

    border-radius: 50%;

}



.text-icon .icon-wrapper>span i {

    font-size: 58px;

    line-height: 120px;

    color: #fff;

}



@media (max-width: 991px) {

    .text-icon .icon-wrapper>span {

        width: 92px;

        height: 92px;

    }

    .text-icon .icon-wrapper>span i {

        font-size: 46px;

        line-height: 92px;

    }

}



@media (max-width: 767px) {

    .text-icon .icon-wrapper>span i {

        font-size: 50px;

        line-height: 104px;

    }

}



.text-icon .title {

    margin: -20px auto 23px;

    text-transform: uppercase;

    font-size: 30px;

}



.text-icon .number {

    font-size: 40px;

    line-height: 1em;

    margin: 0 0 11px;

    font-weight: 400;

    text-transform: none;

    color: #fff;

}



.text-icon p {

    font-size: 18px;

    line-height: 24px;

}



@media (max-width: 767px) {

    .text-icon p {

        font-size: 14px;

        line-height: 20px;

    }

}



@media (max-width: 991px) and (min-width: 768px) {

    .text-icon .number {

        font-size: 30px;

    }

    .text-icon .title {

        font-size: 22px;

        margin-top: -45px;

        margin-bottom: 10px;

    }

    .text-icon p {

        font-size: 15px;

        line-height: 22px;

    }

}



.text-icon .text {

    max-width: 290px;

    margin: 0 auto;

}



@media (max-width: 992px) {

    .text-icon .text {

        font-size: 15px;

    }

}



@media (min-width: 768px) {

    .text-icon .text {

        min-height: 88px;

    }

}



@media (max-width: 1199px) {

    .home-service-ceritfied .vc_column_container>.vc_column-inner {

        padding-top: 0 !important;

    }

    .vc_row.wpb_row.vc_row-fluid.meet-team-txt.about-page-out-team {

        margin-bottom: 20px;

    }

}



.text-icon-sm {

    position: relative;

    margin: 60px 0 0;

    text-align: center;

    border: 1px solid #dcdcdc;

    padding: 0 25px 20px;

}



.text-icon-sm .icon-wrapper {

    display: inline-block;

    border: 1px solid #dcdcdc;

    padding: 2px;

    margin-top: -46px;

    background: #fff;

    border-radius: 50%;

    text-decoration: none;

    outline: 0;

}



.text-icon-sm .icon-wrapper>span {

    display: block;

    position: relative;

    width: 93px;

    height: 93px;

    margin: 0 auto;

    background: #f58025;

    border-radius: 50%;

}



.text-icon-sm .icon-wrapper>span i {

    font-size: 40px;

    line-height: 93px;

    color: #fff;

}



.text-icon-sm .icon-wrapper .icon-hover {

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: calc(100%);

    height: calc(100%);

    opacity: 0;

    background-color: #f58025;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.text-icon-sm:hover .icon-wrapper span {

    -webkit-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);

    -moz-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);

    box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);

}



.text-icon-sm:hover .icon-wrapper .icon-hover {

    opacity: 1;

    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.11);

    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.11);

    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.11);

}



.text-icon-sm:hover .icon-wrapper span i.icon {

    color: #fff;

}



.text-icon-sm .title {

    margin: 15px auto 0;

    font-weight: 600;

    text-transform: uppercase;

}





/* text icon horizontal */



.text-icon-hor-grid {

    margin-top: 45px;

}



.text-icon-hor {

    position: relative;

    display: table;

    width: 100%;

    margin-top: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #e8e8e8;

}



.text-icon-hor:last-child {

    border-bottom: 0;

}



.text-icon-hor .icon-wrapper {

    display: table-cell;

    vertical-align: middle;

    width: 200px;

    padding: 8px;

}



@media (max-width: 767px) {

    .text-icon-hor .icon-wrapper {

        width: 120px;

    }

    .text-icon {

        margin: 65px auto 0;

        padding: 0 20px 20px;

        max-width: 290px;

    }

}



.text-icon-hor .icon-wrapper span {

    display: inline-block;

    position: relative;

    width: 144px;

    height: 144px;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-box-shadow: 0 0 0 8px #e9eaed;

    -moz-box-shadow: 0 0 0 8px #e9eaed;

    box-shadow: 0 0 0 8px #e9eaed;

}



@media (max-width: 767px) {

    .text-icon-hor .icon-wrapper span {

        width: 90px;

        height: 90px;

    }

}



.text-icon-hor .icon-wrapper span i.icon {

    position: relative;

    z-index: 1;

    font-size: 60px;

    line-height: 144px;

    color: #f58025;

    -webkit-transition: color 0.5s ease;

    -moz-transition: color 0.5s ease;

    -ms-transition: color 0.5s ease;

    -o-transition: color 0.5s ease;

}



@media (max-width: 767px) {

    .text-icon-hor .icon-wrapper span i.icon {

        font-size: 40px;

        line-height: 90px;

    }

}



.text-icon-hor .icon-wrapper .icon-hover {

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0;

    width: calc(100%);

    height: calc(100%);

    opacity: 0;

    background-color: #f58025;

    -webkit-box-shadow: 0 0 0 0 rgba(94, 138, 241, 0.25);

    -moz-box-shadow: 0 0 0 0 rgba(94, 138, 241, 0.25);

    box-shadow: 0 0 0 0 rgba(94, 138, 241, 0.25);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.text-icon-hor:hover .icon-wrapper span {

    -webkit-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);

    -moz-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);

    box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);

}



.text-icon-hor:hover .icon-wrapper .icon-hover {

    opacity: 1;

    -webkit-box-shadow: 0 0 0 8px rgba(94, 138, 241, 0.25);

    -moz-box-shadow: 0 0 0 8px rgba(94, 138, 241, 0.25);

    box-shadow: 0 0 0 8px rgba(94, 138, 241, 0.25);

}



.text-icon-hor:hover .icon-wrapper span i.icon {

    color: #fff;

}



.text-icon-hor h4.title {

    text-transform: none;

    margin-bottom: 7px;

}



.text-icon-hor .text {

    display: table-cell;

    vertical-align: middle;

}



.text-icon-hor .text p:last-child {

    margin-bottom: 0;

}



.text-icon-hor .price {

    display: table-cell;

    vertical-align: middle;

    width: 170px;

    white-space: nowrap;

    font-size: 20px;

    line-height: 40px;

    font-family: 'Muli', sans-serif;

    color: #f58025;

    text-align: right;

}



.text-icon-hor .price span {

    font-size: 40px;

}



@media (max-width: 767px) {

    .text-icon-hor .price span {

        font-size: 30px;

    }

}



.table>tbody>tr>th,

.table>tfoot>tr>th,

.table>thead>tr>th {

    padding: 15px 8px;

    border-top: 0;

    border-bottom: 3px solid #e5e5e5;

}



.table>tbody>tr>td {

    border-top: 1px solid #e5e5e5;

    padding: 10px 8px;

}



.table .cell-marker {

    background: #f58025;

    border-color: #f58025;

    padding-left: 12px;

    padding-right: 12px;

}



.table th.cell-marker {

    border-color: #fff;

}



.text-icon-hor .price .remark {

    color: #f84646;

}



.service-icon {

    margin-top: 50px;

    text-align: center;

    position: relative;

    z-index: 1;

}



.single-service-txt {

    margin-bottom: 120px;

    padding-top: 30px;

}



@media(max-width: 1199px) {

    .single-service-txt {

        margin-bottom: 90px;

    }

}



@media(max-width: 991px) {

    .single-service-txt {

        margin-bottom: 40px;

    }

}



@media(max-width: 767px) {

    .single-service-txt {

        padding-top: 0;

        margin-bottom: 0;

    }

}



.single-service-txt .text-icon .icon-wrapper>span {

    display: block;

    width: 93px;

    height: 93px;

}



.single-service-txt .icon-wrapper>span i {

    font-size: 40px;

    line-height: 93px;

    color: #fff;

}



.service-icon:after {

    content: '';

    height: 1px;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    z-index: -1;

    background-color: #a1a1a1;

}



.service-icon .icon-wrapper {

    display: inline-block;

    vertical-align: middle;

    width: 152px;

    background-color: #fff;

}



.service-icon .icon-wrapper span,

.service-icon .icon-wrapper .fack_icon_div {

    display: inline-block;

    position: relative;

    width: 124px;

    height: 124px;

    border-radius: 50%;

    background: #f58025;

    text-align: center;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-box-shadow: 0 0 0 1px #dddddd;

    -moz-box-shadow: 0 0 0 1px #dddddd;

    box-shadow: 0 0 0 1px #dddddd;

    border: 5px solid #fff;

}



.service-icon .icon-wrapper span i.icon,

.service-icon .icon-wrapper .fack_icon_div img {

    position: relative;

    z-index: 1;

    font-size: 55px;

    line-height: 115px;

    color: #252525;

    -webkit-transition: color 0.5s ease;

    -moz-transition: color 0.5s ease;

    -ms-transition: color 0.5s ease;

    -o-transition: color 0.5s ease;

}



.service-icon .icon-wrapper .fack_icon_div img {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    vertical-align: middle;

    width: 75%;

}





/*-----  3.4 Testimonials block  --------*/



h2+.testimonials {

    margin-top: 55px;

}



.testimonials {

    display: table;

    width: 100%;

    table-layout: fixed;

}



.testimonials-block-txt .black-bg-color {

    margin-bottom: 40px !important;

}



.testimonials-item {

    display: table-cell;

    vertical-align: top;

    width: 50%;

    position: relative;

}



.testimonials-item .bg-image {

    position: absolute;

    z-index: 0;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background-size: cover;

}



.testimonials-item .inside {

    float: right;

    margin-right: 15px;

}



.testimonials-item:nth-child(2n) .bg-image {

    opacity: 1;

}



.testimonials-item:nth-child(2n) .inside {

    float: left;

    margin-left: 15px;

}



.testimonials-item.testimonials-item--dark .inside {

    color: #fff;

}



.testimonials-item .inside {

    width: 570px;

    padding: 0 10px 0 100px;

    text-align: left;

    color: #000;

    margin-top: 96px;

    margin-bottom: 90px;

    position: relative;

    z-index: 1;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .testimonials-item .inside {

        width: 485px;

    }

}



@media (max-width: 991px) {

    .testimonials-item {

        display: block;

        width: 100%;

        padding: 0;

        margin-left: 0;

        margin-right: 0;

    }

    .testimonials-item.testimonials-item--dark .inside {

        margin: 0 !important;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .testimonials-item .inside {

        width: 360px;

    }

}



.testimonials-item .inside h5 {

    margin-bottom: 8px;

    color: #2a2a2a;

}



.testimonials-item .inside .rating {

    margin-right: 15px;

    font-size: 11px;

    color: #f58025;

}



.testimonials-item .inside .rating i {

    margin-right: 5px;

}



.testimonials-item .inside .username {

    font-size: 18px;

    font-weight: bold;

}



.testimonials-item .inside .meta {

    margin-bottom: 15px;

}



.testimonials-item .inside .text {

    font-size: 18px;

    line-height: 24px;

}



.testimonials-item .inside:before {

    display: block;

    position: absolute;

    z-index: 1;

    top: -29px;

    left: 20px;

    content: '“';

    color: #fff;

    font-size: 150px;

    line-height: 1em;

}



@media (min-width: 992px) {

    .slick-initialized .slick-slide.testimonials {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: -ms-flexbox;

        display: flex;

    }

    .testimonials {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: -ms-flexbox;

        display: flex;

        width: 100%;

    }

}



@media (max-width: 991px) {

    .slick-slider.testimonials-carousel {

        margin-bottom: 40px;

    }

    .home_client_say_testimonials .slick-slider.testimonials-carousel {

        margin-bottom: 0;

    }

    .testimonials-item {

        display: block;

        width: 100%;

        padding: 0;

        margin-left: 0;

        margin-right: 0;

    }

    .testimonials-item .inside {

        width: 60%;

        float: none !important;

        padding: 50px 15px 50px 88px;

        margin: 0 0 0 25% !important;

    }

    .testimonials-item .inside .username,

    .testimonials-item .inside .rating {

        display: block;

        margin-bottom: 10px;

    }

    .testimonials-item .inside:before {

        top: 14px;

        left: 12px;

    }

}



.testimonials-item .text p {

    font-size: 18px;

}



.testimonial-card {

    position: relative;

    float: left;

    width: calc(33.333% - 20px);

    margin-bottom: 30px;

    background-color: #fff;

    padding: 30px;

    margin-top: 40px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}



@media (max-width: 1199px) {

    .testimonial-card {

        width: calc(50% - 15px);

    }

}



@media (max-width: 767px) {

    .testimonial-card {

        width: 100%;

    }

    .testimonials-item .text p {

        font-size: 14px;

    }

    .testimonials-item .inside {

        width: 100%;

        margin: 0 !important;

    }

}



.testimonial-card:after {

    content: '“';

    position: absolute;

    top: 22px;

    right: 20px;

    font-size: 150px;

    color: #f58025;

}



.testimonial-card-title {

    border-bottom: 1px solid #ebebeb;

}



.testimonial-card-title h5 {

    text-transform: none;

    font-weight: 700;

    font-size: 18px;

}



.testimonial-card-text,

.testimonial-card-text p {

    margin-top: 20px;

    font-size: 17px;

    line-height: 24px;

}



.testimonial-card-rating {

    margin-top: 15px;

}



.testimonials-carousel2 {

    margin-top: 50px;

}



@media (max-width: 1199px) {

    .testimonials-carousel2 {

        margin-top: 30px;

    }

}



@media (max-width: 767px) {

    .testimonials-carousel2 {

        margin-top: 20px;

    }

}



@media (min-width: 1200px) {

    .testimonials-carousel2 .slick-prev {

        margin-top: -30px;

        left: calc(50vw - 585px);

    }

    .testimonials-carousel2 .slick-next {

        margin-top: -30px;

        right: calc(50vw - 585px);

    }

}



.testimonials-item2 {

    text-align: center;

}



.testimonials-item2 .meta {

    font-size: 16px;

    line-height: 1.5em;

}



@media (max-width: 1199px) {

    .testimonials-item2 .meta {

        font-size: 16px;

    }

}



@media (max-width: 767px) {

    .testimonials-item2 .meta {

        font-size: 15px;

    }

    .testimonials-item2 .meta .rating {

        display: block;

        margin-bottom: 5px;

    }

}



.testimonials-item2 .username {

    font-weight: bold;

}



.testimonials-item2 .username:not(:first-child) {

    padding-left: 10px;

}



.testimonials-item2 .userfrom {

    color: #8c8c8c;

}



.testimonials-item2 .userfrom:not(:first-child) {

    padding-left: 3px;

}



.testimonials-item2 .text {

    max-width: 830px;

    margin: 15px auto 0;

}



.testimonials-item2 .text p {

    font-size: 20px;

    line-height: 1.5em;

}



@media (max-width: 1199px) {

    .testimonials-item2 .text p {

        font-size: 18px;

    }

}



@media (max-width: 767px) {

    .testimonials-item2 .text p {

        font-size: 14px;

    }

}



.testimonials-item2 .testimonial-auto {

    margin-top: 15px;

    display: inline-block;

}



.testimonials-item2 .testimonial-auto img {

    max-width: 100%;

    width: auto;

}



.testimonials-item2 .animated {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

}



.animations {

    opacity: 0;

}





/*-----  3.5 Person Block        --------*/



.person:not(.person-hor) {

    max-width: 270px;

    margin-left: auto;

    margin-right: auto;

}



.person .person-info {

    margin-top: 23px;

    text-align: left;

}



@media (max-width: 991px) {

    .person .person-info {

        text-align: center;

    }

}



.person .image {

    margin: 0 auto 20px;

    position: relative;

}



.person .name {

    margin-bottom: 8px;

    line-height: 1.2em;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 700;

    color: #000;

}



.person .position {

    margin-bottom: 16px;

    padding: 0;

    font-weight: normal;

    text-transform: none;

    font-size: 15px;

}



.person .text {

    margin-bottom: 30px;

}



@media (max-width: 1199px) {

    .person .position {

        margin-bottom: 10px;

    }

    .person .text {

        margin-bottom: 10px;

    }

}



.slick-slide img {

    display: inline-block;

    width: auto;

    max-width: 100%;

}



@media (max-width: 767px) {

    .person:not(.last) {

        margin-bottom: 25px;

    }

}



.person-hor {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border: 1px solid #dcdcdc;

    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

}



@media (max-width: 479px) {

    .person-hor {

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

    }

}



.person-hor .image {

    margin: 0;

    width: calc(50% - 15px);

}



@media (max-width: 1199px) {

    .person-hor .image {

        width: calc(57% - 15px);

    }

}



@media (max-width: 479px) {

    .person-hor .image {

        width: 100%;

    }

}



.person-hor .person-info {

    width: calc(50% + 15px);

    padding: 15px 30px;

    margin-top: 0;

}



@media (max-width: 1199px) {

    .person-hor .person-info {

        padding: 15px 15px;

        font-size: 14px;

        line-height: 20px;

        width: calc(43% + 15px);

    }

}



@media (max-width: 767px) {

    .person-hor .person-info {

        width: auto !important;

        padding: 15px 30px;

    }

}



@media (max-width: 479px) {

    .person-hor .person-info {

        width: 100%;

        padding: 20px 20px 15px;

    }

}





/*-----  3.6 Faq page            --------*/



.panel-group {

    margin-top: 43px;

    margin-bottom: 0;

}



.panel-group#accordion {

    margin-top: 0;

}



.faq-item .panel,

.faq-item.panel {

    margin-bottom: 10px;

    background: transparent;

    -webkit-box-shadow: 0 0 0;

    -moz-box-shadow: 0 0 0;

    box-shadow: 0 0 0;

    border-radius: 0;

}



.faq-item .panel-heading {

    position: relative;

    padding: 0;

}



.faq-item .panel-heading .panel-title {

    text-align: left !important;

    border-top: 1px solid #f58025;

    display: table;

    min-height: 90px;

    width: 100%;

}



.calendar_wrap table {

    border-spacing: 0;

    border-collapse: collapse;

    width: 100%;

    max-width: 350px;

}



.calendar_wrap th,

.calendar_wrap td {

    border: 1px solid #eee;

    color: #484848;

    cursor: pointer;

    line-height: 20px;

    text-align: center;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}



.calendar_wrap th {

    background-color: #f5f5f5;

}



.calendar_wrap td#today {

    background-color: #f58025;

    color: #fff;

}



@media (max-width: 1199px) {

    .calendar_wrap th,

    .calendar_wrap td {

        padding: 5px;

    }

}



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

    .faq-item .panel-heading .panel-title {

        min-height: 60px;

    }

}



.faq-item .panel-heading .panel-title>a {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    padding: 0 0 0 125px;

    font-size: 18px;

    line-height: 25px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-transition: color 0.3s ease;

    -moz-transition: color 0.3s ease;

    -ms-transition: color 0.3s ease;

    -o-transition: color 0.3s ease;

}



.faq-item .panel-heading .panel-title>a:hover {

    color: #f58025;

}



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

    .faq-item .panel-heading .panel-title>a {

        padding: 15px 0 15px 75px;

    }

}



@media (min-width: 991px) {

    .faq-excerpt {

        margin-top: -35px;

    }

}



.panel-heading1 .vc_toggle_title {

    min-height: 90px;

    display: table;

    position: relative;

}



.faq-item .panel-heading a,

.faq-item .panel-heading a:hover {

    text-decoration: none;

    -webkit-transition: all 0.25 ease;

    -moz-transition: all 0.25 ease;

    -ms-transition: all 0.25 ease;

    -o-transition: all 0.25 ease;

}



.faq-item .panel-heading a>span.caret-toggle {

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 90px;

    height: 90px;

    font-size: 44px;

    line-height: 90px;

    background-color: #f58025;

    text-align: center;

    color: #000;

}



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

    .faq-item .panel-heading a>span.caret-toggle {

        width: 60px;

        height: 60px;

        font-size: 34px;

        line-height: 58px;

    }

}



.faq-item .panel-heading a:not(.collapsed)>span.opened {

    display: none;

}



.faq-item .panel-heading a.collapsed>span.closed {

    display: none;

}



.faq-item .panel-collapse {

    background: transparent;

}



.faq-item .panel-body {

    border: 0;

    padding: 0 0 25px 125px;

}



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

    .faq-item .panel-body {

        padding-left: 75px;

    }

}



.faq-item .panel-body>p:last-child {

    margin-bottom: 0;

}



.faq-item .panel-heading+.panel-collapse>.panel-body {

    border: 0;

}



.faq-items-sm {

    margin-top: 30px;

}



.faq-item-sm.panel {

    overflow: hidden;

}



.faq-item-sm.panel .caret-toggle {

    position: absolute;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    right: 18px;

    top: 17px;

    font-size: 20px;

    line-height: 30px;

    font-weight: bold;

    text-align: center;

    color: #000;

    background-color: #eee;

}



@media (max-width: 767px) {

    .faq-item-sm.panel .caret-toggle {

        top: 12px;

        right: 12px;

    }

}



.faq-item-sm.panel .panel-heading a:not(.collapsed)>span.closed {

    background-color: #f58025;

}



.faq-item-sm.panel .panel-heading a:not(.collapsed)>span.opened {

    display: none;

}



.faq-item-sm.panel .panel-heading a.collapsed>span.closed {

    display: none;

}



.faq-item-sm.panel.panel-default {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border: 1px solid #edeff0;

    border-radius: 0;

}



.faq-item-sm.panel.panel-default>.panel-heading {

    padding: 0;

    color: #000;

    background-color: #fff;

    border-radius: 0;

    border: 0;

}



.faq-item-sm.panel .panel-title a {

    display: block;

    padding: 21px 55px 21px 22px;

    position: relative;

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;

    text-decoration: none;

}



@media (max-width: 767px) {

    .faq-item-sm.panel .panel-title a {

        padding: 12px 55px 12px 15px;

        font-size: 14px;

        line-height: 20px;

    }

}



.faq-item-sm.panel .panel-body {

    padding: 0 55px 26px 22px;

}



@media (max-width: 767px) {

    .faq-item-sm.panel .panel-body {

        padding: 0 55px 12px 15px;

        font-size: 14px;

        line-height: 20px;

    }

}



.faq-item-sm.panel .panel-heading+.panel-collapse>.panel-body {

    border-top: 0;

}



.faq-item-sm.panel .panel-collapse.collapse.in {

    position: relative;

    z-index: 1;

    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

}



.faq-item-sm.panel+.faq-item-sm.panel {

    margin-top: -1px;

}





/*-----  3.7 Blog page           --------*/



.column-center .blog-post {

    margin-bottom: 90px;

}



@media (max-width: 1199px) {

    .column-center .blog-post {

        margin-bottom: 50px;

    }

}



.blog-post h3 {

    font-size: 34px;

    text-transform: capitalize;

}



@media (max-width: 1199px) {

    .blog-post h3 {

        font-size: 26px;

        margin: 0 0 10px;

    }

}



.tagcloud a,

.tags-links a {

    background-color: hsl(0, 0%, 94%);

    display: inline-block;

    font-size: 14px !important;

    line-height: 25px;

    margin-bottom: 7px;

    margin-right: 5px;

    padding: 0 10px;

    text-decoration: none;

    transition: all 0.2s ease 0s;

}



.tagcloud a:hover,

.tags-links a:hover {

    color: #333;

}



.page-numbers.current {

    color: #fff;

    background-color: #333;

}



.blog-post {

    margin-bottom: 20px;

}



@media (max-width: 767px) {

    .blog-post {

        margin-bottom: 50px;

    }

}



.blog-post .post-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

}



.blog-post .post-video iframe,

.blog-post .post-video object,

.blog-post .post-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}



.blog-post .post-music iframe,

.blog-post .post-music object,

.blog-post .post-music embed {

    width: 100%;

    height: auto;

    border: 0;

}



.blog-post .post-image {

    position: relative;

    margin-bottom: 38px;

    border-radius: 0;

}



.blog-post .post-image img {

    height: auto;

}



.blog-post .post-image .post-link-wrapper {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    text-align: center;

}



.blog-post .post-image .post-link {

    font-size: 42px;

    line-height: 1em;

    color: #fff;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

    text-decoration: none;

}



.column-right .blog-post .post-image .post-link {

    font-size: 18px;

}



@media (max-width: 767px) {

    .blog-post .post-image .post-link {

        font-size: 4vw;

    }

}



.blog-post .post-image .post-link:hover {

    color: #f58025;

    text-decoration: none;

}



.blog-post .post-title {

    margin-bottom: 28px;

    line-height: 1.4em;

}



@media (max-width: 767px) {

    .blog-post .post-title {

        margin-bottom: 28px;

        font-size: 20px;

    }

}



.blog .column-center {

    margin-bottom: 50px;

}



.blog-post .post-meta {

    margin: 0 0 26px;

    padding: 0;

    overflow: hidden;

    list-style: none;

}



.blog-post .post-meta li {

    float: left;

    font-size: 14px;

    padding-right: 40px;

    margin-top: 0;

}



.column-right .blog-post .post-meta li {

    padding-right: 10px;

}



.blog-post .post-meta li i.icon,

.blog-post .post-meta li span {

    display: inline-block;

    vertical-align: middle;

}



.blog-post .post-meta li i.icon {

    font-size: 20px;

    padding-right: 7px;

    color: #f58025;

}



.blog-post .post-meta li:last-child {

    padding-right: 0;

}



.blog-post .post-meta li .author {

    font-size: 14px;

    font-weight: 700;

}



.vert-wrapper {

    width: 100%;

    height: 100%;

    display: table;

    vertical-align: middle;

}



.post-teaser a.btn {

    margin-top: 0px;

}



@media (max-width: 767px) {

    .blog-post .post-meta li {

        padding-right: 15px;

    }

}



.blog-post .post-teaser {

    margin-bottom: 32px;

}



.blog-post .post-author {

    margin: 20px 0 25px;

}



.blog-post .post-author img {

    margin-right: 20px;

}



.blog-post.single {

    margin-bottom: 0;

}



.post-carousel {

    overflow: hidden;

}



.post-carousel .slick-prev {

    left: 20px;

}



.post-carousel .slick-next {

    right: 20px;

}



.post-carousel .slick-prev:before,

.post-carousel .slick-next:before {

    color: #fff;

}



.post-preview {

    margin-top: 28px;

    margin-bottom: 45px;

}



.post-preview .post-image {

    margin-bottom: 15px;

}



.post-preview .post-meta {

    margin-bottom: 15px;

    font-size: 13px;

}



.post-preview .post-title {

    line-height: 1.222em;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.column-right .post-preview .post-title {

    line-height: 26px;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 700;

}



.column-right h4 {

    font-size: 30px;

    margin-bottom: 30px;

}



.widget_calendar caption {

    padding-top: 0px;

    padding-bottom: 20px;

}



.post-preview .post-title a {

    text-decoration: none;

    -webkit-transition: color 200ms ease;

    -moz-transition: color 200ms ease;

    -ms-transition: color 200ms ease;

    -o-transition: color 200ms ease;

}



.post-preview .post-title a:hover {

    color: #f58025;

}



.view-more-post {

    margin-bottom: 30px;

}



.side-block {

    margin-bottom: 45px;

    padding-bottom: 30px;

}



.side-block .post-preview .post-meta {

    margin-bottom: 10px;

}



.column-right .side-block .post-preview .post-title {

    margin-bottom: 5px;

}



.side-block h3 {

    margin-bottom: 18px;

}



.blog-post.single .reply a {

    text-decoration: underline;

    font-size: 14px;

}



.blog-post.single .reply a:hover {

    text-decoration: none;

}



.side-block:last-child {

    border-bottom: 0;

}



.comment-meta {

    margin-bottom: 15px;

}



.comment-body {

    margin-bottom: 50px;

}



.comments {

    padding-top: 15px;

}



.comments .comment {

    margin: 10px 0 0;

}



.comment-content {

    padding-left: 90px;

}



.comment-metadata {

    padding-left: 90px;

}



.comment-author.vcard img {

    margin-right: 20px;

}



.reply {

    float: right;

}



.comments .comment .userpic {

    width: 64px;

    height: 64px;

    float: left;

    margin: 0 26px 0 0;

    font-size: 64px;

    line-height: 64px;

    color: #e8e8e8;

}



.comments-area ul,

.comments-area ol {

    list-style: none;

}



.comment-content ul {

    list-style: disc;

}



.comment-content ol {

    list-style: decimal;

}



.comments .comment .text {

    overflow: hidden;

}



.comments .comment .text .meta {

    padding-bottom: 5px;

}



.comments .comment .text .meta a {

    color: #f58025;

    font-size: 14px;

    padding: 0 12px;

}



.comments .comment .text .date {

    margin: 0 0 20px;

    padding: 0;

    overflow: hidden;

    font-size: 13px;

}



.comments .comment .text .date i.icon,

.comments .comment .text .date span {

    display: inline-block;

    vertical-align: middle;

}



.comments .comment .text .date i.icon {

    font-size: 20px;

    padding-right: 7px;

    color: #f58025;

}



.single_pg_cont .form-submit {

    margin-top: 30px;

}



.comments .comment.replay {

    margin-left: 80px;

}



.comment-form .form-group {

    margin-bottom: 8px;

}



.comment-form input[type=text] {

    padding: 10px 15px;

    margin-bottom: 0;

    height: 38px;

    border: 1px solid #ccc;

    box-shadow: none;

}



.textarea-custom {

    appearance: none;

    margin-bottom: 4px;

    padding: 13px 15px 13px;

    font-size: 16px;

    line-height: 20px;

    height: 46px;

    background: #fff;

    border: 0;

    border-radius: 2px;

    color: #000;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    min-height: 235px;

    height: auto;

    border: 1px solid #ccc;

}



.comment-form textarea {

    padding: 12px 10;

    overflow: hidden;

}



.blog-tags ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.blog-tags ul li {

    display: inline-block;

    margin: 0px 10px;

}



.blog-tags ul li a {

    border: 1px solid #444;

    display: block;

    padding: 3px 10px;

    border-radius: 3px;

}



.blog-isotope {

    overflow: hidden;

    margin-bottom: 50px;

    margin-top: 10px;

    overflow: visible;

}



.blog-isotope .post-meta li.author {

    display: none;

}



.blog-isotope .post-image {

    margin-left: -10px;

    margin-right: -10px;

    margin-top: -20px;

}



.blog-isotope .blog-post {

    position: relative;

    float: left;

    width: calc(33.333% - 20px);

    padding: 20px 20px 20px;

    margin-bottom: 30px;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}



@media (max-width: 1199px) {

    .blog-isotope .blog-post {

        width: calc(50% - 15px);

    }

}



@media (max-width: 767px) {

    .blog-isotope .blog-post {

        width: 100%;

    }

}



@media (min-width: 768px) {

    .blog-isotope .post-image {

        margin-bottom: 15px;

    }

    .blog-isotope .post-meta {

        margin-bottom: 15px;

        font-size: 14px;

    }

    .blog-isotope .post-title {

        font-size: 18px;

        line-height: 22px;

        font-weight: bold;

        text-transform: uppercase;

        margin-bottom: 15px;

    }

    .blog-isotope .post-image .post-link {

        font-size: 22px;

    }

    .blog-isotope .quote {

        margin-top: 15px;

        margin-bottom: 20px;

        padding-left: 80px;

    }

    .blog-isotope .quote:before {

        font-size: 200px;

        top: -35px;

        left: -10px;

    }

}





/*-----  3.8 Appointment Form    --------*/



#appointmentForm.modal {

    padding-left: 0 !important;

}



#appointmentForm.modal .modal-dialog {

    margin: 0 auto;

    width: 1170px;

    padding-left: 0;

    padding-right: 0;

}



.modal-body h5 {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

}



@media (max-width: 767px) {

    .modal-body h5 {

        font-size: 16px;

    }

}



.modal-body .bootstrap-datetimepicker-widget .btn {

    padding: 0 !important;

    height: auto !important;

    min-width: 0 !important;

    line-height: auto;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    background-color: #000 !important;

    color: #fff !important;

    padding: 20px 30px !important;

    display: inline-block;

    width: 200px;

    font-size: 18px;

}



.post_loop_cont_wrap .blog-post img {

    width: auto;

    max-width: 100%;

    height: auto;

}



.services-block-alt .image {

    position: relative;

    overflow: hidden;

}



.home-services-img,

.services-angle-text.how-works-row {

    margin-left: 0;

    margin-right: 0;

}



.single-service-txt h3.title {

    font-size: 22px;

    margin: 10px 0px;

}



.single-services-head {

    margin-top: 30px;

    margin-bottom: 105px;

}



@media (max-width: 1199px) {

    .single-services-head {

        margin-top: 0px;

        margin-bottom: 30px;

    }

}



@media (max-width: 991px) {

    .single-services-head {

        margin-top: 30px;

        margin-bottom: 30px;

    }

}



.single-services-head h2 {

    margin-bottom: 30px !important;

}



.services-pages-txt .btn-invert {

    margin-right: 10px;

}



@media (min-width: 768px) and (max-width: 991px) {

    .services-pages-txt .form-popup-wrap {

        margin-left: 10px;

    }

}



.services-pages-txt h2.h-lg {

    font-size: 40px;

}



@media (max-width: 767px) {

    .services-pages-txt h2.h-lg {

        font-size: 32px;

    }

    .service-page-quality-car.services-pages-txt h2.h-lg {

        font-size: 32px;

    }

    .service-page-quality-car {

        margin-bottom: -10px;

    }

}



@media (max-width: 479px) {

    .service-page-quality-car.services-pages-txt h2.h-lg,

    .services-pages-txt h2.h-lg {

        font-size: 28px;

    }

}



.modal-body h2 {

    font-size: 34px;

}



@media (min-width: 768px) and (max-width: 991px) {

    #appointmentForm.modal .modal-body .divider-lg {

        height: 30px;

    }

    .modal-body h2 {

        margin-bottom: 35px;

    }

}



@media (max-width: 767px) {

    .modal-body h2 {

        font-size: 23px;

    }

    #appointmentForm.modal {

        font-size: 14px;

        line-height: 20px;

    }

    #appointmentForm.modal .modal-body .divider-lg {

        height: 20px;

    }

}



.imges-services .vc_column-inner {

    padding-top: 0 !important;

}



.service-row-image {

    position: absolute;

    height: 100%;

    width: 100%;

}



.imges-services .service-row-image {

    margin-bottom: 0px !important;

}



@media (max-width: 1399px) {

    .imges-services .service-row-image img {

        height: 456px !important;

    }

}



.single-car_services .marker-list-sm {

    margin: 15px 0px;

}



@media (min-width: 992px) and (max-width: 1199px) {

    #appointmentForm.modal .modal-dialog {

        width: 970px;

    }

}



@media (max-width: 991px) {

    #appointmentForm.modal .modal-dialog {

        width: 100%;

    }

}



#appointmentForm.modal .modal-dialog .modal-body {

    padding: 0 70px 40px;

}



@media (max-width: 991px) {

    #appointmentForm.modal .modal-dialog .modal-body {

        padding: 0 30px 20px;

    }

}



@media (max-width: 767px) {

    #appointmentForm.modal .modal-dialog .modal-body {

        padding: 0 0 10px;

    }

}



#appointmentForm.modal .modal-dialog .modal-content {

    background-color: #fff;

    border-radius: 0;

    border: 0;

}



@media (max-width: 991px) {

    #appointmentForm.modal .modal-dialog .modal-content {

        padding-left: 25px;

        padding-right: 25px;

    }

}



#appointmentForm.modal .modal-dialog .modal-header {

    height: 59px;

    border: 0;

    padding: 0;

}



@media (max-width: 1240px) {

    #appointmentForm.modal .modal-dialog .modal-header {

        margin-bottom: 35px;

    }

}



#appointmentForm.modal .modal-dialog .modal-header .close {

    margin-top: 0;

    position: absolute;

    right: -64px;

    top: 5px;

    font-size: 30px;

    text-shadow: inherit;

    opacity: 1;

    color: #f58025;

    border-radius: 0;

    min-width: unset;

}



@media (max-width: 1240px) {

    #appointmentForm.modal .modal-dialog .modal-header .close {

        left: 0;

        right: 0;

        top: 0;

        background: #131313;

        width: 100%;

        text-align: left;

        z-index: 0;

        font-size: 24px;

        line-height: 58px;

        padding-left: 25px;

    }

}



@media (max-width: 991px) {

    #appointmentForm.modal .modal-dialog .modal-header .close {

        height: 42px;

        font-size: 20px;

        line-height: 45px;

    }

}



#appointmentForm.modal a.appointment {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999;

    font-style: normal;

}



#appointmentForm.modal .container-fluid {

    padding: 0;

    overflow-x: hidden;

}



#appointmentForm {

    margin-bottom: 0;

}



#appointmentForm .form-inline {

    position: relative;

    margin-bottom: 14px;

}



@media (max-width: 767px) {

    #appointmentForm .form-inline {

        margin-bottom: 10px;

    }

}



#appointmentForm .form-inline .form-inline {

    margin-right: -20px;

    width: 50%;

}



@media (max-width: 767px) {

    #appointmentForm .form-inline .form-inline {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

}



#appointmentForm .form-inline>* {

    display: inline-block;

    margin-right: 16px;

    width: calc(50% - 20px);

    vertical-align: top;

}



@media (max-width: 767px) {

    #appointmentForm .form-inline>* {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

}



#appointmentForm .form-inline>*:only-child {

    width: calc(100% - 20px);

}



@media (max-width: 767px) {

    #appointmentForm .form-inline>*:only-child {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

}



@media (max-width: 480px) {

    #appointmentForm .form-inline>*:only-child {

        margin-bottom: 0px;

    }

}



#appointmentForm .form-inline label {

    width: 100% !important;

}



#appointmentForm .form-inline .form-control {

    width: 100%;

}



#appointmentForm .form-horizontal {

    padding: 0;

}



#appointmentForm .form-horizontal .form-group {

    margin-left: 0;

    margin-right: 0;

}



#appointmentForm .input-group .form-control {

    display: block;

    float: none;

    width: 100%;

}



#appointmentForm .textarea-custom {

    height: 115px;

    min-height: 0;

}



.datetimepicker-wrap .form-control,

.timepicker-wrap .form-control {

    width: 100%;

}



.datetimepicker-wrap {

    position: relative;

}



.datetimepicker-wrap:before {

    content: "\e901";

    font-family: 'auto';

    position: absolute;

    display: block;

    top: 12px;

    right: 15px;

    font-size: 20px;

    line-height: 27px;

    color: #999;

    z-index: 999;

}



.timepicker-wrap {

    position: relative;

}



.timepicker-wrap:before {

    content: "\e90a";

    font-family: 'auto';

    position: absolute;

    display: block;

    top: 12px;

    right: 15px;

    font-size: 20px;

    line-height: 27px;

    color: #999;

    z-index: 999;

}



.bootstrap-datetimepicker-widget th,

.bootstrap-datetimepicker-widget td {

    border: none;

}



.modal-body .bootstrap-datetimepicker-widget .btn {

    padding: 0 !important;

    height: auto !important;

    min-width: 0 !important;

    line-height: auto;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    padding: 10px 0px !important;

    display: inline-block;

    color: #333 !important;

    width: 200px;

    font-size: 18px;

}



.bootstrap-datetimepicker-widget .btn[data-action] {

    width: auto;

    background: transparent !important;

    min-width: 0;

}



.bootstrap-datetimepicker-widget .btn[data-action]:after,

.bootstrap-datetimepicker-widget .btn[data-action]:before {

    display: none;

    opacity: 1;

}



.bootstrap-datetimepicker-widget .btn[data-action].btn-primary {

    border: 0;

    background-color: #333 !important;

    color: #fff !important;

    padding: 8px !important;

    margin-top: 10px;

    border-radius: 5px;

    font-size: 16px;

}



.bootstrap-datetimepicker-widget table td span {

    display: block;

    opacity: 1;

}



#appointmentForm.modal.fade,

#appointmentForm.modal.fade .modal-dialog,

#appointmentForm.modal.fade.in .modal-dialog {

    opacity: 1;

}





/*-----  3.9 Appointment Banner  --------*/



.appoinment-button-txt {

    margin-top: 80px;

    margin-bottom: 120px;

}



.appoinment-button-txt .wpb_wrapper {

    text-align: center;

}



.home .text-appointment .wpb_text_column.wpb_content_element {

    margin-bottom: 25px;

}



@media (max-width: 1199px) {

    .appoinment-button-txt {

        margin-top: 20px;

    }

}



@media (min-width: 1400px) {

    .text-appointment {

        margin: 0 0 0 -35px;

        text-align: center;

        width: calc(100% + 130px);

    }

    .img-move {

        position: relative;

    }

    .img-move img {

        position: absolute;

        top: 0;

        left: -4%;

        width: 130%;

        max-width: initial;

    }

    .appoinment-button-txt .btn-invert {

        z-index: 9;

    }

}



@media (max-width: 1399px) {

    .text-appointment {

        text-align: center;

    }

    .appoinment-button-txt .btn-invert {

        z-index: 9;

    }

    .img-move {

        width: calc(100% + 30px);

        margin: 15px 0 0 -15px;

        text-align: center;

    }

    .img-move img {

        max-width: 100%;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .home-appoinment-button-txt .text-appointment h2.h-phone {

        font-size: 34px;

    }

}



@media (max-width: 991px) {

    .appoinment-button-txt {

        margin-top: 10px;

        margin-bottom: 40px;

    }

    .appoinment-button-txt .wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-6 .vc_column-inner .wpb_single_image {

        margin-top: -15px;

        padding-top: 0;

        padding-left: 0;

        padding-right: 0;

    }

}



@media (max-width: 767px) {

    .img-move {

        padding: 15px;

    }

    .appoinment-button-txt {

        margin-top: 0px;

        margin-bottom: 0px;

    }

}



@media (max-width: 479px) {

    .appoinment-button-txt .btn-invert,

    .appoinment-button-txt .form-popup-wrap .form-popup-link,

    .appoinment-button-txt .form-popup-wrap {

        left: auto;

        right: auto;

        margin-left: auto;

        margin-right: auto;

    }

    h2.h-phone {

        letter-spacing: -1px;

        font-size: 22px;

    }

}



.search-submit.btn {

    min-width: 30px;

    margin: 15px 0px 0px 5px;

}



.column-right .widget_search button {

    margin-top: 15px;

    font-size: 20px;

    padding: 0;

    border-radius: 0;

}



.column-right input.search-field {

    margin-bottom: 4px;

    padding: 15px 15px 15px;

    font-size: 18px;

    line-height: 24px;

    background: #fff;

    border: 1px solid #dbdbdb;

    border-radius: 0;

    color: #2b2b2b;

}



@media (min-width: 992px) {

    .column-right input.search-field {

        width: 100%;

    }

}



.blog-post a.more-link .meta-nav {

    display: none;

}



.blog-post a.more-link {

    display: inline-block;

    margin-top: 10px;

}





/*-----  3.10 Banner Under Slider--------*/



.banner-under-slider {

    background: url(images/banner-bg.png);

    color: #fff;

    padding: 50px 0 47px;

    overflow: visible !important;

    margin-top: -1px;

}



.banner-under-slider h2,

.banner-under-slider h3,

.banner-under-slider h4 {

    margin: 0;

    color: #fff;

    font-size: 38px;

}



.banner-under-slider h2 {

    font-size: 34px;

    line-height: 1em;

}



.banner-under-slider h2.h-lg {

    font-size: 44px;

}



.banner-under-slider .negative-margin {

    margin: -75px 0 -90px;

}



.banner-under-slider .action {

    padding-top: 10px;

}



@media (max-width: 991px) {

    .banner-under-slider .row-flex>* {

        padding: 0 12px;

    }

    .banner-under-slider .row-flex {

        display: flex;

        align-items: center;

    }

    .banner-under-slider {

        margin-bottom: 50px;

        padding: 15px 0;

    }

}



@media (max-width: 767px) {

    .banner-under-slider {

        margin-bottom: 45px;

    }

}



.banner-under-slider p {

    margin-bottom: 0;

}



@media (min-width: 1200px) {

    .banner-under-slider .action {

        padding-top: 10px;

    }

    .banner-under-slider .action .btn {

        width: calc(100% + 30px);

        margin-left: -30px;

    }

}



@media (max-width: 1199px) {

    .banner-under-slider .negative-margin {

        margin: -30px 0 -30px;

    }

}



@media (max-width: 991px) {

    .banner-under-slider {

        margin-bottom: 50px;

        padding: 15px 0;

    }

    .banner-under-slider .row-flex {

        display: flex;

        align-items: center;

    }

    .banner-under-slider .row-flex .col-title {

        min-width: 215px;

        width: auto;

    }

    .banner-under-slider .row-flex>* {

        padding: 0 12px;

    }

    .banner-under-slider .row-flex .col-img {

        min-width: 90px;

        width: auto;

    }

    .banner-under-slider>.container {

        width: 100%;

    }

    .banner-under-slider .negative-margin {

        width: 180px;

        margin: -29px -11px -31px -31px;

    }

    .banner-under-slider .action {

        min-width: 140px;

    }

    .banner-under-slider h2 {

        font-size: 22px;

        line-height: 1em;

        margin-bottom: 0;

    }

    .banner-under-slider h2.text-right {

        font-size: 32px;

        line-height: 1em;

        text-align: left;

        margin-bottom: 0;

        padding-left: 32px;

    }

    .banner-under-slider p {

        font-size: 14px;

        line-height: 20px;

    }

    .banner-under-slider .btn:not([data-action]) {

        font-size: 12px;

        min-width: 0;

        width: 100%;

        padding-top: 10px;

        padding-bottom: 10px;

    }

}



@media (max-width: 767px) {

    .banner-under-slider {

        padding: 18px 0 25px;

    }

    .banner-under-slider [class*="col-"] {

        position: static;

    }

    .banner-under-slider .negative-margin {

        margin: 0;

        position: absolute;

        top: -15px;

        right: -50px;

        width: 205px;

    }

    .banner-under-slider h2,

    .banner-under-slider h3,

    .banner-under-slider h4 {

        font-size: 26px !important;

    }

}



@media (max-width: 479px) {

    .banner-under-slider h2 {

        font-size: 28px;

    }

    .banner-under-slider h2.h-lg {

        font-size: 30px;

    }

    .banner-under-slider .negative-margin {

        margin: 0;

        position: absolute;

        top: -10px;

        right: -45px;

        width: 205px;

    }

}



@media (max-width: 767px) {

    .services-banner-12.home-services-img {

        margin-top: 30px;

    }

    .services-banner-12 p.info {

        display: block;

        overflow: hidden;

        max-width: 100%;

        padding: 0px 10px;

    }

    .services-banner-12 .service .caption {

        padding: 0px 15px 0px 20px !important;

    }

}





/*-----  3.11 Services           --------*/



.services-block {

    margin-top: 45px;

}



.services-block .service {

    width: 100%;

    position: relative;

    display: block;

    float: left;

    overflow: hidden;

    vertical-align: top;

    color: #292929;

}



.services-block .caption {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    padding: 0 10%;

    text-align: center;

    pointer-events: none;

    font-size: 18px;

    line-height: 26px;

}



.services-block .caption h2,

.services-block .caption h3,

.services-block .caption h4 {

    text-transform: uppercase;

}



.services-block .caption h3 {

    margin-bottom: 4px;

}



.services-block .caption h2 {

    margin-bottom: 18px;

}



.services-block .image {

    background-color: #f58025;

}



.services-block .image img {

    width: 100%;

}



.services-block .service.dark {

    color: #ffffff;

}



.services-block .service.dark h2,

.services-block .service.dark h3,

.services-block .service.dark h4 {

    color: #f58025;

}



.vertical-tab-content h2,

.vertical-tab-content h1 {

    margin-top: 10px;

    font-size: 30px;

    font-weight: 700;

}



@media screen and (min-width: 768px) {

    .services-block .service {

        width: 33.333%;

    }

    .services-block .service:nth-child(3n+1) {

        clear: none;

    }

}



@media screen and (max-width: 991px) and (min-width: 768px) {

    .services-block .service .caption {

        font-size: 14px;

        line-height: 16px;

        padding: 0 7%;

    }

    .services-block .service h2 {

        font-size: 26px;

        margin-bottom: 10px;

    }

    .services-block .service h3 {

        font-size: 22px;

    }

}



.column-right .widget_search button:hover {

    background-color: #f58025;

}



.column-right .widget_search button,

.not-found .widget_search button {

    margin-top: 10px;

    font-size: 20px;

    padding: 15px 20px;

    border-radius: 0;

}



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

    .services-block {

        margin-left: -15px;

        margin-right: -15px;

        margin-top: 20px;

        margin: 20px auto;

        max-width: 188px;

    }

    .services-block .service .caption {

        font-size: 13px;

        line-height: 1.1em;

        padding: 0 5%;

    }

    .services-block .service h2 {

        font-size: 18px;

        line-height: 1.2em;

        margin-bottom: 7px;

        letter-spacing: -0.5px;

    }

    .services-block .service h3 {

        font-size: 15px;

        line-height: 1.2em;

        margin-bottom: 0;

        letter-spacing: -0.5px;

    }

}



.services-angle-text .number {

    background: #f58025;

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;

    color: #333;

    font-size: 30px;

    font-weight: 700;

}



.services-angle-text h5 {

    color: #fff;

}



.services-block-alt {

    margin-top: 30px;

    text-align: center;

}



.services-block-alt .image i,

.services-block-alt .image .fack_icon_div {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 118px;

    height: 118px;

    border-radius: 50%;

    margin: -59px 0 0 -59px;

    font-size: 50px;

    line-height: 118px;

    text-align: center;

    background-color: #f58025;

    opacity: 0;

    -webkit-transition: 0.35s;

    -moz-transition: 0.35s;

    -ms-transition: 0.35s;

    -o-transition: 0.35s;

    -webkit-box-shadow: 0 0 0 20px #f58025;

    -moz-box-shadow: 0 0 0 20px #f58025;

    box-shadow: 0 0 0 20px #f58025;

}



.services-block-alt .image:hover i,

.services-block-alt .image:hover .fack_icon_div {

    opacity: 1;

    -webkit-box-shadow: 0 0 0 0 #f58025;

    -moz-box-shadow: 0 0 0 0 #f58025;

    box-shadow: 0 0 0 0 #f58025;

}



.services-block-alt .image .fack_icon_div img {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    vertical-align: baseline;

    width: 75%;

}



.services-block-alt .image img {

    width: 100%;

}



.services-block-alt .services-link {

    position: absolute;

    bottom: 15px;

    right: 25px;

    padding: 0 5px;

    font-size: 22px;

    line-height: 30px;

    text-decoration: none;

    color: #f58025;

    -webkit-transition: 0.25s;

    -moz-transition: 0.25s;

    -ms-transition: 0.25s;

    -o-transition: 0.25s;

}



.services-block-alt .services-link:hover {

    color: #fff;

}



.services-block-alt .caption {

    background-color: #4d4d4d;

    color: #fff;

    font-size: 18px;

    line-height: 26px;

    padding: 33px 35px 40px;

}



.services-block-alt .caption .title {

    color: #f58025;

    text-transform: uppercase;

    line-height: 1.2;

    margin-bottom: 14px;

    font-size: 30px;

}



.single-car_services .block {

    margin-bottom: 90px;

}



@media (max-width: 991px) {

    .single-car_services .block {

        margin-bottom: 30px;

    }

    .services-block-alt .caption .title {

        font-size: 26px;

    }

}



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

    .services-block-alt .caption {

        padding: 20px 35px 30px;

        font-size: 14px;

        line-height: 20px;

    }

    .services-block-alt .caption .title {

        margin-bottom: 5px;

        font-size: 20px;

        height: auto !important;

    }

}



@media screen and (min-width: 992px) {

    .services-block-alt.col-sm-3:nth-child(3n+1) {

        clear: left;

    }

}



@media screen and (max-width: 991px) and (min-width: 768px) {

    .services-block-alt.col-sm-6:nth-child(2n+1),

    .services-block-alt.col-sm-3:nth-child(3n+1) {

        clear: left;

    }

}



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

    .services-block-alt.col-xs-6:nth-child(2n+1) {

        clear: left;

    }

}



.service-row h1,

.service-row h2,

.service-row h3 {

    color: #fff;

}



.service-row-text {

    padding: 75px 15px;

    float: right;

}



.service-row {

    background: #2b2b2b;

    color: #fff;

}



@media screen and (min-width: 768px) {

    .service-row {

        display: flex;

        margin: 0 -30px;

    }

}



.service-row>* {

    position: relative;

}



.service-row,

.service-row-text {

    color: #fff;

}



.service-row h1,

.service-row h2,

.service-row h3,

.service-row-elementor h1,

.service-row-elementor h2,

.service-row-elementor h3 {

    color: #fff;

}



@media screen and (min-width: 1200px) {

    .service-row .service-row-text {

        width: 600px;

    }

}



@media screen and (max-width: 1199px) and (min-width: 992px) {

    .service-row .service-row-text {

        width: 485px;

        padding: 50px 25px;

    }

}



@media screen and (max-width: 991px) and (min-width: 768px) {

    .service-row-elementor .service-row-text {

        width: 375px;

        padding: 30px 25px;

    }

    .service-row-elementor .service-row-text p {

        font-size: 14px;

        line-height: 20px;

    }

}



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

    .service-row .service-row-text p {

        font-size: 14px;

        line-height: 20px;

    }

}



@media screen and (max-width: 991px) and (min-width: 768px) {

    .service-row .service-row-text {

        width: 375px;

        padding: 30px 25px;

    }

    .service-row h2 {

        font-size: 34px;

    }

}



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

    .service-row .service-row-text,

    .service-row-elementor .service-row-text {

        width: 100%;

        float: none;

        padding: 30px 15px 0;

    }

    .service-row h2 {

        font-size: 23px;

    }

    .service-row-image {

        min-height: 200px;

        position: relative;

        width: calc(100% + 30px);

        margin: 0 -15px;

    }

}



.service-row-text .wpb_button,

.service-row-text .wpb_content_element,

.service-row-text ul.wpb_thumbnails-fluid>li,

.service-row-text .vc_column-inner {

    padding-bottom: 0px;

    padding-top: 0px;

}



@media (max-width: 767px) {

    .wpb_button,

    .wpb_content_element,

    ul.wpb_thumbnails-fluid>li {

        margin-bottom: 17px;

    }

}





/*-----  3.12 GetForm            --------*/



.vertical-tab-container {

    background: url(images/tabform-bg.jpg) no-repeat;

    background-size: cover;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);

    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);

    width: calc(100% - 12px);

    overflow: hidden;

    color: #444;

}



.vertical-tab-menu .list-group>a.active {

    border-right: none;

}



.vertical-tab-container,

.vertical-tab-menu .list-group>a.active {

    background-color: transparent;

}



@media (max-width: 767px) {

    .vertical-tab-container {

        width: calc(100% + 30px);

        margin-left: -15px;

        margin-right: -15px;

    }

}



.vertical-tab-container .toggle-btn {

    float: left;

    width: 50%;

    margin-top: 4px;

    margin-bottom: 14px;

    font-size: 14px;

    line-height: 30px;

    border: 1px solid #1a1a1a;

    color: #444;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

}



@media (max-width: 767px) {

    .vertical-tab-container .toggle-btn {

        font-size: 12px;

        line-height: 28px;

        margin-bottom: 11px;

    }

}



.vertical-tab-container .toggle-btn.active {

    background: #1a1a1a;

    color: #fff;

}



.vertical-tab-container p.comment {

    font-size: 14px;

    margin: 11px 0px;

}



.vertical-tab-container a.comment {

    display: inline-block;

    padding: 15px 0;

    font-size: 14px;

    line-height: 16px;

    text-decoration: none;

}



.vertical-tab-container a.comment:hover {

    text-decoration: underline;

}



.vertical-tab-container form .form-group {

    margin-bottom: 7px;

}



@media (max-width: 767px) {

    .vertical-tab-container form .form-group {

        margin-bottom: 6px;

    }

}



.vertical-tab-container form input.input-custom,

.vertical-tab-container form textarea.textarea-custom,

.vertical-tab-container form .select-wrapper select.input-custom {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border: 0;

    border-bottom: 1px solid #929292;

    color: #444;

    padding: 15px;

    font-size: 14px;

    line-height: 16px;

    height: 46px;

}



.vertical-tab-container form .select-wrapper select.input-custom,

.vertical-tab-container form .select-wrapper select.input-custom:hover,

.vertical-tab-container form .select-wrapper select.input-custom:focus {

    border-color: #fff !important;

    box-shadow: none !important;

    outline: medium none !important;

}



.search-form-area .btn.btn-lg.btn-full.false-submit:hover {

    background-color: #444;

}



.search-form-area .btn.btn-lg.btn-full.false-submit:hover span {

    color: #fff !important;

}



.vertical-tab-container form .select-wrapper:before {

    width: 44px;

    height: 44px;

    line-height: 44px;

    color: #444;

}



.vertical-tab-container form .btn:before,

.vertical-tab-container form .btn:after {

    display: none;

}



.vertical-tab-container form .btn span {

    color: #fff;

}



.vertical-tab-container form .btn:hover {

    background-color: #444 !important;

}



.vertical-tab-container form .btn:hover span {

    color: #fff;

}



.vertical-tab-menu {

    padding-right: 0;

    padding-left: 0;

    padding-bottom: 0;

    width: 132px;

    float: left;

}



@media (max-width: 767px) {

    .vertical-tab-menu {

        width: 103px;

    }

    .search-form-area .wpb_column.car-get-form .vc_column-inner {

        padding: 0;

    }

}



.vertical-tab-menu .list-group {

    margin-bottom: 0;

}



.vertical-tab-menu .list-group>a {

    margin-bottom: 2px;

    padding: 17px 10px 21px;

    border: 0;

    background-color: #494949;

    border-right: 1px solid #181818;

    border-radius: 0 !important;

    font-size: 14px;

    line-height: 16px;

    text-decoration: none;

    text-transform: uppercase;

    text-align: center;

    color: #d9d9d9;

}



@media (max-width: 767px) {

    .vertical-tab-menu .list-group>a {

        padding: 20px 10px 28px;

    }

}



@media (max-width: 767px) {

    .vertical-tab-menu .list-group>a {

        font-size: 12px;

        line-height: 14px;

    }

}



.vertical-tab-menu .list-group>a span {

    display: block;

    margin-bottom: 13px;

}



.vertical-tab-menu .list-group>a i.icon {

    color: #d9d9d9;

    font-size: 50px;

}



@media (max-width: 767px) {

    .vertical-tab-menu .list-group>a i.icon {

        font-size: 40px;

    }

}



.vertical-tab-menu .list-group>a:last-child {

    margin-bottom: 0;

}



.vertical-tab-menu .list-group>a.active span {

    color: #333;

}



.vertical-tab-menu .list-group>a.active i.icon {

    color: #444 !important;

}



div.vertical-tab {

    width: calc(100% - 160px);

    padding: 25px 0px 10px 25px;

    float: left;

}



@media (max-width: 767px) {

    div.vertical-tab {

        width: calc(100% - 105px);

        padding: 20px 12px 10px;

    }

}



@media (max-width: 479px) {

    div.vertical-tab {

        width: calc(100% - 130px);

    }

}



div.vertical-tab div.vertical-tab-content:not(.active) {

    display: none;

}



.modal.modal-info .modal-header h3 {

    margin-bottom: 0;

}



.modal.modal-info .modal-header .close {

    margin-top: 10px;

}



.form-popup-wrap {

    display: inline-block;

    position: relative;

}



.form-popup-wrap.text-icon-sm {

    width: 100%;

}



.form-popup {

    position: absolute;

    width: 766px;

    left: 50%;

    margin-left: -395px;

    visibility: hidden;

    bottom: -25px;

    -webkit-transition: bottom 0.2s;

    -moz-transition: bottom 0.2s;

    -ms-transition: bottom 0.2s;

    -o-transition: bottom 0.2s;

    opacity: 0;

}



@media (max-width: 1399px) {

    .form-popup {

        margin-left: -395px;

    }

}



@media (max-width: 1199px) {

    .form-popup {

        width: 600px;

        margin-left: -300px;

    }

}



@media (max-width: 767px) {

    .form-popup {

        width: 400px;

        margin-left: -200px;

    }

}



.form-popup.opened {

    opacity: 1;

    bottom: -5px;

    visibility: visible;

}



.text-icon-sm.form-popup-wrap .form-popup {

    margin-left: -383px;

}



@media (max-width: 767px) {

    .text-icon-sm.form-popup-wrap .form-popup {

        width: 300px;

        margin-left: -150px;

    }

}



.quote-form {

    width: 100%;

    padding: 35px 20px 20px;

    background: #fff;

    border: 2px solid #252525;

    position: absolute;

    z-index: 1;

}



@media (max-width: 767px) {

    .quote-form {

        padding: 35px 20px 20px 20px;

    }

}



form.quote-form p {

    margin-right: 16px;

}



.quote-form:after,

.quote-form::before {

    bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}



.quote-form::after {

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #fff;

    border-width: 10px;

    margin-left: -10px;

}



.quote-form::before {

    border-color: rgba(37, 37, 37, 0);

    border-bottom-color: #252525;

    border-width: 13px;

    margin-left: -13px;

}



.quote-form .form-inline {

    position: relative;

    margin-bottom: 20px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    font-size: 16px;

}



.quote-form .select-wrapper {

    display: flex !important;

    position: relative;

}



@media (max-width: 767px) {

    .quote-form .form-inline {

        margin-bottom: 10px;

    }

}



.quote-form .form-inline .form-inline {

    margin-right: -20px;

    width: 50%;

}



@media (max-width: 767px) {

    .quote-form .form-inline .form-inline {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

}



.quote-form .form-inline>* {

    display: block;

    vertical-align: top;

    margin-right: 16px;

    width: calc(50% - 8px);

}



@media (max-width: 767px) {

    .quote-form .form-inline>* {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

}



.quote-form .form-inline>*:only-child {

    width: calc(100% - 20px);

}



@media (max-width: 767px) {

    .quote-form .form-inline>*:only-child {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

}



.quote-form .wpcf7-response-output {

    margin-left: 0;

    width: calc(100% - 20px);

}



.quote-form .form-inline label {

    width: 100% !important;

}



.quote-form .form-inline .form-control {

    width: 100%;

}



.quote-form .input-custom {

    height: 48px !important;

    width: 100%;

    padding: 12px 15px 12px !important;

}



.quote-form .select-wrapper:before {

    height: 46px;

    line-height: 46px;

}



.quote-form .textarea-custom {

    height: 106px;

    min-height: 0;

    color: #2b2b2b;

}



.quote-form .placeholder {

    font-size: 18px;

    line-height: 20px;

    color: #2b2b2b;

}



.quote-form input::-webkit-input-placeholder,

.quote-form textarea::-webkit-input-placeholder {

    font-size: 18px;

    line-height: 20px;

    color: #2b2b2b;

}



.quote-form input::-moz-placeholder,

.quote-form textarea::-moz-placeholder {

    font-size: 18px;

    line-height: 20px;

    color: #2b2b2b;

}



.quote-form input:-ms-input-placeholder,

.quote-form textarea:-ms-input-placeholder {

    font-size: 18px;

    line-height: 20px;

    color: #2b2b2b;

}



.quote-form input:-moz-placeholder,

.quote-form textarea:-moz-placeholder {

    font-size: 18px;

    line-height: 20px;

    color: #2b2b2b;

}



#quote-form .textarea-custom {

    height: 106px;

    min-height: 0;

    color: #2b2b2b;

}





/*-----  3.13 Promo Banner       --------*/



.copon-baner-bg {

    background-repeat: no-repeat;

}



.coupon {

    background: url(images/coupon-bg.jpg);

    background-size: 100% 190px;

    width: 100%;

    height: 190px;

    position: relative;

    font-size: 100px;

}



@media (max-width: 1199px) {

    .coupon {

        font-size: 55px;

        height: 130px;

        background-size: 100% 130px;

    }

}



@media (max-width: 991px) {

    .coupon {

        height: 190px;

        background-size: 100% 190px;

        max-width: 715px;

        margin-left: auto;

        margin-right: auto;

    }

}



@media (max-width: 767px) {

    .coupon {

        height: 95px;

        background-size: 100% 95px;

        max-width: 300px;

    }

}



.coupon .coupon-row {

    width: 100%;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -ms-flexbox;

    display: flex;

}



.coupon .coupon-row>* {

    padding: 4.5% 0;

}



.coupon .coupon-row>*:last-child {

    padding: 3% 0;

}



.coupon .coupon-col-left {

    width: 34%;

}



.coupon .coupon-col-right {

    width: 66%;

}



.coupon-text1 {

    font-size: .2em;

    line-height: 1em;

    font-weight: bold;

    color: #252525;

}



.coupon-text2 {

    font-size: 70px;

    line-height: 1em;

    font-weight: 900;

    color: #ff0000;

    font-family: sans-serif;

}



.coupon-text2 span {

    display: inline-block;

    vertical-align: top;

    font-size: .45em;

    line-height: 1.5em;

    font-weight: 900;

    text-transform: uppercase;

}



.coupon-text3 {

    font-size: .4em;

    line-height: 1em;

    font-weight: 900;

    color: #252525;

    font-family: sans-serif;

}



.coupon-text4 {

    font-size: .42em;

    line-height: 1.2em;

    font-weight: 700;

    color: #ffffff;

}



.coupon-text5 {

    font-size: .2em;

    line-height: 1em;

    font-weight: 700;

    color: #f58025;

}



.search-form-area .coupon-text5 {

    line-height: 1.5em;

}



.coupon .coupon-all {

    display: inline-block;

    position: relative;

    padding: 0 1em;

    width: 12.25em;

    top: -13px;

    font-size: .16em;

    line-height: 2.315em;

    border-radius: 2px;

    font-weight: 700;

    background-color: #f58025;

    text-decoration: none;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.coupon .coupon-all:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -0.78em;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: .8em 6.125em 0 6.125em;

    border-color: #f58025 transparent transparent transparent;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.coupon .coupon-all:hover {

    background-color: #fff;

    color: #333;

}



.coupon .coupon-all:hover:after {

    border-top-color: #fff;

}



@media (max-width: 1199px) and (min-width: 992px) {

    .coupon .coupon-all {

        font-size: 14px;

    }

    .coupon-text1 {

        font-size: 15px;

    }

    .coupon-text2 {

        font-size: 45px;

        margin-top: 3px;

        margin-bottom: 3px;

    }

    .coupon-text4 {

        font-size: 26px;

    }

    .coupon-text5 {

        font-size: 16px;

        line-height: 20px;

    }

    .coupon .coupon-all {

        top: -2px;

    }

}



@media (max-width: 991px) {

    .coupon-text1 {

        font-size: 20px;

        line-height: 1em;

    }

    .coupon-text2 {

        font-size: 70px;

    }

    .coupon-text3 {

        font-size: 40px;

        line-height: 1em;

    }

    .coupon-text4 {

        font-size: 42px;

    }

    .coupon-text5 {

        font-size: 20px;

    }

    .coupon .coupon-all {

        font-size: 16px;

        top: 5px;

    }

}



@media (max-width: 767px) {

    .coupon-text1 {

        font-size: 10px;

    }

    .coupon-text2 {

        font-size: 32px;

    }

    .coupon-text3 {

        font-size: 18px;

    }

    .coupon-text4 {

        font-size: 20px;

        font-weight: 400;

    }

    .coupon-text5 {

        font-size: 12px;

    }

    .coupon .coupon-all {

        font-size: 11px;

        border-radius: 2px;

        font-weight: 800;

        top: -12px;

    }

}



.coupon-print {

    padding: 7px;

    margin-top: 35px;

    position: relative;

    font-size: 16px;

    line-height: 20px;

}



.coupon-print:after,

.coupon-print:before {

    content: '';

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    height: 1px;

    background: url(images/border-hor.png) repeat-x 0 0;

}



.coupon-print img {

    margin: 0 -28px;

    width: calc(100% + 56px);

    position: relative;

    z-index: 1;

}



.coupon-print:before {

    top: 0;

}



.coupon-print-col-left {

    float: left;

    width: 55%;

}



@media (max-width: 767px) {

    .coupon-print-col-left {

        width: 100%;

        margin-bottom: 15px;

    }

}



.coupon-print-col-right {

    float: right;

    width: 42%;

}



@media (max-width: 767px) {

    .coupon-print-col-right {

        width: 100%;

    }

}



.coupon-print-row-top,

.coupon-print-row-bot {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



@media (max-width: 767px) {

    .coupon-print-row-top,

    .coupon-print-row-bot {

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

    }

}



.coupon-print-row-top {

    padding: 0 0 20px;

}



.coupon-print-row-bot {

    padding: 10px 0 0;

}



.coupon-print-row-bot .coupon-print-col-right {

    font-size: 18px;

    font-weight: 700;

}



.coupon-print-row-bot .coupon-print-col-left {

    font-weight: 600;

}



.coupon-print .contact-info {

    margin: 0 !important;

    padding-left: 33px;

    position: relative;

    font-size: 16px;

    line-height: 22px;

}



.coupon-print .contact-info>.icon {

    font-size: 30px;

}



.coupon-print-inside {

    background: url(images/coupon-bg.png) no-repeat right top;

    border: 1px solid #f58025;

    position: relative;

    padding: 20px;

}



.coupon-print-inside:after,

.coupon-print-inside:before {

    content: '';

    position: absolute;

    width: 1px;

    top: -7px;

    bottom: -7px;

    background: url(images/border-vert.png) repeat-y 0 0;

}



.coupon-print-inside:after {

    right: -8px;

}



.coupon-print-inside:before {

    left: -8px;

}



.coupon-print .red-color {

    color: red;

}



.coupon-print .print-link {

    position: absolute;

    z-index: 1;

    width: 145px;

    display: block;

    bottom: -7px;

    left: 50%;

    margin-left: -72px;

    padding: 5px 0;

    background: #fff;

    text-decoration: underline;

    text-align: center;

    font-weight: 600;

}



.coupon-print .print-link:hover {

    text-decoration: none;

}



.promo-banner {

    border: 2px dotted #f58025;

    padding: 25px 32px;

    margin: 42px 0 0;

}



@media (max-width: 1199px) {

    .promo-banner {

        text-align: center;

        padding: 25px 15px;

    }

}



@media (min-width: 1200px) {

    .promo-banner .text {

        padding-right: 15px;

    }

    .promo-banner .action {

        float: right;

    }

}



.promo-banner .action {

    text-align: center;

}



.promo-banner .title {

    font-size: 40px;

    line-height: 1em;

    margin-bottom: 15px;

}



@media (max-width: 1199px) {

    .promo-banner .title {

        font-size: 30px;

    }

}



.promo-banner .title span {

    color: #fe0000;

    font-size: 50px;

    font-weight: 700;

}



@media (max-width: 1199px) {

    .promo-banner .title span {

        font-size: 36px;

    }

}



.promo-banner .icon-lg {

    display: block;

    font-size: 50px;

    line-height: 1em;

    margin-bottom: 12px;

    color: #f58025;

    animation: arrowUpDown 2s infinite;

    -webkit-animation: arrowUpDown 2s infinite;

    -moz-animation: arrowUpDown 2s infinite;

    -o-animation: arrowUpDown 2s infinite;

}



.promo-banner p {

    margin-bottom: 0;

}





/*-----  3.14 How it works       --------*/



.vc_parallax .vc_parallax-inner {

    pointer-events: none;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    background-attachment: fixed !important;

    background-color: transparent;

    background-image: inherit;

    background-size: cover;

    z-index: 0;

    background-position: 50% 0;

}



@media (max-width: 1199px) {

    .vc_parallax .vc_parallax-inner {

        background-attachment: scroll !important;

        background-size: cover;

        top: 0 !important;

        height: 100% !important;

    }

}



.how-works-block {

    display: table;

    width: 100%;

    margin-top: 0px;

    margin-bottom: 20px;

}



.how-works-block .image img {

    width: 100%;

}



.how-works-block .caption>.inside {

    overflow: hidden;

    display: table;

    width: 100%;

    margin-top: 18px;

}



.how-works-block .caption>.inside .number {

    display: table-cell;

    vertical-align: middle;

}



.how-works-block .caption>.inside .number span {

    display: block;

    width: 42px;

    height: 42px;

    font-size: 30px;

    line-height: 42px;

    font-weight: bold;

    color: #444;

    background-color: #f58025;

    text-align: center;

}



.how-works-block .caption>.inside .text {

    vertical-align: middle;

    padding-left: 15px;

    overflow: hidden;

    display: table-cell;

}



.how-works-block .caption>.inside .text h5 {

    margin-bottom: 0;

    text-transform: uppercase;

    font-size: 18px;

    line-height: 22px;

}



.how-works-block.shifted {

    margin-top: -10px;

}



@media (max-width: 991px) {

    .how-works-block .caption>.inside .text h5 {

        font-size: 15px;

        line-height: 20px;

    }

    .how-works-block .caption>.inside .number {

        position: absolute;

        top: -58px;

        left: 0;

        line-height: 40px;

    }

    .how-works-block .caption>.inside {

        position: relative;

        overflow: visible;

    }

    .how-works-row>div:nth-child(2n) .how-works-block .inside .number,

    .how-works-row>div:nth-child(4n) .how-works-block .inside .number {

        bottom: -58px;

        top: auto;

    }

    .how-works-row .vc_column-inner {

        margin-top: 25px !important;

    }

    .how-works-block .caption>.inside .text {

        padding-left: 0px;

    }

}



.breadcrumbs span {

    color: #fff;

}



.back-to-top {

    position: fixed;

    bottom: -50px;

    opacity: 0;

    visibility: hidden;

    right: 15px;

    z-index: 1000;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

}



.back-to-top.visible {

    opacity: 1;

    visibility: visible;

    bottom: 27px;

}



.back-to-top a {

    position: relative;

    top: 0;

    display: block;

    width: 64px;

    height: 64px;

    border-radius: 50%;

    background-color: #f58025;

    font-size: 24px;

    line-height: 64px;

    text-align: center;

    text-decoration: none !important;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.back-to-top:hover a {

    top: -10px;

    opacity: .8;

}



@media (max-width: 991px) {

    .back-to-top.visible {

        bottom: 23px;

    }

}



@media (max-width: 767px) {

    .back-to-top.visible {

        bottom: 42px;

    }

}



@media (max-width: 1199px) {

    .back-to-top {

        right: 15px;

    }

}



@media (max-width: 991px) {

    .back-to-top {

        right: 15px;

    }

    .block.bg-2 .vc_parallax-inner {

        background-position: top left;

        top: 0 !important;

    }

}



@media (min-width: 768px) {

    .vc_row .how-works-row.shifted>div:nth-child(2n) .how-works-block {

        margin-top: -15px;

        position: absolute;

        top: 0;

    }

    .vc_row .how-works-row.shifted>div:nth-child(4n) .how-works-block {

        margin-top: -15px;

        position: absolute;

        top: 0;

    }

    .how-works-row.shifted>div:nth-child(2n) .how-works-block .caption,

    .how-works-row.shifted>div:nth-child(4n) .how-works-block .caption {

        display: table-header-group;

    }

    .how-works-row.shifted>div:nth-child(2n) .how-works-block .caption .inside,

    .how-works-row.shifted>div:nth-child(4n) .how-works-block .caption .inside {

        margin-bottom: 18px;

        margin-top: 0;

    }

    .how-works-row.shifted>div:nth-child(2n) .how-works-block .image,

    .how-works-row.shifted>div:nth-child(4n) .how-works-block .image {

        display: table-footer-group;

    }

}



.image.nd-images {

    margin-top: 80px;

}



@media (max-width: 767px) {

    .how-works-row .wpb_single_image,

    .how-works-block {

        max-width: 205px;

        margin: 0px auto 0px;

        padding: 0;

    }

    .block.bg-2 .vc_empty_space {

        height: 0 !important;

    }

    .how-works-row.slick-slider {

        margin-bottom: 80px;

    }

    .how-works-row>div:nth-child(2n) .how-works-block .inside,

    .how-works-row>div:nth-child(4n) .how-works-block .inside {

        direction: rtl;

    }

    .how-works-row>div:nth-child(2n) .how-works-block .inside .number,

    .how-works-row>div:nth-child(4n) .how-works-block .inside .number {

        direction: ltr;

        float: right;

    }

    .how-works-row>div:nth-child(2n) .how-works-block .inside .text,

    .how-works-row>div:nth-child(4n) .how-works-block .inside .text {

        direction: ltr;

        padding-left: 0;

        padding-right: 10px;

        text-align: right;

        width: 100%;

    }

    .how-works-row .vc_column-inner {

        margin-top: 0px !important;

    }

    .wpb_single_image .vc_single_image-wrapper {

        display: block;

        vertical-align: top;

        max-width: 100%;

        text-align: center;

    }

    .wpb_single_image .vc_single_image-wrapper {

        display: block;

        vertical-align: top;

        max-width: 100%;

        text-align: center;

    }

    .wpb_single_image .vc_figure {

        display: inline-block;

        vertical-align: top;

        margin: 0;

        max-width: 100%;

        display: block;

    }

    .image.nd-images {

        margin-top: 0px;

    }

    .how-works-row>div:nth-child(2n) .how-works-block .inside .number {

        line-height: 35px;

    }

    .how-works-block .caption>.inside .text h5 {

        text-align: center;

    }

}



.how-works-circle {

    margin: 20px auto;

    max-width: 246px;

    text-align: center;

}



.how-works-circle img {

    max-width: 100%;

    display: inline-block;

}



.how-works-text {

    max-width: 170px;

    margin-left: auto;

    margin-right: auto;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



@media (max-width: 991px) {

    .how-works-text {

        font-size: 15px;

        line-height: 20px;

    }

}



@media (max-width: 991px) {

    .how-works-text {

        font-size: 13px;

        line-height: 18px;

    }

}



@media (max-width: 767px) {

    .how-works-text {

        font-size: 14px;

        line-height: 18px;

    }

}



.how-works-text:not(:first-child) {

    margin-top: .6em;

}



.how-works-number {

    font-size: 32px;

    line-height: 1em;

    font-weight: 700;

    color: #f58025;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



@media (max-width: 991px) {

    .how-works-number {

        font-size: 25px;

    }

}



@media (max-width: 991px) {

    .how-works-number {

        font-size: 22px;

    }

}



@media (max-width: 767px) {

    .how-works-number {

        font-size: 23px;

    }

}



.how-works-number:not(:first-child) {

    margin-top: .3em;

}



.step-animate {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.step {

    display: block;

    height: 0;

    padding-bottom: 100%;

    overflow: hidden;

    position: relative;

    border-radius: 50%;

    background-color: #f5f5f5;

}



.step .step-inside {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

}



.step img {

    max-width: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.step1:not(.step-animate) img,

.step2:not(.step-animate) img {

    opacity: 0;

}



.step1:not(.step-animate) img:first-child {

    opacity: 1;

}



.step1:not(.step-animate) img:last-child {

    opacity: 1;

}



.step1.step-animate-start:not(.step-animate) img:first-child {

    opacity: 1;

}



.step1.step-animate-start:not(.step-animate) img:last-child {

    opacity: 0;

}



.step1.step-animate img:not(:first-child) {

    -webkit-animation-name: step1;

    animation-name: step1;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.step1.step-animate img:nth-child(2) {

    animation-delay: .5s;

    -webkit-animation-delay: 0.5s;

}



.step1.step-animate img:nth-child(3) {

    animation-delay: 1s;

    -webkit-animation-delay: 1s;

}



.step1.step-animate img:nth-child(4) {

    animation-delay: 1.5s;

    -webkit-animation-delay: 1.5s;

}



.step1.step-animate img:nth-child(5) {

    animation-delay: 2s;

    -webkit-animation-delay: 2s;

}



.step2.step-animate img {

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-iteration-count: 2;

    animation-iteration-count: 2;

}



.step2:not(.step-animate) img:first-child {

    opacity: 1;

}



.step2.step-animate img:nth-child(1) {

    -webkit-animation-name: step2;

    animation-name: step2;

    animation-delay: 0s;

    -webkit-animation-delay: 0s;

}



.step2.step-animate img:nth-child(2) {

    -webkit-animation-name: step22;

    animation-name: step22;

    animation-delay: 0s;

    -webkit-animation-delay: 0s;

}



@keyframes step1 {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@-moz-keyframes step1 {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@keyframes step2 {

    from {

        opacity: 0;

    }

    47% {

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    97% {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



@-moz-keyframes step2 {

    from {

        opacity: 0;

    }

    47% {

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    97% {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



@keyframes step22 {

    from {

        opacity: 1;

    }

    47% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    97% {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@-moz-keyframes step22 {

    from {

        opacity: 1;

    }

    47% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    97% {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



.step3.step-animate img {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.step4.step-animate img {

    -webkit-animation-name: step4;

    animation-name: step4;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-iteration-count: 2;

    animation-iteration-count: 2;

}



@-moz-keyframes step4 {

    0% {

        -moz-transform: rotate(0);

    }

    25% {

        -moz-transform: rotate(10deg);

    }

    50% {

        -moz-transform: rotate(-10deg);

    }

    100% {

        -moz-transform: rotate(0);

    }

}



@keyframes step4 {

    0% {

        transform: rotate(0);

    }

    25% {

        transform: rotate(10deg);

    }

    50% {

        transform: rotate(-10deg);

    }

    100% {

        transform: rotate(0);

    }

}





/*-----  3.15 Statistic          --------*/



.stat-box {

    margin: 30px 0 0 0;

    text-align: center;

}



@media (max-width: 767px) {

    .stat-box {

        margin: 8px 0 15px 0;

    }

}



.stat-box .text {

    border-top: 1px solid #e5e5e5;

    padding-top: 10px;

    margin-top: 10px;

    margin-left: auto;

    margin-right: auto;

}



@media (max-width: 767px) {

    .stat-box .text {

        max-width: 215px;

    }

}



.stat-box .number {

    font-size: 44px;

    line-height: 46px;

    font-weight: bold;

    color: #2b2b2b;

    padding: 0 10px 0 0;

    display: inline-block;

    vertical-align: middle;

}



.stat-box .icon {

    font-size: 44px;

    line-height: 46px;

    color: #f58025;

    display: inline-block;

    vertical-align: middle;

}



@media (max-width: 991px) {

    .stat-box .number,

    .stat-box .icon {

        font-size: 36px;

        line-height: 36px;

    }

}



@media (max-width: 991px) and (min-width: 768px) {

    .text-center-md {

        text-align: center;

    }

}





/*-----  3.16 Show/Hide Block    --------*/



@media (min-width: 992px) {

    .view-more-link {

        display: none;

    }

}



@media (max-width: 991px) {

    .view-more-link {

        display: block;

        margin-top: 20px;

        text-decoration: underline;

    }

    .view-more-link:hover {

        text-decoration: none;

    }

    .view-more-tablet {

        display: none;

    }

    .view-more-tablet .marker-list {

        margin-top: 0;

        margin-bottom: 0;

    }

}



@media (max-width: 767px) {

    .view-more-mobile {

        display: none;

    }

    .view-more-mobile .marker-list {

        margin-top: 0;

        margin-bottom: 0;

    }

    .service-icon:after {

        content: '';

        height: 1px;

        width: 100%;

        position: absolute;

        top: 50%;

        left: 0;

        z-index: -1;

        background-color: #a1a1a1;

    }

    .services-pages-txt .form-popup-wrap {

        margin-left: 0;

    }

    .services-pages-txt .form-popup-link,

    .services-pages-txt .btn-invert {

        margin-right: 12px;

        margin-bottom: 15px;

        margin-left: 12px;

    }

    .text-icon .title {

        font-size: 20px;

        margin-top: -40px;

    }

}



.person-hor {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border: 1px solid #dcdcdc;

    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

}



.person {

    margin-top: 23px;

}



@media (max-width: 991px) {

    .person-hor {

        flex-direction: column;

        text-align: center;

        max-width: 270px;

        margin-left: auto;

        margin-right: auto;

    }

    .person-hor .person-info,

    .person-hor .image {

        width: 100%;

    }

}



.about-page-txt h2.h-lg.text-center {

    color: #fff;

}



.abot-txt h4 {

    font-size: 22px;

    line-height: 24px;

}



@media (max-width: 991px) {

    .abot-txt .wpb_column {

        width: 100%;

    }

}



.view-more-link .less {

    display: none;

}



.view-more-link.opened .more {

    display: none;

}



.view-more-link.opened .less {

    display: inline-block;

}





/*-----  3.17 Gallery Page       --------*/



.gallery-item {

    position: relative;

    display: inline-block;

    width: calc(33.333% - 20px);

    margin-bottom: 30px;

    overflow: hidden;

}



@media (max-width: 767px) {

    .gallery-item {

        width: calc(50% - 15px);

    }

}



@media (max-width: 480px) {

    .gallery-item {

        width: calc(50% - 15px);

    }

}



.gallery-item img {

    width: 100%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    height: auto;

}



.gallery-item .hover {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    color: #fff;

    text-align: center;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    background-color: rgba(0, 0, 0, 0.09);

    /* IE9, iOS 3.2+ */

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAuMjMxOTk5OTk5OTk5OTk5OTgiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);

    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(0.232, rgba(0, 0, 0, 0)));

    /* Android 2.3 */

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.2%);

    /* IE10+ */

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.2%);

    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.2%);

    text-decoration: none !important;

}



.gallery-item .hover span {

    display: block;

}



.gallery-item .hover .view {

    position: absolute;

    top: 50%;

    width: 100%;

    margin-top: -22px;

}



.gallery-item .hover .view .icon {

    text-align: center;

    font-size: 44px;

}



.gallery-item .hover .tags {

    position: absolute;

    bottom: 5px;

    left: 0;

    right: 0;

    padding: 0 10px;

    overflow: hidden;

    font-size: 16px;

    line-height: 20px;

}



.gallery-item .hover .tags .icon {

    font-size: 20px;

    padding-right: 5px;

    display: inline-block;

    vertical-align: bottom;

}



.gallery-item-image {

    overflow: hidden;

}



.gallery-item:hover .hover {

    opacity: 1;

}



.filters-by-category ul {

    margin: 0 0 50px;

    padding: 0;

    list-style: none;

    text-align: center;

}



.filters-by-category ul li {

    display: inline-block;

    line-height: 1em;

    margin: 0 0 10px;

}



.filters-by-category ul li+li a:before {

    content: "|";

    position: absolute;

    left: 0;

    top: -2px;

    color: #292929;

}



.filters-by-category ul li a {

    display: block;

    position: relative;

    font-size: 26px;

    line-height: 30px;

    text-decoration: none;

    padding: 0 36px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.filters-by-category ul li a:hover,

.filters-by-category ul li a.selected {

    color: #f58025;

}



@media (max-width: 1199px) {

    .filters-by-category ul li a {

        font-size: 18px;

        padding: 0 20px;

    }

}



@media (max-width: 991px) {

    .filters-by-category ul li a {

        font-size: 16px;

        line-height: 20px;

        padding: 0 10px;

    }

}





/*-----  4. Custom Animation      --------*/



@media (min-width: 768px) {

    .image-scale {

        position: relative;

        overflow: hidden;

        display: block;

    }

    .image-scale>a {

        display: block;

        overflow: hidden;

    }

    .image-scale img {

        -webkit-transition: transform 0.4s ease-in-out 0.05s;

        -moz-transition: transform 0.4s ease-in-out 0.05s;

        -ms-transition: transform 0.4s ease-in-out 0.05s;

        -o-transition: transform 0.4s ease-in-out 0.05s;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        image-rendering: optimizeQuality;

        vertical-align: middle;

        max-width: 100%;

    }

    .image-scale:hover img {

        -webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);

        transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);

    }

}



@media (min-width: 768px) {

    .image-scale-color {

        position: relative;

        overflow: hidden;

        display: block;

    }

    .image-scale-color>a {

        display: block;

        overflow: hidden;

    }

    .image-scale-color img {

        -webkit-transition: transform 0.4s ease-in-out 0.05s;

        -moz-transition: transform 0.4s ease-in-out 0.05s;

        -ms-transition: transform 0.4s ease-in-out 0.05s;

        -o-transition: transform 0.4s ease-in-out 0.05s;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        image-rendering: optimizeQuality;

        vertical-align: middle;

        max-width: 100%;

    }

    .image-scale-color:after {

        content: '';

        background: #f58025;

        position: absolute;

        z-index: 1;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        opacity: 0;

        -webkit-transition: opacity 0.4s ease-in-out;

        -moz-transition: opacity 0.4s ease-in-out;

        -ms-transition: opacity 0.4s ease-in-out;

        -o-transition: opacity 0.4s ease-in-out;

    }

    .image-scale-color:hover:after {

        opacity: 0.2;

    }

    .image-scale-color:hover img {

        -webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);

        transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);

    }

}



@-webkit-keyframes arrowUpDown {

    0%,

    20%,

    50%,

    80%,

    100% {

        -webkit-transform: translateY(0);

    }

    40% {

        -webkit-transform: translateY(-10px);

    }

    60% {

        -webkit-transform: translateY(-5px);

    }

}



@-moz-keyframes arrowUpDown {

    0%,

    20%,

    50%,

    80%,

    100% {

        -moz-transform: translateY(0);

    }

    40% {

        -moz-transform: translateY(-10px);

    }

    60% {

        -moz-transform: translateY(-5px);

    }

}



@-o-keyframes arrowUpDown {

    0%,

    20%,

    50%,

    80%,

    100% {

        -o-transform: translateY(0);

    }

    40% {

        -o-transform: translateY(-10px);

    }

    60% {

        -o-transform: translateY(-15px);

    }

}



@keyframes arrowUpDown {

    0%,

    20%,

    50%,

    80%,

    100% {

        transform: translateY(0);

    }

    40% {

        transform: translateY(-10px);

    }

    60% {

        transform: translateY(-5px);

    }

}





/*----------------------------------------*/





/*----   5. Plugins overlay styles  ------*/





/*----------------------------------------*/





/* slider */









/* arrows */



.slick-prev,

.slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 30px;

    height: 30px;

    margin-top: -15px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

    z-index: 200;

    text-align: center;

}



.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

    color: transparent;

    outline: none;

    background: transparent;

}



.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

    opacity: 1;

}



.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before,

.slick-prev.slick-disabled:after,

.slick-next.slick-disabled:after {

    opacity: .25;

}



.slick-prev:before,

.slick-next:before {

    font-family: 'auto';

    font-size: 23px;

    line-height: 30px;

    color: #727272;

    cursor: pointer;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.slick-prev:hover:before,

.slick-next:hover:before {

    color: #f58025;

}



.slick-prev {

    left: -20px;

}



.slick-prev:before {

    content: "\e91f";

}



.slick-next {

    right: -20px;

}



.slick-next:before {

    content: "\e920";

}





/* dots */



.slick-slider {

    padding: 0;

    list-style: none;

}



.slick-slider.nav-dot {

    margin-bottom: 75px;

}



@media (max-width: 767px) {

    .slick-slider {

        margin-bottom: 40px;

    }

}



.slick-dots {

    position: absolute;

    bottom: -35px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}



.slick-dots li {

    position: relative;

    display: inline-block;

    margin: 0 -4px 0 0;

    padding: 0;

    cursor: pointer;

}



.slick-dots li button {

    position: relative;

    display: block;

    width: 8px;

    height: 8px;

    margin: 0 5px;

    padding: 0;

    color: transparent;

    background-color: transparent;

    border: 0;

    outline: none;

    border-radius: 50%;

    background: #c1c1c1;

    min-width: 8px;

    -webkit-appearance: none

}



.slick-dots li button:after {

    display: none;

}



.slick-dots li.slick-active button,

.slick-dots li.slick-active button:hover {

    background: #f58025;

}



.slick-dots li button:hover,

.slick-dots li button:focus {

    outline: none;

}



.slick-dots li button:after {

    display: none;

}



.stat-box h5 {

    font-size: 18px;

    font-weight: 700;

}



@media (max-width: 767px) {

    .stat-box h5 {

        font-size: 16px;

    }

}



.slick-dots li.slick-active button,

.slick-dots li.slick-active button:hover {

    background: #f58025;

}



.slick-dots li button:hover,

.slick-dots li button:focus {

    outline: none;

}



@media (max-width: 991px) {

    .slick-slide .animation {

        opacity: 1 !important;

        animation-name: none !important;

        -webkit-animation-name: none !important;

    }

    .car-get-form .vertical-tab-content h3 {

        font-size: 22px;

    }

}



#mainSlider .slick-dots {

    position: absolute;

    bottom: 30px;

}





/*vc element overwrite*/



.vc_toggle {

    border-top: 1px solid #f58025;

    margin: 0 0 10px;

}



.vc_toggle_square .vc_toggle_icon,

.vc_toggle_square.panel-heading1.vc_toggle_icon {

    background-color: #f58025;

    padding: 21px;

    border: none;

    width: 90px;

    height: 90px;

    position: absolute !important;

    left: -90px !important;

    top: 0px !important;

    -webkit-transform: none !important;

    -moz-transform: none !important;

    -o-transform: none !important;

    transform: none !important;

}



.panel-heading1 .vc_toggle_title,

.panel-heading1 .vc_toggle_content {

    margin-left: 90px;

    margin-top: 0;

}



.panel-heading1.vc_toggle_size_lg .vc_toggle_icon::before,

.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon::before {

    height: 3px;

    width: 20px;

    background-color: #333;

}



.panel-heading1.vc_toggle_size_lg .vc_toggle_icon::after,

.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon::after {

    height: 20px;

    width: 3px;

    background-color: #333;

}



.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon {

    background: #f58025;

}



.postform {

    padding: 6px 0;

    width: 100%;

}



#archives-dropdown--1 {

    padding: 10px 10px;

    width: 100%;

}



h1.text-center.decor {

    font-size: 42px;

    font-weight: 600;

}



.dropdown-menu.menu-even.sub-sub-menu.menu-depth-2 {

    left: 100%;

    top: 50%;

    opacity: 0;

    visibility: hidden;

    transition: .3s;

    z-index: 999;

    position: absolute;

    margin-left: 0;

}



.navbar-nav .dropdown .dropdown-menu.menu-even.sub-sub-menu.menu-depth-2::after {

    left: -6px;

    top: 8%;

    transform: rotate(270deg);

}



.sub-menu-item.menu-item-odd:hover .dropdown-menu.menu-even.sub-sub-menu.menu-depth-2 {

    opacity: 1;

    visibility: visible;

    top: 14%;

}



#primary .search-form .search-field {

    min-width: 80%;

    margin-right: 20px;

}





/* Pricing Table */



.price-text .table-responsive .table {

    table-layout: initial;

    border: none;

}



.price-text .table-responsive .table>tbody>tr>td,

.price-text .table-responsive .table>tbody>tr>th,

.price-text .table-responsive .table>tfoot>tr>td,

.price-text .table-responsive .table>tfoot>tr>th,

.price-text .table-responsive .table>thead>tr>td,

.price-text .table-responsive .table>thead>tr>th,

.price-text .table-responsive table>tbody>tr>td,

.price-text .table-responsive table>tbody>tr>th,

.price-text .table-responsive table>tfoot>tr>td,

.price-text .table-responsive table>tfoot>tr>th,

.price-text .table-responsive table>thead>tr>td,

.price-text .table-responsive table>thead>tr>th,

.price-text .table-responsive th,

.price-text .table-responsive td {

    border-color: none;

    border-image: none;

    border-style: none none solid none;

    border-width: medium medium 1px 0px;

    padding: 12px;

}



.price-text .table-responsive .table>tbody>tr>th,

.price-text .table-responsive .table>tfoot>tr>th,

.price-text .table-responsive .table>thead>tr>th {

    padding: 15px 8px;

    border-top: 0;

    border-bottom: 3px solid #e5e5e5;

}



@media (max-width: 479px) {

    header .header-right-bottom {

        padding: 25px 0px;

    }

    .wpb_single_image.negative-margin img {

        height: auto;

        max-width: 100%;

        vertical-align: top;

    }

}



.car-get-form-text .vc_row {

    margin-left: 0;

    margin-right: 0;

}





/* Theme padding */



.services-banner-12.home-services-img,

.search-form-area {

    padding: 90px 0px;

}



@media (max-width: 1199px) {

    .services-banner-12.home-services-img,

    .search-form-area {

        padding: 78px 0px;

    }

}



@media (max-width: 991px) {

    .search-form-area {

        padding: 20px 0px;

    }

    .search-form-area .wpb_column.car-get-form,

    .search-form-area .wpb_column.car-get-form-text {

        width: 100%;

    }

    .home-search-area {

        padding: 10px 0px 45px 0px;

    }

}



#tabForm {

    max-width: 460px;

    margin-left: auto;

    margin-right: auto;

}



.services-icons-txt {

    padding: 90px 0px 120px;

}



@media (max-width: 1199px) {

    .services-icons-txt {

        padding: 78px 0px 78px;

    }

}



@media (max-width: 991px) {

    .services-icons-txt {

        padding: 45px 0px 45px;

    }

}



.counter-area-txt {

    padding: 100px 0px;

}



@media (max-width: 1199px) {

    .counter-area-txt {

        padding: 50px 0px 50px 0px;

    }

}



.meet-area-txt {

    margin-top: 90px;

}



@media (max-width: 1199px) {

    .meet-area-txt {

        margin-top: 40px;

    }

}



@media (max-width: 1023px) {

    .meet-area-txt {

        margin-top: 30px;

    }

}



.meet-team-txt {

    padding: 90px 0px;

}



@media (max-width: 1199px) {

    .meet-team-txt {

        padding: 60px 0px;

    }

}



@media (max-width: 1023px) {

    .meet-team-txt {

        padding: 40px 0px;

    }

}



.meet-team-txt .slick-next,

.meet-team-txt button.slick-prev {

    display: none !important;

}



.coupons-pages-area {

    padding-top: 60px;

}



.services-pages-txt.coupons-txts {

    padding-top: 100px;

}



@media (max-width: 1023px) {

    .services-pages-txt.coupons-txts {

        padding-top: 60px;

    }

}



.services-pages-txt input.wpcf7-form-control.wpcf7-submit {

    border-radius: 0;

}



@media (max-width: 767px) {

    html body:not(.home) #pageContent,

    .slidertop-space {

        padding-top: 35px !important;

    }

    .entry-header h1,

    .entry-header h2 {

        font-size: 30px;

    }

    .services-banner-12.home-services-img {

        padding: 0px;

    }

    .search-form-area {

        padding: 0px;

    }

    .block.bg-1,

    .block.bg-2,

    .block.bg-3 {

        padding: 0px;

    }

    .services-icons-txt {

        padding: 40px;

    }

    .home .services-icons-txt {

        padding-top: 0px;

    }

    .counter-area-txt {

        padding: 40px;

    }

    .vc_row.counter-area-txt.home-counter-area-txt {

        padding: 40px 0;

    }

    .services-pages-txt.coupons-txts {

        padding-top: 30px;

    }

    .blog-post h3 {

        font-size: 20px;

    }

    .blog-post h2 {

        font-size: 22px;

    }

    .vc_toggle_square .vc_toggle_icon,

    .vc_toggle_square.panel-heading1.vc_toggle_icon {

        width: 70px;

        height: 70px;

    }

    .panel-heading1 .vc_toggle_title,

    .panel-heading1 .vc_toggle_content {

        padding-left: 0 !important;

    }

    .panel-heading1 .vc_toggle_title {

        min-height: 70px;

    }

    .car-faq-text .vc_toggle {

        margin-bottom: 30px;

        min-height: 80px;

    }

    .block {

        margin-bottom: 45px;

    }

}



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

    .appoinment-button-txt .form-popup {

        width: 300px;

        margin-left: -222px;

    }

}



@media (max-width: 479px) {

    .appoinment-button-txt .btn-invert,

    .appoinment-button-txt .form-popup-wrap {

        left: auto;

        margin-left: 0px;

    }

    .form-popup {

        width: 300px;

        margin-left: -151px;

    }

    .related.products {

        width: 100%;

        margin-top: 40px;

    }

}



.view-more-testimonial:hover span {

    color: #fff !important;

}



.woocommerce .custom-loader.loader::before {

    background: none;

}



.send-mail-ok-massage {

    color: red;

    font-weight: bold;

    margin-bottom: 15px;

}



.form-popup.opened.form-popup-top {

    bottom: 80px;

    top: auto;

    transition: bottom 0.3s ease 0s;

}



.form-popup-top .quote-form {

    position: relative;

}



.form-popup-top .quote-form::before {

    border-color: #252525 rgba(37, 37, 37, 0) rgba(37, 37, 37, 0);

    bottom: -26px;

}



.form-popup-top .quote-form::after {

    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);

}



.form-popup-top .quote-form::after {

    bottom: -20px;

}



@media (min-width: 992px) {

    .header-info-mobile,

    .header-info-toggle {

        display: none;

    }

}



@media (max-width: 991px) {

    .header-info-mobile {

        display: none;

        position: relative;

        z-index: 1;

        padding: 20px 15px 12px;

        background-color: #f58025;

        color: #131313;

    }

    .header-info-mobile,

    .header-info-mobile p {

        font-size: 15px;

        line-height: 20px;

    }

    .header-info-mobile a {

        text-decoration: none;

    }

    .header-info-mobile a:hover {

        text-decoration: underline;

    }

    .header-info-mobile p {

        padding-left: 40px;

        position: relative;

        margin-bottom: 12px;

    }

    .header-info-mobile p>[class*='icon-'] {

        position: absolute;

        top: 1px;

        left: 0;

        font-size: 22px;

        color: #131313;

    }

    .header-info-mobile p+.social-links {

        margin-top: 15px;

    }

    .header-info-mobile .social-links {

        margin-left: 40px;

    }

    .header-info-mobile-inside {

        position: relative;

        top: -50px;

        -webkit-transition: all .2s ease;

        -moz-transition: all .2s ease;

        -o-transition: all .2s ease;

        transition: all .2s ease;

    }

    .header-info-mobile.open .header-info-mobile-inside {

        top: 0;

        opacity: 1;

    }

    .header-info-toggle {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

        cursor: pointer;

    }

    .header-info-toggle [class*='icon-'] {

        display: block;

        font-size: 24px;

        line-height: 37px;

        -webkit-transition: all .5s ease;

        -moz-transition: all .5s ease;

        -o-transition: all .5s ease;

        transition: all .5s ease;

        padding: 0 12px;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        color: #fff;

    }

    .header-info-toggle [class*='icon-']:hover {

        color: #f58025;

    }

    .header-info-toggle.open [class*='icon-'] {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}



.form-popup-close {

    position: absolute;

    right: 9px;

    top: 10px;

    cursor: pointer;

    z-index: 2;

    font-size: 20px;

    transition: .2s;

}



@media (max-width: 991px) {

    .form-popup-close {

        right: 8px;

        top: 8px;

    }

    .vc_row.service-page-services {

        padding-top: 70px;

        padding-bottom: 60px;

        margin-bottom: 60px;

    }

}



@media (max-width: 767px) {

    .vc_row.service-page-services {

        padding-top: 40px;

        padding-bottom: 30px;

        margin-bottom: 40px;

    }

}



.about-us-title {

    margin-bottom: 25px;

}



@media (max-width: 767px) {

    .about-us-title {

        margin-bottom: 0px;

    }

}



.service-page-services.vc_row-has-fill>.vc_column_container>.vc_column-inner {

    padding-top: 0;

}



.table-price {

    min-width: 800px;

}



@media (max-width: 480px) {

    .table-price {

        min-width: 900px;

    }

}



.table>tbody>tr>th,

.table>tfoot>tr>th,

.table>thead>tr>th {

    padding: 15px 8px;

    border-top: 0;

    border-bottom: 3px solid #e5e5e5;

}



.table>tbody>tr>td {

    border-top: 1px solid #e5e5e5;

    padding: 10px 8px;

}



.table .cell-marker {

    background: @custom-color;

    border-color: @custom-color;

    padding-left: 12px;

    padding-right: 12px;

}



.table th.cell-marker {

    border-color: #fff;

}



.sticky-table {

    max-width: 100%;

    overflow-x: auto;

    overflow-y: hidden;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    padding: 0 !important;

}



.sticky-table table {

    margin-bottom: 0;

    width: 100%;

    max-width: 100%;

    border-spacing: 0;

}



.sticky-table table tr.sticky-row th,

.sticky-table table tr.sticky-row td {

    background-color: #fff;

    border-top: 0;

    position: relative;

    outline: 1px solid #ddd;

    z-index: 5;

}



.sticky-table .table {

    border: none;

}



@media (max-width: 767px) {

    .sticky-table .table {

        font-size: 14px;

    }

}



.sticky-table .table>tbody>tr>td,

.sticky-table .table>tbody>tr>th {

    border-left: none;

    border-right: none;

    border-bottom: none;

}



.sticky-table .table>tbody>tr>td.sticky-cell,

.sticky-table .table>tbody>tr>th.sticky-cell {

    background-color: #fff;

    outline: none;

    position: relative;

    z-index: 10;

    border-left: none;

    border-right: 1px solid #ddd;

    border-top: 1px solid #ddd;

}



.sticky-table table tr.sticky-row td.sticky-cell,

.sticky-table table tr.sticky-row th.sticky-cell {

    z-index: 15;

}



.sticky-table tr th:nth-child(4) {

    width: 95px;

}



.sticky-table tr th:nth-child(3) {

    width: 180px;

}



.sticky-table tr th:nth-child(4) {

    width: 100px;

}



.sticky-table .table>tbody>tr>th,

.sticky-table .table>tfoot>tr>th,

.sticky-table .table>thead>tr>th {

    padding: 15px 8px;

    border-top: none;

    border-bottom: 2px solid #e5e5e5;

    border-left: none;

    border-right: none;

}



@media (max-width: 991px) {

    header.page-header {

        position: relative !important;

        padding: 0;

        margin: 0;

    }

    header.page-header .navbar-nav>li>a {

        padding-left: 30px;

        padding-right: 30px;

    }

    header.page-header .phone .right-text {

        display: none;

    }

    header.page-header .phone .phone-wrapper {

        margin: 0;

    }

    header.page-header [class*="col-"] {

        position: static;

        padding: 0;

    }

    header.page-header .navbar-toggle {

        display: block;

        color: #f58025;

    }

    header.page-header .logo {

        padding-top: 34px;

    }

    header.page-header .address {

        display: none;

    }

    header.page-header .header-right {

        width: 100%;

    }

    .page-header.is-sticky:before {

        background-color: transparent;

    }

    .header-right-bottom {

        padding: 0 0 30px;

        height: auto;

        position: absolute;

        top: 37px;

        right: 45px;

        margin-left: -124px;

    }

    header.page-header .header-right-top {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 34px;

        background-color: #131313;

    }

    header.page-header .header-phone {

        text-align: center;

    }

    header.page-header .header-phone .text {

        display: none;

    }

    header.page-header .navbar {

        position: static;

        min-height: 0;

        border: 0;

        margin: 0;

    }

    header.page-header .dropdown-menu,

    header.page-header-2 .dropdown-menu {

        border-radius: 0;

    }

    header.page-header .navbar-nav .ecaret,

    header.page-header-2 .navbar-nav .ecaret {

        display: block;

        width: 60px;

        height: 60px;

        border: 0;

        position: absolute;

        z-index: 100;

        top: 0;

        right: 0;

    }

    header.page-header .navbar-nav .ecaret:after,

    header.page-header-2 .navbar-nav .ecaret:after {

        font-family: 'auto';

        content: '\e92b';

        position: absolute;

        top: 0;

        width: 100%;

        font-size: 28px;

        line-height: 60px;

        text-align: center;

    }

    header.page-header .navbar-nav li.opened>a>.ecaret:after,

    header.page-header-2 .navbar-nav li.opened>a>.ecaret:after {

        content: '\e92a';

    }

    header.page-header .navbar-nav li,

    header.page-header-2 .navbar-nav li {

        background: transparent;

        position: relative;

        float: none;

        width: 100%;

    }

    header.page-header .navbar-nav li>a,

    header.page-header-2 .navbar-nav li>a {

        position: relative;

    }

    header.page-header .navbar-nav>li>a,

    header.page-header .navbar-nav>li>a:focus,

    header.page-header-2 .navbar-nav>li>a,

    header.page-header .navbar-nav>li>a:focus {

        font-size: 20px;

        line-height: 29px;

        padding: 15px 20px 15px 30px;

        color: #fff;

        background: transparent;

        text-decoration: none;

        border-bottom: 1px solid #333;

        -webkit-transition: all 200ms ease;

        -moz-transition: all 200ms ease;

        -ms-transition: all 200ms ease;

        -o-transition: all 200ms ease;

    }

    header.page-header .navbar-nav>li>a:hover,

    header.page-header-2 .navbar-nav>li>a:hover {

        background-color: rgba(0, 0, 0, 0.1);

        color: #fff;

    }

    header.page-header .navbar-nav .opened>a,

    header.page-header .navbar-nav .opened>a:focus,

    header.page-header .navbar-nav .opened>a:hover,

    header.page-header-2 .navbar-nav .opened>a,

    header.page-header-2 .navbar-nav .opened>a:focus,

    header.page-header-2 .navbar-nav .opened>a:hover {

        background-color: rgba(0, 0, 0, 0.2);

        color: #fff;

    }

    header.page-header-1 .navbar-toggle {

        position: absolute;

        z-index: 1;

        top: calc(50% + 22px);

        right: 10px;

        padding: 0 8px;

        margin: -17px 0 0;

        font-size: 20px;

        color: #f58025;

        transition: unset;

    }

    header.page-header .navbar-toggle .icon-cancel,

    header.page-header-2 .navbar-toggle .icon-cancel {

        display: none;

        font-size: 34px;

    }

    header.page-header .navbar-nav .dropdown-menu,

    header.page-header-2 .navbar-nav .dropdown-menu {

        margin: 0 0 10px;

        padding: 0;

        display: none;

        width: 100%;

        position: relative;

        background-color: #f0f0f0;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

    header.page-header .navbar-nav .dropdown-menu a,

    header.page-header .navbar-nav .dropdown-menu a:focus,

    header.page-header-2 .navbar-nav .dropdown-menu a,

    header.page-header-2 .navbar-nav .dropdown-menu a:focus {

        font-size: 16px;

        line-height: 30px;

        color: #333;

        background: transparent;

        padding: 10px 15px 10px 20px;

        -webkit-transition: all 200ms ease;

        -moz-transition: all 200ms ease;

        -ms-transition: all 200ms ease;

        -o-transition: all 200ms ease;

    }

    header.page-header .navbar-nav .dropdown-menu a:hover,

    header.page-header-2 .navbar-nav .dropdown-menu a:hover {

        background-color: rgba(0, 0, 0, 0.2);

        color: #fff;

    }

    header.page-header .navbar-nav .dropdown-menu .dropdown-menu,

    header.page-header-2 .navbar-nav .dropdown-menu .dropdown-menu {

        background-color: #fcfcfc;

    }

    header.page-header .navbar-nav .opened>.dropdown-menu,

    header.page-header-2 .navbar-nav .opened>.dropdown-menu {

        display: block;

    }

    .layout-1 .appointment {

        white-space: nowrap !important;

        padding: 6px 20px !important;

        width: auto !important;

        color: #000 !important;

        text-align: center !important;

        font-size: 14px !important;

        line-height: 22px !important;

        height: 34px !important;

        right: 0px !important;

    }

    .appointment .icon {

        margin-right: 4px;

        font-size: 20px;

    }

    .layout-1 .appointment:after {

        top: -24.55px !important;

    }

    button.navbar-toggle.slide-active {

        background-color: transparent;

        border: none;

    }

    body h2 {

        font-size: 28px;

        line-height: 30px;

        margin: 0 0 15px;

    }

}



@media (max-width: 1199px) {

    body h3 {

        font-size: 26px;

        margin: 0 0 10px;

    }

}



@media (max-width: 767px) {

    body h2 {

        font-size: 22px;

        line-height: 25px;

    }

    body h3 {

        font-size: 20px;

        margin: 0 0 10px;

    }

    .single-car_services h3 {

        font-size: 20px;

        line-height: normal;

    }

}



@media (max-width: 1199px) {

    .vc_row.home-services-img.home-what-we-do {

        padding: 53px 0px 53px 0px;

    }

}



@media (max-width: 991px) {

    .vc_row.home-services-img.home-what-we-do {

        padding: 50px 0px 45px 0px;

    }

    #slide-nav #slidemenu.slide-active .navbar-nav li {

        margin-top: 0;

    }

    #slide-nav #slidemenu.slide-active .search-container button.button {

        top: 0;

    }

    .home-how-it-work .vc_parallax-inner {

        background-size: auto;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .home-how-it-work {

        padding-top: 0px !important;

        padding-bottom: 45px !important;

    }

    .home-how-it-work .wpb_text_column {

        margin-bottom: 0;

    }

    .vc_row.about-us-title {

        margin-bottom: 15px;

    }

    .about-us-after-image.wpb_column {

        margin-top: -15px;

    }

    .single-services-head h2.text-center {

        font-size: 34px;

    }

}



@media (max-width: 767px) {

    .vc_row.home-services-img.home-what-we-do {

        padding: 0px;

    }

    .vc_row.home-our-service {

        padding-bottom: 20px;

    }

    .home-search-area .car-get-form-text {

        margin-top: -15px;

    }

    .search-form-area.home-search-area {

        padding-bottom: 40px;

    }

    .vc_row.home-service-ceritfied {

        padding: 40px 0;

    }

    .about-us-teammember .row .col-sm-6:last-child .person.person-hor {

        margin-bottom: 0;

    }

    .about-page-out-team .about-team-title {

        margin-bottom: 40px;

    }

}



@media (max-width: 479px) {

    .vc_row.about-page-last-content {

        margin-bottom: 10px;

    }

    .vehicle-damage .wpb_text_column.wpb_content_element {

        padding-top: 0 !important;

    }

    .vc_row.home-services-img.home-what-we-do {

        padding: 0px 0px 30px 0px;

    }

}



@media (max-width: 991px) {

    .dropdown-menu.menu-even.sub-sub-menu.menu-depth-2 {

        left: 0;

        position: relative;

        opacity: 1;

        visibility: visible;

    }

}



.form-popup.form-popup-top {

    bottom: 0;

    top: auto;

}



@media (max-width: 991px) {

    .sub-menu-item.menu-item-odd:hover .dropdown-menu.menu-even.sub-sub-menu.menu-depth-2 {

        position: unset;

    }

}



.prd-sm-img a img {

    max-width: 100%;

}



.navbar-nav li li {

    margin-top: 0;

}





/*Header 2*/



header.page-header-2 {

    background-color: #fff;

}



header.page-header-2 .logo {

    max-width: 210px;

}



header.page-header-2 .logo img {

    width: 100%;

}



header.page-header-2 .header-cart a.icon {

    font-size: 19px;

    color: #2e2e2e;

}



header.page-header-2 .header-cart .badge {

    width: 17px;

    height: 17px;

    line-height: 18px;

    font-size: 9px;

    padding: 0;

    right: -12px;

    top: -10px;

}



header.page-header-2 .header-cart:hover {

    padding-left: 15px;

    padding-right: 0;

}



header.page-header-2 .header-cart:hover a.icon {

    color: #f58025;

}



header.page-header-2 .header-cart:hover .badge {

    background-color: #f58025;

}



header.page-header-2 .header-phone {

    color: #fff;

    font-weight: bold;

    text-decoration: none;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    white-space: nowrap;

}



header.page-header-2 .header-phone:hover {

    color: #f58025;

}



header.page-header-2 .header-topline {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    min-height: 50px;

    padding: 5px 0;

    background-color: #4d4d4d;

    font-size: 16px;

    line-height: 18px;

    color: #ffffff;

}



@media (max-width: 1599px) {

    header.page-header-2 .header-topline {

        font-size: 14px;

        line-height: 17px;

    }

}



@media (max-width: 1199px) {

    header.page-header-2 .header-topline {

        font-size: 13px;

        line-height: 16px;

    }

}



header.page-header-2 .header-topline>.container {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

}



@media (min-width: 1600px) {

    header.page-header-2 .header-topline>.container {

        padding: 0;

    }

}



@media (max-width: 1599px) {

    header.page-header-2 .header-topline>.container .row-flex {

        padding-right: 130px;

    }

}



@media (max-width: 1399px) {

    header.page-header-2 .header-topline>.container .row-flex {

        padding-right: 165px;

    }

}



@media (max-width: 1199px) {

    header.page-header-2 .header-topline>.container {

        width: 100%;

    }

    header.page-header-2 .header-topline>.container .row-flex {

        padding-right: 200px;

    }

}



header.page-header-2 .header-topline a:not(.header-phone) {

    color: #a9a9a9;

    text-decoration: none;

}



header.page-header-2 .header-topline a:not(.header-phone):hover {

    color: #f58025;

}



header.page-header-2 .header-topline [class*='icon'] {

    position: relative;

    top: -1px;

    color: #f58025;

    padding-right: 7px;

}



@media (max-width: 1599px) {

    header.page-header-2 .header-topline [class*='icon'] {

        top: 1px;

    }

}



@media (max-width: 1199px) {

    header.page-header-2 .header-topline [class*='icon'] {

        top: -1px;

    }

}



header.page-header-2 .header-topline .row-flex {

    width: 100%;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

}



header.page-header-2 .header-topline .row-flex>*:not(: last-child) {

    padding-right: 15px;

}



header.page-header-2 .header-topline .col-center {

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: center;

}



header.page-header-2 .header-topline .col-right {

    margin-left: auto;

}



header.page-header-2 .header-row {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

    background: none;

}



header.page-header-2 .header-row-right {

    margin-left: auto;

    margin-right: 10px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

}



@media (min-width: 992px) {

    header.page-header-2 .header-right-top {

        position: absolute;

        right: 0;

        top: 0;

    }

    header.page-header-2 #slide-nav #slidemenu {

        position: relative;

        padding: 0 15px;

    }

    header.page-header-2 #slide-nav #slidemenu .row {

        display: -webkit-flex;

        display: -ms-flexbox;

        display: -ms-flex;

        display: flex;

    }

    header.page-header-2 .navbar-toggle {

        display: none;

    }

    header.page-header-2 .navbar {

        background-color: transparent;

        border: 0;

        border-radius: 0;

        min-height: 70px;

        margin-bottom: 0;

        padding: 15px 0;

    }

    header.page-header-2 .ecaret {

        dispaly: none;

    }

    header.page-header-2 .nav .open>a,

    header.page-header-2 .nav .open>a:focus,

    header.page-header-2 .nav .open>a:hover {

        background-color: transparent;

        color: #000000;

    }

    header.page-header-2 .navbar-nav {

        margin: 0 15px;

        float: none;

    }

    header.page-header-2 .navbar-nav>li>a {

        display: block;

        top: 0;

        position: relative;

        font-size: 14px;

        line-height: 23px;

        font-family: 'Muli', sans-serif;

        font-weight: 800;

        padding: 5px 15px;

        text-decoration: none;

        color: #2e2e2e;

        text-transform: uppercase;

        -webkit-transition: all 0.1s ease 0s;

        -moz-transition: all 0.1s ease 0s;

        -ms-transition: all 0.1s ease 0s;

        -o-transition: all 0.1s ease 0s;

    }

    header.page-header-2 .navbar-nav>li>a span {

        display: block;

        position: relative;

        z-index: 1;

    }

    header.page-header-2 .navbar-nav>li>a:after {

        content: '';

        position: absolute;

        right: 10px;

        left: 100%;

        bottom: -6px;

        height: 3px;

        background-color: transparent;

        -webkit-transition: all 0.3s ease 0s;

        -moz-transition: all 0.3s ease 0s;

        -ms-transition: all 0.3s ease 0s;

        -o-transition: all 0.3s ease 0s;

    }

    header.page-header-2 .navbar-nav>li.dropdown:hover a {

        background-color: transparent;

    }

    header.page-header-2 .navbar-nav>li a,

    header.page-header-2 .navbar-nav>li:hover a {

        background-color: transparent;

    }

    header.page-header-2 .navbar-nav>li.current-menu-item>a:after,

    header.page-header-2 .navbar-nav>li:hover>a:after {

        left: 10px;

        bottom: -6px;

        background-color: #f58025;

    }

    header.page-header-2 .navbar-nav .dropdown-menu {

        border: 0;

        border-radius: 0;

        padding: 0;

        margin-left: -110px;

        transform: translateX(20px);

        bottom: auto !important;

        left: 50%;

        width: 220px;

        display: block !important;

        opacity: 1;

        visibility: hidden;

        top: -5000px;

        border-bottom: 3px solid #f58025;

        -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

        -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

        box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

    }

    header.page-header-2 .navbar-nav .dropdown-menu:after {

        bottom: 100%;

        left: 50%;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

        border-color: rgba(255, 255, 255, 0);

        border-bottom-color: #fff;

        border-width: 7px;

        margin-left: -7px;

    }

    header.page-header-2 .navbar-nav .dropdown-menu li.open>a {

        background-color: transparent;

    }

    header.page-header-2 .navbar-nav .dropdown-menu li>a {

        position: relative;

        font-size: 15px;

        line-height: 20px;

        font-family: 'Muli', sans-serif;

        padding: 10px 45px 10px 15px;

        color: #000000;

        background-color: #fff !important;

        border-bottom: 1px solid #f0f0f0;

        white-space: normal;

        text-decoration: none;

        -webkit-transition: all 200ms ease;

        -moz-transition: all 200ms ease;

        -ms-transition: all 200ms ease;

        -o-transition: all 200ms ease;

    }

    header.page-header-2 .navbar-nav .dropdown-menu li>a:hover,

    header.page-header-2 .navbar-nav .dropdown-menu li>a:focus {

        background-color: #f2f2f2 !important;

    }

    header.page-header-2 .navbar-nav .dropdown-menu li>a:not(:only-child):after {

        font-family: 'auto';

        content: "\e920";

        position: absolute;

        font-size: 11px;

        top: 50%;

        right: 10px;

        margin-top: -10px;

    }

    header.page-header-2 .navbar-nav .dropdown-menu li:last-child>a {

        border-bottom: 0;

    }

    header.page-header-2 .navbar-nav .dropdown-menu .dropdown-menu {

        top: 6px;

    }

    header.page-header-2 .navbar-nav .dropdown-menu>li {

        position: relative;

    }

    header.page-header-2 .navbar-nav .dropdown:hover>.dropdown-menu {

        transform: translateX(0);

        -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        -moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        -ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        -o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

        opacity: 1;

        visibility: visible;

        top: 100%;

        margin-top: 0;

    }

    header.page-header-2 .navbar-nav .dropdown-menu>li>a+.dropdown-menu {

        -webkit-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;

        -moz-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;

        -ms-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;

        -o-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;

        left: 100%;

        top: 0;

        opacity: 0;

        margin: 0 !important;

    }

    header.page-header-2 .navbar-nav .dropdown-menu>li>a+.dropdown-menu:after {

        display: none;

    }

    header.page-header-2 .navbar-nav .dropdown-menu>li>a+.dropdown-menu.posRight {

        left: -100%;

    }

    header.page-header-2 .navbar-nav .dropdown-menu>li:hover>a+.dropdown-menu {

        transform: translateX(0);

        -webkit-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;

        -moz-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;

        -ms-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;

        -o-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;

        opacity: 1;

        visibility: visible;

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    header.page-header-2 .navbar-nav>li>a {

        padding: 5px 10px;

    }

}



@media (max-width: 1399px) and (min-width: 1200px) {

    header.page-header-2 .logo {

        max-width: 180px;

    }

    header.page-header-2 .navbar-nav>li>a {

        padding-left: 6px;

        padding-right: 6px;

        font-size: 16px;

    }

}



@media (max-width: 1199px) and (min-width: 992px) {

    header.page-header-2 .logo {

        max-width: 180px;

    }

    header.page-header-2 .navbar-nav>li>a {

        padding-left: 5px;

        padding-right: 5px;

        font-size: 13px;

    }

}



header.page-header-2 .search-container-wrap {

    position: relative;

    z-index: 1;

    width: 50px;

}



header.page-header-2 .search-container {

    overflow: hidden;

    position: absolute;

    right: 0;

    top: -5px;

    margin: 0;

    width: 36px;

    height: 36px;

    -moz-transition: width 0.35s;

    -webkit-transition: width 0.35s;

}



header.page-header-2 .search-container input {

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    float: left;

    width: calc(100% - 36px);

    height: 36px;

    padding: 5px 10px;

    border-radius: 0;

    -moz-transition: all 0.25s;

    -webkit-transition: all 0.25s;

    background-color: transparent;

    outline: none;

    opacity: 0;

    border: 1px solid #ccc;

    border-right: 0;

}



header.page-header-2 .search-container .button {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    width: 36px;

    height: 36px;

    margin: 0;

    background: transparent;

    text-align: center;

    font-size: 17px;

    line-height: 36px;

    color: #2e2e2e;

    cursor: pointer;

    text-decoration: none;

    border: none;

}



header.page-header-2 .search-container:hover {

    width: 300px;

}



@media (max-width: 991px) {

    header.page-header-2 .search-container:hover {

        width: 220px;

    }

}



header.page-header-2 .search-container:hover input {

    display: block;

    width: calc(100% - 36px);

    opacity: 1;

    background-color: #fff;

}



header.page-header-2 .search-container:hover .button {

    background-color: #f58025;

    color: #000;

}



header.page-header-2 a.appointment {

    display: block;

    position: relative;

    background-color: #f58025;

    height: 50px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 800;

    font-family: 'Muli', sans-serif;

    text-transform: uppercase;

    padding: 15px 20px 15px 10px;

    margin-left: -15px;

    text-align: center;

    outline: none;

}



@media (max-width: 991px) {

    header.page-header-2 a.appointment {

        height: 44px;

        padding: 12px 20px 12px 10px;

    }

}



header.page-header-2 a.appointment:focus,

header.page-header-2 a.appointment:hover {

    outline: none;

}



header.page-header-2 a.appointment .icon {

    position: relative;

    top: 0;

    font-size: 18px;

    margin-right: 10px;

    padding: 0;

}



header.page-header-2 a.appointment span,

header.page-header-2 a.appointment .icon {

    color: #131313 !important;

    display: inline-block;

    vertical-align: top;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



header.page-header-2 a.appointment:hover .icon {

    padding-left: 15px;

    -webkit-transition: all 0.3s ease 0.2s;

    -moz-transition: all 0.3s ease 0.2s;

    -ms-transition: all 0.3s ease 0.2s;

    -o-transition: all 0.3s ease 0.2s;

}



header.page-header-2 a.appointment:after {

    position: absolute;

    left: -40px;

    top: 0;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 50px 20px 0 20px;

    border-color: transparent #f58025 transparent transparent;

}



@media (max-width: 991px) {

    header.page-header-2 a.appointment:after {

        left: -35.5px;

        border-width: 44px 18px 0 18px;

    }

}



@media (max-width: 991px) {

    body:not(.home) header.page-header-2 {

        z-index: 11;

        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    }

    header.page-header-2 {

        position: relative;

        background-color: #fff;

    }

    header.page-header-2 .logo {

        max-width: 160px;

    }

    header.page-header-2 .header-info-toggle [class*='icon-'] {

        font-size: 18px;

        top: 4px;

    }

    header.page-header-2 .header-info-toggle.open [class*='icon-'] {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

    }

    header.page-header-2 .header-info-toggle.open [class*='icon-']:before {

        content: '\e930';

    }

    header.page-header-2 .header-info-mobile {

        background-color: #fff;

        color: #2e2e2e;

    }

    header.page-header-2 .header-info-mobile p {

        padding-left: 28px;

        margin-bottom: 8px;

    }

    header.page-header-2 .header-info-mobile,

    header.page-header-2 .header-info-mobile p {

        font-size: 13px;

        line-height: 18px;

    }

    header.page-header-2 .header-info-mobile p>[class*='icon-'] {

        font-size: 15px;

        color: #2e2e2e;

    }

    header.page-header-2 .navbar {

        margin-bottom: 0;

    }

    header.page-header-2 .navbar-toggle {

        margin: 0 0 0 18px;

        color: #2e2e2e;

        min-width: unset;

    }

    header.page-header-2 .navbar-toggle:hover {

        color: #f58025;

    }

    header.page-header-2 .header-topline {

        min-height: 44px;

        max-height: 44px;

    }

    header.page-header-2 .header-topline .container {

        display: none;

    }

    header.page-header-2 .header-right-top {

        position: absolute;

        right: 0;

        top: 0;

    }

    header.page-header-2 .header-row {

        margin: 8px 10px;

    }

    header.page-header-2 .header-row-right {

        margin-right: 0;

    }

    header.page-header-2 #slide-nav {

        position: static;

    }

}



@media (max-width: 767px) {

    header.page-header-2 .logo {

        max-width: 160px;

    }

}





/*Footer 2 */



.page-footer-2 {

    background-color: #fff;

}



.page-footer-2 h5,

.page-footer-2 h4,

.page-footer-2 h3 {

    color: #fff !important;

}



.page-footer-2 h5 {

    font-weight: 600;

}



.page-footer-2 .footer-content {

    position: relative;

    height: 455px;

    overflow: hidden;

}



.page-footer-2 .footer-content .container {

    position: relative;

    top: 0;

    height: 100%;

}



@media (max-width: 767px) {

    .page-footer-2 .footer-content .container {

        position: absolute;

    }

}



.page-footer-2 .footer-content .footer-map {

    height: 100%;

    min-height: 0;

}



@media (max-width: 767px) {

    .page-footer-2 .footer-content {

        height: auto;

    }

    .page-footer-2 .footer-content .container {

        position: relative;

        padding: 0;

    }

    .page-footer-2 .footer-content .footer-map {

        height: 300px;

    }

}



.page-footer-2 .footer-col-left {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 370px;

    padding: 0;

    background-color: rgba(104, 104, 104, 0.9);

}



@media (max-width: 768px) {

    .page-footer-2 .footer-col-left {

        padding: 0;

    }

}



@media (max-width: 767px) {

    .page-footer-2 .footer-col-left {

        position: relative;

        width: 100%;

    }

}



.page-footer-2 .footer-col-left .inside {

    width: 100%;

    float: none;

    padding: 45px 30px 30px;

    text-align: left;

    max-width: unset;

    margin: 0;

}



.page-footer-2 .footer-bottom {

    padding: 12px 0;

    background-color: #4d4d4d;

    color: #c8c8c8;

}



.page-footer-2 .footer-bottom a {

    color: #858585;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.page-footer-2 .footer-bottom a:hover {

    color: #fff;

}



.page-footer-2 .footer-bottom .container {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

}



@media (max-width: 565px) {

    .page-footer-2 .footer-bottom .container {

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-justify-content: center;

        -ms-justify-content: center;

        justify-content: center;

    }

}



@media (max-width: 565px) {

    .page-footer-2 .footer-bottom {

        padding: 20px 0;

    }

}



.page-footer-2 .footer-bottom-right {

    margin-left: auto;

    text-align: center;

}



@media (max-width: 565px) {

    .page-footer-2 .footer-bottom-right {

        margin-left: 0;

        margin-top: 10px;

    }

}



.page-footer-2 .contact-info {

    padding-left: 30px;

    font-size: 16px;

    line-height: 24px;

}



@media (max-width: 565px) {

    .page-footer-2 .contact-info {

        font-size: 14px;

        line-height: 20px;

    }

}



.page-footer-2 .contact-info .icon {

    position: absolute;

    top: 4px;

    left: 0;

    font-size: 20px;

}



@media (max-width: 565px) {

    .page-footer-2 .contact-info .icon {

        top: 1px;

    }

}



.page-footer-2 .contact-info .icon.icon-email {

    top: 4px;

}



@media (max-width: 565px) {

    .page-footer-2 .contact-info .icon.icon-email {

        top: 1px;

    }

}



.page-footer-2 .contact-info-divider {

    height: 1px;

    width: 100%;

    background-color: #858585;

    margin: 25px 0 30px;

}



.page-footer-2 .social-links {

    margin-top: 0;

    padding-top: 4px;

}



.page-footer-2 .social-links ul li a {

    font-size: 28px;

    text-decoration: none !important;

}



.page-footer-2 .social-links ul li a:hover {

    color: #fff !important;

}



.row-flex {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

}





/*-----  3.20 Services Tabs       --------*/



.services-tabs {

    position: relative;

}



.services-tabs .scrtabs-tab-container {

    height: 162px;

}



.services-tabs .services-tabs-nav {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    margin: 0 -1px;

    padding: 0;

}



.services-tabs .services-tabs-nav>li.active {

    border-color: #737373 #737373 transparent #737373 !important;

}



.services-tabs .services-tabs-nav>li.active>a,

.services-tabs .services-tabs-nav>li>a:hover {

    background-color: transparent;

    color: #000 !important;

}



.services-tabs .services-tabs-nav>li.active>a:after,

.services-tabs .services-tabs-nav>li>a:hover:after {

    display: none;

}



.services-tabs .services-tabs-nav>li.active>a [class*='icon'],

.services-tabs .services-tabs-nav>li>a:hover [class*='icon'] {

    color: #000;

}



.services-tabs .services-tabs-nav>li>a {

    width: 100%;

    height: 100%;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    font-size: 17px;

    line-height: 24px;

    text-transform: none;

    color: #000;

    text-align: center;

    text-decoration: none !important;

}



.services-tabs .services-tabs-nav>li>a:after {

    display: none;

}



@media (max-width: 992px) {

    .services-tabs .services-tabs-nav>li>a {

        font-size: 12px;

        line-height: 18px;

    }

}



.services-tabs .services-tabs-nav>li [class*='icon'] {

    color: #707070;

    font-size: 40px;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.services-tabs .services-tabs-nav>li [class*='icon']:not(:last-child) {

    margin-bottom: 10px;

}



@media (max-width: 992px) {

    .services-tabs .services-tabs-nav>li [class*='icon'] {

        font-size: 26px;

    }

}



.services-tabs .scrtabs-tab-container {

    height: 162px;

}



@media (max-width: 1399px) {

    .services-tabs .scrtabs-tab-container {

        height: 140px;

    }

}



@media (max-width: 1199px) {

    .services-tabs .scrtabs-tab-container {

        height: 140px;

    }

}



@media (max-width: 1025px) {

    .services-tabs .scrtabs-tab-container {

        height: 106px;

    }

}



@media (max-width: 700px) {

    .services-tabs .scrtabs-tab-container {

        height: 92px;

    }

}



.services-tabs .services-tabs-nav>li {

    height: 162px;

    min-width: 193.4px;

    width: auto;

    margin: 0 1px;

    padding: 0 5px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    border-width: 1px;

    border-style: solid;

    border-color: #e7e7e7 #e7e7e7 transparent transparent;

    background: #ffffff;

    background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7));

    background: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);

    background: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);

    background: -ms-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);

    background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);

}



@media (max-width: 1399px) {

    .services-tabs .services-tabs-nav>li {

        height: 140px;

    }

}



@media (max-width: 1199px) {

    .services-tabs .services-tabs-nav>li {

        height: 140px;

        min-width: calc(16.667vw - 6.78px);

    }

}



@media (max-width: 1025px) {

    .services-tabs .services-tabs-nav>li {

        height: 106px;

        min-width: calc(16.667vw - 6.8px);

    }

}



@media (max-width: 768px) {

    .services-tabs .services-tabs-nav>li {

        min-width: 126px;

    }

}



@media (max-width: 700px) {

    .services-tabs .services-tabs-nav>li {

        height: 92px;

        min-width: 112px;

    }

}



.services-tabs .services-tabs-nav>li:first-child {

    border-color: #e7e7e7 #e7e7e7 transparent #e7e7e7;

}



.services-tabs .services-tabs-content {

    position: relative;

    background-color: #4d4d4d;

    padding: 60px 0;

    overflow: hidden;

}



@media (max-width: 992px) {

    .services-tabs .services-tabs-content {

        padding: 100px 0 60px;

    }

}



.services-tabs .services-tabs-content img {

    max-width: 100%;

    min-width: 600px;

}



.services-tabs .services-tabs-content-bg-wrap {

    overflow-x: auto;

    overflow-x: -moz-scrollbars-none;

    overflow-y: hidden;

}



.services-tabs .services-tabs-content-bg-wrap::-webkit-scrollbar {

    width: 0 !important;

}



.services-tabs .services-tabs-content-bg {

    display: table;

    position: relative;

    margin: 0 auto;

}



.services-tabs .services-tab-info {

    position: absolute;

    top: 29px;

    left: 24px;

    width: 366px;

    max-width: calc(100% - 55px);

    background-color: #f5f5f5;

    padding: 17px 17px 17px 57px;

    color: #000;

}



@media (max-width: 992px) {

    .services-tabs .services-tab-info {

        width: 505px;

    }

}



@media (max-width: 767px) {

    .services-tabs .services-tab-info {

        width: 100%;

        max-width: calc(100% - 30px);

        top: 15px;

        left: 15px;

        padding: 12px 12px 12px 40px;

    }

}



.services-tabs .services-tab-info p {

    font-size: 14px;

    line-height: 20px;

    margin: 0;

}



@media (max-width: 991px) {

    .services-tabs .services-tab-info p {

        font-size: 14px;

        line-height: 20px;

    }

}



@media (max-width: 767px) {

    .services-tabs .services-tab-info p {

        font-size: 11px;

        line-height: 14px;

    }

}



.services-tabs .services-tab-info p:not(.active) {

    display: none;

}



.services-tabs .services-tab-info:after {

    position: absolute;

    left: 18px;

    top: 18px;

    content: '\e934';

    font-family: 'auto';

    font-size: 24px;

    color: #f58025;

}



@media (max-width: 767px) {

    .services-tabs .services-tab-info:after {

        left: 10px;

        top: 12px;

        font-size: 20px;

    }

}



.services-tabs .services-tabs-icons {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.services-tabs .services-tabs-icons>span {

    display: block;

    position: absolute;

    width: 55px;

    height: 55px;

    border-radius: 50%;

    font-size: 22px;

    line-height: 55px;

    text-align: center;

    color: #2e2e2e;

    text-decoration: none !important;

    background-color: #fff;

}



@media (max-width: 992px) {

    .services-tabs .services-tabs-icons>span {

        width: 49px;

        height: 49px;

        font-size: 20px;

        line-height: 49px;

    }

}



.services-tabs .services-tabs-icons>span.active {

    background-color: #f58025;

}



.services-tabs .services-tabs-icons>span:nth-child(1) {

    left: 8%;

    top: 42%;

}



.services-tabs .services-tabs-icons>span:nth-child(2) {

    left: 13%;

    top: 28%;

}



.services-tabs .services-tabs-icons>span:nth-child(3) {

    left: 25%;

    top: 28%;

}



.services-tabs .services-tabs-icons>span:nth-child(4) {

    left: 31%;

    top: 48%;

}



.services-tabs .services-tabs-icons>span:nth-child(5) {

    left: 38%;

    top: 67%;

}



.services-tabs .services-tabs-icons>span:nth-child(6) {

    left: 82%;

    top: 59%;

}



.services-tab-button {

    position: absolute;

    right: 25px;

    bottom: 25px;

}



.icons-tabs .nav-tabs {

    border-bottom: 1px solid #d8d8d8;

}



.icons-tabs .nav-tabs {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    border-bottom: 0;

}



.icons-tabs .nav-tabs>li.active>a,

.icons-tabs .nav-tabs>li.active>a:focus,

.icons-tabs .nav-tabs>li.active>a:hover {

    border-width: 0;

}



.icons-tabs .nav-tabs>li.active>a,

.icons-tabs .nav-tabs>li>a:hover {

    border: none;

    color: #f58025 !important;

    background: transparent;

}



.icons-tabs .nav-tabs>li>a::after {

    content: "";

    background: #f58025;

    height: 4px;

    position: absolute;

    width: 100%;

    left: 0px;

    bottom: -1px;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    transform: scale(0);

}



.icons-tabs .nav-tabs>li.active>a::after,

.icons-tabs .nav-tabs>li:hover>a::after {

    transform: scale(1);

}



.icons-tabs .nav-tabs>li>a::after {

    height: 3px;

}



.icons-tabs .nav-tabs>li.active>a [class*='icon-'],

.icons-tabs .nav-tabs>li>a:hover [class*='icon-'] {

    color: #f58025;

}



.icons-tabs .nav-tabs>li {

    margin: 0 20px;

}



.icons-tabs .nav-tabs>li {

    margin: 0 35px;

}



.icons-tabs .nav-tabs a {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    color: #000000;

}



.icons-tabs .nav-tabs a span {

    padding-bottom: 16px;

    font-size: 18px;

    line-height: 24px;

    font-weight: bold;

    text-align: center;

}



@media (max-width: 992px) {

    .icons-tabs .nav-tabs a span {

        padding-bottom: 10px;

        font-size: 15px;

        line-height: 21px;

    }

}



@media (max-width: 767px) {

    .icons-tabs .nav-tabs a span {

        padding-bottom: 0;

        font-size: 11px;

        line-height: 16px;

    }

}



.icons-tabs .nav-tabs a [class*='icon-'] {

    font-size: 54px;

    line-height: 1em;

    margin-bottom: 10px;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



@media (max-width: 992px) {

    .icons-tabs .nav-tabs a [class*='icon-'] {

        font-size: 40px;

    }

}



@media (max-width: 767px) {

    .icons-tabs .nav-tabs a [class*='icon-'] {

        font-size: 30px;

    }

}



.icons-tabs .nav-tabs a:focus {

    outline: none;

    background-color: transparent;

}



.icons-tabs .nav-tabs>li.active>a,

.icons-tabs .nav-tabs>li>a:hover {

    color: #000000 !important;

}



.icons-tabs .nav-tabs>li.active>a [class*='icon-'],

.icons-tabs .nav-tabs>li>a:hover [class*='icon-'] {

    color: #f58025;

}



.icons-tabs .nav-tabs>li>a::after {

    height: 3px;

}



@media (max-width: 767px) {

    .icons-tabs .nav-tabs>li>a::after {

        height: 2px;

    }

}



.icons-tabs .nav-tabs>li {

    margin: 0 35px;

}



@media (max-width: 767px) {

    .icons-tabs .nav-tabs>li {

        margin: 0 14px;

    }

}



.icons-tabs .tab-content-bg {

    margin: -2px 0 0 0;

    padding: 5px 0;

    background: url(../images/bg-icon-tabs-content.jpg) no-repeat center center;

    background-size: cover;

}



@media (max-width: 992px) {

    .icons-tabs .tab-content-bg {

        padding: 45px 0;

    }

}



@media (max-width: 767px) {

    .icons-tabs .tab-content-bg {

        padding: 40px 0;

    }

}



.icons-tabs .tab-content,

.icons-tabs .tab-pane {

    padding: 0;

}



@media (max-width: 1199px) {

    .icons-tabs .tab-content {

        padding: 0 15px;

    }

}



@media (max-width: 767px) {

    .icons-tabs .tab-content {

        padding: 0 15px;

    }

}



.icons-tabs h5 {

    text-transform: none;

    margin-bottom: 30px;

    font-weight: 700;

}



.marker-list-sm-1 {

    margin: 15px 0 0;

    padding: 0;

    list-style: none;

}



.marker-list-sm-1>li {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    position: relative;

    padding-left: 32px;

    margin-bottom: 10px;

    margin-top: 0px;

}



.marker-list-sm-1>li a {

    text-decoration: none;

}



.marker-list-sm-1>li:after {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    font-family: 'auto';

    content: "\e93c";

    font-size: 15px;

    color: #f58025;

}



.marker-list-sm-1>li a:hover {

    text-decoration: underline;

}



.text-icon-hor2 {

    position: relative;

    padding-left: 70px;

    font-size: 16px;

    line-height: 24px;

    color: #000;

}



@media (max-width: 767px) {

    .text-icon-hor2 {

        padding-left: 40px;

        font-size: 14px;

        line-height: 20px;

    }

}



.text-icon-hor2 .icon-wrapper2 {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 40px;

    line-height: 1em;

    color: #f58025;

}



.text-icon-hor2+.text-icon-hor2 {

    margin-top: 50px;

}



@media (max-width: 767px) {

    .text-icon-hor2 .icon-wrapper2 {

        font-size: 26px;

    }

}



.text-icon-hor2+.text-icon-hor2 {

    margin-top: 50px;

}



@media (max-width: 767px) {

    .text-icon-hor2+.text-icon-hor2 {

        margin-top: 15px;

    }

}





/*-----  6. Layout 2              --------*/



body.layout-2 {

    color: #000;

}



body.layout-2 h1,

body.layout-2 h2,

body.layout-2 h2.h-lg,

body.layout-2 h3,

body.layout-2 h4,

body.layout-2 h5,

body.layout-2 h6 {

    color: #000;

}



body.layout-2 .block.bg-1 h1,

body.layout-2 .block.bg-2 h1,

body.layout-2 .block.bg-3 h1,

body.layout-2 .block.bg-1 h2,

body.layout-2 .block.bg-2 h2,

body.layout-2 .block.bg-3 h2,

body.layout-2 .block.bg-1 h3,

body.layout-2 .block.bg-2 h3,

body.layout-2 .block.bg-3 h3 {

    color: #fff;

}



body.layout-2 h1,

body.layout-2 h2.h-lg {

    position: relative;

    padding-bottom: 25px;

    margin-bottom: 24px;

    font-size: 42px;

}



body.layout-2 h1:after,

body.layout-2 h2.h-lg:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 55px;

    height: 2px;

    background-color: #f58025;

}



@media (max-width: 991px) {

    body.layout-2 h1,

    body.layout-2 h2.h-lg {

        padding: 22px;

        margin-bottom: 22px;

        font-size: 38px;

    }

}



@media (max-width: 767px) {

    body.layout-2 h1,

    body.layout-2 h2.h-lg {

        padding-bottom: 15px;

        margin-bottom: 15px;

        font-size: 24px;

    }

}



body.layout-2 h1+p.info,

body.layout-2 h2+p.info {

    margin-top: 0;

}



body.layout-2 .slick-dots li button {

    margin: 0 12px;

}



body.layout-2 .btn {

    font-size: 16px;

    line-height: 16px;

    font-weight: 700;

    min-width: 175px;

}



@media (max-width: 991px) {

    body.layout-2 .btn {

        font-size: 12px;

        line-height: 16px;

        padding: 15px 20px;

        min-width: 0;

    }

}



@media (max-width: 479px) {

    body.layout-2 .btn {

        font-size: 10px;

        line-height: 14px;

        font-weight: 800;

        padding: 10px 15px;

    }

}



body.layout-2 .btn,

body.layout-2 .btn.active,

body.layout-2 .btn:active,

body.layout-2 .btn.focus,

body.layout-2 .btn:focus {

    color: #fff;

}



body.layout-2 .btn:hover {

    color: #000;

}



body.layout-2 .btn-invert,

body.layout-2 .btn-invert.active,

body.layout-2 .btn-invert:active,

body.layout-2 .btn-invert.focus,

body.layout-2 .btn-invert:focus {

    color: #000;

}



body.layout-2 .btn-invert:hover {

    color: #2c2c2c;

}



body.layout-2 .btn.btn-border {

    border-color: #252525;

    background: transparent;

}



body.layout-2 .btn.btn-border,

body.layout-2 .btn.btn-border.active,

body.layout-2 .btn.btn-border:active,

body.layout-2 .btn.btn-border.focus,

body.layout-2 .btn.btn-border:focus {

    color: #252525;

}



@media (max-width: 479px) {

    .banner-col {

        width: 100% !important;

        margin-top: 30px;

    }

}



.banner-free {

    position: relative;

    font-size: 100px;

    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

}



@media (max-width: 1199px) {

    .banner-free {

        font-size: 8vw;

    }

}



@media (max-width: 991px) {

    .banner-free {

        font-size: 9.5vw;

    }

}



@media (max-width: 479px) {

    .banner-free {

        font-size: 19.5vw;

    }

}



.banner-free img {

    width: 100%;

}



.banner-free .banner-text {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.banner-free .banner-text-header {

    background-color: #4d4d4d;

}



.banner-free .banner-text-1 {

    position: relative;

    display: table;

    padding: 0 30px;

    font-size: .48em;

    line-height: 1.46em;

    color: #333;

    font-weight: 900;

    font-style: italic;

    background-color: #f58025;

}



.banner-free .banner-text-1:after {

    position: absolute;

    right: -20px;

    top: 0;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 70px 20px 0 0;

    border-color: #f58025 transparent transparent transparent;

}



@media (max-width: 1199px) {

    .banner-free .banner-text-1:after {

        border-width: 5.5vw 20px 0 0;

    }

}



@media (max-width: 991px) {

    .banner-free .banner-text-1:after {

        right: -19.8px;

        border-width: 6.5vw 20px 0 0;

    }

}



@media (max-width: 479px) {

    .banner-free .banner-text-1:after {

        right: -19.1px;

        border-width: 13.6vw 20px 0 0;

    }

}



.banner-free .banner-text-2 {

    padding: 0.625em 0.9375em;

    font-size: .32em;

    line-height: 1.5em;

    color: #fff;

    font-weight: 700;

}



.banner-free .banner-text-3 {

    padding: .33em .41em;

    color: #000;

    font-weight: 400;

    max-width: 73%;

}



.banner-free .banner-text-3 p {

    font-size: .16em;

    line-height: 1.5em;

    margin-bottom: 20px;

}



.banner-free .banner-text-btn {

    position: absolute;

    bottom: 8%;

    left: 9%;

}



.banner-service {

    display: block;

    text-decoration: none !important;

    min-height: 157px;

    background-color: #686868;

    font-size: 100px;

    padding: .27em .3em .27em .37em;

    color: inherit;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.banner-service img {

    width: 100%;

}



@media (max-width: 1199px) {

    .banner-service {

        font-size: 8.2vw;

        min-height: 0;

    }

}



@media (max-width: 991px) {

    .banner-service {

        font-size: 9.5vw;

        padding: 0;

        text-align: center;

    }

    .banner-service .row-flex {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        padding: .3em .6em;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-justify-content: center;

        -ms-justify-content: center;

        justify-content: center;

    }

    .banner-service .row-flex>*:not(:first-child) {

        margin-top: .35em;

    }

}



@media (max-width: 479px) {

    .banner-service {

        font-size: 18.5vw;

    }

}



.banner-service:hover {

    background-color: #4d4d4d;

}



.banner-service .row-flex {

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

}



.banner-service .col-left {

    margin-right: .37em;

}



.banner-service .col-left i.icon {

    display: block;

    width: 2.38em;

    height: 2.38em;

    border-radius: 50%;

    font-size: .42em;

    line-height: 2.38em;

    background-color: #fff;

    color: #000;

    text-align: center;

}



@media (max-width: 991px) {

    .banner-service .col-left i.icon {

        font-size: .55em;

    }

}



@media (min-width: 992px) {

    .banner-service .col-center {

        max-width: 42%;

    }

    .banner-service .col-right {

        max-width: 36%;

        margin-left: auto;

        text-align: right;

    }

}



.banner-service .banner-text-1 {

    font-size: .34em;

    line-height: 1.3em;

    color: #fff;

    font-weight: 600;

}



@media (max-width: 991px) {

    .banner-service .banner-text-1 {

        line-height: 1em;

        margin-bottom: .5em;

    }

}



.banner-service .banner-text-2 {

    font-size: .16em;

    line-height: 1.5em;

    color: #fff;

    font-weight: 400;

}



.banner-service .banner-text-3 {

    font-size: .3em;

    line-height: 1.6em;

    color: #fff;

    font-weight: 600;

}



.banner-service .banner-text-3 i.icon {

    margin-right: .4em;

    font-size: .8em;

    color: #f58025;

}



@media (max-width: 991px) {

    .banner-service .banner-text-3 {

        line-height: 1em;

        margin-bottom: .5em;

    }

}



.banner-service .banner-text-4 {

    font-size: .16em;

    line-height: 1.5em;

    color: #fff;

    font-weight: 400;

}



@media (min-width: 1360px) {

    .pricing-carousel .slick-prev {

        margin-top: -30px;

        left: -50px;

    }

    .pricing-carousel .slick-next {

        margin-top: -30px;

        right: -50px;

    }

}



.pricing-carousel .slick-dots {

    display: block;

    position: relative;

    bottom: 0;

    margin-top: 20px;

}



.pricing-box {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    font-size: 100px;

    padding-top: 5px;

    padding-bottom: 5px;

}



.pricing-box-inside {

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

}



@media (max-width: 1199px) {

    .pricing-box {

        font-size: 8vw;

    }

}



@media (max-width: 768px) {

    .pricing-box {

        font-size: 12vw;

    }

}



@media (max-width: 479px) {

    .pricing-box {

        font-size: 24vw;

    }

}



.pricing-box-header {

    padding: .23em .15em;

    background-color: #f58025;

    color: #333;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

}



.pricing-box-header .divide-line {

    position: relative;

}



.pricing-box-header .divide-line:after {

    display: block;

    margin: 0 .2em;

    content: '';

    width: 2px;

    height: .55em;

    background-color: #333;

    -webkit-transform: rotate(7deg);

    -moz-transform: rotate(7deg);

    -ms-transform: rotate(7deg);

    -o-transform: rotate(7deg);

}



.pricing-box-header .text-1 {

    font-size: .18em;

    line-height: 1.222em;

    font-weight: 800;

    text-align: right;

}



.pricing-box-header .text-2 {

    font-size: .4em;

    line-height: 1em;

    font-weight: 900;

}



.pricing-box-header .text-2 sup {

    font-size: .5em;

    line-height: 1em;

    top: -1em;

}



.pricing-box-center {

    background-color: #fff;

    font-size: .16em;

    line-height: 1.5em;

    text-align: center;

}



.pricing-box-center .text-3 {

    padding: 0 2em 1em;

}



.pricing-box-center img {

    display: block;

    width: 100%;

    margin-bottom: 7px;

}



.pricing-box-logo {

    min-width: .106em;

    margin-left: 10px;

}



.pricing-box-footer {

    padding: .145em .1em .145em .145em;

    background-color: #4d4d4d;

    color: #fff;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-align-items: center;

    -ms-align-items: center;

    align-items: center;

}



.pricing-box-footer .mark-icon {

    position: relative;

    top: 0;

    font-size: .12em;

    color: #f58025;

    align-self: flex-start;

    padding-right: 5px;

}



.pricing-box-footer .text-4 {

    font-size: .12em;

    line-height: 1.333em;

}



.pricing-box-footer img {

    max-width: 100%;

}



.brands-carousel {

    margin: 0 -2px;

}



.brands-carousel img {

    display: block;

    border: 1px solid #edeff0;

    max-width: 100%;

    margin: 0 2px;

}



.brands-carousel .slick-dots {

    display: block;

    position: relative;

    bottom: 0;

    margin-top: 20px;

}



.view-all-brands.active span:last-child {

    display: none;

}



.view-all-brands:not(.active) span:first-child {

    display: none;

}



.brands-grid {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

}



.brands-grid > img,

.brands-grid a {

    display: block;

    margin: 2px;

    border: 1px solid #edeff0;

    min-width: calc(14.285% - 4px);

    width: calc(14.285% - 4px);

    align-self: center;

}



.brands-grid img:nth-child(7)~img {

    display: none;

}



@media (max-width: 767px) {

    .brands-grid > img,

    .brands-grid a{

        min-width: calc(20% - 4px);

        width: calc(20% - 4px);

    }

    .brands-grid img:nth-child(5)~img {

        display: none;

    }

}



@media (max-width: 479px) {

    .brands-grid > img,

    .brands-grid a {

        min-width: calc(33.333% - 4px);

        width: calc(33.333% - 4px);

    }

    .brands-grid img:nth-child(3)~img {

        display: none;

    }

}



.brands-grid.visible img {

    display: block !important;

}



@media (min-width: 992px) {

    header.page-header-2 .navbar-toggle {

        display: none !important;

    }

}



@media (min-width: 768px) {

    header.page-header-2 .navbar-toggle {

        display: block;

    }

}



@media (max-width: 991px) {

    .container-fluid-sm {

        padding-left: 0;

        padding-right: 0;

    }

}



@media (max-width: 991px) {

    .page-header-2.is-sticky .header-topline,

    .page-header-2.is-sticky .header-right-top {

        display: none;

    }

}



.page-header-2.is-sticky {

    position: fixed !important;

    z-index: 1000;

    width: 100%;

    background-color: #fff;

    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

}



.wpcf7-form-control-wrap {

    width: 100%;

    display: inline-block;

}



span.wpcf7-not-valid-tip {

    font-size: 14px;

    text-align: left;

}



.quote-form p {

    margin: 0;

}



.quote-form .select-wrapper:before {

    bottom: 5px;

}



.quote-form .wpcf7-response-output {

    font-size: 16px;

    margin-top: 0;

}



header.page-header-2 .search-container {

    width: 50px;

}



@media (min-width: 992px) {

    .page-header-2.is-sticky .header-topline {

        display: none;

    }

}



#appointmentForm.modalform-sm .modal-dialog {

    width: 732px;

    margin: 45px auto;

}



.form-upload .upload {

    font-size: 16px;

    line-height: 22px;

    font-weight: 600;

    padding: 10px 20px;

    color: #131313;

    background: #e5e5e5;

    cursor: pointer;

    white-space: nowrap;

    background: -moz-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #d6d6d6));

    background: -webkit-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);

    background: -o-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);

    background: -ms-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);

    background: linear-gradient(to bottom, #e5e5e5 0%, #d6d6d6 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d6d6d6', GradientType=0);

    height: 45px;

}



.dflex {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    overflow: hidden;

}



#appointmentForm.modalform-sm .form-inline,

#appointmentForm.modalform-sm .form-upload {

    margin-bottom: 5px;

}



input[type="file" i] {

    -webkit-appearance: initial;

    background-color: initial;

    padding: initial;

    border: initial;

    width: 210px;

}



#appointmentForm.modalform-sm .modal-dialog .modal-header .close {

    right: 15px;

    top: 15px;

    z-index: 1;

}



#appointmentForm.modalform-sm .modal-dialog .modal-header a {

    display: none;

}



#appointmentForm.modalform-sm .modal-dialog .modal-header {

    height: 0;

}



#appointmentForm.modalform-sm .modal-dialog .modal-body {

    padding: 30px 45px;

}



#appointmentForm.modalform-sm h2 {

    font-size: 34px;

    line-height: 40px;

    margin-bottom: 20px;

    color: #3a3a3a;

}



#appointmentForm.modalform-sm .input-custom,

#appointmentForm.modalform-sm .textarea-custom {

    margin-bottom: 4px;

    padding: 5px 15px !important;

    font-size: 16px;

    line-height: 20px;

    color: #989898;

}



#appointmentForm.modalform-sm .input-custom {

    height: 40px !important;

}



#appointmentForm.modalform-sm .datetimepicker-wrap:before,

#appointmentForm.modalform-sm .timepicker-wrap:before {

    top: 6px;

    right: 12px;

}



#appointmentForm.modalform-sm .select-wrapper:before {

    width: 44px;

    height: 38px;

    line-height: 38px;

}



#appointmentForm.modalform-sm .textarea-custom {

    height: 66px;

}



#appointmentForm.modalform-sm .form-inline .w-100 {

    width: 100%;

}



#appointmentForm.modalform-sm .wpcf7-submit.btn {

    margin-top: 5px;

    font-size: 18px;

    line-height: 21px;

    font-weight: 700;

    border-color: #f58025;

}



@media (max-width: 1240px) {

    #appointmentForm.modalform-sm .modal-dialog .modal-header .close {

        right: 10px;

        top: -4px;

        left: auto;

        width: auto;

        margin: 0;

        padding: 0;

        background-color: transparent;

    }

}



@media (max-width: 991px) {

    #appointmentForm.modalform-sm .modal-dialog .modal-body {

        padding: 20px 30px;

    }

}



@media (max-width: 767px) {

    #appointmentForm.modalform-sm .modal-dialog .modal-body {

        padding: 20px 15px 15px;

    }

}



@media (max-width: 760px) {

    #appointmentForm.modalform-sm .modal-dialog {

        width: calc(100% - 20px);

    }

}



@media (max-width: 560px) {

    #appointmentForm.modalform-sm h2 {

        font-size: 24px;

        line-height: 30px;

        margin-bottom: 10px;

    }

}



@media (max-width: 560px) {

    #appointmentForm.modalform-sm p {

        font-size: 14px;

        line-height: 20px;

    }

}



@media (max-width: 1240px) {

    #appointmentForm.modalform-sm .modal-dialog .modal-header {

        margin-bottom: 0;

    }

}



@media (max-width: 560px) {

    #appointmentForm.modalform-sm .form-inline>* {

        margin-right: 0;

        width: 100%;

    }

}



@media (max-width: 560px) {

    #appointmentForm.modalform-sm .form-inline>*,

    #appointmentForm.modalform-sm .form-upload {

        margin-bottom: 5px;

    }

    #appointmentForm.modalform-sm .wpcf7-form-control-wrap {

        overflow: unset;

        margin-bottom: 0;

    }

}



.banner-free .banner-text-btn .btn {

    font-size: .16em !important;

    padding: 1.3em 2.2em !important;

    min-width: 0 !important;

}



.banner-free .banner-text-btn .btn.wpcf7-submit {

    font-size: 14px !important;

}



@media (max-width: 767px) {

    #quote-form .form-inline {

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

    }

}



@media (max-width: 767px) {

    .marker-list-sm-1>li {

        font-size: 14px;

        line-height: 20px;

    }

}



.service-row h1,

.service-row h2,

.service-row h3 {

    color: #fff !important;

}



@media (max-width: 1199px) {

    .container {

        width: 100%;

    }

}



.mb-0 {

    margin-bottom: 0;

}





/*-----  6. Layout 3              --------*/



body.layout-3 {

    color: #3a3a3a;

}



body.layout-3 .icons-tabs .nav-tabs a,

body.layout-3 .banner-free .banner-text-3 {

    color: #3a3a3a;

}



body.layout-3 h1,

body.layout-3 h2,

body.layout-3 h2.h-lg,

body.layout-3 h3,

body.layout-3 h4,

body.layout-3 h5,

body.layout-3 h6 {

    color: #3a3a3a;

}



body.layout-3 .block.bg-1,

body.layout-3 .block.bg-2,

body.layout-3 .block.bg-3,

body.layout-3 .block.bg-1 a,

body.layout-3 .block.bg-2 a,

body.layout-3 .block.bg-3 a {

    color: #3a3a3a;

}



body.layout-3 h1,

body.layout-3 h2.h-lg {

    position: relative;

    padding-bottom: 25px;

    margin-bottom: 45px !important;

    font-size: 42px;

}



body.layout-3 h1:after,

body.layout-3 h2.h-lg:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 55px;

    height: 2px;

    background-color: #2f63b6;

}



@media (max-width: 991px) {

    body.layout-3 h1,

    body.layout-3 h2.h-lg {

        padding-bottom: 22px;

        margin-bottom: 22px;

        font-size: 38px;

        padding-top: 0;

    }

}



@media (max-width: 767px) {

    body.layout-3 h1,

    body.layout-3 h2.h-lg {

        padding-bottom: 15px;

        margin-bottom: 15px;

        font-size: 24px;

        padding-top: 0;

    }

}



body.layout-3 h1.h-noline,

body.layout-3 h2.h-lg.h-noline {

    margin-bottom: 22px;

    padding-bottom: 15px;

}



body.layout-3 h1.h-noline:after,

body.layout-3 h2.h-lg.h-noline:after {

    display: none;

}



@media (max-width: 767px) {

    body.layout-3 h1.h-noline,

    body.layout-3 h2.h-lg.h-noline {

        padding-bottom: 15px;

        margin-bottom: 15px;

    }

}



body.layout-3 h1:not(.h-noline)+p.info,

body.layout-3 h2:not(.h-noline)+p.info {

    margin-top: -20px;

}



@media (max-width: 991px) {

    body.layout-3 h1:not(.h-noline)+p.info,

    body.layout-3 h2:not(.h-noline)+p.info {

        margin-top: 0;

    }

}



@media (max-width: 767px) {

    body.layout-3 h1:not(.h-noline)+p.info,

    body.layout-3 h2:not(.h-noline)+p.info {

        margin-top: 0;

    }

}



body.layout-3 h1.h-noline+p.info,

body.layout-3 h2.h-noline+p.info {

    margin-top: -10px;

}



@media (max-width: 991px) {

    body.layout-3 h1.h-noline+p.info,

    body.layout-3 h2.h-noline+p.info {

        margin-top: -10px;

    }

}



@media (max-width: 767px) {

    body.layout-3 h1.h-noline+p.info,

    body.layout-3 h2.h-noline+p.info {

        margin-top: -10px;

    }

}



body.layout-3 h1:not(.h-noline)+.block,

body.layout-3 h2:not(.h-noline)+.block {

    margin-top: -20px;

}



@media (max-width: 991px) {

    body.layout-3 h1:not(.h-noline)+.block,

    body.layout-3 h2:not(.h-noline)+.block {

        margin-top: 0;

    }

}



@media (max-width: 767px) {

    body.layout-3 h1:not(.h-noline)+.block,

    body.layout-3 h2:not(.h-noline)+.block {

        margin-top: 0;

    }

}



body.layout-3 .breadcrumbs .breadcrumb,

body.layout-3 .breadcrumbs .breadcrumb li,

body.layout-3 .breadcrumbs .breadcrumb a {

    color: #8d8d8d;

}



body.layout-3 #pageTitle {

    padding-bottom: 0;

    background: #f5f5f5;

}



body.layout-3 #pageTitle h1,

body.layout-3 #pageTitle h2 {

    color: #3a3a3a;

}



body.layout-3 .slick-dots li button {

    width: 11px;

    height: 11px;

    margin: 0 7px;

    background-color: #727579;

}



body.layout-3 header.page-header-2 .header-topline {

    background-color: #f5f5f5;

    color: #3a3a3a;

}



body.layout-3 header.page-header-2 .header-phone {

    color: #3a3a3a;

}



body.layout-3 header.page-header-2 a.appointment span,

body.layout-3 header.page-header-2 a.appointment .icon,

body.layout-3 .header-cart .badge {

    color: #fff !important;

}



body.layout-3 .step {

    background: #fff;

}



body.layout-3 .how-works-number {

    color: #b8b8b8;

}



body.layout-3 .icons-tabs .tab-content-bg {

    background: transparent;

    border-top: 3px solid #f5f5f5;

}



body.layout-3 .text-icon-hor2:not(.text-icon-hor--lg) .icon-wrapper2 {

    font-size: 32px;

}



@media (min-width: 768px) {

    body.layout-3 .text-icon-hor2:not(.text-icon-hor--lg) .icon-wrapper2 {

        left: 17px;

    }

}



body.layout-3 .pricing-box {

    margin-top: 10px;

    margin-bottom: 5px;

}



body.layout-3 .pricing-box-header {

    background-color: #727579;

    color: #fff;

}



body.layout-3 .pricing-box-header .divide-line:after {

    background-color: #fff;

}



body.layout-3 .pricing-box-header .text-2 {

    font-weight: 800;

}



body.layout-3 .pricing-box-footer {

    background: url(images/dashed-line.png) repeat-x left top #f6f6f6;

    color: #858585;

}



body.layout-3 .pricing-box-footer .mark-icon {

    top: -3px;

}



body.layout-3 .pricing-box-inside {

    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);

    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);

}



body.layout-3 .banner-free .banner-text-header {

    background-color: #727579;

}



body.layout-3 .block.bg-5 {

    background: url(images/block-bg-5.jpg) no-repeat center center;

    background-size: cover;

    padding: 75px 0 60px;

}



@media (max-width: 991px) {

    body.layout-3 .block.bg-5 {

        padding: 45px 0 30px;

    }

}



@media (max-width: 767px) {

    body.layout-3 .block.bg-5 {

        padding: 35px 0 20px;

    }

}



body.layout-3 .banner-free .banner-text-1 {

    color: #2f63b6;

    background-color: #f6f6f6;

}



body.layout-3 .banner-free .banner-text-1:after {

    border-top-color: #f6f6f6;

}



body.layout-3 .faq-item-sm.panel .caret-toggle {

    width: 26px;

    height: 26px;

    line-height: 22px;

    border-radius: 50%;

    border: 1px solid #84868a;

    text-align: center;

    color: #84868a;

    background-color: transparent;

}



body.layout-3 .faq-item-sm.panel .panel-heading a:not(.collapsed)>span.closed {

    line-height: 20px;

    border-color: #2f63b6;

    color: #2f63b6;

    background-color: transparent !important;

}



body.layout-3 .faq-item-sm.panel {

    background: #f6f6f6;

}



body.layout-3 .faq-item-sm.panel.panel-default>.panel-heading {

    background-color: transparent;

}



body.layout-3 .faq-item-sm.panel.panel-default>.panel-heading.active,

body.layout-3 .faq-item-sm.panel.panel-default .panel-collapse.collapse.in,

body.layout-3 .faq-item-sm.panel.panel-default .panel-collapse.collapsing {

    background-color: #fff;

}



body.layout-3 .faq-item .panel-heading a>span.caret-toggle {

    color: #fff;

}



body.layout-3 .banner-service {

    background-color: #727579;

}



body.layout-3 .banner-service .color,

body.layout-3 .banner-service .banner-text-3 i.icon {

    color: #fff !important;

}



body.layout-3 .banner-service .col-left [class*='icon-']:before {

    color: #2f63b6;

}



body.layout-3 .page-footer .contact-info {

    margin: 0 0 15px;

}



body.layout-3 .page-footer-2 .footer-col-left {

    background-color: rgba(234, 234, 234, 0.9);

}



body.layout-3 .page-footer-2,

body.layout-3 .page-footer-2 a {

    color: #000;

}



body.layout-3 .page-footer-2 .footer-bottom {

    background-color: #727579;

    color: #fff;

}



body.layout-3 .page-footer-2 .footer-bottom a {

    color: #c3c3c3 !important;

}



body.layout-3 .page-footer2 .social-links ul li a {

    color: #c3c3c3 !important;

}



body.layout-3 .page-footer-2 h5,

body.layout-3 .page-footer-2 h4,

body.layout-3 .page-footer-2 h3 {

    color: #000 !important;

}



body.layout-3 .page-footer-2 .contact-info-divider {

    background-color: transparent;

}



body.layout-3 #mainSlider .slide-content h3 {

    color: #fff !important;

}



body.layout-3 #mainSlider .vert-wrap {

    padding-top: 0;

}



body.layout-3 .back-to-top a {

    color: #fff;

}



body.layout-3 .table .cell-marker {

    color: #fff;

}



body.layout-3 .how-works-block .caption>.inside .number span {

    color: #fff;

}



body.layout-3 .services-block-alt .caption {

    background-color: #f5f5f5;

    color: #3a3a3a;

}



body.layout-3 .services-block-alt .caption .title {

    color: #3a3a3a;

}



@media (min-width: 768px) {

    body.layout-3 .services-block-alt .caption {

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 65px;

    }

}



@media (max-width: 767px) {

    body.layout-3 .services-block-alt .caption {

        padding-bottom: 55px;

    }

}



body.layout-3 .services-block-alt .services-link {

    font-size: 18px;

    bottom: 25px;

    left: calc(50% - 10px);

    right: auto;

    transform: rotate(90deg);

}



@media (max-width: 768px) {

    body.layout-3 .services-block-alt .services-link {

        bottom: 20px;

    }

}



body.layout-3 .services-block-alt .services-link:hover {

    color: #000;

}



body.layout-3 .services-block-alt .image i {

    color: #fff;

}



body.layout-3 .nav-pills>li.active>a,

body.layout-3 .nav-pills>li.active>a:focus,

body.layout-3 .nav-pills>li.active>a:hover {

    color: #fff;

}



body.layout-3 .calendar .selected,

body.layout-3 .calendar .selected:hover {

    color: #fff;

}



body.layout-3 .service-icon .icon-wrapper span i.icon {

    color: #fff;

}



body.layout-3 .pagination>.active>a,

body.layout-3 .pagination>.active>span,

body.layout-3 .pagination>.active>a:hover,

body.layout-3 .pagination>.active>span:hover {

    color: #fff;

}



@media (max-width: 991px) {

    body.layout-3 #mainSlider .slide .img--holder {

        height: 68vw;

    }

}



@media (max-width: 767px) {

    body.layout-3 #mainSlider .slide .img--holder {

        height: 48vw;

    }

}



@media (max-width: 767px) {

    body.layout-3 #mainSlider.slick-slider {

        margin-bottom: 0;

    }

}



body.layout-3 .btn {

    font-size: 16px;

    font-weight: 700;

    min-width: 175px;

    line-height: 18px;

}



@media (max-width: 991px) {

    body.layout-3 .btn {

        font-size: 12px;

        padding: 15px 20px;

        min-width: 0;

    }

}



@media (max-width: 479px) {

    body.layout-3 .btn {

        font-size: 10px;

        font-weight: 800;

        padding: 10px 15px;

    }

}



body.layout-3 .btn,

body.layout-3 .btn.active,

body.layout-3 .btn:active,

body.layout-3 .btn.focus,

body.layout-3 .btn:focus {

    color: #fff;

}



body.layout-3 .btn:hover {

    color: #fff;

}



body.layout-3 .btn.btn-invert,

body.layout-3 .btn.btn-invert.active,

body.layout-3 .btn.btn-invert:active,

body.layout-3 .btn.btn-invert.focus,

body.layout-3 .btn.btn-invert:focus {

    color: #fff;

}



body.layout-3 .btn.btn-invert:hover {

    color: #fff;

}



body.layout-3 .btn.btn-border,

body.layout-3 .btn.btn-border.active,

body.layout-3 .btn.btn-border:active,

body.layout-3 .btn.btn-border.focus,

body.layout-3 .btn.btn-border:focus {

    color: #3a3a3a;

}



body.layout-3 .btn.btn-border:hover {

    color: #fff;

}



.service-grid {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: wrap;

    text-align: center;

}



.service-grid-item {

    position: relative;

    padding: 15px 24px;

    flex: 0 0 25%;

    max-width: 25%;

}



@media (max-width: 575px) {

    .service-grid-item {

        flex: 0 0 50%;

        max-width: 50%;

        padding: 10px 15px;

    }

}



.service-grid-item:after {

    content: '';

    position: absolute;

    right: 0;

    top: 18px;

    bottom: 18px;

    width: 1px;

    background-color: #dcdfe2;

}



.service-grid-item:before {

    content: '';

    position: absolute;

    right: 18px;

    left: 18px;

    bottom: 0;

    height: 1px;

    background-color: #dcdfe2;

}



.service-grid-item img {

    max-width: 100%;

}



.service-grid-item-title {

    display: block;

    position: relative;

    padding: 15px 20px;

    font-size: 18px;

    line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    text-decoration: none;

}



@media (max-width: 1199px) {

    .service-grid-item-title {

        font-size: 14px;

        line-height: 18px;

        padding: 10px 15px;

    }

}



@media (max-width: 991px) {

    .service-grid-item-title {

        font-size: 11px;

        line-height: 14px;

        padding: 10px 15px;

        margin-top: 10px;

    }

}



@media (max-width: 575px) {

    .service-grid-item-title {

        padding: 5px;

    }

}



.service-grid-item-title:after {

    opacity: 0;

    content: '';

    position: absolute;

    top: -8px;

    left: calc(42%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 7.5px 8px 7.5px;

    border-color: transparent transparent #2f63b6 transparent;

}



@media (max-width: 991px) {

    .service-grid-item-title:after {

        top: -6px;

    }

}



.service-grid-item-title [class*='icon'] {

    visibility: hidden;

    display: inline-block;

    font-size: 10px;

    position: relative;

    top: -2px;

    left: 4px;

    width: 0;

}



@media (max-width: 991px) {

    .service-grid-item-title [class*='icon'] {

        font-size: 7px;

    }

}



.service-grid-item:hover .service-grid-item-title {

    color: #fff;

    background-color: #2f63b6;

}



.service-grid-item:hover .service-grid-item-title:after {

    opacity: 1;

}



.service-grid-item:hover .service-grid-item-title [class*='icon'] {

    visibility: visible;

    width: auto;

}



@media (min-width: 576px) {

    .service-grid-item:nth-child(4n):after {

        display: none;

    }

    .service-grid-item:nth-last-child(-n+4):before {

        display: none;

    }

}



@media (max-width: 575px) {

    .service-grid-item:nth-child(2n):after {

        display: none;

    }

    .service-grid-item:nth-last-child(-n+2):before {

        display: none;

    }

}



.estimator-panel-section {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

}



.estimator-panel {

    padding: 22px 0 26px;

    background-color: #f5f5f5;

}



@media (max-width: 1199px) {

    .estimator-panel {

        padding: 15px 0;

    }

}



@media (max-width: 767px) {

    .estimator-panel {

        padding: 5px 0;

    }

    .estimator-panel-section {

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        padding-bottom: 25px;

    }

}



.estimator-panel .container {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

}



@media (max-width: 1199px) {

    .estimator-panel .container {

        flex-wrap: wrap;

    }

}



.estimator-panel .col-title {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    flex: 0 0 250px;

    max-width: 250px;

    padding-right: 15px;

    font-size: 30px;

    line-height: 36px;

    font-weight: 600;

    font-family: 'Muli', sans-serif;

    color: #3a3a3a;

}



.estimator-panel .col-title [class*='icon'] {

    margin-right: 10px;

    font-size: 60px;

    color: #2f63b6;

}



@media (max-width: 1199px) {

    .estimator-panel .col-title {

        flex: 0 0 100%;

        max-width: 100%;

        font-size: 20px;

        margin-bottom: 10px;

    }

    .estimator-panel .col-title [class*='icon'] {

        font-size: 22px;

    }

}



@media (max-width: 767px) {

    .estimator-panel .col-title {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        align-items: center;

        font-size: 18px;

        margin-bottom: 0;

        padding: 0;

    }

}



.estimator-panel .col-form {

    flex: 1;

}



.estimator-panel .panel-toggle {

    display: none;

}



@media (max-width: 767px) {

    .estimator-panel .panel-toggle {

        display: block;

        position: relative;

        top: -3px;

        margin-left: auto;

        font-size: 12px;

        line-height: 18px;

        font-weight: 800;

        color: #2f63b6;

        animation: blinker 3s linear infinite;

    }

    .estimator-panel .panel-toggle [class*='icon'] {

        position: relative;

        top: 2px;

        font-size: 18x;

        margin: 0 0 0 5px;

    }

    .estimator-panel .panel-toggle span:last-child {

        display: none;

    }

    .estimator-panel .panel-toggle.open span:first-child {

        display: none;

    }

    .estimator-panel .panel-toggle.open span:last-child {

        display: block;

    }

}



.estimator-form-label {

    font-size: 16px;

    line-height: 22px;

    font-weight: 600;

    color: #3a3a3a;

    margin-bottom: 5px;

}



@media (max-width: 1199px) {

    .estimator-form-label {

        display: none;

    }

}



.estimator-form-row {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: space-between;

    margin-left: -6px;

    margin-right: -6px;

}



@media (max-width: 767px) {

    .estimator-form-row {

        flex-wrap: wrap;

        margin-bottom: 5px;

    }

    .estimator-form-row:not(.open) {

        display: none;

    }

}



.estimator-form-row>* {

    flex: 1;

    margin: 0 6px;

}



@media (max-width: 767px) {

    .estimator-form-row .select-wrapper-sm {

        flex: 0 0 calc(33.333% - 12px);

        max-width: calc(33.333% - 12px);

        margin-bottom: 3px;

    }

}



.estimator-form-row select {

    width: 100%;

}



.estimator-form-row input {

    height: 40px !important;

    padding: 5px 15px !important;

    font-size: 16px;

    line-height: 20px;

    color: #3e3e3e;

    min-width: unset;

}



@media (max-width: 1199px) {

    .estimator-form-row input {

        height: 34px !important;

        font-size: 14px !important;

        padding: 5px 15px !important;

    }

}



@media (max-width: 767px) {

    .estimator-form-row input {

        flex: 2;

    }

}



.estimator-form-row .btn:not([data-action]) {

    margin-left: 25px;

    margin-top: -6px;

    height: 52px;

    font-size: 16px;

    line-height: 20px;

    padding: 15px 20px;

}



@media (max-width: 1199px) {

    .estimator-form-row .btn:not([data-action]) {

        margin-left: 10px;

        margin-top: -4px;

        height: 42px !important;

        font-size: 12px !important;

        line-height: 20px !important;

        padding: 10px 15px !important;

    }

}



@media (max-width: 767px) {

    .estimator-form-row .btn:not([data-action]) {

        margin-top: 0;

        height: 34px !important;

        font-size: 9px !important;

        line-height: 14px !important;

        padding: 10px 15px !important;

        flex: 1;

    }

}



.estimate-table {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

}



.estimate-table:not(:last-child) {

    margin-bottom: 50px;

}



@media (max-width: 767px) {

    .estimate-table {

        flex-direction: column;

    }

}



.estimate-table-total {

    flex: 0 0 45%;

    max-width: 45%;

    padding: 35px 35px;

    background-color: #727579;

    color: #fff;

}



@media (max-width: 767px) {

    .estimate-table-total {

        padding: 25px;

        flex: 0 0 100%;

        max-width: 100%;

    }

}



.estimate-table-total-title {

    margin-bottom: 45px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

}



@media (max-width: 767px) {

    .estimate-table-total-title {

        margin-bottom: 25px;

    }

}



.estimate-table-total-text {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 7px;

}



.estimate-table-total-price {

    font-size: 34px;

    line-height: 40px;

    font-weight: 700;

}



@media (max-width: 767px) {

    .estimate-table-total-price {

        font-size: 24px;

        line-height: 30px;

    }

}



.estimate-table-info {

    flex: 0 0 55%;

    max-width: 55%;

    padding: 35px 45px;

    background-color: #f6f6f6;

    color: #3a3a3a;

}



@media (max-width: 767px) {

    .estimate-table-info {

        padding: 25px 35px;

        flex: 0 0 100%;

        max-width: 100%;

    }

}



.estimate-table-info:not(:last-child) {

    margin-bottom: 50px;

}



.estimate-table-info-title {

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

    text-transform: uppercase;

}



.estimate-part {

    position: relative;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    background-color: #fff;

    border: 1px solid #edeff0;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}



.estimate-part:not(:first-child) {

    margin-top: 30px;

}



@media (max-width: 767px) {

    .estimate-part {

        flex-direction: column;

    }

}



.estimate-table-info-list {

    margin-top: 30px;

    font-size: 16px;

    line-height: 25px;

    font-weight: 700;

}



.estimate-table-info-list>* {

    position: relative;

    margin-bottom: 25px;

    padding-left: 48px;

}



.estimate-table-info-list .round-icon {

    position: absolute;

    left: 0;

    top: -4px;

    font-size: 16px;

    line-height: 30px;

    font-weight: 900;

    width: 32px;

    height: 32px;

    text-align: center;

    color: #2f63b6;

    border: 1px solid #2f63b6;

    border-radius: 50%;

}



.estimate-part-info {

    flex: 0 0 65%;

    max-width: 65%;

    padding: 35px;

}



@media (max-width: 767px) {

    .estimate-part-info {

        padding: 25px;

        flex: 0 0 100%;

        max-width: 100%;

    }

}



.estimate-part-info-title {

    font-size: 30px;

    line-height: 40px;

    font-weight: bold;

}



@media (max-width: 767px) {

    .estimate-part-info-title {

        font-size: 22px;

        line-height: 30px;

    }

}



.estimate-part-price {

    flex: 0 0 35%;

    max-width: 35%;

    padding: 35px 0 35px 35px;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

}



@media (max-width: 767px) {

    .estimate-part-price {

        padding: 25px 25px 0;

        flex: 0 0 100%;

        max-width: 100%;

    }

}



.estimate-part-price-price {

    margin-bottom: 10px;

    font-size: 30px;

    line-height: 40px;

    font-weight: bold;

    color: #2f63b6;

}



@media (max-width: 767px) {

    .estimate-part-price-price {

        font-size: 24px;

        line-height: 30px;

    }

}



.estimate-current-name {

    margin-bottom: 10px;

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    text-transform: none;

}



.estimate-current-name b {

    font-weight: 700;

    text-transform: uppercase;

}



.estimate-current-change {

    color: #2f63b6;

    text-decoration: none;

}



.estimate-part-close {

    position: absolute;

    z-index: 1;

    right: 10px;

    top: 10px;

    font-size: 24px;

    color: #2f63b6;

    cursor: pointer;

}



.estimate-part-close:hover {

    color: #3a3a3a;

}



@keyframes blinker {

    0% {

        opacity: 1;

    }

    80% {

        opacity: 1;

    }

    90% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



@media (max-width: 479px) {

    .banner-col {

        width: 100% !important;

        margin-top: 30px;

    }

}



.brands-carousel {

    margin: 0 -2px;

}



.brands-carousel img {

    display: block;

    border: 1px solid #edeff0;

    max-width: 100%;

    margin: 0 2px;

}



.brands-carousel .slick-dots {

    display: block;

    position: relative;

    bottom: 0;

    margin-top: 20px;

}



.view-all-brands.active span:last-child {

    display: none;

}



.view-all-brands:not(.active) span:first-child {

    display: none;

}



body.layout-3 .page-footer-2 .footer-bottom .copyright {

    color: #fff;

}



div.wpcf7 .estimator-form-row .ajax-loader {

    display: none;

}



@media (max-width: 991px) && (min-width: 768px) {

    .estimator-panel-section {

        margin-bottom: -74px;

    }

}



body.layout-3 .block.bg-1 h1,

body.layout-3 .block.bg-2 h1,

body.layout-3 .block.bg-3 h1,

body.layout-3 .block.bg-1 h2,

body.layout-3 .block.bg-2 h2,

body.layout-3 .block.bg-3 h2,

body.layout-3 .block.bg-1 h3,

body.layout-3 .block.bg-2 h3,

body.layout-3 .block.bg-3 h3 {

    color: #3a3a3a;

}



body.layout-3 .breadcrumbs li,

body.layout-3 .breadcrumbs a,

body.layout-3 .breadcrumbs span {

    color: #8d8d8d;

}



body.layout-3 #container .woocommerce-breadcrumb,

body.layout-3 #container .woocommerce-breadcrumb a {

    color: #8d8d8d;

}



.pricing-grid .pricing-box {

    margin-top: 30px !important;

}



body.layout-3 .vehicle-damage .tab-content {

    padding: 0;

}



.woocommerce div.product .product_title {

    margin-bottom: 30px !important;

}



.woocommerce div.product .product_title:after {

    display: none;

}



.btn:not([data-action]).btn-lg [class*='icon-'] {

    font-size: 20px;

    padding-right: 20px;

    vertical-align: text-top;

}



.btn:not([data-action]) [class*='icon-'] {

    font-size: 18px;

    color: #fff;

    padding-right: 14px;

    vertical-align: text-bottom;

}



@media (min-width: 992px) {

    body.layout-3 header.page-header-2 .navbar {

        padding: 18px 0;

    }

}



body.layout-3 .pricing-box-center .text-3 {

    padding: 0 1.2em 1em;

}



@media (max-width: 767px) {

    .col-sm-3.col-xs-6 .how-works-circle {

        margin: 5px 0 20px;

    }

}



.estimator-form-row input[type="text"]::-webkit-input-placeholder {

    color: #3e3e3e;

}



.estimator-form-row input[type="text"]::-moz-placeholder {

    color: #3e3e3e;

}



.estimator-form-row input[type="text"]:-ms-input-placeholder {

    color: #3e3e3e;

}



.estimator-form-row input[type="text"]::placeholder {

    color: #3e3e3e;

}



#envato_activate_checkbox {

    display: block;

}



#fullServices.modal .modal-dialog {

    width: 822px;

}



@media (max-width: 991px) {

    #fullServices.modal .modal-dialog {

        width: 100%;

    }

}



#fullServices.modal .modal-body {

    padding: 0;

}



#fullServices.modal .modal-content {

    background-color: #fff;

    border-radius: 0;

    border: 0;

    padding: 0 23px 23px;

}



#fullServices.modal .modal-footer {

    border: 0;

    border-top: 1px solid #e3e3e3;

    padding: 23px 38px 0;

    text-align: left;

    margin: 30px -38px 0;

}



#fullServices.modal .modal-header {

    border: 0;

    padding: 32px 15px 32px;

}



#fullServices.modal .modal-header h2 {

    margin-bottom: 0;

}



@media (max-width: 767px) {

    #fullServices.modal .modal-header {

        padding: 19px 15px 20px;

    }

}



#fullServices.modal .modal-header .close {

    margin-top: 0;

    position: absolute;

    right: 22px;

    top: 22px;

    font-size: 30px;

    text-shadow: inherit;

    opacity: 1;

    color: #2f63b6;

}



@media (max-width: 1240px) {

    #fullServices.modal .modal-header .close {

        font-size: 24px;

    }

}



#fullServices.modal .modal-header .close:hover {

    opacity: .7;

}



#fullServices.modal .form-group {

    margin-bottom: 2px;

}



@media (max-width: 767px) {

    #fullServices.modal .form-group {

        margin-bottom: 0;

    }

    #fullServices.modal .form-group label {

        font-size: 13px;

    }

}



#fullServices.modal h5:not(:first-child) {

    margin-top: 29px;

}



@media (max-width: 767px) {

    #fullServices.modal h5:not(:first-child) {

        margin-top: 15px;

    }

}



@media (max-width: 767px) {

    #fullServices.modal .col-sm-6:not(:first-child) h5 {

        margin-top: 15px;

    }

}



.estimator-panel .form-group input,

div.rwmb-input .form-group input {

    padding: 0;

    height: initial;

    width: initial;

    margin-bottom: 0;

    display: none;

    cursor: pointer;

}



.estimator-panel .form-group label,

div.rwmb-input .form-group label {

    position: relative;

    cursor: pointer;

    font-size: 15px;

}



.estimator-panel .form-group label a,

div.rwmb-input .form-group label a {

    text-decoration: none;

    color: #2f63b6;

}



.estimator-panel .form-group label:before,

div.rwmb-input .form-group label:before {

    content: '';

    -webkit-appearance: none;

    background-color: transparent;

    border: 1px solid #dbdbdb;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

    padding: 10px;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    top: -1px;

    margin-right: 10px;

}



.estimator-panel .form-group input:checked+label:after,

div.rwmb-input .form-group input:checked+label:after {

    content: '';

    display: block;

    position: absolute;

    top: 3px;

    left: 9px;

    width: 6px;

    height: 14px;

    border: solid #2f63b6;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

}

.estimator-panel input:disabled,

.estimator-panel select:disabled,

.estimator-panel button:disabled,

.estimator-panel .btn[disabled] {

    opacity: .6 !important;

    pointer-events: none !important;

}

.estimator-panel input:disabled+a,

.estimator-panel select:disabled+a,

.estimator-panel button:disabled+a,

.estimator-panel .btn[disabled]+a {

    pointer-events: none;

}

.estimator-panel .input-with-link {

    position: relative;

}

.estimator-panel .input-with-link a {

    display: block;

    position: absolute;

    font-size: 11px;

    text-decoration: none;

    right: 10px;

    top: 50%;

    margin-top: -13px;

    color: #afafaf;

}

.estimator-panel .input-with-link .form-control {

    min-width: 225px;

    padding-right: 70px;

}

.estimate-breadcrumb {

    margin-bottom: 0;

}

.estimate-empty {

    padding: 35px;

}

.estimate-empty .estimate-part-info-title {

    margin-bottom: 0;

}

@media (max-width: 991px) {

    .estimate-part:last-child {

        margin-bottom: 30px;

    }

}

.services-tabs-icons img {

    min-width: auto !important;

}

.footer-col-right iframe {

    vertical-align: bottom;

}

.product-category a {

    display: block;

    text-align: center;

}

.product-category .woocommerce-loop-category__title {

    margin-bottom: 0;

}

.page-footer-widget h4,

.page-footer-widget .category-list > li a,

.page-footer-widget {

    color:#fff !important;

}

.page-footer-widget .tagcloud a, 

.page-footer-widget .tags-links a{

    color: #333;

}

.page-footer-widget .calendar_wrap td {

    color:#fff;

}

.page-footer-widget .side-block {

    margin-bottom: 0;

    padding-bottom: 0;

}

.page-footer-widget .footer-content {

    padding: 80px 0;

}



/* Guten burge */



.wp-block-gallery{

	padding-left:0px !important;

}

.wp-block-gallery li{

	list-style:none !important;

}



/************Color Pallete*****************/

.has-strong-yellow-background-color{

	background-color:#f7bd00 !important;

}

.has-strong-white-background-color{

	background-color:#ffffff !important;

}

.has-light-black-background-color{

	background-color:#242424 !important;

}

.has-very-light-gray-background-color{

	background-color:#797979 !important;

}

.has-very-dark-black-background-color{

	background-color:#000000 !important;

}

.has-strong-yellow-color{

	color:#f7bd00 !important;

}

.has-strong-white-color{

	color:#ffffff !important;

}

.has-light-black-color{

	color:#242424 !important;

}

.has-very-light-gray-color{

	color:#797979 !important;

}

.has-very-dark-black-color{

	color:#000000 !important;

}



/******************Font Size Setting*****************/

.has-small-font-size{

	font-size:10px !important;

}

.has-normal-font-size{

	font-size:15px !important;

}

.has-large-font-size{

	font-size:24px !important;

}

.has-huge-font-size{

	font-size:36px !important;

}



.alignfull {

	width: 100vw;

	max-width: 100vw;

	margin-left: calc(50% - 50vw);

}



.with-sidebar-blog .alignfull {

    width: auto;

    margin-left: calc( 50% / .62 - 50vw);

    max-width: 100vw;

}

.with-sidebar-blog .alignfull img {

    width: auto;

}

/*************Common Style*************/



pre{

	background:none;

	padding:0px;

	border:none;

    line-height: 1.8;

    font-family: monospace;

	font-size:15px;

	color: #333;

}

.wp-block-separator.is-style-wide {

    border-bottom-width: 1px;

}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {

    max-width: 100%;

}

.wp-block-separator {

    border: none;

    border-bottom: 1px solid #8f98a1;

    margin: 1.65em auto;

    width: 100%;

    max-width: 100%;

    margin-left: 0;

}

.thm-unit-test .wp-block-latest-posts,

.thm-unit-test .text .wp-block-latest-posts,

.thm-unit-test .wp-block-categories,

.thm-unit-test .text .wp-block-categories,

.thm-unit-test .wp-block-archives,

.thm-unit-test .text .wp-block-archives{

	padding-left:0px;

	margin-bottom:20px;

}

.thm-unit-test .wp-block-latest-posts li,

.thm-unit-test .text .wp-block-latest-posts li,

.thm-unit-test .wp-block-categories li,

.thm-unit-test .text .wp-block-categories li,

.thm-unit-test .wp-block-archives li,

.thm-unit-test .text .wp-block-archives li{

	list-style:none;

}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {

  margin: 20px 0;

  padding: 0;

  border-left: none;

  padding-left: 100px;

}

.blog-single .inner-box .lower-content .lower-box.text .wp-block-quote.is-large p, .blog-single .inner-box .lower-content .lower-box.text .wp-block-quote.is-style-large p {

    font-size: 1.6875em;

    line-height: 1.3;

    margin-bottom: 0.5em;

    margin-top: 0.5em;

}

.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {

	font-family: 'Open Sans', sans-serif;

	font-size: 0.71111em;

	line-height: 1.6;

	color: #767676;

}

.wp-block-pullquote{

	border:none;

}

.wp-block-embed-vimeo .wp-block-embed__wrapper{

	position: relative;

	display: block;

	height: 0;

	padding: 0;

	overflow: hidden;

	width:100%;

	padding-bottom: 68.25%;

}

.wp-block-embed-vimeo .wp-block-embed__wrapper iframe{

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: 0;

}



.wp-block-table td, .wp-block-table th {

  border: 1px solid #ddd;

  line-height: 1.8;

  padding: 8px;

  vertical-align: top;

}



.wp-block-quote:not(.is-large):not(.is-style-large) {

  border-left: 0;

  padding-left: 100px;

}



figure.wp-block-pullquote.alignleft {

  padding: 0;

  text-align: left;

}



figure.wp-block-pullquote.alignleft blockquote {

  margin: 0;

}

figure.wp-block-pullquote.alignright {

  padding: 0;

  text-align: right;

}



figure.wp-block-pullquote.alignright blockquote {

  margin: 0;

  margin-bottom: 60px

  

}

.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {

    max-width: 335px;

}

ul.wp-block-latest-posts {

    margin-bottom: 30px;

}

ul.wp-block-latest-posts a {

    transition: all 0.2s linear;

    text-decoration: underline;

    color: #5a5a5a;

    background-color: transparent;



}

.wp-block-categories a{

    transition: all 0.2s linear;

    text-decoration: underline;

    color: #5a5a5a;

    background-color: transparent;

}

.wp-block-archives  a{

    transition: all 0.2s linear;

    text-decoration: underline;

    color: #5a5a5a;

    background-color: transparent;

}

.defult_title_r h1 span, .defult_title_r h2 span {

    font-size: 60px !important;

    line-height: 1.1 !important;

    font-weight: 400 !important;

    letter-spacing: 0.01em !important;

    margin: 0 !important;

    padding-bottom: 29px !important;

    color: #393939 !important;

    font-family: 'Muli', sans-serif !important;

}

.defult_title_r h1, .defult_title_r h2 {

    font-size: 60px !important;

    line-height: 1.1 !important;

    font-weight: 400 !important;

    letter-spacing: 0.01em !important;

    margin: 0 !important;

    padding-bottom: 29px !important;

    color: #393939 !important;

    font-family: 'Muli', sans-serif !important;

}

button.gm-control-active {

    min-width: unset;

}

.person-hor .image img {

    max-width: 100%;

}

body:not(.home) {

    background: url(images/header-photo-bg.jpg) no-repeat center 0;

}