/**
  * Name: AUTOMOV
  * Version: 1.0
  * Author: Themesflat
  * Author URI: http://www.themesflat.com
*/
@import url('assets/css/bootstrap.css');
@import url('assets/css/liblary.css');
/*@import url('assets/css/shortcode.css');*/
@import url('assets/css/elegant-icons.css');
/*@import url('assets/css/CenturyGothic.css');*/
@import url('assets/css/font-awesome.min.css');
@import url('assets/css/ionicons.min.css');
@import url('assets/css/jquery-ui.css');
/*@import url('assets/css/jquery-yys-slider.css');*/
/*@import url('assets/css/jquery-fancybox.css');*/
@import url('assets/css/owl.carousel.css');
@import url('assets/css/woocommerce.css');
@import url('assets/css/automov-icon.css');
/*@import url('assets/rev-slider/css/settings.css');
@import url('assets/rev-slider/css/layers.css');
@import url('assets/rev-slider/css/navigation.css');*/
@import url('assets/fonts/monterchi-sans.css');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i|Rajdhani:400,500,600,700');*/
/**
  *
  *	Reset
  *	Repeatable Patterns
  * Extra classes
  * Typography
  * Top
  * Header
  * Mobile Menu Button
  * Mobile navigation
  * Page Title
  * Sidebar
  * 
  * Footer
  * Preloader
  * Go Top
 
  *
**/

/* Reset
-------------------------------------------------------------- */
html{
    overflow-y:scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video{
    font-family:inherit;
    /*font-size:105%;*/
    font-weight:inherit;
    font-style:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
ol,ul{
    list-style:none
}
blockquote,q{
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
    quotes:none
}
figure{
    margin:0
}
:focus{
    outline:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
img{
    border:0;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
legend{
    white-space:normal
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    max-width:100%;
    vertical-align:baseline;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
button,input{
    line-height:normal
}
input,textarea{
    background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    line-height:1;
    cursor:pointer;
    -webkit-appearance:button;
    border:none
}
input[type="checkbox"],input[type="radio"]{
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
*,:before,:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    /*font: 14px/24px "MonterchiSans-Heavy", sans-serif;*/
    font: 16px/22px "Monterchi Sans", sans-serif;
    color: #343434;
    overflow: hidden;
}

a {
    font-family:  "Monterchi Sans", sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: #137bc0;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul, ol {
    padding: 0;
}

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

b, strong {
    font-weight: 900;
}

button {
    border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family:  "Monterchi Sans", sans-serif;
    font-weight: 700;
    display: inline-block;
    padding: 0px 28px;
    line-height: 24px;
    font-size: 14px;
    color: #ffffff;
    background: #137bc0;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none !important;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background: #212121;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0px 25px;
    color: #646464;
    border: 1px solid #d0d0d0;
    height: 50px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
}

input[type="search"] {
    width: 300px;
    height: 56px;
    margin-bottom: 0px;
    border-radius: 0px;
    background-color: #f6f6f6;
    color: #343434;
    padding: 0 27px;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border: 1px solid #137bc0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    width: 100%;
    padding: 14px 21px;
    height: 215px;
}

input[type="checkbox"] {
    display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #c2c2c2;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

input[type="search"]::placeholder {
    color: #221f1f !important;
    opacity: 0.7;
}

/* Extra classes
-------------------------------------------------------------- */
/* Font Family */
.font-Monterchi{
    font-family:"Monterchi Sans",sans-serif
}

.font-Open{
    font-family:"Open Sans",sans-serif
}

.font-Helvetica {
    font-family: 'Helvetica';
}

/* Font Size */
.font-size-36{
    font-size:38px!important
}
.font-size-20{
    font-size:20px!important
}
.font-size-16{
    font-size:16px!important
}
.font-size-14{
    font-size:14px!important
}

/* Font Weight */
.font-weight-700{
    font-weight:700!important
}
.font-weight-600{
    font-weight:600!important
}
.font-weight-500{
    font-weight:500!important
}
.font-weight-400{
    font-weight:400!important
}

/* Line Height */
.line-height-72{
    line-height:72px!important
}
.line-height-50{
    line-height:50px!important
}
.line-height-39{
    line-height:39px!important
}
.line-height-28{
    line-height:28px!important
}
.line-height-27{
    line-height:27px!important
}
.line-height-26{
    line-height:26px!important
}
.line-height-24{
    line-height:24px!important
}
.line-height-normal{
    line-height:normal!important
}

/* Color */
.text-e8b006 {
    color: #e8b006;
}

.text-898b8a {
    color: #898b8a;
}

.text-a5aac0 {
    color: #a5aac0;
}

/* Background */
.bg-137bc0 {
    background: #137bc0 !important;
}

.bg-e8b006 {
    background: #e8b006 !important;
}

.bg-fff {
    background: #fff;
}

.bg-efefef {
    background: #efefef;
}

.bg-f6f6f6 {
    background: #f6f6f6
}

.bg-f9f9f9 {
    background: #f9f9f9;
}

.bg-f4f4f4 {
    background: #f4f4f4;
}

.bg-f0f0f0 {
    background: #f0f0f0;
}

.fix-float-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Typography
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
    font-family:"Monterchi Sans",sans-serif;
    font-weight:700
}
h1,h1 a{
    font-size:36px;
    line-height:60px
}
h2,h2 a{
    font-size:30px;
    line-height:24px
}
h3,h3 a{
    font-size:24px;
    line-height:24px
}
h4,h4 a{
    font-size:20px;
    line-height:24px
}
h5,h5 a{
    font-size:18px;
    line-height:24px
}
h6,h6 a{
    font-size:16px;
    line-height:24px
}

/* Top
-------------------------------------------------------------- */
.top {
    /*border-bottom: 1px solid #bfbfbf;*/
}

.top .flat-info	{
    /*width: 66.667%;*/
    float: left;
}

.top .flat-socails	{
    width: 33.333%;
    float: left;
}

.top .flat-title-page,
.top .flat-menu-extra {
    float: left;
    width: 25%;
}

/*
.top #logo {
    float: left;
    /*width: 50%;

*/
/* style1 */
.top.style1 .container {
    padding: 0;
}

.top.style1 .flat-info {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 45px;
}

#logo a p.main-logo {

    width: 210px;
    margin: 5px 5px 0 5px;
    height: 90px;
    background-image: url(assets/images/logo-short.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    background-position: center;
}
 #logo a p.main-logo-text {

    width: 210px;
    margin: 0 5px 5px 5px;
    height: 30px;
    background-image: url(assets/images/logo-text.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    background-position: center;
}

/* Header
-------------------------------------------------------------- */
#header {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#mainnav > ul {
    list-style: none;
    margin:  0;
    padding:  0;
}

#header #mainnav ul li {
    position: relative;
    text-align: left;
}

#header #mainnav > ul >li {
    display: inline-block;
}

#header.header-v1 #mainnav > ul > li > a {
    position: relative;
}

#header #mainnav> ul >li.mega-menu {
    position: inherit;
}

