body,
html {
    width: 100%;
    height: 100%
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0 !important
}
button.disabled, a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: uni_neueregular
}

a,
a:focus,
a:hover {
    outline: 0 !important
}

button,
hr,
input {
    overflow: visible
}

a,
img {
    display: inline-block
}

.slick-slider,
body {
    -webkit-tap-highlight-color: transparent
}

.clear:after,
.slick-track:after {
    clear: both
}

.slick-slide,
.width10,
.width15,
.width16,
.width20,
.width25,
.width30,
.width33,
.width40,
.width50,
.width55,
.width60,
.width66,
.width70,
.width75,
.width80,
.width90 {
    float: left;
    min-height: 1px
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-next:before,
.slick-prev:before,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.input-container .floatlabel,
body {
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: uni_neueheavy;
	font-display: swap;
    src: url(../../fonts/fontfabric_-_unineueheavy-webfont.woff2) format('woff2'), url(../../fonts/fontfabric_-_unineueheavy-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: uni_neueregular;
	font-display: swap;
    src: url(../../fonts/fontfabric_-_unineueregular-webfont.woff2) format('woff2'), url(../../fonts/fontfabric_-_unineueregular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body {
    overflow-x: hidden;
    font-size: 15px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    color: #222
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #3d93e2;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    cursor: pointer
}

p {
    line-height: 22px
}

ul,
ul li {
    list-style: none
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 20px 0;
    border: 0
}

input:-webkit-autofill,
input:-webkit-autofill:focus input:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    border: 0;
    outline: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.slick-list {
    overflow: hidden
}

button,
select {
    text-transform: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.grecaptcha-badge {
    display: none !important;
}

.clear:after,
.clear:before {
    content: "";
    display: table
}

.width10 {
    width: 10%
}

.width15 {
    width: 15%
}

.width16 {
    width: 16.66666667%
}

.width20 {
    width: 20%
}

.width25 {
    width: 25%
}

.width30 {
    width: 30%
}

.width33 {
    width: 33.33333333%
}

.width40 {
    width: 40%
}

.width50 {
    width: 50%
}

.width55 {
    width: 55%
}

.width60 {
    width: 60%
}

.width66 {
    width: 66.66666667%
}

.width70 {
    width: 70%
}

.width75 {
    width: 75%
}

.width80 {
    width: 80%
}

.width90 {
    width: 90%
}

.width100{
    width: 100%
}

.max_width {
    max-width: 1240px;
    margin: 0 auto
}

.hiddenDesktop {
    display: none !important;
}

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

/*******/

header{
    background:rgba(0,0,0,0.4);
}

/* header .navigation{
    background:rgba(0,0,0,0.3);
} */

/* header .sticky{
    background: #242424;
} 
.greedy-nav .menuOpen .hamburger:before{
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}*/
/*******/

.para-content {
    padding: 30px 0
}

.iranexonpara-content {
    padding: 30px 0
}

.para-content h1 {
    font-size: 24px
}

.para-content .color {
    padding: 15px 0 5px;
    color: #3d93e2;
    display: block;
    font-size: 18px
}

.para-content ol li,
.para-content p,
.para-content ul li {
    margin-bottom: 15px;
    line-height: 22px
}

.para-content ul {
    padding: 10px 0 0 20px;
    margin: 0
}

.para-content ul li {
    list-style: circle;
    padding-bottom: 5px
}

.para-content ol {
    padding-left: 20px;
    padding-top: 10px
}

.para-content ol li {
    padding-bottom: 5px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    background: 0 0;
    outline: 0
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-next:before,
.slick-prev:before,
[dir=rtl] .slick-next:before,
[dir=rtl] .slick-prev:before {
    content: url();
    width: 25px
}

.slick-slide {
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    border: none;
    z-index: 9
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff
}

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    right: 0;
    left: auto
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    right: auto;
    left: 0
}

.main_slider .slick-dots {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.main_slider .slick-dots li {
    margin: 0 6px;
    display: inline-block
}

.main_slider .slick-dots button {
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    border: 1px solid #fff;
    border-radius: 100%;
    background-color: transparent;
    font-size: 0;
    cursor: pointer
}

.slick-dots li.slick-active button {
    background-color: #fff
}

.main_slider .slick-next:before,
.main_slider .slick-prev:before {
    content: "";
    height: 25px;
    border-top: 2px solid #fff;
    width: 25px;
    display: block
}

.main_slider .slick-next,
.main_slider .slick-prev {
    top: 0;
    bottom: 0;
    margin: auto
}

.main_slider .slick-prev:before {
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin-left: 30px
}

.main_slider .slick-next:before {
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    margin-right: 30px
}



.nexon_details {
    padding: 15px 0
}

    .nexon_details > .dark_card .max_width.flex {
        align-items: center;
    }

.left_nexon_details {
    position: relative;
    color: #fff;
    padding: 30px 0
}

    .left_nexon_details > span {
        display: block;
        color: #3d93e2;
        margin-bottom: 15px
    }

    .left_nexon_details h1,
    .left_nexon_details h2 {
        font-size: 25px
    }

.reviews_nexon {
    margin: 15px 0
}

    .left_nexon_details p a,
    .reviews_nexon small {
        margin-left: 10px
    }

        .reviews_nexon small a {
            color: #fff;
        }

            .reviews_nexon small a:hover {
                text-decoration: underline;
            }

        .left_nexon_details p a:hover {
            text-decoration: underline;
        }

    .reviews_nexon span img {
        width: 25px;
        display:inline;
        vertical-align: sub
    }

.left_nexon_details h4 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 15px
}

.left_nexon_details p input {
    font-family: uni_neueregular;
    margin-left: 10px;
    color: #3d93e2;
    border-bottom: 2px solid #3d93e2;
    padding-bottom: 5px;
    background: 0 0
}

.left_nexon_details p a img,
.left_nexon_details p img {
    width: 10px;
    margin-left: -15px;
    vertical-align: baseline
}

.left_nexon_details > .city_box {
    left: 160px;
    margin-top: 0
}

    .left_nexon_details > .city_box h4 {
        color: #222;
        padding-bottom: 0
    }

.right_nexon_details {
    padding: 30px 0
}

    .right_nexon_details a {
        position: relative;
        text-align: center;
        display: block;
        color: #fff;
        padding: 15px 0
    }

        .feature_img a,
        .feature_img h3,
        .right_nexon_details a.test_drive_btn img,
        .variants_price_section > .dark_card > a {
            display: none
        }

.lead_form{
    padding: 20px 0;
    background: #eee;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    margin: 10px 0 20px;
}

.lead_form h4{
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 6px;
}

.home_lead_form{
    margin-top: 30px;
}

.home_lead_form .input-container{
    margin-bottom: 0;
    margin-top: 10px;
}

.paddingRight{
    padding-right: 15px;
}

.paddingLeft{
    padding-left: 15px;
}

.home_lead_form .input-container label {
    color: #888;
}

.home_lead_form .input-container .floatlabel {
    border-bottom: 1px solid #888;
    color: #222;
}

.home_lead_form .input-container .floatlabel.filled, .home_lead_form .input-container .floatlabel:focus {
    border-bottom: 1px solid #000;
}

.home_lead_form .btn_popup > a:hover, .home_lead_form .btn_popup button:hover {
    background: #222;
    border: 1px solid #222;
}

.home_lead_form small{
    display: block;
    font-size: 14px;
    margin-top: 15px;
}

.home_lead_form form > a{
    float: right;
    font-size: 12px;
    margin-top: 10px;
    color: #222;
}

.home_lead_form form > a:hover{
    color: #3d93e2;
}

.lead_form .success_lead{
    margin-top: 20px;
}

.lead_form .success_lead h5{
    font-size: 22px;
}
.whatsapp img{
	padding-right: 5px;
    width: 25px;
    height: auto;
	vertical-align: text-top;
}
.price_lead_form{
	margin: 0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.feature_points {
    padding: 40px;
    background: #242424;
    color: #fff;
}

    .feature_points ul li {
        margin-bottom: 10px;
    }

        .feature_points ul li:last-child {
            margin-bottom: 0;
        }

.feature_notes {
    text-align: center;
    padding: 20px;
}

    .feature_notes small {
        display: block;
        color: #fff;
    }

.right_nexon_details a {
    border: 1px solid #fff;
}

.right_nexon_details a:hover {
    background: #3d93e2;
    border: 1px solid #3d93e2;
}

.title {
    text-align: left;
    padding: 0;
    color: #fff;
}
.title h2 {
    font-family: 'uni_neueregular';
    font-size: 34px;
    padding-bottom: 10px;
    border-bottom: solid 1px #3581df;
    margin-bottom: 12px;
}
.title p {
    line-height: 26px;
}

    .title h1,
    .title h4 {
        float: left;
        color: #fff;
        font-size: 22px;
        font-weight: 400
    }

    .title a {
        float: right
    }

.feature_section .tab_section .tab_links.stickyFeatures {
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    background: #202020;
    z-index: 9997;
    padding-top: 15px;
}

    .feature_section .tab_section .tab_links.stickyFeatures > ul {
        max-width: 1100px;
        margin: 0 auto;
    }

.feature_section .tab_section .tab_links > ul {
    padding: 0 55px;
}

.feature_img {
    position: relative;
    width: 55%
}

.feature_img > img {
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    z-index: 1
}

.feature_content {
    width: 45%;
    background: #242424;
    padding: 5%;
    color: #fff
}

.feature_content h3,
.feature_img h3 {
    font-family: uni_neueheavy;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 50px;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg)
}

.iranexon .feature_card .feature_content h3{
    font-size: 40px;
    color:#fff;
    line-height:40px;
}

.feature_content h3 span,
.feature_img h3 span {
    text-transform: lowercase;
}

.feature_content p {
    font-size: 16px;
    padding: 20px 0
}

.feature_content a,
.feature_img a {
    color: #fff;
    font-size: 16px
}

.feature_content a span,
.feature_img a span {
    font-weight: 700;
    color: #0281ca
}

.feature_content a img,
.feature_img a img {
    width: 20px;
    vertical-align: bottom;
    margin-left: 5px;
    display:inline;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out
}

.feature_content a:hover img {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px)
}

.rotate_degree_section,
.variants_price_section {
    margin: 20px 0
}

.variants_price_section .tab_section .review_btn .tab_anchor {
    margin-right: 40px
}

.variants_price_section .tab_section .main_tabs .tab_table .table_inner {
    padding-right: 30px
}

.color_thumbnail img {
    cursor: pointer;
    opacity: .4
}

.color_thumbnail .slick-current img {
    opacity: 1
}

.color_thumbnail a.active img {
    opacity: 1
}

.color_table {
    padding: 40px 80px;
}

.color_table table {
    text-align: center;
    width: 100%;
    color: #d1cfcf;
    border-collapse: collapse;
    font-size: 18px;
}

.color_table table,
.color_table table tr th,
.color_table table tr td {
    border: 2px solid #7e7c7c;
}

.color_table table tr th small {
    font-size: 12px;
}

.color_table table tr th {
    background: #000;
    padding: 10px;
    font-weight: normal;
}

.color_table table tr td {
    padding: 20px 10px;
}

.color_table table tr td img {
    width: 45px;
}

.review_slider {
    max-width: 1040px;
    margin: 0 auto
}

.review_slider .slick-next.slick-disabled,
.review_slider .slick-prev.slick-disabled {
    opacity: 0
}

.review_slider .slick-next,
.review_slider .slick-prev {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 70px;
    background: #3d93e2
}

.review_slider .slick-next:before,
.review_slider .slick-prev:before {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    border-top: 2px solid #fff
}

.review_slider .slick-prev {
    left: -80px
}

.review_slider .slick-next {
    right: -80px
}

.review_slider .slick-prev:before {
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin-left: 15px
}

.review_slider .slick-next:before {
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    margin-left: 8px
}

.review_content {
    position: relative;
    margin: 40px 20px
}

.review_content img {
    width: 120px
}

.review_content h6 {
    font-size: 18px;
    padding: 15px 0
}

.review_content p {
    color: #7b7b7b;
    line-height: 26px
}

.review_content small {
    display: inline-block;
    margin-top: 15px
}

.review_content a {
    font-size: smaller;
    margin-left: 10px
}

.review_content a:hover {
    text-decoration: underline
}

.loginPopup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.btn_popup > a,
.btn_popup button,
.main_popup > a {
    display: block;
    text-align: center
}

.loginPopup .modal-content {
    position: relative;
    background-color: #060707;
    margin: auto;
    width: 35%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

@-webkit-keyframes animatetop {
    from {
        top: -50%;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -50%;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

.loginPopup > .modal-content > .closeLogin, .loginPopup > .modal-content > .closeTestDrive {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.loginPopup .closeLogin img, .loginPopup .closeTestDrive img {
    width: 25px
}

.loginPopup .modal-content .flex .width60 {
    position: relative
}

.loginPopup .modal-content .clear .width60 {
    background: #454e46;
}

    .loginPopup .modal-content .flex .width60 img {
        position: absolute;
        width: 100%;
        object-fit: cover;
        height: 100%;
        z-index: 1
    }

.main_popup {
    color: #fff;
    padding: 20px 20px 40px;
}

#popupOption{
    padding-bottom: 0;
}

    .main_popup h5 {
        font-size: 22px
    }

    .main_popup ul {
        margin: 10px 0 0 20px
    }

        .main_popup ul li {
            list-style: disc;
            padding-bottom: 8px
        }

.main_popup ul li:last-child{
    padding-bottom: 0;
}

    .main_popup > a {
        position: relative;
        padding: 15px 0;
        color: #fff;
        background: #3d93e2;
        margin-bottom: 20px;
        border: 1px solid transparent
    }

        .main_popup > a > img {
            position: absolute;
            width: 20px;
            right: 20px;
        }

        .main_popup > a:hover {
            background: 0 0;
            border: 1px solid #fff
        }

        .main_popup > a.popup_tnc {
            margin-bottom: 0;
            background: none;
            border: 0;
            font-size: 12px;
            position: absolute;
            right: 20px;
            bottom: 0;
        }

            .main_popup > a.popup_tnc:hover {
                color: #3d93e2;
            }

    .main_popup a:last-child {
        margin-bottom: 0
    }
.main_popup .agree-text {
    font-size: 13px;
    padding-top: 10px;
}
.form_popup {
    margin-top: 30px
}

.input-container {
    position: relative;
    margin-bottom: 30px
}

    .input-container.captcha_div {
        margin-bottom: 10px;
    }

    .input-container label {
        position: absolute;
        top: 0;
        left: 0;
        color: #9c9c9d;
        cursor: text;
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out
    }

    .input-container .floatlabel {
        border: none;
        border-bottom: 2px solid #9c9c9d;
        font-size: 16px;
        line-height: 20px;
        outline: 0;
        width: 100%;
        padding: 0 0 6px;
        background: 0 0;
        color: #fff
    }

    .input-container span.error {
        display: block;
        padding-top: 5px;
        font-size: 14px;
    }

    .input-container .floatlabel.filled,
    .input-container .floatlabel:focus {
        border-bottom: 2px solid #fff
    }

        .input-container .floatlabel.filled + label,
        .input-container .floatlabel:focus + label {
            font-size: 14px;
            top: -18px;
            left: 0;
            color: #3d93e2
        }

    .input-container > a, .input-container > button {
        position: absolute;
        cursor:pointer;
        top: 0;
        right: 0;
        color: #3d93e2;
        font-weight: 600;
        background: transparent;
        border:0;
    }

    .input-container > span.timer {
        position: absolute;
        top: 0;
        right: 0;
        color: #3d93e2;
        font-weight: 600
    }

    .input-container > a:hover {
        color: #fff
    }

.btn_popup > a.disabled, .btn_popup button.disabled{
	background: #999;
}
.btn_popup span {
    display: block;
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
}
.btn_popup > a, .btn_popup button {
    cursor: pointer;
    width: 100%;
    background: #3d93e2;
    border: 1px solid transparent;
    padding: 15px 0;
    color: #fff
}

    .btn_popup > a:hover, .btn_popup button:hover {
        background: 0 0;
        border: 1px solid #fff
    }

.input-container .checkbox {
    display: inline-block;
    text-align: left
}

.input-container .checkbox-group {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
}

    .input-container .checkbox-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer
    }

    .input-container .checkbox-group label {
        position: relative;
        cursor: pointer
    }

        .input-container .checkbox-group label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 10px;
            top: -2px
        }

    .input-container .checkbox-group input:checked + label:after {
        background:transparent;content:'';display:block;position:absolute;top:5px;left: 8px;width:5px;height:10px;border:solid #3d93e2;border-width:0 2px 2px 0;transform:rotate(45deg);
    }

.inner-banner a {
	display:block;
}

.inner-banner img {
    width: 100%;
    height: auto
}

.card {
    padding-top: 40px
}

.dark_card {
    background: #000;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .4)
}

.pricing_content {
    position: relative;
    color: #fff;
}

.padding {
    padding: 30px 50px 0
}

.border-top-none {
    border-top: none
}

.pricing_content h1,
.pricing_content h2 {
    font-size: 24px
}

    .pricing_content h1 a,
    .pricing_content h2 a {
        margin-left: 10px;
        color: #3d93e2;
        font-size: 15px;
        font-weight: 400
    }

        .pricing_content h1 a:hover,
        .pricing_content h2 a:hover {
            color: #222
        }

.pricing_content span {
    display: block;
    margin: 15px 0
}

.pricing_content h5 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}

.city_box,
.pricing_content .twocompare {
    display: none
}

.pricing_content span input {
    font-family: uni_neueregular;
    margin-left: 10px;
    color: #3d93e2;
    border-bottom: 2px solid #3d93e2;
    padding-bottom: 5px
}

.pricing_content span a {
    margin-left: 10px;
}

    .pricing_content span a img,
    .pricing_content span img {
        width: 12px;
        vertical-align: baseline;
        margin-left: -15px
    }

.pricing_content p,
.pricing_content span {
    color: #555657
}

.city_box {
    padding: 10px;
    border: 1px solid #c5c5c5;
    position: absolute;
    background: #fff;
    left: 203px;
    width: 148px;
    z-index: 10;
    margin-top: -15px;
}

    .city_box h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .city_box ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .city_box ul li {
            border-bottom: 1px solid #ddd
        }

            .city_box ul li:last-child {
                border-bottom: 0
            }

            .city_box ul li a {
                display: block;
                font-size: 15px;
                padding: 6px;
                text-transform: uppercase;
            }

                .city_box ul li a:hover {
                    text-decoration: none;
                    color: #222
                }

.ui-widget.ui-widget-content {
    padding: 10px
}

.ui-menu .ui-menu-item {
    border-bottom: 1px solid #ddd
}

    .ui-menu .ui-menu-item:last-child {
        border-bottom: 0
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none !important;
    background: transparent !important;
    color: red;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 6px !important;
    color: #3d93e2 !important;
    outline: 0;
}

.ui-widget-content a {
    display: block
}

    .ui-widget-content a.ui-menu-item-wrapper:hover {
        border: none !important;
        text-decoration: none !important;
        color: #222 !important;
    }

.footer_links a,
.tnc a:hover {
    text-decoration: underline
}

.tab_links {
    border-bottom: 1px solid #2b2b2b;
    margin: 0 50px
}

.tabswidth60 {
    width: 60%
}

.tab_anchor {
    cursor: pointer
}

.slick-slide:focus {
    outline: 0
}

.tab_anchor h5 {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 4px solid transparent
}

.tab_links .slick-current .tab_anchor h5 {
    display: inline-block;
    color: #3d93e2;
    border-bottom: 4px solid #3d93e2
}

.bottom_footer .view_brands {
    display: none
}

.footer_breadcrumbs {
    display: block;
    background: #171717;
    padding: 20px 10px;
    color: #fff
}

    .footer_breadcrumbs a {
        color: #fff;
        padding: 0 10px
    }

    .footer_breadcrumbs span {
        text-decoration: underline;
        padding: 0 10px
    }

.tab_table {
    padding: 40px 0;
    margin: 0 50px
}

.border_bottom {
    border-bottom: 1px solid #636363
}

.table_inner {
    width: 33.3333333%
}

.center {
    text-align: center
}

.table_inner h3,
.table_inner span {
    font-size: 20px;
    font-weight: 400
}
.table_inner {
    color: #fff;
}

.table_inner a {
    font-size: 16px;
    color: #3d93e2
}

    .table_inner a:hover {
        color: #000
    }

.table_inner h6 {
    font-size: 15px;
    font-weight: 400
}

.compare_tab_content .tab_table {
    padding: 40px 20px
}

    .compare_tab_content .tab_table .table_inner {
        flex: auto;
        width: 33.3333333%;
        padding: 0 30px
    }

.compare_select_modal {
    padding: 30px 25px 0;
}

    .compare_select_modal.stickyOptions {
        position: fixed;
        top: 48px;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff;
        padding: 20px 15px 0;
        z-index: 9990;
    }

        .compare_select_modal.stickyOptions > .max_width > .width33:nth-child(1) > .car_compare {
            margin-left: 30px;
            padding: 0 16px 0 20px;
        }

        .compare_select_modal.stickyOptions > .max_width > .width33:nth-child(3) > .car_compare {
            margin-right: 30px;
            padding: 0 19px 0 17px;
        }

        .compare_select_modal.stickyOptions .car_compare {
            padding: 0 35px;
        }

.compare_dropdown {
    padding: 0 25px 30px;
    margin-bottom: 40px
}

.car_compare {
    padding: 0 25px
}

    .car_compare select {
        font-family: uni_neueregular;
        cursor: pointer;
        width: 100%;
        font-size: 18px;
        text-align-last: center;
        padding-bottom: 15px;
        border-bottom: 1px solid #555;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAATCAMAAADPoV+/AAAASFBMVEUAAAA9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+I9k+JlGu3gAAAAF3RSTlMA+E5qWD0iYfFxRjYb7OiDeCnd1J0wLOZ63QQAAACKSURBVCjPfc9JDoQwDETRYgoQhiZMvv9NuyS3FIkO9ReRFb+Nce41ZHE/YWatMjUBHyptarjShkUOfdm0XEUfO1fSuGrKpgOk6t3kJn6MyriqHqoxqyY8uqg2bdjtKpsLhRLVJ5sbxdLwU6PZkPBScLXRBLwWFt7I2xcaoVZjNLKZap21oTqOP/MF3WsKd8zLg20AAAAASUVORK5CYII=) top 6px right no-repeat;
        background-size: 6%;
        color: #fff;
    }
    .car_compare option {
        color: #000;
    }

    .car_compare img {
        margin: 20px 0 0
    }

    .car_compare h5 {
        font-size: 20px;
        margin-top: 30px
    }

    .car_compare p {
        padding: 10px 0
    }

    .car_compare a {
        color: #3d93e2
    }

.compare_tabs .tab_anchor {
    margin-right: 100px
}

.variant_tabs .tab_anchor {
    margin-right: 30px
}

.tab_title {
    padding: 60px 0 20px;
    margin: 0 50px;
    border-bottom: 1px solid #2b2b2b
}

    .tab_title h6 {
        font-size: 22px
    }

.top_footer {
    background: #000;
    padding: 30px 0
}

    .top_footer .flex {
        align-items: center;
        padding: 0 10px
    }

.call_assistance,
.social,
.tnc {
    flex: 1 1 auto
}

    .call_assistance a {
        font-size: 18px;
        color: #3d93e2
    }

        .call_assistance a:hover,
        .tnc {
            color: #fff
        }

            .tnc a {
                color: #fff;
                padding: 0 30px
            }
    .right, .social {
        text-align: left;
        margin-top: 25px;
    }
    .social a {
        margin-right: 15px
    }
.error-msg{
        color:red;
	    font-size:14px;
	    padding-top: 5px;
}

/* for variant on home page code starts here */
.compare-variants {
    padding: 40px 0 20px 0;
}

.compare-variants img {
    display: inline;
    margin: 0 15px;
}

.compare-variants a {
    float: right;
}
/* for variant on home page code ends here */

.right_nexon_details a.test_drive_btn {
    border: 1px solid #fff;
    margin: 10px 0;
}

.right_nexon_details a.offer_btn {
    background: #3d93e2;
    border: 1px solid transparent;
}

/* code for content on Banner starts */
.inner-banner{
    position:relative;
}

.inner-banner .word_ondesktop_banner{
    font-family: uni_neueheavy;
    color: #ffffff;
}
.inner-banner .word_onmobile_banner{
    font-family: uni_neueheavy;
    color: #ffffff;
}
.inner-banner .word_ondesktop_banner h1.d_banner_content{
    position:absolute;
    top: 19%;
    left: 6%;
    font-size: 9vw;
}

.inner-banner .word_ondesktop_banner.price h1.d_banner_content{
    position: absolute;
    top: 9%;
    left: 9%;
    font-size: 13vw;
    
}
.inner-banner .word_ondesktop_banner.specification h1.d_banner_content{
    position: absolute;
    top: 30%;
    left: 54%;
    font-size: 5.5vw;
}

.inner-banner .word_ondesktop_banner.downloads h1.d_banner_content{
    position: absolute;
    top: 7%;
    left: 2%;
    font-size: 7vw;
}

.inner-banner .word_ondesktop_banner.features h1.d_banner_content{
    position: absolute;
    top: 28%;
    left: 50%;
    font-size: 7vw;
}

.inner-banner .word_ondesktop_banner.variants h1.d_banner_content{
    position: absolute;
    top: 23%;
    left: 3%;
    font-size: 10.5vw;
}

.inner-banner .word_ondesktop_banner.colors h1.d_banner_content{
    position:absolute;
    top: 27%;
    left: 53%;
    font-size: 8vw;
}

.inner-banner .word_ondesktop_banner.gallery h1.d_banner_content{
    position: absolute;
    top: 19%;
    left: 55%;
    font-size: 9.5vw;
}

/* code for content on Banner ends */

/********/

.iranexon .feature_content ul li{
    padding:5px;
    list-style: circle;
    line-height:24px;
} 
.iranexon .feature_content ol li{
    padding:5px;
    line-height:24px;
} 
.iranexoniframe p{
    color:#fff;
}
.title.iranexoniframe p{
    float:left;
    padding:5px 0 5px 0;
    margin-bottom:0;
}
.title.iranexoniframe{
    padding:20px 0 20px 0;
}
.iranexon .feature_content p{
    padding:20px 0 10px 0;
}
.iranexon .feature_content ul, .iranexon .feature_content ol{
   padding-left:20px;
   padding-top:15px;  
} 
.iranexonoverlaydiv{
    position: absolute;
    top: 0px;
    padding: 13px;
    background-color: #1d1d1d;
    font-size: 20px;
    z-index: 1;
    width: 100%;
}
.iranexon .feature_content.lesscontent{
    height:450px;
}

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

@media only screen and (min-width:1025px) {
    .social a:hover img {
        opacity: .6
    }
    
    .compare-variants h4 {
    float: left;
    font-size: 22px;
    color: #3d93e2;
}
}

.cookies {
    display: none;
    background: #202020;
    box-shadow: 0 0 20px #000;
    padding: 10px 30px;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

    .cookies p {
        color: #fff;
        font-size: 14px;
    }

        .cookies p .ok {
            color: #fff;
            background: #3d93e2;
            border: 1px solid transparent;
            padding: 6px 12px;
            margin-left: 10px;
            font-size: 13px;
        }

            .cookies p .ok:hover {
                color: #fff;
                background: transparent;
                border: 1px solid #fff;
            }

        .cookies p a {
            color: #3d93e2;
        }

            .cookies p a:hover {
                color: #fff;
            }

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideInUp {
    display: block;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


footer {
    padding-bottom: 79px;
}

.bottom_footer {
    text-align: center;
    background: #060e61;
    padding: 20px 0
}

.footer_links {
    padding: 0 50px
}

    .footer_links a {
        color: #fff;
        padding: 10px
    }

        .footer_links a:hover {
            text-decoration: none
        }

.floating_btns {
    position: fixed;
    text-align: center;
    width: 100%;
    background: #202020;
    bottom: 0;
    z-index: 9998;
    box-shadow: 0 0 20px #000;
}

.floating_btns > .right_nexon_details {
    padding: 15px 0;
}

.floating_btns > .right_nexon_details > a {
    display: inline-block;
    width: 25%;
}

.floating_btns > .right_nexon_details a.test_drive_btn {
    margin: 0 10px;
}

.rightImg {
    order: 2
}

.feature_section > .dark_card {
    padding-top: 10px;
}

.feature_section .tab_section .tab_links {
    padding: 20px 0 0;
    margin: 0
}

    .feature_section .tab_section .tab_links .tab_anchor {
        margin-right: 80px
    }

        .feature_section .tab_section .tab_links .tab_anchor h5,
        .feature_section .tab_section .tab_links .tab_anchor a {
            font-size: 18px;
            color: #fff;
            text-transform: uppercase;
            padding-bottom: 10px;
            border-bottom: 4px solid transparent;
        }

            .feature_section .tab_section .tab_links .tab_anchor a.active {
                color: #3d93e2;
                border-bottom: 4px solid #3d93e2;
            }

    .feature_section .tab_section .tab_links .slick-current .tab_anchor h5 {
        color: #3d93e2
    }

.specification_section .pricing_content {
    padding-top: 0;
    padding-bottom: 30px
}

    .specification_section .pricing_content h1,
    .specification_section .pricing_content h2 {
        margin-bottom: 10px
    }

.download_section,
.gallery_section {
    margin-bottom: 20px
}

.specification_section .tab_section .tab_links .compare_tabs .tab_anchor {
    margin-right: 40px;
}

.specification_section .tab_content .tab_table {
    padding: 0;
    margin: 0 50px;
    height: 100px;
    align-items: center;
}

    .specification_section .tab_content .tab_table .table_inner p {
        font-size: 16px;
        line-height: 26px;
    }

.gallery_section {
    background: #000;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    padding: 5px 0
}

    .gallery_section .example-image-link {
        padding: 5px
    }

.download_section .brochures {
    padding: 0 0 40px;
    margin: 0 -10px
}

    .download_section .brochures p {
        padding-top: 10px;
        height: 90px;
        color: #fff
    }

    .download_section .brochures a {
        padding: 10px;
        background: #3d93e2;
        color: #fff;
        margin: 10px auto auto;
        text-align: center;
        display: block
    }

    .download_section .brochures .width25 {
        padding: 0 10px
    }

.download_section .download-image {
    padding: 20px 0 30px;
    margin: 0 -10px
}

    .download_section .download-image img {
        padding: 0 10px
    }

    .download_section .download-image a {
        padding: 10px;
        background: #3d93e2;
        color: #fff;
        text-align: center;
        display: block;
        max-width: 120px;
        margin: 15px auto
    }

.download_section .tab_links {
    margin: 0
}

.review_container {
    padding: 30px 0
}

.review_div {
    padding: 0 20px
}

    .review_div h3 {
        font-size: 20px;
        padding: 10px 0 0
    }

    .review_div small {
        display: block;
        margin-top: 5px
    }

    .review_div p {
        padding: 15px 0
    }

    .review_div a {
        background: #3d93e2;
        color: #fff;
        border: 1px solid transparent;
        padding: 12px 25px
    }

        .review_div a:hover {
            background: 0 0;
            color: #222;
            border: 1px solid #222
        }

.alert-success {
    padding: 20px;
    min-height: 390px;
}

    .alert-success h5 {
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .alert-success h5 a {
            display: block;
            background: #3d93e2;
            font-size: 16px;
            font-weight: normal;
            color: #fff;
            border: 1px solid transparent;
            padding: 12px 0px;
            text-align: center;
            max-width: 200px;
            margin: 25px auto 0;
        }

            .alert-success h5 a:hover {
                border: 1px solid #fff;
                background: transparent;
            }

.reviews-tab .feature_content p {
    padding: 20px 0 0
}

.reviews-tab .feature_content small {
    display: block;
    padding: 5px 0 0;
    font-size: 15px
}

.reviews-tab .feature_content a {
    font-size: 15px;
    text-decoration: underline;
    color: #3d93e2;
    padding-top: 20px
}

.price_note {
    text-align: center;
    padding: 20px 0;
    background: #202020;
    color: #fff;
    margin-top: 20px;
}

.error_section {
    text-align: center;
    padding: 10% 0;
}

    .error_section h2 {
        font-family: uni_neueheavy;
        font-size: 100px;
        margin-bottom: 30px;
        line-height: 1;
        color: #3d93e2;
    }

        .error_section h2 span {
            display: block;
            font-size: 20px;
            color: #202020;
        }
.iframe-chat-main{
	height:95%;
	    position: relative;
}
.iframe-chat{
	    width: 100%;
    border: 0;
	height:95%;
	    position: relative;
}

/************* Kraz ******************/

.kraz_menu a img{
    vertical-align: bottom;
}

.kraz_right_nexon_details a.offer_btn {
    background: #ed7d31;
    border: 1px solid transparent;
}

.kraz_right_nexon_details a.test_drive_btn:hover {
    background: #ed7d31;
}

.kraz_btn_popup > a, .kraz_btn_popup button{
    background: #ed7d31;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.kraz_home_lead_form > a:hover{
    color: #ed7d31;
}

.kraz_home_lead_form .input-container .floatlabel.filled + label,
.kraz_home_lead_form .input-container .floatlabel:focus + label{
    color: #ed7d31;
}

.feature_content.kraz_extra_padding{
    padding: 10% 5%;
}

.feature_content.kraz_extra_padding h3{
    color: #ed7d31;
}

.kraz_all_tabs{
    background: #202020;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    margin: 20px 0;
}

.kraz_all_tabs .kraz_tab_section .tab_links{
    margin: 0;
}

.kraz_all_tabs .kraz_tab_section .all_tabs_btn{
    margin: 0;
    padding: 40px 0 0;
}

.kraz_all_tabs .kraz_tab_section .kraz_tab_main_title,
.kraz_all_tabs .kraz_tab_section .tab_table{
    margin: 0;
}

.kraz_all_tabs .kraz_tab_section .tab_links .all_tabs_btn .tab_anchor {
    margin-right: 80px;
}

.kraz_all_tabs .kraz_tab_section .tab_links .all_tabs_btn .tab_anchor a {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 4px solid transparent;
}

.kraz_all_tabs .kraz_tab_section .tab_links .all_tabs_btn .tab_anchor a.active {
    color: #ed7d31;
    border-bottom: 4px solid #ed7d31;
}

/* .kraz_all_tabs .kraz_tab_section .tab_links.stickyFeatures {
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    background: #202020;
    z-index: 9997;
    padding-top: 15px;
}

.kraz_all_tabs .kraz_tab_section .tab_links.stickyFeatures > ul {
    max-width: 1010px;
    margin: 0 auto;
    padding: 0;
} */

.kraz_tabs_btns .tab_anchor,
.kraz_price_tab_btn .tab_anchor{
    margin-right: 40px;
}

.kraz_price_main_tabs .table_inner a{
    color: #ed7d31;
}

.kraz_price_main_tabs .table_inner a:hover{
    color: #222;
}

.tab_links .kraz_tabs_btns .slick-current .tab_anchor h5,
.tab_links .kraz_price_tab_btn .slick-current .tab_anchor h5 {
    color: #ed7d31;
    border-bottom: 4px solid #ed7d31;
}

.kraz_main_tabs .tab_title h6,
.kraz_tab_content .tab_title h6,
.kraz_price_main_tabs .tab_title h6 {
    color: #ed7d31;
    border-bottom: 4px solid #ed7d31;
}

.kraz_tab_main_title{
    padding: 15px 0;
    margin: 0 50px;
    border-bottom: 2px solid #636363;
}

.kraz_tab_main_title .table_inner h3 {
    font-size: 18px;
    font-weight: 600;
}

.kraz_tab_main_title .table_inner p {
    color: #222;
    font-weight: 600;
}

.kraz_variants_section{
    margin: 20px 0;
}

.kraz_video_section > .dark_card{
    padding-bottom: 30px;
}

.kraz_video_section > .dark_card > .title h4 img{
    vertical-align: baseline;
    margin-left: 5px;
}

.video_container{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.banner_section{
    position: relative;
}
.scroll-btn{position:absolute;right:30px;top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 99;z-index:9;width:20px;height:80px;cursor:pointer;}
.scroll-btn span{width:18px;height:18px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg);display:block;right:2px;top:4px;animation-name:blink;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both;}
.scroll-btn span:nth-child(1){animation-delay:0.3s;}
.scroll-btn span:nth-child(2){animation-delay:0.5s;}
.scroll-btn span:nth-child(3){animation-delay:0.7s;}
.scroll-btn span:nth-child(4){animation-delay:0.9s;}
.scroll-btn h6{
    position: absolute;
    left: -150px;
    font-size: 12px;
    background-color: rgba(4,58,91,0.8);
    padding: 6px 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 99;
    color:#fff;
    display:none;
}
.scroll-btn:hover h6{
     display:block;
}
@keyframes blink{
    0%{opacity:1;}
    25%{opacity:0.50;}
    75%{opacity:0.75;}
    100%{opacity:1;}
}
.background1d1d1d{
    background: #000;
}
.iframe_video{
    padding-bottom: 36.8%;
    padding-top: 0;
    height: 0;
    border: 2px solid #fff;
    border-radius: 5px;
    position: relative;
    /* width: 80%; */
    margin: auto;
    cursor: pointer;
    margin-top: 30px;
}
.iframe_video iframe {
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
}


@media only screen and (min-device-width:1536px) and (max-device-width:2560px) {
    p {
        font-size: 16px;
        line-height: 26px
    }
    .loginPopup .modal-content{
        width: 50%;
    }
}

@media only screen and (max-width:1440px) {
    .max_width {
        max-width: 1100px
    }
}

@media only screen and (max-width:1280px) {
    .loginPopup .modal-content {
        width: 75%
    }
}

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

    .tabWidth33 {
        width: 33.333333%;
    }

    .loginPopup .modal-content {
        width: 95%
    }

    .max_width {
        padding: 0 20px
    }

    .review_slider .slick-prev {
        left: 0
    }

    .review_slider .slick-next {
        right: 0
    }

    .review_slider {
        padding: 0 60px
    }

    .feature_content h3,
    .feature_img h3 {
        font-size: 35px;
        line-height: 30px
    }

    .iranexon .feature_card .feature_content h3 {
        font-size: 30px;
        line-height: 30px
    }

    .feature_points {
        padding: 20px;
    }

    .top_footer .flex {
        padding: 0
    }

    .tnc a {
        padding: 0 10px
    }

    .social a {
        margin-left: 10px
    }

    .floating_btns > .right_nexon_details a.offer_btn,
    .floating_btns > .right_nexon_details a.test_drive_btn,
    .floating_btns > .right_nexon_details a.chat_btn {
        margin: 0 10px;
    }

    .color_table {
        padding: 20px;
    }
	
	/***********************/

    .kraz_all_tabs .kraz_tab_section .tab_links .all_tabs_btn .tab_anchor {
        margin-right: 50px;
    }

    /***********************/
	.inner-banner .word_ondesktop_banner h1.d_banner_content
    {
        position:absolute;
        top: 20%;
        left: 5%;
        font-size: 75px;
    }

    .inner-banner .word_ondesktop_banner.price h1.d_banner_content
    {
        position: absolute;
        top: 8%;
        left: 10%;
        font-size: 98px;
    }
    .inner-banner .word_ondesktop_banner.specification h1.d_banner_content
    {
        position: absolute;
        top: 35%;
        left: 53%;
        font-size: 45px;
    }
    .inner-banner .word_ondesktop_banner.downloads h1.d_banner_content
    {
        position: absolute;
        top: 8%;
        left: 3%;
        font-size: 53px;
    }
    .inner-banner .word_ondesktop_banner.features h1.d_banner_content
    {
        position:absolute;
        top: 26%;
        left: 50%;
        font-size: 65px;
    }

    .inner-banner .word_ondesktop_banner.variants h1.d_banner_content
    {
        position: absolute;
        top: 21%;
        left: 3%;
        font-size: 80px;
    }
    .inner-banner .word_ondesktop_banner.colors h1.d_banner_content
    {
        position:absolute;
        top: 27%;
        left: 53%;
        font-size: 66px;
    }

    .inner-banner .word_ondesktop_banner.gallery h1.d_banner_content
    {
        position: absolute;
        top: 20%;
        left: 55%;
        font-size: 75px;
    }
}

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

    .hiddenTab {
        display: none;
    }

    .tabWidth50 {
        width: 50%;
    }

    .tabWidth70 {
        width: 70%
    }

    .tabWidth30 {
        width: 30%
    }

    .tabswidth60 {
        width: 100%
    }

    .review_slider {
        padding: 0 40px
    }

    .feature_section .tab_section .tab_links .tab_anchor {
        margin-right: 40px;
        overflow: hidden;
        flex: 0 0 auto;
    }

    .specification_section .tab_content .tab_table .table_inner h3 {
        font-size: 18px;
        padding-right: 20px;
    }

    .specification_section .tab_content .tab_table .table_inner p {
        font-size: 15px;
        line-height: 20px;
    }

    .main_popup {
        min-height: auto;
        padding: 20px 20px 40px;
    }

        .main_popup h5 {
            font-size: 18px;
        }

        .main_popup ul {
            margin: 20px 0 10px 20px;
        }

            .main_popup ul li {
                padding-bottom: 6px;
            }

        .main_popup > a {
            margin-bottom: 15px;
        }

    .feature_section .tab_section .tab_links > ul {
        padding: 0;
    }

    .feature_section .tab_section .tab_links.stickyFeatures > ul {
        padding: 0 20px;
    }
	
	/************************/

    .kraz_all_tabs .kraz_tab_section .all_tabs_btn {
        padding: 20px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .kraz_all_tabs .kraz_tab_section .tab_links .all_tabs_btn .tab_anchor {
        margin-right: 30px;
    }

    /************************/
	
}

@media only screen and (max-width:767px) {
    .right {
        text-align: left
    }

    .width10,
    .width15,
    .width16,
    .width20,
    .width25,
    .width30,
    .width33,
    .width40,
    .width50,
    .width55,
    .width60,
    .width66,
    .width70,
    .width75,
    .width80,
    .width90 {
        float: none;
        width: 100%
    }

    .mobileWidth50 {
        float: left;
        width: 50%
    }

    .mobileWidth33 {
        float: left;
        width: 33.3333333%
    }

    .hiddenDesktop {
        display: block !important;
    }

    .hiddenMobile {
        display: none !important;
    }

    .max_width {
        padding: 0 15px
    }

    .padding,
    .tab_table {
        padding: 20px 0 10px;
    }

    .flex {
        display: block
    }

    .pricing_content .threecompare,
    .pricing_content p {
        display: none
    }

    .pricing_content h1,
    .pricing_content h2 {
        font-size: 18px
    }

    .pricing_content h1 a,
    .pricing_content h2 a {
        margin: 10px 0 0
    }

    .pricing_content span {
        margin: 10px 0
    }

    .pricing_content span input {
        width: 30%;
    }

    .pricing_content .twocompare {
        display: inline
    }

    .tab_links {
        margin: 0
    }

    .tab_btn {
        width: 100%
    }

    .tab_anchor h5 {
        font-size: 15px
    }

    .tab_table {
        position: relative;
        margin: 0
    }

    .table_inner h3,
    .table_inner span {
        font-size: 16px
    }

    .table_inner {
        width: auto;
        margin-bottom: 10px
    }

    .table_inner:last-child {
        margin-bottom: 0
    }

    .table_inner p {
        width: 60%
    }

    .table_inner.center {
        position: absolute;
        right: 5%;
        top: 50%;
        margin-bottom: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .feature_section .feature_img {
        width: 100%;
        height: 250px
    }

    .feature_section .feature_card {
        background: #fff;
        padding-bottom: 20px
    }

    .feature_section .feature_content {
        display: block;
        width: 100%;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .5)
    }

    .feature_section .feature_content h3,
    .iranexon .feature_card .feature_content h3 {
        font-size: 20px;
        line-height: normal
    }

    .feature_section .feature_content p {
        padding: 15px 0 0
    }

    .feature_section .tab_section .tab_links.stickyFeatures {
        padding-right: 15px;
    }

    .feature_section .tab_section .tab_links.stickyFeatures > ul {
        padding: 0 25px;
    }

    .specification_section .pricing_content p {
        display: block
    }

    .specification_section .tab_content {
        margin-bottom: 30px
    }

    .feature_section .tab_section .tab_links .tab_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .specification_section .tab_section .main_tabs .tab_content .tab_title {
        padding: 0
    }

    .specification_section .tab_content .tab_table {
        padding: 15px 0;
        margin: 0;
        border-bottom: 1px solid #555;
        height: auto;
    }

    .specification_section .tab_content .tab_table .table_inner {
        float: left;
        width: 50%
    }

    .loginPopup .modal-content,
    .specification_section .tab_content .tab_table .table_inner p {
        width: 100%
    }

    .specification_section .tab_content .tab_table .table_inner p {
        line-height: 22px;
    }

    .left_nexon_details {
        padding: 20px 0
    }

    .left_nexon_details p input {
        width: 30%;
    }

    .floating_btns > .right_nexon_details {
        padding: 10px;
    }

    .floating_btns > .right_nexon_details a.offer_btn,
    .floating_btns > .right_nexon_details a.test_drive_btn,
    .floating_btns > .right_nexon_details a.chat_btn {
        margin: 0;
    }

    .right_nexon_details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: fixed;
        padding: 10px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9998;
        background: #202020;
        box-shadow: 0 0 20px #000
    }

    .right_nexon_details a {
        flex: 1 1;
        padding: 0
    }

    .floating_btns > .right_nexon_details > a {
        width: auto;
    }

    .floating_btns > .right_nexon_details a.test_drive_btn {
        margin: 0 0 0 10px;
        background: 0 0;
        border: 1px solid #fff;
        width: 60%;
        height: 50px;
        line-height: 50px;
    }

    .right_nexon_details a.offer_btn {
        background: 0 0;
        border: 1px solid #fff;
        width: 60%;
        height: 50px;
        line-height: 50px
    }

    .right_nexon_details a.chat_btn span,
    .right_nexon_details a.test_drive_btn span {
        display: none
    }

    .right_nexon_details a.test_drive_btn img {
        display: block;
        width: 25px;
        margin: auto;
        transform: translateY(12px)
    }
    
    .right_nexon_details a.chat_btn{
        display: none;
    }

    .right_nexon_details a.chat_btn {
        background: #1bd741
    }

    .right_nexon_details a.chat_btn img {
        position: relative;
        width: 25px;
        height: auto;
        right: auto;
        transform: translateY(12px)
    }
    
    .paddingRight{
        padding-right: 0;
    }

    .paddingLeft{
        padding-left: 0;
    }
    
    .home_lead_form .input-container {
        margin-bottom: 30px;
        margin-top: 0;
    }
    
    .home_lead_form form > a {
        float: none;
        margin-top: 30px;
    }
    
	.color_thumbnail.flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .color_thumbnail.flex li.tab_anchor{
        width: 30%;
        overflow: hidden;
        flex: 0 0 auto;
    }

    .feature_img a,
    .feature_img h3 {
        position: absolute;
        z-index: 2
    }

    .feature_img h3 {
        display: block;
        font-size: 28px;
        line-height: 30px;
        color: #fff;
        top: 20px;
        left: 20px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }

    .feature_img a {
        bottom: 0;
        right: 0
    }

    .feature_content {
        width: 100%;
    }
    .feature_content a {
        margin-left: 0px;
    }
    .feature_content a span {
        font-size: 16px;
    }
    .feature_content h3, .feature_img h3 {
        font-size: 24px;
    }
    .feature_content a {
        margin-left: 0;
        font-size: 14px;
        padding: 10px 0;
    }
    .feature_img > img {
        position: unset;}

    .feature_content a img, .feature_img a img {
        width: 16px;
    }

    .toggleHeight {
        height: auto;
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out
    }
    
    .feature_img {
        width: 100%;
        height: auto;
    }
    .feature_img.changeColor.toggleHeight h3 {
        color: #202020;
    }

    .feature_img.toggleHeight a {
        display: block;
        width: 100%;
        text-align: right;
        font-weight: 700;
        padding: 20px;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
    }

    .feature_section .tab_section .tab_links .tab_anchor h5, .feature_section .tab_section .tab_links .tab_anchor a {
        font-size: 16px;
    }

    .price_note {
        text-align: left;
        padding: 15px;
    }

    .title {
        padding: 20px 0;
        margin-bottom: 0;
        border-bottom: 0;
        text-align: center
    }

    .title h1,
    .title h4 {
        float: none;
        font-size: 18px
    }

    .title a {
        display: none
    }

    .card {
        padding-top: 20px
    }

    .variants_price_section > .dark_card > a {
        display: block;
        text-align: center;
        padding: 15px 0;
        color: #fff;
        background: #060e61
    }

    .review_content {
        margin: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #555
    }

    .compare_tabs .tab_anchor,
    .variants_price_section .tab_section .review_btn .tab_anchor,
    .variants_price_section .tab_section .tab_btn .tab_anchor {
        margin-right: 0;
        padding-right: 40px;
    }

    .variants_price_section .tab_section .review_btn .tab_anchor {
        margin-right: 0;
        padding-right: 20px;
    }

    .variants_price_section .tab_section .main_tabs .tab_table .table_inner {
        padding-right: 10px
    }

    .review_slider {
        padding: 0
    }

    .city_box {
        left: 154px;
        margin-top: -10px
    }

    .compare_select_modal {
        padding: 20px 0 0;
    }

    .compare_select_modal .car_compare {
        margin-bottom: 0;
    }

    .compare_select_modal.stickyOptions .car_compare {
        margin: 0;
        padding: 0 5px;
    }

    .compare_select_modal > .max_width {
        padding: 0;
    }

    .compare_select_modal.stickyOptions > .max_width > .width33:nth-child(1) > .car_compare,
    .compare_select_modal.stickyOptions > .max_width > .width33:nth-child(3) > .car_compare {
        margin: 0;
        padding: 0 5px;
    }

    .car_compare,
    .compare_dropdown {
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .car_compare h5 {
        font-size: 16px;
        margin-top: 15px
    }

    .tab_title {
        padding: 10px 0 0;
        margin: 0;
        border-bottom: 1px solid #2b2b2b
    }

    .tab_title h6 {
        display: inline-block;
        font-size: 20px;
        color: #3d93e2;
        border-bottom: 4px solid #3d93e2;
        padding-bottom: 10px
    }

    .compare_tab_content {
        border-bottom: 1px solid #555;
        margin-bottom: 30px
    }

    .compare_tab_content .tab_table {
        padding: 0;
        border-bottom: 0
    }

    .compare_tab_content .tab_table .table_inner {
        float: left;
        width: 50%;
        padding: 30px 15px;
        margin-bottom: 0;
        border-right: 1px solid #555;
        min-height: 115px
    }

    .compare_tab_content .tab_table .table_inner:nth-child(2) {
        border-right: 0
    }

    .review_container {
        padding: 0
    }

    .review_div {
        padding: 20px 0
    }

    .review_div h3 {
        font-size: 18px
    }

    .reviews-tab .feature_content {
        position: relative;
        padding-bottom: 65px
    }

    .reviews-tab .feature_content h3 {
        width: 60%
    }

    .reviews-tab .feature_content p {
        padding: 10px 0 0
    }

    .reviews-tab .feature_content small {
        color: #7b7b7b;
        position: absolute;
        top: 20px;
        right: 20px
    }

    .reviews-tab .feature_content a {
        background: #060e61;
        color: #fff;
        padding: 15px 10px;
        text-align: center;
        text-decoration: none;
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    .review_content a {
        position: absolute;
        right: 0;
        bottom: 20px;
    }

    .color_table table {
        font-size: 15px;
    }

    .color_table table tr th {
        padding: 5px;
    }

    .color_table table tr td {
        padding: 10px 0;
    }

    .color_table table tr td img {
        width: 35px;
    }

    .social,
    .top_footer {
        text-align: center
    }

    .top_footer .flex {
        padding: 0 20px
    }

    .call_assistance a {
        font-size: 16px
    }

    .tnc {
        padding: 30px 0
    }

    .tnc a {
        padding: 0 10px
    }

    .bottom_footer .view_brands {
        display: block
    }

    .bottom_footer .view_brands a {
        display: block;
        color: #fff
    }

    .bottom_footer .view_brands a:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        margin-left: 15px
    }

    .download_section .download-image .width33,
    .footer_links a,
    .gallery_section .mobile-width50 .width50 {
        width: 50%;
        float: left
    }

    .bottom_footer .view_brands a.toggleArrow:after {
        transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
    }

    .alert-success {
        min-height: 370px;
    }

    footer {
        padding-bottom: 0;
    }

    .footer_links {
        display: none;
        padding: 20px 0 0
    }

    .footer_links a {
        display: block;
        padding: 10px 0;
        text-align: left
    }

    .error_section h2 {
        font-size: 80px;
        margin-bottom: 20px;
    }

    .error_section h2 span {
        font-size: 16px;
    }

    .para-content h1 {
        font-size: 18px
    }

    .gallery_section .max_width {
        padding: 0 5px
    }

    .gallery_section {
        background: #000;
        padding-top: 5px
    }

    .gallery_section .example-image-link {
        padding: 5px
    }

    .download_section .brochures p {
        height: auto;
        padding-bottom: 0
    }

    .download_section .brochures a {
        margin-bottom: 25px
    }

    .download_section .download-image {
        margin: 0
    }

    .download_section .download-image a {
        margin-bottom: 20px;
        max-width: 100px;
        padding: 7px 0;
        font-size: 14px
    }

    .download_section .download-image img {
        padding: 0 5px
    }

    .download_section .compare_tabs .tab_anchor {
        padding-right: 20px
    }

    .cookies {
        padding: 10px;
    }

    .cookies p .ok {
        display: block;
        padding: 7px 10px;
        margin-top: 10px;
    }

    footer {
        padding-bottom: 70px;
    }
	
	/****************/

    .kraz_tab_content .flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .kraz_tab_main_title {
        padding: 10px 0;
        margin: 0;
    }

    .kraz_tab_main_title .table_inner h3 {
        font-size: 16px;
    }

    .kraz_tab_content .tab_table{
        padding: 20px 0;
    }

    .kraz_tab_content .table_inner {
        width: 33.3333333%;
        margin: 0;
    }

    .kraz_tab_content .table_inner p {
        width: 100%;
        word-break: break-word;
    }

    /****************/
	.compare-variants a {
        float: left;
    }

    .compare-variants h4 {
        font-size: 26px;
        padding: 20px 0;
        color: #3d93e2;
    }

    .scroll-btn {
        bottom: 0px;
        display: none;        
    }
    .scroll-btn span{width:12px;height:12px;}

    .inner-banner .word_onmobile_banner h1.m_banner_content{
        position:absolute;
        top: 12%;
        left: 18%;
        font-size: 54px;
    
    }
    
    .inner-banner .word_onmobile_banner.price h1.m_banner_content{
        position:absolute;
        top: 4%;
        left: 28%;
        font-size: 54px;
    }
    .inner-banner .word_onmobile_banner.specification h1.m_banner_content{
        position:absolute;
        top: 12%;
        left: 5%;
        font-size: 41px;
    }
    
    .inner-banner .word_onmobile_banner.downloads h1.m_banner_content{
        position: absolute;
        top: 16%;
        left: 4%;
        font-size: 48px;
        color:#ffffff;
    }
    .inner-banner .word_onmobile_banner.features h1.m_banner_content{
        position: absolute;
        top: 1%;
        left: 8%;
        font-size: 61px;
    }
    .inner-banner .word_onmobile_banner.variants h1.m_banner_content{
        position: absolute;
        top: 0%;
        left: 10%;
        font-size: 61px;
    }
    .inner-banner .word_onmobile_banner.colors h1.m_banner_content{
        position:absolute;
        top: 12%;
        left: 15%;
        font-size: 55px;
    }
    .inner-banner .word_onmobile_banner.gallery h1.m_banner_content{
        position:absolute;
        top: 12%;
        left: 15%;
        font-size: 55px;
    }

    .iranexon .feature_content ul, .iranexon .feature_content ol{
        padding-top:15px;
        padding-left:20px;
    }
    .iranexoniframe.iframe_video{
        height:350px;
    }
    .iranexonvideoiframe.iframe_video{
        height:250px;
    }
    .title.iranexoniframe{
        padding:15px 0 15px 0;
        border-bottom:1px solid #fff;
    }
    .iranexoniframe.iframe_video{
        margin:15px 0 0 0;
    }
    .iranexonvideoiframe.iframe_video{
        margin:15px 0 0 0;
    }
    .title.iranexoniframe p{
        margin-bottom:0;
    }
    .iranexonpara-content {
        padding: 10px 0
    }
    .iranexon .feature_content.lesscontent{
        height:auto;
    }
}

@media only screen and (max-width:360px) {
    .table_inner h3,
    .table_inner span {
        font-size: 16px
    }

    .footer_links a,
    .tab_anchor h5,
    .table_inner a {
        font-size: 14px
    }

    .compare_tabs .tab_anchor,
    .tab_anchor {
        margin-right: 15px
    }
}