/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Quicksand:wght@300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500;700;900&display=swap');





/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#9cbbcc!important; color:#fff}
::-moz-selection{ background:#9cbbcc!important; color:#fff}

a{text-decoration: none; outline:none}
a:hover{ color:#666666; text-decoration: none; outline:none}

body{ background:#fff; border:0; font: 13px 'Roboto Condensed', sans-serif; color:#666666 ; line-height:1.6154; min-width:320px;}
img {
    height: auto;
    max-width: 100%;
}
ul, ol, li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mb-20{
    margin-bottom: 20px;
}
.container { position: relative; /*min-width: 320px;*/}

#main{margin: 0 auto; position: relative; overflow: hidden;}

/* Page Animated item Styles */
/*.animated {
  visibility: hidden;
}*/

.visible {
visibility: visible;
}

/* ============================= header ====================== */
.top0{position: relative; background: #92929e; padding: 10px 0px; color: #fff; line-height: 16px; font-size: 12px; text-transform: uppercase;}

.top0 .block-left{float: left;}
.top0 .block-right{float: right;}

.address1{display: inline-block; vertical-align: top; position: relative; padding-right: 25px; border-right: 1px solid #fff;}
.address1 .ei{position: absolute; left: 0; top: 0; font-size: 14px; color: #fff;}

.phone1{display: inline-block; vertical-align: top; position: relative; padding-left: 25px;padding-right: 25px; margin-right: 20px;}
.phone1 .ei{position: absolute; left: 0; top: 0; font-size: 14px; color: #fff;}

.social_wrapper{display: inline-block; vertical-align: top;}
.social{ display: block; margin: 0; padding: 0; list-style: none;}
.social li{display: inline-block; margin: 0px 10px 0 0;}
.social li:first-child{}
.social li a{display: block; text-decoration: none; font-size: 13px; color: #fff; text-align: center; line-height: 16px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{color: #9cbbcc;}

.signin1{display: inline-block; vertical-align: top; border-right: 1px solid #fff; padding-right: 25px; margin-right: 20px;}
.signin1 a{color: #fff; text-decoration: none;}

.register1{display: inline-block; vertical-align: top; border-right: 1px solid #fff; padding-right: 25px; margin-right: 10px;}
.register1 a{color: #fff; text-decoration: none;}

.lang1{display: inline-block; vertical-align: top;}
.lang1 .dropdown-toggle {border: none; padding: 0; background: none!important; outline: none;display: block; width: 100%; padding-left: 10px; text-align: left; font-size: 12px; line-height: 16px; color: #fff;}
.lang1 .dropdown-toggle:focus, .lang1 .dropdown-toggle:hover, .lang1 .dropdown-toggle:active{background: none; outline: none; box-shadow: none; color: #fff!important;}
.lang1 .dropdown-toggle:before{content: ''; display: inline-block; width: 18px; height: 12px; background: url(../images/flag_en.png) 0 0 no-repeat; vertical-align: top; margin-top: 2px; margin-right: 5px;}
.lang1 .dropdown-toggle .caret{display: inline-block; width: 8px; height: 5px; border: none; background: url(../images/arr0.png); margin-left: 10px;}
.lang1 .open > .dropdown-toggle{color: #fff;}

.lang1 .dropdown-toggle.vi:before{
    background: url(../images/flag_vi.png) 0 0 no-repeat;
    background-size: cover;
}

.lang1 .dropdown-toggle.en:before{
    background: url(../images/flag_en.png) 0 0 no-repeat;
}

.lang1 .dropdown-menu {min-width: 100%; margin: 0; padding: 0; left: -1px; right: -1px; margin-top: 13px; border-radius: 0; border: 1px solid #1c2931; box-shadow: none; z-index: 41; background: #fff;}
.lang1 .dropdown-menu a{display: block; font-size: 13px; line-height: 20px; padding: 4px 0 4px 10px; color: #444; text-decoration: none;}
.lang1 .dropdown-menu a:hover{background: #1c2931; color: #fff;}
.lang1 .dropdown-menu a:before{content: ''; display: inline-block; width: 18px; height: 12px; background: url(../images/flag_en.png) 0 0 no-repeat; vertical-align: top; margin-top: 5px; margin-right: 5px;}
.lang1 .dropdown-menu a.ge:before{background: url(../images/flag_ge.png) 0 0 no-repeat;}
.lang1 .dropdown-menu a.ru:before{background: url(../images/flag_ru.png) 0 0 no-repeat;}
.lang1 .dropdown-menu a.vi:before {background: url(../images/flag_vi.png) 0 0 no-repeat; background-size: cover;}

.mid-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo{
    width: 160px;
    padding: 40px 0px;
}
.bottom-head{
    background: #000;
    border-bottom: solid 4px #F4D600;
}
.cart-header{
    text-align: center;
    position: relative;
}
.cart-header img{
    width: 35px;
}
.search-box{
    width: 45%;
}

.header-contact .contact-icon {
    display: block;
    height: 40px;
    width: 40px;
    background-image: url(../images/svg/header-contact-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    float: left;
    margin: 5px 15px 0 0;
}
.header-contact .contact-text {
    overflow: hidden;
    text-align: left;
    color: #000000;
    line-height: 25px;
}
.header-contact .contact-text span {
    display: block;
}
.header-contact .contact-text .contact-number {
    font-size: 14px;
    font-weight: 700;
}
.header-contact {
    border-right: 1px solid #d9d9d9;
    padding: 0 20px 0 0;
}

.cat-flex {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-template-rows: auto;
    box-sizing: border-box;
    justify-content: space-between;
    justify-items: stretch;
}

.cat-flex-item {
    margin-bottom: 15px;
    text-align: center;
    box-shadow: 0 3px 24px rgba(0,0,0,.04);
    padding: 10px;
    border-radius: 10px;
}
.cat-flex-item a{
    display: block;
}
.cat-flex-item .image-show {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 100%;
}
.cat-flex-item h3{
    height: 40px;
    overflow: hidden;
    line-height: 22px;
}
.cat-flex-item h3 a{
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.inner-cat-box{
    display: flex;
    justify-content: space-between;
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0 3px 24px rgba(0,0,0,.04);
}
.car-parent{
    width: 250px;
    position: relative;
}
.car-parent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 66%);
    transition: .3s;
    z-index: 1;
}
.car-parent h3{
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    z-index: 2;
    background-color: #ffc107;
    margin-bottom: 0px;
    line-height: 40px;
}
.car-parent h3 a{
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}
.car-parent .image-show {
    border-radius: 0px;
    overflow: hidden;
    margin-bottom: 0px;
    padding-top: 140%;
}
.cat-child{
    width: calc(100% - 250px);
}
.cat-title{
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.cat-title h3{
    margin-bottom: 0px;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}
.cat__item .image-show{
    padding-top: 100%;
    border-radius: 0px;
    overflow: hidden;
}
.cat__list{
    padding-left: 20px;
    padding-right: 20px;
}
.cat__item h3{
    padding: 5px 10px;
    height: 60px;
    overflow: hidden;
    line-height: 16px;
    text-align: center;
}
.cat__item h3 a{
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 600;
    position: relative;
    height: 45px;
    overflow: hidden;
    margin: 0;
}
.cat__item{
    background: #EDECE8;
}
.product-img-inner {
    transition: all 450ms;
    overflow: hidden;
}
.product-img-inner figure a {
    display: block;
    text-decoration: none;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.car-parent:hover .fg-img{
    transition: all 450ms;
    cursor: pointer;
}
.car-parent:hover .fg-img {
    transform: scale(1.1);
    cursor: pointer;
}

#top1{width: 100%; position: relative; left: 0; top: 0; /*z-index: 99;*/ min-width: 320px;}

#top2-sticky-wrapper{}

.sticky-wrapper.is-sticky {}

#top2{position: relative; z-index: 40;}

.top2_wrapper{ 
    background: #1c2931;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.logo_wrapper img{max-height: 45px; max-width: 140px;}
.is-sticky .top2_wrapper{position: fixed;}

.top2{position: relative;}

.top3-wrapper{position: relative; background: #f5f5f5;}
.top3{background: url(../images/shadow1.png) center top no-repeat; background-size: 100% 16px; padding: 20px 0; text-align: right;}

.top4-wrapper{position: relative;}
.top4{background: url(../images/shadow1.png) center top no-repeat; background-size: 100% 16px; height: 16px;}

.top5-wrapper{position: relative;}
.top5{background: url(../images/shadow1.png) center top no-repeat; background-size: 100% 16px; height: 2px;}
.top-right{
    padding-top: 15px;
}
.search-widget{position: relative;}
.search-widget input{
    height: 50px;
    width: 100%;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
    font-size: 13px;
}
.search-widget button{
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 55px;
    text-align: center;
    border: none;
    background: #d52b27;
}
.lang1 button strong{text-transform: uppercase;}
.cart-mobile.cart-header{
    width: auto;
    margin-right: 10px;
    margin-left: 5px;
}
.cart-mobile a{
    color: #fff !important;
}
.cart-header a{color: #fff; font-size: 20px;}
.cart-header span {
    background: #ff0000;
    color: #fff;
    padding: 0px 7px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    font-size: 14px;
    right: -10px;
}
.mobile-mode .navbar{
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-menu{
    background: #F4D600;
    position: relative;
}
.navbar_ .nav > li.home-menu > a:hover{
    background: #F4D600;
}
.home-menu:before {
    left: -6px;
    border-bottom: 6px solid #F4D600;
    border-left: 6px solid transparent;
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: -6px;
}
.home-menu:after {
    right: -6px;
    border-bottom: 6px solid #F4D600;
    border-right: 6px solid transparent;
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: -6px;
}
.home-menu a:after {
    content: '';
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    top: -6px;
    background: #F4D600;
}
/* ============================= content ====================== */

#content{position: relative; padding-top: 30px; padding-bottom: 60px;}

#home{position: relative; overflow: hidden; background: #fff;}
#slides_wrapper{position: relative; }

#intro{position: relative; padding-bottom: 40px; padding-top: 40px;}

.booking-wrapper{ position: relative; z-index: 3; margin-top: -150px; padding-bottom: 16px; background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px; margin-bottom: 60px;}
.booking{border-top: 8px solid #1c2931; background: #fff; position: relative; box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);}

.booking .col1{padding-left: 15px; padding-right: 15px; float: left; width: 20%;}

.booking .col2{padding-left: 15px; padding-right: 15px; float: left; width: 60%;}

.booking .col3{padding-left: 15px; padding-right: 15px; float: left; width: 40%; text-align: right;}

#slider-range-wrapper{padding-left: 110px; position: relative; margin-top: 20px;}
#slider-range-wrapper .txt{position: absolute; left: 0; top: -6px; font-size: 14px; font-weight: 600; color: #545454; text-transform: uppercase;}
#slider-range{border-radius: 2px; border: 1px solid #eeeeee; height: 10px; background: #fff; margin-bottom: 20px;}
#slider-range .ui-slider-range{background: #1c2931; border-radius: 0; top: -1px; height: 10px;}
#slider-range .ui-slider-handle{background: #9cbbcc; width: 18px; height: 18px; border-radius: 50%; top: -5px; border: 3px solid #fff; outline: none; margin-left: -9px; box-shadow: 0 0 1px #cdcdcd; moz-box-shadow: 0 0 1px #cdcdcd; -webkit-box-shadow: 0 0 1px #cdcdcd;}


#amount, #amount2{padding: 0; border: none; background: none; float: left; display: block; font-size: 12px; color: #555555; width: 70px;}
#amount2{float: right; text-align: right;}

.adv-serach{display: inline-block; padding-right: 10px;}
.adv-serach a{color: #406d80; text-decoration: none; text-transform: uppercase; font-size: 10px;}

.btn-form1-submit{display: inline-block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans Condensed'; font-size: 14px; line-height: 42px; padding: 0 60px 0 25px; text-transform: uppercase; letter-spacing: 1px; background: #2e393f; position: relative; overflow: hidden; border: 1px solid #1c2931;}
.btn-form1-submit:hover{color: #fff; background: #fe0f01; border: 1px solid #fe0f01;}
.btn-form1-submit span{position: relative; display: inline-block;}
.btn-form1-submit:before{content: ''; display: block; width: 60px; height: 60px; position: absolute; right: -10px; top: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.btn-form1-submit1{display: inline-block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans Condensed'; font-size: 14px; line-height: 42px; padding: 0 60px 0 25px; text-transform: uppercase; letter-spacing: 1px; background: #2e393f; position: relative; overflow: hidden; border: 1px solid #1c2931;}
.btn-form1-submit1:hover{color: #2e393f; background: #fff; border: 1px solid #2e393f;}
.btn-form1-submit1 span{position: relative; display: inline-block;}
.btn-form1-submit1:before{content: ''; display: block; width: 60px; height: 60px; position: absolute; right: -10px; top: 0;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
/*.btn-form1-submit:hover:before{background: #9cbbcc;}*/
.btn-form1-submit:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; position: absolute; right: 0; top: 0; font-size: 20px; color: #fff; width: 42px; text-align: center;}
.btn-form1-submit:hover:after{color: #fff;}

.btn-form1-submit1:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; position: absolute; right: 0; top: 0; font-size: 20px; color: #fff; width: 42px; text-align: center;}
.btn-form1-submit1:hover:after{color: #2e393f;}


.breadcrumbs1_wrapper{position: relative;}
.breadcrumbs1{padding: 10px 0; font-weight: 400; line-height: 20px; color: #545454; font-size: 11px;}
.breadcrumbs1 a{color: #999999; text-decoration: none;}
.breadcrumbs1 a:hover{color: #000; text-decoration: none;}
.breadcrumbs1 span{display: inline-block; margin: 0 5px;}
.breadcrumbs1 span:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block;}

/* ============================= select2 start ====================== */
.form1{display: block; padding: 60px 60px 40px; position: relative;}
.form1 label{display: none;}

.select1_wrapper{margin-bottom: 40px;}
.select1_wrapper .more{display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #464646; padding-top: 5px; padding-left: 5px;}

.select1_inner{position: relative; background: #fff; border: 1px solid #ebebeb; height: 42px; position: relative;}
.select1_inner:after{content: ''; display: block; width: 10px; height: 7px; background: url(../images/a1.png) 0 0 no-repeat; position: absolute; right: 10px; top: 17px; pointer-events: none;}

.select2{width: 100%;}
.select2 *:focus{outline: none!important;}

.select2-container--default .select2-results > .select2-results__options{max-height: 500px;}
.select2-container--default .select2-selection--single{background: none;border-radius: 0; border: none; height: auto;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px; line-height: 20px; padding: 10px 20px 10px 15px; color: #000000;}
.select2_inner .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.select2-dropdown{background: none;border-radius: 0; z-index: 10; min-width: 0px;}
.select2-container--open .select2-dropdown--below{border: none;box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);}

.select2-results__option{padding: 10px  5px 10px 15px; background: #fff; font-size: 14px; line-height: 20px; color: #444444; border-top: none;}
.select2-results__option:first-child{border-top: none;}
.small .select2-results__option {
  padding-left: 0;
}
.select2-container--default .select2-results__option[aria-selected=true]{background: #1c2931; color: #fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background: #1c2931; color: #fff;}
/* ============================= select2 end ====================== */

#welcome{position: relative;}

#welcome .logo-s{text-align: center; padding-bottom: 30px;}
#welcome .logo-s img{display: inline-block;}
#welcome .txt1{text-align: center; color: #fff; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; font-weight: 700; font-family: 'Open Sans Condensed'; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
#welcome .txt1:after{content: ''; display: block; width: 60px; height: 3px; background: #fff; position: absolute; left: 50%; margin-left: -30px; bottom: 0;}
#welcome .txt2{text-align: right; font-size: 17px; color: #fff; padding-right: 15px;}
#welcome .txt2 b{color: #ee2524;}
#welcome .txt3{padding-left: 15px; position: relative; font-family: 'Open Sans Condensed'; font-size: 52px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 1.05;}
#welcome .txt3:before{content: ''; display: block; width: 1px; height: 100%; background: #1c2931; position: absolute; left: -15px; top: 0;}
#welcome .txt3 span{color: #ee2524;}

#best{position: relative; padding-top: 70px; padding-bottom: 80px;}

.tabs1{padding: 0; background: none; border-radius: 0; font-family: inherit;}

.tabs1_tabs{text-align: center; padding-bottom: 40px;}
.tabs1_tabs .ui-tabs-nav{padding: 0; display: block; font-family: 'Open Sans'; font-weight: 600; font-size: 13px; line-height: 20px; border: none; border-radius: 0; background: none;}
.tabs1_tabs .ui-tabs-nav li{margin: 0!important; border: none; background: none; font-weight: 500; display: inline-block; padding: 0 20px; float: none;}
.tabs1_tabs .ui-tabs-nav li.ui-tabs-active{margin: 0;padding: 0 20px;}
.tabs1_tabs .ui-tabs-nav .ui-tabs-anchor{color: #999999; padding: 8px 0; background: none; float: none; display: block; border-bottom: 1px solid #fff; font-weight: 600;}
.tabs1_tabs .ui-tabs-nav .ui-tabs-anchor:focus{outline: none;}
.tabs1_tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{ background: none; color: #1c2931; border-color: #999999;}

.tabs1_content{}
.tabs1_content .ui-tabs-panel{padding: 0px;}

#car{position: relative;background: url(../images/bg-brand.jpg) center center no-repeat #1c2931; overflow: hidden; background-size: cover; padding-bottom: 40px;}

.car-inner{position: relative; padding: 70px 0; z-index: 1; text-align: right; color: #fff;}
.car-inner:before{content: ''; display: block; width: 3000px; top: -10px; bottom: -10px; position: absolute;left: -150px; z-index: -1; background: #1c2931;border: solid 1px #1c2931;padding: 1px;background-clip: content-box;
-webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.car-inner .txt1{ font-size: 15px; line-height: 1.2; font-family: 'Open Sans Condensed'; text-transform: uppercase; color: #fff; font-weight: 700; padding-bottom: 15px;letter-spacing: 0px; text-align: right;}
.car-inner .txt1 span{display: inline-block; position: relative; padding-left: 15px; padding-right: 15px;}
.car-inner .txt1 span:before{content: ''; display: block; width: 4px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.car-inner .txt1 span:after{content: ''; display: block; width: 4px; height: 100%; background: #fff; position: absolute; right: 0; top: 0;}

.car-inner .txt2{ font-size: 30px; line-height: 1.2; font-family: 'Open Sans Condensed'; text-transform: uppercase; color: #fff; font-weight: 700; padding-bottom: 30px;letter-spacing: 0;}

.car-inner .txt3{padding-bottom: 15px;}

#info{position: relative;padding-bottom: 16px; background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px;}
.info-wrapper{background: #f6f8fa; padding: 40px 0;}

.info-inner{display: table; width: 100%;}
.info-inner .info1{display: table-cell; width: 25%; text-align: center; border-left: 1px solid #2e393f; vertical-align: middle; padding: 25px 10px;}
.info-inner .info1:first-child{border-left: none; border-top: none;}
.info-inner .info1-inner{display: inline-block; text-align: left; white-space: nowrap;}
.info-inner .info1 .img1{display: inline-block;float: left; margin-top: 10px;}
.info-inner .info1 .caption{float: left; padding-left: 10px; text-transform: uppercase; line-height: 1.4;}
.info-inner .info1 .txt1{ font-size: 30px; color: #1c2931; font-weight: 700;font-family: 'Open Sans Condensed';}
.info-inner .info1 .txt2{ font-size: 12px; color: #727272;}

#testimonials{position: relative; background: url(../images/bg-feedback.jpg) center center no-repeat; padding-top: 70px; padding-bottom: 70px; background-size: cover;}

/* ============================= review ====================== */
#review{position: relative;margin-top: 0px; margin-bottom: 0px;}

.review_pagination{display: block; vertical-align: top; padding-top: 20px; text-align: center;}
.review_pagination a{display: inline-block; width:13px; height:13px; margin: 0 13px 0 0;position: relative;}
.review_pagination a span{display:block;width: 100%; height: 100%; background: none; text-indent: -9999%; cursor:pointer; position: relative; overflow: hidden;background: #1c2931;}
.review_pagination a:hover span, .review_pagination a.selected span{background: #ee2524;}


#review .carousel-box{position: relative;}
#review .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#review .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -30px; }
#review .caroufredsel_wrapper{padding: 0; margin: 0;}
#review .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#review .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:30px }

.review{}
.review .review_inner{position: relative; padding: 0px;}
/* ============================= review end ====================== */

.testimonial-wrapper{text-align: center;}
.testimonial-wrapper .txt1{font-size: 12px; color: #999999; font-weight: 600; padding-bottom: 80px;}
.testimonial-wrapper .txt1 b{color: #000; font-weight: 700;}
.testimonial-wrapper .txt2{height: 1px; background: #eeeeee; margin-left: 50px; margin-right: 50px; position: relative; margin-bottom: 90px;}
.testimonial-wrapper .txt2 .img-wrapper{position: absolute;width: 100%; left: 0; top: -52px;}
.testimonial-wrapper .txt2 img{display: inline-block;}
.testimonial-wrapper .txt2:before, .testimonial-wrapper .txt2:after{content: ''; display: block; width: 33px; height: 19px; background: url(../images/testimonial-quote.png) 0 0 no-repeat; position: absolute; left: -50px; top: -10px;}
.testimonial-wrapper .txt2:after{left: auto; right: -50px;}
.testimonial-wrapper .txt3{font-size: 16px; line-height: 2; color: #666666;}


/* ============================= footer ====================== */
.bot1-wrapper{position: relative; background: #333333; padding-top: 40px; padding-bottom: 60px; color: #999999; font-size: 12px;}

.bot1-title{ font-size: 14px; line-height: 1.2; font-family: 'Open Sans'; text-transform: uppercase; color: #fff; font-weight: 700; padding-bottom: 25px;letter-spacing: 0px; margin-top: 30px;}
.bot1-title span{display: inline-block; position: relative; padding-left: 15px; padding-right: 15px;}
.bot1-title span:before{content: ''; display: block; width: 3px; height: 100%; background: #cccccc; position: absolute; left: 0; top: 0;}
.bot1-title span:after{content: ''; display: block; width: 3px; height: 100%; background: #cccccc; position: absolute; right: 0; top: 0;}

.news-block{}
.news1{padding-top: 20px; margin-top: 20px; border-top: 1px solid #444444;}
.news1:first-child{padding-top: 0; margin-top: 0; border-top: none;}
.news1 .txt1{padding-bottom: 5px;}
.news1 .txt2 a{color: #fefefe; text-decoration: none; font-size: 10px;}

.autos-block{}
.autos1{padding-top: 14px; margin-top: 14px; border-top: 1px solid #444444;}
.autos1:first-child{padding-top: 0; margin-top: 0; border-top: none;}
.autos1 figure{float: left; margin-right: 15px;}
.autos1 .caption{overflow: hidden;}
.autos1 .caption .txt1{color: #fff; font-size: 12px; text-transform: uppercase; padding-bottom: 10px;}
.autos1 .caption .txt2{padding-left: 30px; position: relative; font-size: 12px; color: #999999; font-weight: 600; background: url(../images/speed-ic.png) 0 0 no-repeat; margin-bottom: 5px;}
.autos1 .caption .txt3 a{color: #fefefe; text-decoration: none; font-size: 10px;}

.twitter-block{}
.twitter1{padding-top: 20px; margin-top: 20px; border-top: 1px solid #444444; padding-left: 25px; background: url(../images/twitter-ic.png) 0 20px no-repeat;}
.twitter1:first-child{padding-top: 0; margin-top: 0; border-top: none; background-position: 0 5px;}
.twitter1 .txt1{padding-bottom: 5px;}
.twitter1 .txt2 a{color: #fefefe; text-decoration: none; font-size: 10px;}

.address2{display: inline-block; vertical-align: top; position: relative; padding-left: 25px;}
.address2 .ei{position: absolute; left: 0; top: 5px; font-size: 14px; color: #cccccc;}

.bot1-map-wrapper{background: url(../images/map.png) center center no-repeat; background-size: contain; margin-top: 70px;}
.bot1-map-wrapper a{color: #999999;}

.phone2{display: block; vertical-align: top; position: relative; padding-left: 25px; margin-bottom: 10px;}
.phone2 .ei{position: absolute; left: 0; top: 0px; font-size: 14px; color: #cccccc;}

.fax2{display: block; vertical-align: top; position: relative; padding-left: 25px; margin-bottom: 10px;}
.fax2 .ei{position: absolute; left: 0; top: 0px; font-size: 14px; color: #cccccc;}

.email2{display: block; vertical-align: top; position: relative; padding-left: 25px; margin-bottom: 10px;}
.email2 .ei{position: absolute; left: 0; top: 0px; font-size: 14px; color: #cccccc;}

.open-loaction-map{text-align: center; padding-top: 25px; padding-bottom: 50px;}

.bot2-wrapper{background: #222222; padding-top: 50px; padding-bottom: 35px; color: #999999; font-size: 12px;}
.bot2{}
.bot2 .left-block{float: left;}
.bot2 .right-block{float: right; text-align: right;}

.logo2_wrapper{display: inline-block; vertical-align: top; padding-right: 20px;}

.copyrights{
    padding: 10px;
    text-align: center;
    background: #000;
    color: #fff;
}
.social2 img{height: 25px; width: 25px;}
.widget-body ul{margin: 0; padding: 0;}

.social2_wrapper{display: block; vertical-align: top;}
.social2{ display: inline-block; margin: 0; padding: 0; list-style: none;}
.social2 li{display: inline-block; margin: 0px 0 10px 10px;}
.social2 li:first-child{}
.social2 li a{display: block; text-decoration: none; font-size: 22px; color: #999999; text-align: center; line-height: 22px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social2 li a:hover{color: #9cbbcc;}

.menu2_wrapper{display: block; vertical-align: top; padding-top: 10px;}
.menu2{ display: inline-block; margin: 0; padding: 0; list-style: none;}
.menu2 li{display: inline-block; margin: 0px 0 10px 10px;}
.menu2 li:first-child{}
.menu2 li a{display: block; text-decoration: none; font-size: 12px; color: #999999; text-align: center; line-height: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.menu2 li a:hover{color: #9cbbcc;}

/* ============================= listing start ====================== */
.tabs-wrapper{display: inline-block; padding-right: 40px; vertical-align: top;}
.tabs-wrapper .txt{display: inline-block; font-size: 11px; font-weight: 600; color: #444444; text-transform: uppercase; padding-right: 15px;vertical-align: top;padding-top: 13px;}
.tabs1-wrapper{display: inline-block; vertical-align: top;}
.tabs1-wrapper .tabs{display: inline-block; padding: 0; margin: 0; list-style: none; line-height: 0; font-size: 0;vertical-align: top;}
.tabs1-wrapper .tabs li{display: inline-block;}
.tabs1-wrapper .tabs li a{display: block; background: #ffffff; line-height: 20px; padding: 11px 5px; width: 50px; text-align: center; color: #999999; margin-left: 1px; font-size: 16px;}
.tabs1-wrapper .tabs li a:hover, .tabs1-wrapper .tabs li.active a{color: #1c2931;}

.tabgroup{position: relative;}
.tabgroup > div{position: relative; display: none;}

.sort-wrapper{display: inline-block; text-align: left; vertical-align: top;}
.sort-wrapper .txt{display: inline-block; font-size: 11px; font-weight: 600; color: #444444; text-transform: uppercase; padding-right: 15px;vertical-align: top;padding-top: 13px;}
.sort-wrapper .select1_wrapper{width: 130px; display: inline-block; margin-bottom: 0;vertical-align: top;}
.sort-wrapper .select1_wrapper label{display: none;}

.sidebar-form-wrapper{padding-bottom: 16px; background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px; margin-bottom: 25px;}
.sidebar-form{padding: 25px; border: 1px solid #eeeeee; border-top: 8px solid #3e4950;}

.form2{display: block; position: relative;}
.form2 label{font-size: 10px; color: #464646; text-transform: uppercase; display: block; margin: 0 0 5px; font-weight: 400;}
.form2 .select1_wrapper{margin-bottom: 25px;}
.form2 #slider-range-wrapper{padding-left: 0; margin-top: 0; padding-top: 0px; margin-bottom: 40px;}
.form2 #slider-range-wrapper .txt{position: relative; left: auto; top: auto;font-size: 10px; color: #464646; text-transform: uppercase; display: block; margin: 0 0 10px; font-weight: 400; padding-bottom: 0;}

.btn-form2-submit{display: block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans'; font-size: 14px; line-height: 42px; padding: 0 5px; text-transform: uppercase; letter-spacing: 0px; background: #1c2931; position: relative; border: none; width: 100%; text-align: center; margin-bottom: 5px;}
.btn-form2-submit:hover{color: #fff; background: #ee2524;}
.btn-form2-submit:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 16px; margin-left: 15px;}

.reset-filters{}
.reset-filters a{text-transform: uppercase; color: #464646; font-size: 10px;}

.banner{position: relative; background: #1c2931; margin-bottom: 40px; border-top: 8px solid #3e4950;}
.banner figure{position: relative;}
.banner figure img{position: relative; width: 100%;}
.banner .caption{position: relative; padding: 25px; color: #fff;}
.banner .caption .txt1{position: relative; font-size: 20px; line-height: 1.1; font-weight: 700; text-align: center; padding: 0 15px; margin-bottom: 15px;}
.banner .caption .txt1:before{content: ''; display: block; width: 4px; height: 100%; background: #ffffff; position: absolute; left: 0; top: 0;}
.banner .caption .txt1:after{content: ''; display: block; width: 4px; height: 100%; background: #ffffff; position: absolute; right: 0; top: 0;}
.banner .caption .txt2{margin-bottom: 15px;}

.car-view1-wrapper{padding-bottom: 16px; background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px; margin-bottom: 25px;}
.car-view1{border: 1px solid #eeeeee; padding: 4px;}
.car-view1 figure{float: left; margin-right: 25px;}
.car-view1 .caption{overflow: hidden; padding-right: 20px; padding-top: 10px;}
.car-view1 .top-info{padding-bottom: 0px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.car-view1 .info1{float: left; max-width: 60%;}
.car-view1 .info2{float: right;}
.car-view1 .txt1{font-size: 20px; line-height: 1; color: #212121; font-weight: 600; position: relative; padding-left: 15px; margin-bottom: 1px;}
.car-view1 .txt1:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.car-view1 .txt2{padding-bottom: 10px;}
.car-view1 .txt2 .txt{font-size: 10px; color: #464646; display: inline-block; padding-right: 15px;}
.car-view1 .txt2 .stars{}
.car-view1 .txt3{background: #ee2524; min-width: 110px; text-align: right; font-size: 20px; line-height: 1; color: #fff; padding: 8px 10px; font-weight: 600; margin-bottom: 10px;}
.car-view1 .txt4{color: #666666; padding-bottom: 15px;}
.car-view1 .bot-info{}
.car-view1 .info3{float: left;max-width: 60%;}
.car-view1 .info4{float: right;}
.car-view1 .txt5{padding-left: 30px; position: relative; font-size: 12px; color: #464646; font-weight: 600; background: url(../images/speed-ic.png) 0 0 no-repeat; margin-bottom: 0px;}
.car-view1 .txt6{font-size: 11px; color: #464646;}
.car-view1 .txt7{padding-top: 5px; min-width: 110px;}

.car-view2-wrapper{padding-bottom: 16px; background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px; margin-bottom: 25px;}
.car-view2{border: 1px solid #eeeeee; padding: 4px;}
.car-view2 figure{}
.car-view2 figure img{width: 100%;}
.car-view2 .caption{padding: 20px 16px 6px;}
.car-view2 .top-info{padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.car-view2 .info1{position: relative;padding-left: 15px;}
.car-view2 .info1:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.car-view2 .txt1{font-size: 15px; line-height: 1; color: #212121; font-weight: 600; position: relative; margin-bottom: 1px;}
.car-view2 .txt2{}
.car-view2 .txt2 .txt{font-size: 10px; color: #464646; display: inline-block; padding-right: 15px;}
.car-view2 .txt2 .stars{}
.car-view2 .txt3{color: #666666; padding-bottom: 10px;}
.car-view2 .txt4{font-size: 10px; padding-bottom: 10px;}
.car-view2 .txt4 ul{padding-left: 18px;}
.car-view2 .txt5{padding-left: 30px; position: relative; font-size: 12px; color: #464646; font-weight: 600; background: url(../images/speed-ic.png) 0 0 no-repeat; margin-bottom: 15px;}
.car-view2 .bot-info{}
.car-view2 .info2{float: left; width: 47%;}
.car-view2 .info3{float: right; width: 47%;}
.car-view2 .txt6{background: #ee2524; text-align: center; font-size: 16px; line-height: 20px; color: #fff; padding: 6px 5px 5px; font-weight: 600; margin-bottom: 10px;}
.car-view2 .txt7{margin-bottom: 10px;}

.car-view3-wrapper{padding-bottom: 16px; margin-bottom: 25px;}
.car-view3{border: 1px solid #eeeeee; padding: 4px;}
.car-view3 figure{float: left; margin-right: 25px;}
.car-view3 .caption{overflow: hidden; padding-right: 20px; padding-top: 10px;}
.car-view3 .top-info{padding-bottom: 0px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.car-view3 .info1{float: left; max-width: 60%;}
.car-view3 .info2{float: right;}
.car-view3 .txt1{font-size: 20px; line-height: 1; color: #212121; font-weight: 600; position: relative; padding-left: 15px; margin-bottom: 1px;}
.car-view3 .txt1:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.car-view3 .txt2{padding-bottom: 10px;}
.car-view3 .txt2 .txt{font-size: 10px; color: #464646; display: inline-block; padding-right: 15px;}
.car-view3 .txt2 .stars{}
.car-view3 .txt3{background: #ee2524; min-width: 110px; text-align: right; font-size: 20px; line-height: 1; color: #fff; padding: 8px 10px; font-weight: 600; margin-bottom: 10px;}
.car-view3 .txt4{color: #666666; padding-bottom: 15px;}
.car-view3 .bot-info{}
.car-view3 .info3{float: left;max-width: 60%;}
.car-view3 .info4{float: right;}
.car-view3 .txt5{padding-left: 30px; position: relative; font-size: 12px; color: #464646; font-weight: 600; background: url(../images/speed-ic.png) 0 0 no-repeat; margin-bottom: 0px;}
.car-view3 .txt6{font-size: 11px; color: #464646;}
.car-view3 .txt7{padding-top: 5px; min-width: 110px;}

.car-view4-wrapper{padding-bottom: 16px; margin-bottom: 25px;}
.car-view4{border: 1px solid #eeeeee; padding: 4px;}
.car-view4 figure{}
.car-view4 figure img{width: 100%;}
.car-view4 .caption{padding: 20px 16px 6px;}
.car-view4 .top-info{padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.car-view4 .info1{position: relative;padding-left: 15px;}
.car-view4 .info1:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.car-view4 .txt1{font-size: 15px; line-height: 1; color: #212121; font-weight: 600; position: relative; margin-bottom: 1px;}
.car-view4 .txt2{}
.car-view4 .txt2 .txt{font-size: 10px; color: #464646; display: inline-block; padding-right: 15px;}
.car-view4 .txt2 .stars{}
.car-view4 .txt3{color: #666666; padding-bottom: 10px;}
.car-view4 .txt4{font-size: 10px; padding-bottom: 10px;}
.car-view4 .txt4 ul{padding-left: 18px;}
.car-view4 .txt5{padding-left: 30px; position: relative; font-size: 12px; color: #464646; font-weight: 600; background: url(../images/speed-ic.png) 0 0 no-repeat; margin-bottom: 15px;}
.car-view4 .bot-info{}
.car-view4 .info2{float: left; width: 47%;}
.car-view4 .info3{float: right; width: 47%;}
.car-view4 .txt6{background: #ee2524; text-align: center; font-size: 16px; line-height: 20px; color: #fff; padding: 6px 5px 5px; font-weight: 600; margin-bottom: 10px;}
.car-view4 .txt7{margin-bottom: 10px;}
/* ============================= listing end ====================== */


/* ============================= details start ====================== */
.gslider-wrapper{position: relative;border-top: 8px solid #3e4950; margin-bottom: 40px;}

.banner2-wrapper{background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px; padding-bottom: 16px; margin-bottom: 25px;}
.banner2{position: relative; border: 1px solid #eeeeee; border-top: 8px solid #3e4950; padding: 20px;}
.banner2 .top-info{padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.banner2 .info1{position: relative;padding-left: 15px; margin-left: -20px; padding-left: 20px;}
.banner2 .info1:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.banner2 .txt1{font-size: 20px; line-height: 1; color: #212121; font-weight: 600; position: relative; margin-bottom: 1px;}
.banner2 .txt2{}
.banner2 .txt2 .txt{font-size: 10px; color: #464646; display: inline-block; padding-right: 15px;}
.banner2 .txt2 .stars{}
.banner2 .txt3{background: #ee2524; text-align: center; font-size: 16px; line-height: 20px; color: #fff; padding: 6px 5px 5px; font-weight: 600; margin-bottom: 10px;}
.banner2 .txt4{font-size: 15px; font-weight: 700; color: #1c2931; padding-bottom: 10px;}
.banner2 .txt5{font-size: 13px; font-weight: 400; color: #464646; padding-bottom: 10px;}
.banner2 .form-wrapper{position: relative;}

.banner3-wrapper{background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px; padding-bottom: 16px; margin-bottom: 25px;}
.banner3{position: relative; border: 1px solid #eeeeee; border-top: 8px solid #3e4950; padding: 20px;}
.banner3 .top-info{padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.banner3 .info1{position: relative;padding-left: 15px; margin-left: -20px; padding-left: 20px;}
.banner3 .info1:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.banner3 .txt1{font-size: 20px; line-height: 1; color: #212121; font-weight: 600; position: relative; margin-bottom: 1px;}
.banner3 .txt2{font-size: 15px; color: #1c2931; font-weight: 600; padding-bottom: 0px;}
.banner3 .txt3{font-size: 15px; color: #a1a1a1; font-weight: 600; padding-bottom: 15px;}
.banner3 .txt4{font-size: 11px; color: #464646; font-weight: 400; padding-bottom: 0px;}
.banner3 .form-wrapper{position: relative;}

#second-tab-group{margin-bottom: 40px; padding-bottom: 16px;background: url(../images/shadow1.png) center bottom no-repeat; background-size: 100% 16px;}
#second-tab-group > div{position: relative; padding: 20px; border: 1px solid #eeeeee;}

.tabs2-wrapper{display: block;margin-bottom: -1px;}
.tabs2-wrapper .tabs{display: block; padding: 0; margin: 0; list-style: none;}
.tabs2-wrapper .tabs li{display: inline-block;}
.tabs2-wrapper .tabs li a{display: block; background: none; line-height: 20px; padding: 0px 10px; text-align: center; color: #464646; font-size: 12px; border-bottom: 3px solid transparent; text-decoration: none; font-weight: 600;}
.tabs2-wrapper .tabs li a:hover, .tabs2-wrapper .tabs li.active a{color: #1c2931; border-color: #1c2931;}

#google_map{position: relative; height: 450px;}

.comment-block{margin-bottom: 30px;}
.comment-block.left1{margin-left: 100px;}
.comment-block figure{float: left; margin-right: 20px;}
.comment-block figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.comment-block .caption{overflow: hidden;}
.comment-block .caption .top{padding-bottom: 20px; border-bottom: 1px solid #eeeeee; margin-bottom: 15px; position: relative; padding-right: 20px;}
.comment-block .caption .top .txt1{font-family: 'Open Sans'; font-weight: 600; font-size: 14px; color: #000000; padding-bottom: 5px;}
.comment-block .caption .top .txt2{color: #464646; font-size: 10px; text-transform: uppercase;}
.comment-block .caption .top .txt2 a{margin-left: 10px;}
.comment-block .caption .txt3{color: #666666; padding-bottom: 20px;}

.ic10{display: inline-block; font-size: 14px; line-height: 20px; color: #c29032; padding: 0; white-space: nowrap; position: absolute; right: 0; top: 15px;}
.ic10 a{color: #1c2931; text-decoration: none; display: block;}
.ic10 a:hover{color: #000;}
.ic10 i{font-size: 14px; line-height: 20px; float: left;}
.ic10 a:hover i{}
.ic10 span{}

.divider1{height: 1px; background: #eeeeee; margin: 20px 0 30px;}





/* ============================= details end ====================== */

.pager_wrapper{padding-top: 0px; margin-bottom: 0px;}
.pager{display: inline-block; text-align: center; margin: 0;padding: 0; font-weight: 400; font-size: 10px;}
.pager li{vertical-align: top; margin: 0 2px;}
.pager li > a{border: 1px solid #000; padding: 0px 2px; border-radius: 0px; background: #fff; color: #1c2931; text-align: center; min-width: 26px; line-height: 24px; text-decoration: none;}
.pager li > a:hover{text-decoration: none; background: #1c2931; border-color: #1c2931; color: #fff;}
.pager li.active > a{background: #1c2931; color: #fff; cursor: default; text-decoration: none; border-color: #1c2931;}
.pager .dots{height: 26px; display: inline-block; line-height: 36px; font-size: 20px;}
.pager .prev{}
.pager .prev > a{float: left; background: #1c2931; color: #fff; border: 1px solid #1c2931; text-align: center; text-transform: uppercase;}
.pager .prev > a:before{content: "\f104"; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 12px;}
.pager .prev > a:hover{background: #fff; border-color: #1c2931; color: #1c2931;}
.pager .prev > a:hover:before{}
.pager .next{}
.pager .next > a{float: right; background: #1c2931; color: #fff; border: 1px solid #1c2931; text-align: center; text-transform: uppercase;}
.pager .next > a:after{content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 12px;}
.pager .next > a:hover{background: #fff; border-color: #1c2931; color: #1c2931;}
.pager .next > a:hover:after{}


/* ============================= parallax ====================== */
.parallax {width: 100%; position: relative; overflow: hidden; background: none; padding-top: 0px; padding-bottom: 0px; }
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: none;}
.parallax .parallax-content { position: relative; }


.bg1 { background-image: url(../images/parallax1.jpg); }


#parallax1{padding-top: 60px; padding-bottom: 320px;}
.right-head{
    float: right;
}
/* ============================= main menu ====================== */
.navbar_ { 
    margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; 
    width: 100%;
    /*float: right; padding-top: 26px; padding-bottom: 26px;*/
}
.navbar_ .navbar-toggle { background: #9cbbcc; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 32px; margin-bottom: 31px; margin-right: 0px;}
.navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{background: #548caa;}
.navbar_ .navbar-toggle .icon-bar{background: #fff;}
.navbar-collapse_{padding-left: 0; padding-right: 0; border: none;}
.navbar_ .nav{position: relative; margin: 0; padding: 0; display: block;}
.navbar_ .nav > li{position: relative; display: block; float: left; white-space: nowrap;
    border-right: 2px solid rgba(255, 255, 255, 0.102);}
.navbar_ .nav > li:first-child{margin-left: 0;}
.navbar_ .nav > li > a{
    display: block;
    text-decoration: none;
    background: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #e6e3e3;
    text-shadow: none;
    padding: 10px 15px;
    border: none;
    margin: 0;
    text-align: left;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

/*.navbar_ .nav > li:last-child a{
    padding-right: 0;
}*/
.navbar_ .nav > li > a i{margin-left: 5px;}

.navbar_ .nav > li > a:focus{color: #555; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none; border-bottom: 1px solid transparent;}

.navbar_ .nav > li > a:hover, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #555; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background: #000;}

.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background: #000; border-bottom: 3px solid #3e4950;}

li.sub-menu.sub-menu-1.sfHover {
    background: #000;
}


.mt-20{margin-top: 20px;}


.sub-menu ul{ position: absolute; display: none; left: 0px; top: 100%; min-width: 220px; list-style: none; zoom: 1; z-index: 3; margin: 0; padding:0; background: #fff; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-transform: uppercase; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.sub-menu li{ margin: 0; position: relative; zoom: 1; display: block;}
.sub-menu li:first-child{border-top: none;}
.sub-menu li a{display: block;position: relative;font-family:'Open Sans';font-weight: 400;font-size: 12px;line-height: 20px;color: #444444;text-decoration: none;padding: 10px 15px;background: none;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.sub-menu li a:hover{ text-decoration: none; color: #fff; background: #1c2931;}




.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; margin-left: 1px; background: #fff;}

.sub-menu ul ul {
    left: 100%;
    top: 3px;
}
.current-lang span{text-transform: uppercase;}
.img-about img{width: 100%;}

/* ============================= search-form ====================== */
.search-form-wrapper{position: relative;}
.search-form-wrapper .form-control{border: 1px solid #ebdabb; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding-top: 9px; padding-bottom: 9px; height: 40px; color: #b4b4b4; font-style: italic;}
.search-form-wrapper .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #c29032;}
.search-form-wrapper a{position: absolute; right: 5px; top: 5px; text-align: center; width: 30px; line-height: 30px; color: #fff; background: #c29032;}
.search-form-wrapper a:hover{color: #c29032; background: #fff;}
.search-form-wrapper a i{font-size: 16px; line-height: 30px;}


/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }


/* ============================= main layout ====================== */
.title1{ font-size: 20px; line-height: 1.1; font-family: 'Open Sans Condensed'; text-transform: uppercase; color: #525252; font-weight: 700; padding-bottom: 40px;letter-spacing: 1px; text-align: center;}
.title1 span{display: inline-block; position: relative; padding-left: 40px; padding-right: 40px;}
.title1 span:before{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.title1 span:after{content: ''; display: block; width: 4px; height: 100%; background: #1c2931; position: absolute; right: 0; top: 0;}

.title2{font-family: 'Open Sans'; font-size: 14px; line-height: 20px; font-weight: 700; color: #202020; text-align: left; text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; border-left: 4px solid #202020; padding-left: 10px;}

/*.about-us{
    padding-bottom: 80px;
}*/
.about-us .title1{text-align: left;}
.feature-prods{
    padding-top: 40px; background: #f5f5f5a1;
}
.product-item{background: #fff; padding: 0px; /*margin-bottom: 30px;*/}
.brand-selection{padding-top: 40px;}
.owl-brands .i-brand{ 
    background: #fff;
    border-radius: 4px; 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 2px 5px rgba(0,0,0,.3);
}
.owl-brands .i-brand .brand-logo{padding: 10px;}
.owl-brands .i-brand .brand-logo img{
    max-width: 140px; max-height: 60px; margin: auto;
}

.owl-brands .i-brand .car-brand img{
    width: 100%;
}
.owl-brands .i-brand .desc{
    font-size: 14px;
    padding: 10px;
    height: 85px;
    overflow: hidden;
}
.btn-detail-brand{
    width: 100%;
    color: #fff;
    display: block;
    background: #de1219;
    border: 2px solid transparent;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6);
    box-shadow: 0 1px 2px rgba(0,0,0,.6);
    padding: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
}
.btn-detail-brand:hover{
    border-color: #a50d13;
    color: #fff;
}
.bottom-brand{padding: 20px;}




.img-responsive-old{display: block; max-width: 100%; height: auto;}

.img-responsive{width: auto \9;}

.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}





/* === */
.stars{color: #ee2524; font-size: 13px; display: inline-block;}

.ul1{padding: 0; margin: 0; list-style: none;}
.ul1 li{display: block;position: relative; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.ul1 li:first-child{border-top: 1px solid #eeeeee;}
.ul1 li a{display: block;position: relative; padding: 19px 25px 19px 30px; text-align: right; text-decoration: none; font-size: 13px; color: #555555; font-weight: 600; line-height: 20px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.ul1 li a:hover{color: #1c2931;}
.ul1 li a:before{ content: "\f104"; font-family: 'Font Awesome 5 Free'; display: inline-block; position: absolute; left: 40%; top: 50%; margin-top: -10px; font-size: 14px; color: #555555;opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.ul1 li a:hover:before{ left: 15px;opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}
.ul1 li a:after{content: ''; display: block; background: #dddddd; width: 3px; height: 26px; position: absolute; right: 0; top: 50%; margin-top: -13px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.ul1 li a:hover:after{background: #1c2931;}

.ul2{display: block; padding: 0; margin: 0; list-style: none;}
.ul2 li{display: block; padding-bottom: 10px;}
.ul2 li a{display: block; color: #fff; text-decoration: none; position: relative; line-height: 20px; padding-right: 30px;}
.ul2 li a:before{ content: "\4e"; font-family: 'ElegantIcons'; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 14px; color: #fff;}

.ul3{display: block; padding: 0; margin: 0; list-style: none;}
.ul3 li{display: block; padding-bottom: 5px;}
.ul3 li a{display: block; color: #666666; text-decoration: none; position: relative; line-height: 20px; padding-left: 30px;}
.ul3 li a:hover{color: #000;}
.ul3 li a:before{ content: "\4e"; font-family: 'ElegantIcons'; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -10px; font-size: 16px; color: #1c2931;}



/*-----btn-----*/
.btn-default.btn1{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Open Sans Condensed'; font-size: 10px; line-height: 30px; padding: 0 40px 0 20px; text-transform: uppercase; letter-spacing: 0; background: #1c2931; position: relative; overflow: hidden;}
.btn-default.btn1:hover{color: #fff; background: #1c2931;}
.btn-default.btn1 span{position: relative; display: inline-block;}
.btn-default.btn1:before{content: ''; display: block; width: 40px; height: 40px; background: #9cbbcc; position: absolute; right: -10px; top: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}


.btn-default.btn1:hover:before{background: #ee2524;}
.btn-default.btn1:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; width: 30px; text-align: center;}

.btn-default.btn2{display: block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans'; font-size: 14px; line-height: 42px; padding: 0 5px; text-transform: uppercase; letter-spacing: 0px; background: #1c2931; position: relative; border: none; width: 100%; text-align: center; margin-bottom: 0px; border: 1px solid #fff;}
.btn-default.btn2:hover{color: #fff; background: #ee2524; border-color: #ee2524;}
.btn-default.btn2:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 16px; margin-left: 15px;}

.btn-default.btn3{display: block; text-decoration: none; color: #1c2931; font-weight: 700; font-family: 'Open Sans'; font-size: 10px; line-height: 29px; padding: 0 5px; text-transform: uppercase; letter-spacing: 0px; background: #fff; position: relative; border: none; width: 100%; text-align: center; margin-bottom: 0px; border: 1px solid #1c2931;}
.btn-default.btn3:hover{color: #fff; background: #1c2931; border-color: #1c2931;}
.btn-default.btn3:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; font-size: 12px; margin-left: 8px;}


.btn-default.btn4{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Open Sans Condensed'; font-size: 10px; line-height: 30px; padding: 0 40px 0 20px; text-transform: uppercase; letter-spacing: 0; background: #1c2931; position: relative; overflow: hidden;}
.btn-default.btn4:hover{color: #fff; background: #1c2931;}
.btn-default.btn4 span{position: relative; display: inline-block;}
.btn-default.btn4:before{content: ''; display: block; width: 40px; height: 40px; background: #9cbbcc; position: absolute; right: -10px; top: 0;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.btn-default.btn4:hover:before{background: #1c2931;}
.btn-default.btn4:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; display: inline-block; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; width: 30px; text-align: center;}



.main-title {
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #495057;
    font-family: 'Alatsi', sans-serif;
}

/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: none; border: 1px solid #cfcfcf;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}

.thumbnail{line-height: inherit;}
.thumbnail .caption{padding: 10px; color: inherit;}

.thumb0 {margin-bottom: 20px; margin-top: 0px;}
.thumb0.last {margin-bottom: 0px;}
.thumb0 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb0 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb0 figure img{width: 100%;}
.thumb0 .caption{}

.thumb1 {margin-top: 0px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; mo1-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb1 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb1 figure a{display: block; text-decoration: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb1 figure a:hover {opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70);}
.thumb1 figure img{width: 100%; display: block;}
.thumb1 .caption{padding-top: 5px;}
.thumb1 .caption .txt1{padding-bottom: 10px;}
.thumb1 .caption .txt1 .txt{font-size: 12px;
    color: #464646;
    display: inline-block;
    padding-right: 15px;
    text-transform: uppercase;}
.thumb1 .caption .txt1 .stars{}
.thumb1 .caption .txt2{
    position: relative;
}

.thumb1 .caption .txt2 h3{font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-weight: 600;
    position: relative;
    height: 45px;
    overflow: hidden;
    margin: 0;
}    
.thumb1 .caption .txt2 h3 a{
    color: #000;
}
.product-item .price-sale{
    padding-top: 5px;
}    
.product-item .price-sale .special-price{
    font-size: 14px;
}   
.product-item .price-sale .regular-price{
    font-size: 14px;
}
.product-item .btn-cart{
    margin-top: 0px;
    font-weight: 600;
    font-family: 'Open Sans Condensed';
    font-size: 12px;
    line-height: 35px;
    border-radius: 4px;
    width: 100%;
    display: block;
    text-align: center;
}  
.product-item .btn-cart:hover{
    background: #ee2524;
}
.product-item .link{
    padding-top: 10px;
}
.image-show {
    width: 100%;
    padding-top: 60%;
    position: relative;
    background-color: #fff;
}
.image-show .bg-image-show {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
}
.thumb1 .caption .txt2:before{content: ''; display: none; width: 4px; height: 100%; background: #1c2931; position: absolute; left: 0; top: 0;}
.thumb1 .caption .txt3{border-top: 1px solid #eeeeee; padding-top: 30px; margin-top: 30px; color: #666666; font-size: 14px; padding-bottom: 40px;}

.thumb2 {margin-bottom: 50px; margin-top: 0px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb2 figure{margin: 0; float: none; margin:0px 0px 20px 0px;background: #000;}
.thumb2 figure a{display: block; text-decoration: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb2 figure a:hover {opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70);}
.thumb2 figure img{width: 100%; display: block;}
.thumb2 .caption{padding-top: 5px; border-bottom: 1px solid #eeeeee; padding-bottom: 30px;}
.thumb2 .caption .txt1{font-size: 10px; color: #464646; padding-bottom: 5px;}
.thumb2 .caption .txt2{font-weight: 600; font-size: 16px; color: #000000; padding-bottom: 10px;}
.thumb2 .caption .info{padding-bottom: 25px;}
.thumb2 .caption .price{float: left; background: #1c2931; font-size: 20px; color: #fff; font-family: 'Open Sans Condensed'; font-weight: 700; text-transform: uppercase; line-height: 1; padding: 5px; letter-spacing: 1px;}
.thumb2 .caption .speed{float: right; padding-left: 30px; position: relative; font-size: 12px; color: #464646; font-weight: 600; background: url(../images/speed-ic.png) 0 0 no-repeat; margin-top: 5px;}
.thumb2 .caption .txt3{font-size: 10px; color: #464646;}




.flex-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: .5rem;
    align-items: start;
}

.flex-block-category{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: .5rem;
    align-items: start;
}

.product-inner {
    border-radius: .2rem;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    overflow: hidden;
    margin-bottom: 30px;
}




/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

#ajax-contact-form .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form .form-group label{color: #d4d5d6; display: none;}
#ajax-contact-form .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #7a7a7a; background: none;border: 1px solid #cccccc;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#ajax-contact-form .form-control:focus{border-color: #464646; background: #fff; color: #000;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form textarea.form-control {height: auto;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left;}
#ajax-contact-form .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit{ font-family: 'Fjalla One'; display: inline-block; color: #fff; border: 1px solid #c29032; font-size: 16px; line-height: 20px; font-weight: 400; padding: 0px; text-decoration: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 0; margin-bottom: 0px; text-transform: uppercase; background: none; position: relative; text-align: left;letter-spacing: 1px; margin-top: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit:hover{color: #fff;}
.btn-default.btn-cf-submit span{display: block; margin: 3px; padding: 13px 35px; background: #000;}
.btn-default.btn-cf-submit:hover span{background: #c29032;}

/*================= Contacts2 =========================*/
#note2{ }
.notification_error2{ color:#f00; padding-bottom:10px; }
.notification_ok2{ text-align: left; padding-bottom:10px; }

#ajax-contact-form2 .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form2 .form-group label{color: #464646; font-weight: 400; text-transform: uppercase; display: none;}
#ajax-contact-form2 .form-control{height: 38px; padding: 8px 12px; font-size: 12px; line-height: 20px; color: #464646; background: #fff; ; border: 1px solid #eeeeee;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#ajax-contact-form2 .form-control:focus{border-color: #464646; background: #fff;   -webkit-box-shadow: none; box-shadow: none; color: #464646;}
#ajax-contact-form2 textarea.form-control {height: 144px;}
#ajax-contact-form2 .form-group.capthca{float: left; margin-right: 20px;}
#ajax-contact-form2 .form-group.capthca input{width: 170px;}
#ajax-contact-form2 .form-group.img{float: left;}
#ajax-contact-form2 .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit2{display: block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans'; font-size: 14px; line-height: 40px; padding: 0 5px; text-transform: uppercase; letter-spacing: 0px; background: #1c2931; position: relative; border: none; width: 100%; text-align: center; margin-bottom: 0px; border: 1px solid #1c2931; margin-top: 15px;}
.btn-default.btn-cf-submit2:hover{color: #fff; background: #ee2524; border-color: #ee2524;}
.btn-default.btn-cf-submit2:before{ content: "\e076"; font-family: 'ElegantIcons'; display: inline-block; font-size: 14px; margin-right: 15px;}

/*================= Contacts1 =========================*/
#note1{ }
.notification_error1{ color:#f00; padding-bottom:10px; }
.notification_ok1{ text-align: left; padding-bottom:10px; }

#ajax-contact-form1 .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form1 .form-group label{color: #444444; font-weight: 400; font-size: 10px; display: block; margin-bottom: 0;}
#ajax-contact-form1 .form-control{height: 38px; padding: 8px 7px; font-size: 11px; line-height: 20px; color: #464646; background: #fff; ; border: 1px solid #eeeeee;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#ajax-contact-form1 .form-control:focus{border-color: #464646; background: #fff;   -webkit-box-shadow: none; box-shadow: none; color: #464646;}
#ajax-contact-form1 textarea.form-control {height: 144px;}
#ajax-contact-form1 .form-group.capthca{float: left; margin-right: 20px;}
#ajax-contact-form1 .form-group.capthca input{width: 170px;}
#ajax-contact-form1 .form-group.img{float: left;}
#ajax-contact-form1 .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit1{display: block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans'; font-size: 14px; line-height: 40px; padding: 0 5px; text-transform: uppercase; letter-spacing: 0px; background: #1c2931; position: relative; border: none; width: 100%; text-align: center; margin-bottom: 0px; border: 1px solid #1c2931; margin-top: 5px;}
.btn-default.btn-cf-submit1:hover{color: #fff; background: #ee2524; border-color: #ee2524;}
.btn-default.btn-cf-submit1:before{ content: "\e0e7"; font-family: 'ElegantIcons'; display: inline-block; font-size: 14px; margin-right: 15px;}

/*================= Contacts3 =========================*/
#note3{ }
.notification_error3{ color:#f00; padding-bottom:10px; }
.notification_ok3{ text-align: left; padding-bottom:10px; }

#ajax-contact-form3 .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form3 .form-group label{color: #464646; font-weight: 400; text-transform: uppercase; display: none;}
#ajax-contact-form3 .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #999999; background: #fff; ; border: 1px solid #eeeeee;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#ajax-contact-form3 .form-control:focus{border-color: #464646; background: #fff;   -webkit-box-shadow: none; box-shadow: none; color: #999999;}
#ajax-contact-form3 textarea.form-control {height: 144px;}
#ajax-contact-form3 .form-group.capthca{float: left; margin-right: 20px;}
#ajax-contact-form3 .form-group.capthca input{width: 170px;}
#ajax-contact-form3 .form-group.img{float: left;}
#ajax-contact-form3 .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit3{display: inline-block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Open Sans'; font-size: 14px; line-height: 40px; padding: 0 35px; text-transform: uppercase; letter-spacing: 0px; background: #1c2931; position: relative; border: none;  text-align: center; margin-bottom: 0px; border: 1px solid #1c2931; margin-top: 15px;}
.btn-default.btn-cf-submit3:hover{color: #fff; background: #ee2524; border-color: #ee2524;}
.btn-default.btn-cf-submit3:before{ content: "\e076"; font-family: 'ElegantIcons'; display: inline-block; font-size: 14px; margin-right: 15px;}

.mobile-mode{
    display: none;
}
.mobile-mode .navbar-brand img{
    max-width: 115px;
    max-height: 60px;
}
.btn-search-mobile{
    border-color: rgba(0,0,0,.1);
    background: transparent;
    margin-top: 0px;
    outline: none;
    border: none;
    padding: .25rem .75rem;
    font-size: 18px;
    color: #fff;
}
.hidden {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden;
    display: block;
}
.mobile-search-box {
    padding-bottom: 10px;
    position: relative;
}
.mobile-search-box.hidden {
    padding-bottom: 0;
}
.mobile-search-box input {
    width: 100%;
    height: 43px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    box-shadow: none;
}
.mobile-search-box input:focus{
    outline: none;
}
.mobile-search-box button{
    border: none;
    position: absolute;
    top: 8px;
    right: 5px;
    background: transparent;
}
.mobile-mode .btn-open{
    min-width: inherit;
    color: #fff;
}
.mobile-mode .navbar-toggler-icon{
    width: 1.8em;
    height: 1.8em;
}
.btn.current-lang{
    color: #fff;
}
.btn.current-lang.dropdown-toggle::after{
    display: none;
}
.langs a{
    text-decoration: none;
}

.main-content {
    padding: 20px 0px;
}
.preview {
    margin-bottom: 20px;
    font-weight: 600;
}
.title-detail {
    font-size: 22px;
    margin-bottom: 20px;
}
.date {
    margin-top: 10px;
}
.card__cover__img {
    position: relative;
}
.preview img{width: 100%;}
/*----- media queries ------*/


/* ---latest blog area css--- */
.blog-area-wrapper {
    padding-top: 40px;
}
.blog-thumb.blog--hover img {
    width: 100%;
}
.blogg-thumb img {
    width: 100%;
}
.single-blogg-item iframe {
    width: 100%;
}
.blogg-thumb {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.blogg-thumb:hover img {
    opacity: 0.7;
}
.blogg-content {
    border: 1px solid #f0f0f0;
    border-radius: 0px 0px 5px 5px;
    padding: 20px;
}
.post-date {
    background: #097FCA none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 3px 5px;
    margin-bottom: 10px;
    font-weight: normal;
}
.blogg-content h5 {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 27px;
    position: relative;
}
.blogg-content h5 a {
    color: #111;
    text-decoration: none;
    font-weight: 600;
}
.blogg-content h5:before {
    bottom: -15px;
    left: 0;
    width: 50px;
    height: 1px;
    content: "";
    position: absolute;
    background: #f0f0f0;
}
.blogg-content h5 a:hover {
    color: #097FCA;
}
.blog-tag-line>a {
    border: 1px solid #f0f0f0;
    color: #111;
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 15px;
    border-radius: 5px;
    text-transform: capitalize;
}
.blog-tag-line>a:hover {
    background: #097FCA;
}
.blog-wrapper-inner.column5 .row .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.blogg-content blockquote {
    margin: 15px;
}
.blogg-content blockquote p {
    border-left: 5px solid #097FCA;
    color: #777;
    font-size: 16px;
    font-style: italic;
    padding: 0 10px;
}
.blogg-meta {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    color: #444;
    font-size: 13px;
    padding: 17px 0;
    text-align: left;
    text-transform: uppercase;
}
.blogg-meta a {
    color: #444;
}
.blogg-meta a:hover {
    color: #097FCA;
}
.blogg-author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
.author-thum {
    height: 65px;
    margin-right: 20px;
    width: 65px;
}
.author-info h3 {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.author-info h3 a {
    color: #444;
    padding-left: 5px;
    text-transform: capitalize;
}
.author-info h3 a:hover {
    color: #111;
}
.author-info>p {
    color: #444;
}

.card__cover__img {
    position: relative;
}
/* .shopee-item-card--shadow .shopee-item-card__cover-img {    border-top-right-radius: 2px;    border-top-left-radius: 2px;    overflow: hidden;} */
.image__placeholder {
    width: 100%;
    padding-top: 60%;
    position: relative;
    background-color: #fff;
}
.card__cover__img__background {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
}


/*------slick arrow style for slider start------*/
.slider-arrow-style.slick-slider .slick-arrow {
    top: 50%;
    width: 56px;
    height: 56px;
    color: #333c4a;
    font-size: 28px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    z-index: 1;
    cursor: pointer;
    display: block;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #ffffff;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.slider-arrow-style.slick-slider .slick-arrow.slick-prev {
    left: 20px;
}

.slider-arrow-style.slick-slider .slick-arrow.slick-prev i {
    padding-right: 2px;
    display: block;
}

.slider-arrow-style.slick-slider .slick-arrow.slick-next {
    right: 20px;
}

.slider-arrow-style.slick-slider .slick-arrow.slick-next i {
    padding-left: 2px;
    display: block;
}

.slider-arrow-style.slick-slider .slick-arrow:hover {
    color: #ffffff;
    background-color: #097FCA;
}

.slider-arrow-style.slick-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

/*------slick arrow style for slider end------*/


/* ---product details style css start--- */
.product-details-main-wrapper {
    padding-bottom: 20px;
}

.product-details-main-wrapper .product-gallery-active .owl-nav {
    display: none;
}

.pro-large-img {
    padding: 1px;
    position: relative;
    cursor: move;
}

.pro-large-img img {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    width: 100%;
    position: relative;
}

.pro-nav {
    /*margin: -5px;*/
    margin-right: 0px;
}

.pro-nav-thumb {
    padding: 5px;
    cursor: pointer;
    outline: none;
    text-align: center;
}

.pro-nav-thumb img {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    max-height: 60px;
    max-width: 100px;
    width: 100%;
}

.pro-nav-thumb.slick-slide.slick-current img {
    border-color: #097FCA;
}

/* product details content css */
.pro-details-name.mb-10>h3 {
    color: #111;
    font-size: 20px;
    font-weight: 400;
}

.pro-details-name.mb-10>h1 {
    color: #111;
    font-size: 20px;
    font-weight: 400;
}

.pro-details-review li {
    display: inline-block;
    margin-right: 10px;
}

.pro-details-review li a {
    color: #444;
    padding-right: 10px;
    position: relative;
}

.pro-details-review li:hover a {
    color: #097FCA;
}

.pro-details-review li a::before {
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 70%;
    position: absolute;
    right: 0;
    top: 4px;
    width: 1px;
}

.pro-details-review li:last-child a:before {
    display: none;
}

.pro-details-review span i {
    color: #ddd;
}

.product-detail-sort-des {
    border-bottom: 1px solid #f0f0f0;
}
.pro-details-list{
    padding: 10px 0px;
    border-bottom: 1px solid #f0f0f0;
}
.pro-details-list li {
    margin-bottom: 5px;
    font-size: 14px;
}

.pro-details-list li span {
    color: #111;
    font-weight: 500;
    margin-right: 10px;
}

.pro-details-list li a {
    color: #83b71c;
}

.product-availabily-option>h3 {
    color: #111;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.color-optionn h4 {
    color: #111;
    font-size: 14px;
    margin: 8px 0 15px;
    text-transform: capitalize;
}

.color-optionn sup {
    color: #f00;
    font-size: 16px;
    margin-right: 2px;
    top: 0;
}

.color-optionn li {
    border: 1px solid #ccc;
    display: inline-block;
    margin-right: 5px;
    padding: 2px;
}

.color-optionn li a {
    display: block;
    height: 30px;
    width: 30px;
}

.c-red {
    background: red;
}

.c-gray {
    background: gray;
}

.c-blue {
    background: blue;
}

.c-brown {
    background: brown;
}

.c-black {
    background: black;
}

.qty-boxx label,
.tag-line label,
.pro-social-sharing label,
.product-size label {
    color: #111;
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
    text-transform: capitalize;
}

.qty-boxx>input {
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-align: center;
    width: 80px;
}

.btn-cart.lg-btn {
    font-size: 12px;
    line-height: 22px;
    padding: 10px 0px;
}

.useful-links li {
    display: inline-block;
    margin-right: 20px;
}

.useful-links li a {
    color: #444;
    text-transform: capitalize;
}

.useful-links li a i {
    color: #097FCA;
    font-size: 16px;
    margin-right: 5px;
}

.tag-line>a:hover,
.useful-links li:hover a {
    color: #097FCA;
}

.pro-social-sharing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pro-social-sharing li.list-inline-item a {
    border-radius: 3px;
    color: #fff;
    height: 20px;
    padding: 3px 10px;
    width: 80px;
}

.bg-facebook {
    background: #365899;
}

.bg-twitter {
    background: #1b95e0;
}

.bg-google {
    background: #e04b34;
}

/* product details page reviews area css start */

.product-info.mt-half ul.nav.nav-pills {
    background: #f3f3f3;
    padding: 20px 0;
    margin-bottom: 30px;
}

.product-info.mt-half li.nav-item a {
    background: transparent;
    color: #ababab;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
}

.product-info.mt-half li.nav-item a.active {
    color: #111;
}

.table-striped tr td {
    width: 50%;
}

.ratting li {
    margin-right: 8px;
}

.review-form h2 {
    color: #111;
    font-size: 27px;
    margin-bottom: 10px;
}

.btn-cart.rev-btn {
    background: #111;
    color: #fff;
    font-weight: 700;
    line-height: 44px;
    text-transform: uppercase;
}

.btn-cart.rev-btn:hover {
    background: #097FCA;
}

/* product details page reviews area css end */
label {
    margin-bottom: 0;
}

.slider-boxx .product-detail-sort-des p {
    padding: 0 200px;
}

.slider-boxx .pro-social-sharing {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-inner.pro-tab-one {
    padding-left: 30px;
}

/* ---product details style css end--- */

/* product details layout css */
.pro-details-gallery-thumb {
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.pro-details-gallery-thumb:hover .img-view {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.img-view {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.img-popup {
    background: #ffffff61;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
}

.img-popup i {
    color: #111;
    font-size: 18px;
}


.pro-large-img:hover .img-view {
    opacity: 1;
    visibility: visible;
}

.product-gallary-active {
    margin-right: -1px;
    width: auto;
}

/* ---slick arrow style--- */
.pro-nav button.slick-arrow {
    background: transparent;
    border: 1px solid #097FCA;
    cursor: pointer;
    height: 30px;
    left: 5px;
    color: #097FCA;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    z-index: 9999;
    opacity: 0;
    visibility: visible;
}

.pro-nav button.arrow-next {
    left: auto;
    right: -30px;
}
.pro-nav button.arrow-prev {
    left: auto;
    left: -30px;
}

.slick-slider:hover button.slick-arrow {
    opacity: 1;
    visibility: visible;
}

.regular-price {
    color: #ee2524;
    font-size: 16px;
    font-weight: 600;
}

.old-price {
    color: #666;
    display: inline-block;
    font-size: 15px;
    padding-left: 5px;
}

.regular-price .special-price {
    color: #ee2524;
    font-size: 30px;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
}

.btn-cart {
    background: #ffce07;
    border: medium none;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    margin-top: 10px;
    padding: 0 25px;
    text-transform: uppercase;
}

.btn-cart:hover {
    color: #fff;
    background: #111;
}

.product-caption .btn-cart {
    bottom: 37px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.product-item:hover .btn-cart {
    opacity: 1;
    visibility: visible;
}

/* skin 2 */
.skin-2 .num-in {
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    height: 40px;
    width: 110px;
  float: left;
}

.skin-2 .num-in span {
  width: 40%;
  display: block;
  height: 40px;
  float: left;
  cursor: pointer;
  position: relative;
}

.skin-2 .num-in span:before, .skin-2 .num-in span:after {
  content: '';
  position: absolute;
  background-color: #667780;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}

.skin-2 .num-in input {
        float: left;
        width: 20%;
        height: 40px;
        border: none;
        text-align: center;
}

/* / skin 2 */

.product-detail-sort-des{
    padding-bottom: 10px;
    padding-top: 10px;
}
.pro-quantity-box{margin-top: 10px; padding: 10px;}
.group-btn-cart{
    padding: 10px 0px;
}
.btn-cart.bg-red {
    background: #ffce07;
}

.section-title {
    position: relative;
    margin-top: 20px;
    margin-bottom: 22px;
    font-size: 16px;
}

.section-title h3 {
    background: #ed1d24 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 0px 30px;
    position: relative;
    text-transform: uppercase;
}

.section-title h3 a{color: #fff;}

.section-title span {
    font-weight: 600;
}
.content-bottom{
    margin-top: 40px;
}



.cart-add-img{width: 100px;}
.item-card-cover-img{position: relative;}
.image-placeholder{width: 100%; padding-top: 80%; position: relative; background-color: #fff;}
.item-card-cover-img-background{background-position: 50%; background-size: contain; background-repeat: no-repeat; position: absolute;
    border-radius: 4px; top: 0; left: 0; bottom: 0; right: 0; display: block; border: solid 1px #eee;}
.prd-list-purchase td{vertical-align: middle;}
.frm-payment-info input.field-input, .frm-payment-info select.field-input{
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    color: #333333;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.8em 2.8em 0.8em 0.8em;
    word-break: normal;
    height: auto;
    border: none;
}
.frm-payment-info input.field-input:focus{
    box-shadow: 0 0 0 2px #338dbc;
    outline: none;
}
.form-data{margin-bottom: 10px;}
.payment-content{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.payment-content .wrap {
    margin: 0 auto;
    max-width: 40em;
    zoom: 1;
}
.payment-content .wrap{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.payment-content .wrap {
    padding: 0 5%;
    width: 90%;
    max-width: 100em;
}

.payment-content .sidebar {
    position: relative;
    color: #717171;
}

.payment-content .sidebar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 170%;
    left: -100%;
    bottom: 0;
    background: #fafafa;
    z-index: -1;
    box-shadow: 0 -1px 0 #e1e1e1 inset;
}

.payment-content .main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.payment-content .breadcrumb{
    background-color: transparent;
    padding-left: 0;
}
.bg-overlay{
    position: relative;
}
.bg-overlay:before{
    position: absolute; width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -2;
    content: '';
}




.content table{
    max-width: 100%;
}

:root {
  --margin: 2rem;
}

/*.content iframe {
  width: calc(100vw - (var(--margin) * 2));
  height: calc((100vw - (var(--margin) * 2)) / 1.7778);
  max-width: 100%;
}*/

.cat-filters ul li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
}
.cat-filters ul li a, .item-cat-play a{
    color: #333;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
}
.cat-filters-img{
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}
.item-cat-filters{
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.item-cat-filters:hover,
.item-cat-filters.active{
    border: 1px solid #2f80ed;
    color: #2f80ed;
}
.item-cat-filters.active a{
    color: #2f80ed;
}
.item-cat-filters .image-show{
    padding-top: 100%;
}
.mobile-view{
    display: none;
}
@media (max-width: 999px) {
    .payment-content .wrap {
        width: 100%;
        box-sizing: border-box;
        padding: 0 1em;
    }
}

@media (max-width: 768px) {
    /* .header-top-menu{display: none;} */
    .pc-view{
        display: none;
    }
    .mobile-view{
        display: block;
    }
    .inner-cat-box{
        display: block;
    }
    .car-parent{
        display: none;
    }
    .cat-child{
        width: 100%;
    }
}

@media (min-width: 1000px) {
    .payment-content .sidebar {
        width: 40%;
        padding-left: 4%;
        background-position: left top;
        float: right;
    }
    .payment-content .main {
        width: 52%;
        padding-right: 6%;
        float: left;
    }
    .payment-content .sidebar:after {
        left: 0;
        background-position: left top;
        box-shadow: 1px 0 0 #e1e1e1 inset;
    }
    .payment-content .wrap {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        /* flex-direction: row-reverse; */
    }
}
.payment-method{margin-bottom: 20px;}
.payment-method .card-header h2{line-height: 20px;}
.payment-method .card-header h2 label{font-size: 14px; cursor: pointer; font-weight: 600; color: #737373; padding-left: 0px;}
.payment-method .card-header h2 label:hover{text-decoration: none;}

.radio-wrapper,
.checkbox-wrapper {
    display: table;
    box-sizing: border-box;
    width: 100%;
    zoom: 1;
}

.radio-wrapper:after, .radio-wrapper:before,
.checkbox-wrapper:after, .checkbox-wrapper:before {
    content: "";
    display: table;
}

.radio-wrapper .radio-input,
.checkbox-wrapper .checkbox-input {
    display: table-cell;
    padding-right: 0.75em;
    white-space: nowrap;
}

.radio-wrapper .radio-input .input-radio,
.checkbox-wrapper .checkbox-input .input-checkbox {
    width: 18px;
    height: 18px;
    box-shadow: 0 0 0 0 #338dbc inset;
    transition: all 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
    vertical-align: -4px;
    outline: 0;
    border: solid 1px #d9d9d9;
}

.radio-wrapper .radio-input .input-radio:hover,
.checkbox-wrapper .checkbox-input .input-checkbox:hover {
    border-color: #cccccc;
}

.radio-wrapper .radio-input .input-radio {
    border-radius: 50%;
}

.radio-wrapper .radio-input .input-radio:checked,
.checkbox-wrapper .checkbox-input .input-checkbox:checked {
    border: none;
    box-shadow: 0 0 0 10px #338dbc inset;
}

.radio-wrapper .radio-input .input-radio:checked:focus,
.checkbox-wrapper .checkbox-input .input-checkbox:checked:focus {
    border-color: #286f94;
}

.radio-wrapper .radio-input .input-radio:checked:after,
.checkbox-wrapper .checkbox-input .input-checkbox:checked:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
    filter: alpha(opacity=100);
}

.radio-wrapper .radio-input .input-radio:after,
.checkbox-wrapper .checkbox-input .input-checkbox:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    transition: all 0.2s ease-in-out 0.1s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
    filter: alpha(opacity=0);
}

.radio-wrapper .radio-input .input-radio:after {
    width: 4px;
    height: 4px;
    margin-left: -2px;
    margin-top: -2px;
    background-color: #fff;
    border-radius: 50%;
}

.radio-wrapper .radio-label,
.checkbox-wrapper .checkbox-label {
    display: table-cell;
    width: 100%;
    cursor: pointer;
    vertical-align: middle;
    padding: 1.3em;
}

.radio-wrapper .radio-label .radio-label-primary,
.checkbox-wrapper .checkbox-label .checkbox-label-primary {
    display: table-cell;
    width: 100%;
}

.radio-wrapper .radio-accessory,
.checkbox-wrapper .checkbox-accessory {
    display: table-cell;
    padding-left: 0.75em;
    white-space: nowrap;
}

.radio-wrapper.no-box,
.checkbox-wrapper.no-box {
    display: block;
}

.radio-wrapper.no-box .radio-input,
.checkbox-wrapper.no-box .checkbox-input {
    display: inline-block;
}

.radio-wrapper.no-box .radio-label,
.checkbox-wrapper.no-box .checkbox-label {
    display: inline-block;
    width: inherit;
}
.payment-prd-list .cart-add-img{width: 80px;}
.item-card-cover-img span{
    font-size: 0.85714em;
    font-weight: 500;
    white-space: nowrap;
    padding: 0.15em 0.65em;
    border-radius: 2em;
    background-color: rgba(153,153,153,0.9);
    color: #fff;
    position: absolute;
    right: -0.75em;
    top: -0.75em;
    z-index: 2;
}
.payment-table td{
    font-size: 14px;
    padding: 10px 5px;
    margin-bottom: 10px;
}
.payment-table tr{
    border-bottom: solid 1px #eee;
}

.frm-payment-info .btn {
    display: inline-block;
    border-radius: 4px;
    font-weight: 500;
    padding: 1em 1.7em;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    position: relative;
    background: #338dbc;
    color: white;
}
.frm-payment-info{
    padding-bottom: 20px;
}
/* Large desktop */

.policy{
    margin-top: 20px;
}
.policy ul li{
    display: inline-block;
    padding-right: 20px;
    list-style: inside;
}
.policy ul li a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.dadaky img{height: 60px;}


#map_canvas{
    height: 400px;
    width: 100%;
}

/*-----contact page 2 css-----*/
.contact-two-area {
    background: #f6f6f6;
}

.contact2-title h2 {
    color: #333;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.contact-single-info h3 {
    color: #111;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-single-info.text-center>p {
    margin-top: 20px;
}

.contact-message input,
.contact-message textarea {
    background: #fff;
    border: medium none;
    color: #838383;
    margin-bottom: 30px;
    padding: 10px;
    width: 100%;
}

.contact-message textarea {
    height: 140px;
}

.contact-btn .btn.btn-secondary {
    padding: 4px 20px;
}

.form-messege.success {
    color: #fff;
    font-size: 16px;
    background: #222;
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 15px;
}

@media (min-width: 1230px) {

    .flex-block-category {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
        grid-gap: .5rem;
        align-items: start;
    }

}
/* Default landscape and desktop to large desktop */
@media (max-width: 1229px) {
    .adv-serach{padding-bottom: 15px;}

    .form1{padding: 40px 40px 40px;}












}
@media (min-width: 992px) {



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

  .car-view2 .info2{width: 100%; float: none;}

  .car-view2 .info3{width: 100%; float: none;}








}
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
    .top0 .block-left, .top0{display: none;}

    .bot2 .left-block{float: none;}

    .bot2 .right-block{float: none; text-align: center; padding-bottom: 15px;}

    .logo2_wrapper{display: block; padding-right: 0;}
    .logo2_wrapper img{margin-left: auto; margin-right: auto;}

    .copyrights{text-align: center; display: block;}

    .social2 li{margin: 0 5px 10px;}

    .menu2 li{margin: 0 5px 10px;}

    .container{max-width: 100%;}

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

    .navbar_ .nav > li{margin-left: 10px;}

    .car-view2 .info2{width: 100%; float: none;}

    .car-view2 .info3{width: 100%; float: none;}





}

@media (max-width:992px) {
    #car{background: #1c2931;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {



    .navbar_ {float: none; height: 95px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
    .navbar-collapse_{clear: both; margin-left: -15px; margin-right: -15px;}
    .navbar_ .nav{display: block; background: none; border-right: none;background: #fff; border: none; padding: 0;}
    .navbar_ .nav > li{float: none;background: none; border-left: none; margin-left: 0; border-top:1px solid #1c2931; background: none;}
    .navbar_ .nav > li > a{margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; border: none!important; padding-left: 15px; padding-right: 15px;}
    .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{border: none!important;}
    .sub-menu ul{position: relative; left: 0; top: 0; margin-top: 0; border: none;}
    .sub-menu ul li{border-top: 1px solid #1c2931 !important; text-align: left;}
    .sub-menu ul li a{padding-left: 20px;}

    .booking .col1{float: none; width: 100%;}

    .booking .col2{float: none; width: 100%;}

    .booking .col3{float: none; width: 100%; padding-top: 15px;}

    .select1_wrapper{margin-bottom: 20px;}

    #slider-range-wrapper{padding-left: 0;}

    #slider-range-wrapper .txt{position: relative; left: auto; top: auto; padding-bottom: 15px;}



    .booking-wrapper{margin-top: 0px; margin-left: -15px; margin-right: -15px;}

    .form1{padding: 15px 15px 15px;}

    #welcome .txt2{padding-right: 0; text-align: center;}

    #welcome .txt3{padding-left: 0; padding-top: 25px; text-align: center;}

    #welcome .txt3:before{display: none;}

    .info-inner{display: block;}
    .info-inner .info1{display: block; width: auto; padding: 20px 10px; border-left: none; border-top: 1px solid #2e393f;}

    .car-view1{padding: 25px;}
    .car-view1 figure{float: none;margin-right: 0; margin-bottom: 15px;}
    .car-view1 figure img{width: 100%;}

    .car-view1 .caption{padding-right: 0;}

    .tabs2-wrapper .tabs li{display: block; margin: 5px 0;}

    .comment-block.left1{margin-left: 0px;}









}
@media (min-width: 481px) and (max-width: 767px) {



}
@media (max-width: 767px) {
    .search-box{
        display: none;
    }
    .pc-mode{
        display: none;
    }
    .mobile-mode{
        display: block;
    }
    .bottom-head{
        display: none;
    }
    .mh-head{
        background: #000;
    }

    .content iframe{
        width: 100%;
    }
}
@media (max-width: 575px) {   
    .flex-block {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: .5rem;
        align-items: start;
    }
    .flex-block-category {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: .5rem;
        align-items: start;
    }
    .slides-container .caption{
        display: none;
    }
    .item-cats{
        max-width: 100%;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {    

  .car-view1 .info1{max-width: none; float: none;}

  .car-view1 .info2{float: none;}

  .car-view1 .txt3{display: inline-block; text-align: left;}

  .car-view1 .info3{float: none; max-width: none;}

  .car-view1 .info4{float: none;}

  .car-view1 .txt7{padding-top: 15px;}

    .select1_inner{position: relative; background: #fff; border: 1px solid #ebebeb; height: 42px; position: relative; margin-top: 5px;}

    .tabs-wrapper {
        display: inline-block;
        padding-right: 28px;
        vertical-align: top;}

    .btn-form1-submit1{
        Width:100%;
    }
    .btn-default.btn-cf-submit3{
        width:100%;
    }
}
#testimonials .container {margin-bottom:30px;}

.support-online { position: fixed; z-index: 999; bottom: 0px; }

.support-online.left {
    left: 10px;
}
.support-online.right {
    right: 10px;
}

.support-online a { position: relative; margin: 30px 10px; text-align: left; width: 40px; height: 40px; }

.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }

.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }

.support-online a:hover span { display: block; }

.support-online a { display: block; }

.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent  rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; }

.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }

.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }

.support-online .btn-support { cursor: pointer; }



.call-now i{background: green;}

.mes i{background: orange;}

.sms i{background: red;}

.alo-phone.alo-show {

    visibility: visible;

}

.alo-ph-img-circle{

  width:30px;

  height:30px;

      top: 45px;

    left: 45px;

  position:absolute;

  background:rgba(30,30,30,0.1) url(images/alo.png) no-repeat center center;

  background-size:contain;

  -webkit-border-radius:100%;

  -moz-border-radius:100%;

  border-radius:100%;

  border:2px solid transparent;opacity:.7;

  -webkit-animation:alo-circle-img-anim 1s infinite ease-in-out;

  -moz-animation:alo-circle-img-anim 1s infinite ease-in-out;

  -ms-animation:alo-circle-img-anim 1s infinite ease-in-out;

  -o-animation:alo-circle-img-anim 1s infinite ease-in-out;

  animation:alo-circle-img-anim 1s infinite ease-in-out;

  -webkit-transform-origin:50% 50%;

  -moz-transform-origin:50% 50%;

  -ms-transform-origin:50% 50%;

  -o-transform-origin:50% 50%;

  transform-origin:50% 50%;

}

.alo-phone{

    position:fixed;

    visibility:hidden;

    background-color:

    transparent;

    width:120px;

    height:120px;

    cursor:pointer;

    z-index:999;

    -webkit-backface-visibility:hidden;

    -webkit-transform:translateZ(0);

    -webkit-transition:visibility .5s;

    -moz-transition:visibility .5s;

    -o-transition:visibility .5s;

    transition:visibility .5s;

     top:10px;

     left:10px;

    }

.alo-phone.alo-show{

  visibility:visible

}

.alo-phone:hover{

  opacity:1

}

.alo-ph-circle{

  width:120px;

  height:120px;

  top:0;

  left:0;

  position:absolute;

  background-color:transparent;

  -webkit-border-radius:100%;

  -moz-border-radius:100%;

  border-radius:100%;

  border:2px solid #bfebfc;

  opacity:.1;

  -webkit-animation:alo-circle-anim 1.2s infinite ease-in-out;

  -moz-animation:alo-circle-anim 1.2s infinite ease-in-out;

  -ms-animation:alo-circle-anim 1.2s infinite ease-in-out;

  -o-animation:alo-circle-anim 1.2s infinite ease-in-out;

  animation:alo-circle-anim 1.2s infinite ease-in-out;

  -webkit-transition:all .5s;-moz-transition:all .5s;

  -o-transition:all .5s;

  transition:all .5s;

  -webkit-transform-origin:50% 50%;

  -moz-transform-origin:50% 50%;

  -ms-transform-origin:50% 50%;

  -o-transform-origin:50% 50%;transform-origin:50% 50%

}



.alo-phone p{

  position: absolute;

    bottom: -18px;

    margin: 0;

    padding: 0;

    font-weight: bold;

    color: #fe6c1c;

    left:-8px;

    font-size:24px;

    width:165px;

}





.alo-phone:hover .alo-ph-circle,.hotline&gt;a:hover .alo-ph-circle{

    border-color:#00aff2;

    opacity:.5

  }

.alo-phone.alo-green:hover .alo-ph-circle,.hotline a:hover .alo-ph-circle{

  border-color:#04AFEF;

  border-color:#baf5a7;

  opacity:.5

}

.alo-phone.alo-green .alo-ph-circle{

    border-color:#ffbc0a;

    border-color:#bfebfc;

    opacity:.5

}

.alo-ph-circle-fill{

  width:60px;

  height:60px;

  top:30px;

  left:30px;

  position:absolute;

  background-color:#000;

  -webkit-border-radius:100%;

  moz-border-radius:100%;

  border-radius:100%;

  border:2px solid transparent;

  opacity:.1;

  -webkit-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;

  -moz-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;

  -ms-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;

  -o-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;

  animation:alo-circle-fill-anim 2.3s infinite ease-in-out;

  -webkit-transition:all .5s;

  -moz-transition:all .5s;-o-transition:all .5s;

  transition:all .5s;-webkit-transform-origin:50% 50%;

  -moz-transform-origin:50% 50%;

  -ms-transform-origin:50% 50%;

  -o-transform-origin:50% 50%;

  transform-origin:50% 50%

  }

  .alo-phone:hover .alo-ph-circle-fill,.hotline a:hover .alo-ph-circle-fill{

    background-color:rgba(0,175,242,0.5);

    background-color:#00aff2;

    opacity:.75!important

  }.alo-phone.alo-green:hover .alo-ph-circle-fill,.hotline a:hover .alo-ph-circle-fill{

    background-color:rgba(4,175,239,0.5);

    background-color:#baf5a7;

    opacity:.75!important

    }

    .alo-phone.alo-green .alo-ph-circle-fill{

      /* background-color:rgba(255,188,10,0.5); */

      background-color:red;

      opacity:.9!important

      }

    .alo-phone:hover .alo-ph-img-circle,.hotline a:hover 

    .alo-ph-img-circle{

      background-color:#00aff2

    }

    .alo-phone.alo-green.alo-hover .alo-ph-img-circle,.alo-phone.alo-green:hover .alo-ph-img-circle,.hotline&gt;a:hover .alo-ph-img-circle{

 

      background-color:#04AFEF}

      .alo-phone.alo-green .alo-ph-img-circle{



        background-color:red;

        }

  @-moz-keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#alo-fixed{visibility:visible;opacity:0;position:fixed;right:-100px;top:100px;filter:alpha(opacity=0);-webkit-transition:all .4s linear 0;transition:all .4s linear 0}#alo-fixed.show{right:10px;visibility:visible;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .4s linear 0;transition:all .4s linear 0}


  .pagination {
    margin: 0 0 3.75rem;
    font-size: 0;
    text-align: center;
    margin-top: 20px;
    display: block;
}
.pagination li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0 5px;
}
.pagination li a {
    position: relative;
    border-radius: 4px;
    display: block;
    text-align: center;
    width: 40px;
    height: 30px;
    line-height: 30px;
    margin-left: -1px;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    font-size: 12px;
    background: #ccc;
}
.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
    background-color: #ed1d24;
    border-color: #ed1d24;
    color: #fff;
    text-decoration: none;
}
.pagination li.active a {
    background-color: #ed1d24;
    border-color: #ed1d24;
    color: #fff;
    text-decoration: none;
}


.content ul li{
    list-style: inside;
}
.brand-block{margin-top: 20px;}
.item-brand .brand-logo{
    padding: 10px;
}

.other-news{margin-top: 20px;}
.other-news ul li{
    padding: 5px 0px;
    list-style: inside;
}
.other-news ul li a{
    font-size: 14px;
    font-weight: bold;
}
.tite-news-detail{font-size: 25px;}
.brand-logo{
    text-align: center;
    border: solid 1px #eee;
    border-radius: 4px;
}
.brand-logo img{
    max-width: 100px;
    margin: auto;
    width: 100%;
}
.brand-block{
    padding-bottom: 20px;
}

.owl-products-top.owl-carousel .owl-nav div {
    width: 30px;
    height: 50px;
    font-size: 50px;
    line-height: 40px;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    border: 1px solid;
    border-color: #ff0000;
    color: #ff0000;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    font-family: -webkit-body;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.owl-products-top:hover .owl-nav div {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.owl-products-top:hover .owl-nav div:hover {
    background: #ff0000;
    color: #fff;
}
.owl-products-top.owl-carousel .owl-nav div.disabled {
    background: #ff0000;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
}
.owl-products-top.owl-carousel .owl-nav div.owl-next {
    right: -30px;
}
.owl-products-top.owl-carousel .owl-nav div.owl-prev {
    left: -30px;
}
.owl-products-top:hover .owl-nav div.owl-next {
    right: 0px;
}
.owl-products-top:hover .owl-nav div.owl-prev {
    left: 0px;
}

.feature-categories{
    padding-top: 30px;
}

.item-cats{
    margin-bottom: 20px;
    border: solid 1px #eee;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    overflow: hidden;
}
.item-cats h3{
    text-align: center;
    height: 50px;
    overflow: hidden;
    line-height: 20px;
    margin-top: 10px;
}
.item-cats h3 a {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding: 0px 10px;
}
.item-cats img{
    width: 100%;
    border-bottom: solid 1px #eee;
}
/*#menu{
    height: 0;
    widows: 0;
    overflow: hidden;
}*/
#menu li a{
    font-size: 14px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.mm-menu{
    background: #fff;
}

.slide-screen {
    position: relative
}

.slide-screen.iphonex::after {
    content: url(../images/ip_vector-white.png);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-49%, -50%) scale(.45);
    transform: translate(-49%, -50%) scale(.45);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.slide-screen .owl-item {
    opacity: .8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.slide-screen .owl-item.center {
    opacity: 1
}

.iphonex.owl-carousel .owl-item img {
    width: 192px;
    margin: 0 auto;
    position: relative
}

.owl-theme .owl-nav.disabled+.owl-dots {
    position: relative;
    bottom: -55px
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #d0d0d0;
    border-radius: 0;
    position: relative
}

.owl-theme .owl-dots .owl-dot span:after {
    position: absolute;
    border: 1px solid #ccc;
    top: -2px;
    left: -2px;
    content: "";
    height: 14px;
    width: 14px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0084FF
}

.owl-theme .owl-dots .owl-dot.active span:after,
.owl-theme .owl-dots .owl-dot:hover span:after {
    opacity: 1;
    border: 1px solid #0084FF
}

.owl-theme .owl-dots .owl-dot:focus {
    outline: none
}
.content-detail ul, .content-detail ol, .content-detail li{
    list-style: auto;
    margin-left: 10px;
}

.content ul, .content ol, .content li{
    list-style: auto;
    margin-left: 10px;
}
.content-detail .responsive-iframe, .content .responsive-iframe{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 60%;
}
.content-detail img, .content img{
    height: auto !important;
}
/*.product-responsive-iframe{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 40%;
}*/
.content-detail .responsive-iframe iframe, .content .responsive-iframe iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.owl-sliders .item img{
    width: 100%;
}
.owl-dots {
    bottom: 50px;
    z-index: 100;
    position: absolute;
    width: 100%;
}


.owl-sliders .owl-nav{height: 0px;}
.owl-sliders .owl-nav .owl-prev, .owl-sliders .owl-nav .owl-next{position: absolute; top: 40%; height: 45px; width: 45px; border: 3px solid #bac1c6; text-align: center;
    -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;
}
.owl-sliders .owl-nav .fa:before{font-size: 19px; vertical-align: middle; }
.owl-sliders .owl-nav .fa{padding-top: 25%;}
.owl-sliders .owl-nav .owl-prev{left: 5px;}
.owl-sliders .owl-nav .owl-next{right: 5px;}
.owl-sliders .owl-nav .owl-prev:hover, .owl-sliders .owl-nav .owl-next:hover{background: #333333; border-color: #333333;}

/*@media (max-width:992px) {
    .product-responsive-iframe{
        padding-top: 50%;
    }
}

@media (max-width:767px) {
    .product-responsive-iframe{
        padding-top: 70%;
    }
}
@media (max-width:575px) {
    .product-responsive-iframe{
        padding-top: 80%;
    }
}
@media (max-width:480px) {
    .product-responsive-iframe{
        padding-top: 100%;
    }
}*/

:root {
  --toolbar-height: 80px;
  --addbutton-size: 60px;
  --addbutton-color: 156, 86%, 33%;
  --curve-width: 128px;
}

/* Toolbar and background */
.toolbar {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: var(--toolbar-height);
  display: none;
  z-index: 99;
}
.toolbar__bg {
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.toolbar__bg svg {
  position: absolute;
  display: block;
  width: var(--curve-width);
  height: auto;
  left: 50%;
  transform: translate(-50%, 0);
}
.toolbar__bg:before, .toolbar__bg:after {
  content: "";
  position: absolute;
  top: 0px;
  height: 100%;
  width: calc(50% - var(--curve-width) / 2);
  background-color: #fff;
}
.toolbar__bg:before {
  left: 0px;
}
.toolbar__bg:after {
  right: 0px;
}

/* The navigation links, placed on top of .toolbat__bg */
.tab-bar {
  position: relative;
  z-index: 8;
  display: flex;
  height: 100%;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.tab-bar__item {
  position: relative;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Add button */
.add-button {
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--addbutton-size);
  height: var(--addbutton-size);
  border-radius: 50%;
  background-color: hsl(var(--addbutton-color));
  box-shadow: 0px 8px 32px hsla(var(--addbutton-color), 50%);
}

/* Demo icon */
.icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.add-button .icon {
  border-color: rgba(255, 255, 255, 0.4);
}

/* Add a couple of sections to see how the curve looks */
.spacer {
  height: 100vh;
}
.spacer:nth-child(2) {
  background-color: #e6e6e6;
}
.spacer:nth-child(3) {
  background-color: #cccccc;
}
.spacer:nth-child(4) {
  background-color: #b3b3b3;
}

.spacer-img {
  display: block;
  height: 100vh;
  width: 100%;
  object-fit: cover;
}
.spacer-img:last-child {
  margin-bottom: calc(var(--toolbar-height) * 0.5);
}

@media (max-width: 768px) {
    .toolbar{
        display: block;
    }
    .support-online{
        display: none;
    }
}