#header .btn-canvas,
#header .show-search {
    width: 10%;
    float: left;
}

#header #logo,
#header .flat-menu-extra {
    /* width: 15%;
     float: left;*/
    position: absolute;
    z-index: 10000;
    top:  -84px;
    right: 12.5%;
}

#header #mainnav > ul >li > a {
    font-size: 18px;
    font-style: italic;
    line-height: 57px;
    margin:  0px 16.8px;
    display: block;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 5px;
}

#mainnav ul.submenu {
    position: absolute;
    top: 150%;
    /* left: 0;*/
    /*width: 270px;*/
    width: max-content;
    background: #ffffff;
    box-shadow: 0px 5px 14.25px 0.75px rgba(0, 0, 0, 0.05);
    padding: 15px 30px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


#mainnav ul.submenu li ul {
    position: absolute;
    left: 241px;
    top: -15px !important;
}


#mainnav > ul.menu li:hover > ul.submenu {
    top: 80%;
    opacity: 1;
    visibility: visible;
}

#mainnav ul.submenu > li > a {
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    color: #343434;
    display: block;
    margin-bottom: 2px;
    font-family:"Monterchi Sans",sans-serif;
    font-style: italic;
    position: relative;
}


#mainnav ul.submenu > li.item-has-child > a:after {
    content: "\35";
    font-family: "ElegantIcons";
    position: absolute;
    right: 0;
}


#mainnav ul.submenu > li:hover > a,
#mainnav ul.submenu > li.active > a {
    color: #137bc0;
}

#mainnav .submenu-mega {
    padding: 48px 0 60px;
    text-align: left;
    position: absolute;
    width: 100%;
    top: 150%;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header  #mainnav li:hover > .submenu-mega {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

#mainnav ul.list-item  li > a {
    position: relative;
    display: block;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: 40px;
}

#header #mainnav ul.list-item > li > a:after {
    content: "\35";
    font-family: "ElegantIcons";
    position: absolute;
    right: 15px;
}

#header #mainnav .heading-categories {
    position: relative;
    margin-bottom: 38px;
    line-height: 40px;
    color: #343434;
    font-size: 18px;
    font-weight: 700;
}

#header #mainnav .heading-categories:after {
    content: "";
    height: 3px;
    width: 50px;
    background: #1174bd;
    position: absolute;
    bottom: -2px;
    left: 0;
}

/* style2 */
.top .flat-info.style2 ul li a {
 /*   font-family: Helvetica, Arial, sans-serif;
    font-size: 14px; */
    text-align: left;
    padding: 13px 0 13px 45px;
    color: #828282;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.top .flat-info ul li:hover a {
    color: #363636;
}

.top .flat-info.style2 li {
    display: inline-block;
    margin-left:  33px;
    position: relative;
}

.top .flat-info.style2 li a span {
    display: inline-block;
    vertical-align: middle;
}

.top .flat-info.style2 li span.icon {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: var(--hs-dark-blue);
    color: #fff;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    padding: unset;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.top .flat-info.style2 li a:hover span.icon {
    background: var(--hs-golden);
    color: #fff;
}

/* Header HS */
.header-hs .header-wrap {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    z-index: 100;
}

.header-hs .header-wrap-before-0 {
    height: 64px;
    width: 100%;
    position: absolute;
    left: -50%;
    padding-right: 25%;
}
.header-hs .header-wrap-before-0 .wrap-btn.text-right {
    float: right;
    background: #f9f9f9;
    position: relative;
    z-index: 10000;
    height: 64px;
}

.header-hs .header-wrap-before {
    background: var(--hs-dark-blue);
    height: 63px;
    width: 100%;
    position: absolute;
    left: 50%;
}

.header-hs .container-header {
    background: var(--hs-dark-blue);
    height: 64px;
    position: relative;
    z-index: 1000;
}

#header.header-hs .nav-wrap {
    float: left;
    width: 90%;
    margin-left: 220px;
}

#header.header-hs .wrap-btn {
    width: 50%;
    margin-bottom: 0;
}

#header.header-hs .wrap-btn button {
    z-index: 1001;
   line-height: 60px;
   height: 63px;
    text-transform: uppercase;
}

#header.header-hs #mainnav > ul >li {
    margin-right: 25px;
}

#header.header-hs #mainnav > ul >li > a {
    margin: unset;
}

#header.header-hs #mainnav > ul >li.active > a:after {
    content: "";
    height: 3px;
    background: var(--hs-golden);
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
}

#header #mainnav> ul >li.mega-menu > a {
    position: relative;
}


#header.header-hs #mainnav > ul.menu li:hover > ul.submenu {
    top: 100%;
}

/* Canvas Menu */
.canvas-menu {
    position: relative;
    width: 14px;
    height: 16px;
    margin: 28px 0 0px;
}

.canvas-menu span,
.canvas-menu:before,
.canvas-menu:after {
    height: 2px;
    background:  #fff;
    position: absolute;
}

.canvas-menu span {
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.canvas-menu:before {
    width: 10px;
    content: "";
    top: 0;
    left: 0;
}

.canvas-menu:after {
    width: 15px;
    content: "";
    bottom: 0;
    left: 0;
}

.wrap-canvas .logo {
    margin-bottom: 50px;
}

.canvas-nav {
    margin-bottom: 20px;
}

.canvas-nav ul.menu > li {
    padding-bottom: 20px;
}

.canvas-nav ul.menu li a {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.canvas-nav ul.menu li a:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "\35";
    font-family: "ElegantIcons";
    font-size: 16px;
}

.canvas-nav ul.menu > li.show > a:after {
    content: "\33";
}

.canvas-nav ul ul.submenu-canvas {
    border-top: 1px solid #dedede;
    margin-top: 20px;
    padding: 15px 0 0 15px;
}

.canvas-nav ul ul.submenu-canvas li {
    padding-bottom: 10px;
}

#site-off-canvas .close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    display: none\9;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.off-canvas-active #site-off-canvas .close {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    display: block\9;
    visibility: visible;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    cursor: url(../images/delete-close.png),auto;
}

.off-canvas-active #site-off-canvas .wrap-canvas {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#site-off-canvas .wrap-canvas {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    width: 300px;
    background: #ffffff;
    z-index: 999999;
    overflow: auto;
    padding:  50px;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.canvas-nav #mainnav-canvas ul > li > ul.submenu-canvas {
    display: none;
}

/* Fixed Menu */
#header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;

}

.boxed:has(#header.fixed-header) #logo {
    top: 0;
}

.boxed:has(#header.fixed-header) #logo a p.main-logo {
    height: 53px;
    margin: 5px 0;
}

.boxed:has(#header.fixed-header) #logo a p.main-logo-text {
    display: none;
}

.header-hs.fixed-header .header-wrap {
    transform: none;
}

/* Mobile Menu Button 
-------------------------------------------------------------- */
.mobile-button {
    display:none;
    position:absolute;
    width:26px;
    height:26px;
    float:right;
    top:50%;
    left: 15px;
    background-color:transparent;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

.mobile-button:before,
.mobile-button:after,
.mobile-button span {
    background-color:#fff;
    -webkit-transition:all ease 0.3s;
    -moz-transition:all ease 0.3s;
    transition:all ease 0.3s;
}

.mobile-button:before,
.mobile-button:after {
    content:'';
    position:absolute;
    top:0;
    height:3px;
    width:100%;
    left:0;
    top:50%;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
}

.mobile-button span {
    position:absolute;
    width:100%;
    height:3px;
    left:0;
    top:50%;
    overflow:hidden;
    text-indent:200%;
}

.mobile-button:before {
    -webkit-transform:translate3d(0,-7px,0);
    -moz-transform:translate3d(0,-7px,0);
    transform:translate3d(0,-7px,0);
}

.mobile-button:after {
    -webkit-transform:translate3d(0,7px,0);
    -moz-transform:translate3d(0,7px,0);
    transform:translate3d(0,7px,0);
}

.mobile-button.active span {
    opacity:0;
}

.mobile-button.active:before {
    -webkit-transform:rotate3d(0,0,1,45deg);
    -moz-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
}

.mobile-button.active:after {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    -moz-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
}

.btn-submenu {
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 44px;
}

.btn-submenu:before {
    content: "\f107";
    color: #fff;
}

.btn-submenu.active:before {
    content: "\f106"
}

.mobile-button.v2:before,
.mobile-button.v2:after,
.mobile-button.v2 span {
    background: #137bc0;
}

.mobile-button.v2 {
    right: 21px;
    left: unset;
    z-index: 1;
}

/* Mobile navigation
-------------------------------------------------------------- */
#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: #403b3b;
    z-index: 1000;
    top: 48px;
    left: 0;
}

#mainnav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav-mobi ul li {
    margin:0;
    position: relative;
    text-align: left;
    border-top: 1px solid #333333;
    cursor: pointer
}

#mainnav-mobi ul > li > a,
#mainnav-mobi ul.list-item > li > a,
#mainnav-mobi ul.submenu-mega li > a  {
    text-decoration: none;
    height: 50px;
    line-height: 45px;
    padding: 0 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

#mainnav-mobi ul.sub-menu {
    top: 100%;
    left: 0;
    z-index: 2000;
    position: relative;
    background-color: #333333;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    position: relative;
    border-top: 1px solid #333333;
}

#mainnav-mobi > ul > li > ul > li a {
    padding-left: 30px !important;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
    padding-left: 50px !important;
}

#mainnav-mobi ul.sub-menu > li > a {
    display: block;
    text-decoration: none;
    border-top-color: rgba(255,255,255,.1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
    border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a,
#mainnav-mobi ul > li.active > a {
    color: #137bc0;
}

#mainnav-mobi .submenu-mega {
    display: none;
}

#mainnav-mobi .submenu-mega .container {
    max-width: unset !important;
    padding: 0 !important;
}

#mainnav-mobi .one-of-four {
    width: 100%;
}


/* Page Title
-------------------------------------------------------------- */
/* Page Title v1 */
.wrap-page-title {
    position: relative;
}

.page-title.v1 {
    position: relative;
}

.page-title-heading.v1,
.breakcrums.v1 {
    width: 50%;
    float: left;
}

.breakcrums.v1 {
    margin-top: 17px;
}

.page-title.v1 .page-title-heading a {
    color: #fff;
    font-weight: 600;
}

.breakcrums ul li {
    display: inline;
}

.breakcrums ul li a {
    font-size: 18px;
    color: #fefefe;
    font-weight: 400;
}

.breakcrums ul li:not(:last-child) {
    margin-right: 10px;
}

.breakcrums ul li:not(:last-child):after {
    content: "5";
    font-family: "ElegantIcons";
    margin-left: 13px;
    color: #fefefe;
}

/* Page Title v2 */
.page-title.v2 {
    position: relative;
    padding: 126px 0 184px;
}

.v2.page-title:after {
    font-family: "Ionicons";
    content: "\f110";
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    font-size: 55px;
    background: #137bc0;
    padding: 38px 27px 31px;
    border-radius: 50%;
    color: #fff;
    width: 100px;
    height: 100px;
}

.page-title.v2 .page-title-heading a,
.page-title.v3 .page-title-heading a,
.page-title.v3 .page-title-heading span {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    font-style: italic;
}

/* Page Title v3 */
.page-title.v3  {
    position: relative;
    padding: 174px 0 130px;
}

.page-title.v3 .breakcrums {
    margin-bottom: 5px;
}


/* Footer
-------------------------------------------------------------- */
#footer {
    background: #242424;
}

#footer.style3 {
    background: unset;
}

.flat-widget-ft {
    margin: 0 -15px;
}

/* Style2 */
#footer.style2 .widget {
    float: left;
    width: 25%;
    padding: 0 15px;
}

/* Widget Footer */
.widget h4.widget-title {
    color: #fff;
    margin-bottom: 37px;
}
#footer.style2 .widget.widget-info,
#footer.style2 .widget.widget-links,
#footer.style2 .widget.widget-last-news {
    padding-top: 37px !important;
}

/* Widget About */
#footer .widget-about.widget {
    padding-right: 30px;
}

.widget-about #logo-ft {
    margin-bottom: 45px;
}

.widget-about p {
    color: #808080;
    margin-bottom: 21px;
}

.widget-about h6 > a {
    text-decoration: underline;
    color: #fff;
    font-weight: 700;
}

#footer.style3 .widget-about {
    background: url("../images/home3/bg-automov.png") center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 0 9% 0 38.8%;
    height: 100%;
}

#footer.style3 .widget-about .about-wrap {
    position: relative;
}

#footer.style3 .widget-about p {
    color: #fff;
    margin-bottom: 27px;
}

#footer.style3 .widget-about h6 {
    margin-top: 42px;
}

/* Widget Links */
.widget-links ul li a {
    display: block;
    position: relative;
    color: #808080;
    margin-bottom: 16px;
    font-family: "Open Sans";
}

.widget-links ul li a:after {
    content: "5";
    font-family: "ElegantIcons";
    position: absolute;
    right: 0;
}

/* Widget Info */
#footer.style2 .widget.widget-info.v2 {
    float: unset;
    width: unset;
    padding: unset;
}

.widget.widget-info h4.widget-title {
    margin-bottom: 39px;
}

.widget-info .flat-iconbox.style2 {
    padding-bottom: 73px;
    border-bottom: 1px solid #343434;
}

.widget-info .flat-iconbox.style2.v2 {
    padding-bottom: 90px;
}

#footer.style1 .widget.widget-info h4.widget-title {
    margin-bottom: 44px;
}

/* Widget Latest News */
.widget.widget-last-news h4.widget-title {
    margin-bottom: 44px;
}

.widget-last-news li {
    margin-bottom: 30px;
}

.widget-last-news .img {
    float: left;
    position: relative;
}

.widget-last-news .content {
    padding-left: 89px;
}

.widget-last-news .content h6.heading a {
    color: #808080;
}

.widget-last-news .content p a {
    color: #808080;
    font-family: "Open Sans";
    font-weight: 400;
}

/* Bottom */
#footer .bottom {
    position: relative;
}

.bottom.style1 .flat-socails {
    width: 30%;
    float: left;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
}

.bottom.style1  .flat-copy-right {
    width: 70%;
    float: right;
}

/* Style2 */
.bottom.style2 .copy-right,
.bottom.style2 .flat-socails {
    width: 50%;
    float: left;
}

.bottom.style2 .copy-right {
    padding:  38px 0;
}

.bottom.style2 .flat-socails {
    padding: 25px 0;
}

/* Style3 */
#footer .bottom.style3 {
    border-top: 1px solid #343434;
    padding-top: 55px;
}

#footer .bottom.style3 .flat-socails:before,
#footer .bottom.style3 .flat-socails:after {
    content: unset;
}

.bottom.style3 .flat-copy-right,
.bottom.style3 .flat-socails {
    width: 50%;
    float: left;
}

#footer .bottom.style3 .flat-copy-right:after {
    content: unset;
}

/* Go Top
-------------------------------------------------------------- */
.gotop{
    position:fixed;
    right:0px;
    bottom: -100px;
    z-index:10;
    cursor:pointer;
    transform: rotate(-90deg);
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease
}

.gotop.goto{
    bottom: 20px;
    transform: rotate(0deg);
}