@font-face {
    font-family: 'volvo_novum';
    src: url('fonts/Volvo Novum-Light.eot');
    src: url('fonts/Volvo Novum-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Volvo Novum-Light.woff') format('woff'), url('fonts/Volvo Novum-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'volvo_novum';
    src: url('fonts/Volvo Novum-Regular.eot');
    src: url('fonts/Volvo Novum-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Volvo Novum-Regular.woff') format('woff'), url('fonts/Volvo Novum-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'NarkisBlockCondensed';
    src: url('fonts/Volvo Novum-Italic.eot');
    src: url('fonts/Volvo Novum-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Volvo Novum-Italic.woff') format('woff'), url('fonts/Volvo Novum-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'volvo_novum';
    src: url('fonts/Volvo Novum-Bold.eot');
    src: url('fonts/Volvo Novum-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Volvo Novum-Bold.woff') format('woff'), url('fonts/Volvo Novum-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'volvo_broad';
    src: url('fonts/VolvoBroadWeb.eot');
    src: url('fonts/VolvoBroadWeb.eot?#iefix') format('embedded-opentype'), url('fonts/VolvoBroadWeb.woff') format('woff'), url('fonts/VolvoBroadWeb.ttf') format('truetype'), url('fonts/VolvoBroadWeb.svg#volvo_broad') format('svg');
    font-style: normal;
    font-weight: 100;
    text-rendering: optimizeLegibility;
}


@font-face {
    font-family: 'NarkisBlock';
    src: url('fonts/NarkisBlock-Thin_MFW.eot');
    src: url('fonts/NarkisBlock-Thin_MFW.eot?#iefix') format('embedded-opentype'), url('fonts/NarkisBlock-Thin_MFW.woff') format('woff'), url('fonts/NarkisBlock-Thin_MFW.ttf') format('truetype'), url('fonts/NarkisBlock-Thin_MFW.svg#kulya') format('svg');
    font-weight: 100;
    font-style: normal;
    unicode-range: U+26, U+0-40, U+5B-60, U+7B-FFFFF;
}

@font-face {
    font-family: 'NarkisBlock';
    src: url('fonts/NarkisBlock-Medium_MFW.eot');
    src: url('fonts/NarkisBlock-Medium_MFW.eot?#iefix') format('embedded-opentype'), url('fonts/NarkisBlock-Medium_MFW.woff') format('woff'), url('fonts/NarkisBlock-Medium_MFW.ttf') format('truetype'), url('fonts/NarkisBlock-Medium_MFW.svg#narkis') format('svg');
    font-weight: 400;
    font-style: normal;
    unicode-range: U+26, U+0-40, U+5B-60, U+7B-FFFFF;
}

@font-face {
    font-family: 'NarkisBlock';
    src: url('fonts/NarkisBlockCon-Bold_MFW.eot');
    src: url('fonts/NarkisBlockCon-Bold_MFW.eot?#iefix') format('embedded-opentype'), url('fonts/NarkisBlockCon-Bold_MFW.woff') format('woff'), url('fonts/NarkisBlockCon-Bold_MFW.ttf') format('truetype'), url('fonts/NarkisBlockCon-Bold_MFW.svg#narkis') format('svg');
    font-weight: 800;
    font-style: normal;
    unicode-range: U+26, U+0-40, U+5B-60, U+7B-FFFFF;
}

@font-face {
    font-family: 'NarkisBlockCondensed';
    src: url('fonts/NarkisBlock-Condensed_MFW.eot');
    src: url('fonts/NarkisBlock-Condensed_MFW.eot?#iefix') format('embedded-opentype'), url('fonts/NarkisBlock-Condensed_MFW.ttf') format('truetype'), url('fonts/NarkisBlock-Condensed_MFW.svg#narkis') format('svg');
    font-weight: 800;
    font-style: normal;
    unicode-range: U+26, U+0-40, U+5B-60, U+7B-FFFFF;
}

@font-face {
    font-family: 'helvetica';
    src: url('fonts/HelveticaLTStd-Light.eot');
    src: url('fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaLTStd-Light.woff') format('woff'), url('fonts/HelveticaLTStd-Light.ttf') format('truetype'), url('fonts/HelveticaLTStd-Light.svg') format('svg');
    font-weight: 100;
    font-style: normal;
    unicode-range: U+26, U+0-40, U+5B-60, U+7B-FFFFF;
}

#carsinfo img {
    display: none !important;
}

html,
body {
    margin: 0;
    padding: 0;
    top: 0;
    /*    direction: rtl;*/
    font-family: almoni, sans-serif;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 100;
}

body {
    background-color: #fff;
    color: #f3f3f3;
    background-size: cover;
    overflow-x: hidden;
    font-size: 48px;
}
.medium{display: none;}
header,
main {
    position: relative
}

input,
select {
    font-family: almoni, sans-serif;
    font-weight: 100;
    height: 28px;
}


/*Main Content*/

.en {
	font-family: 'volvo_novum';
    font-weight: 500;
    font-size: 0.8em;
        letter-spacing: 2px;
}


#content {
    position: absolute;
    top: 2vw;
    right: 6.5vw;
    text-align: right;
    /* transform: scale(1.15); */
    z-index: 999;
        line-height: 1;
}
#content img{width:9.9vw;}
.slider-wrap{    width: 78vw;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

.swiper-slide .img-container img{max-width: 100%;margin-top: -5vw;}
.mobileye{position: absolute;left:1vw;bottom: 3vw;width:9.65vw;}
.hondalink{position: absolute;left: 0;top:0.75vw;}

.box .texth{letter-spacing: -0.05vw;     font-size: calc(2.6vw + 3px);  font-family: 'NarkisBlockCondensed';font-weight: 100;}

.box .small-text{display: inline-block;font-size: calc(2vw + 3px);    font-family: 'volvo_novum';font-weight: 300;  margin-right: 1rem;
}
.box .price{font-size: calc(3vw + 3px);display: inline-block;line-height: 0.7;    font-family: 'NarkisBlockCondensed';font-weight: normal;}
.box .old_price{font-size: calc(2vw + 3px);display: inline-block;line-height: 0.7;font-family: 'NarkisBlockCondensed';font-weight: normal;position: relative;}
.box .old_price:after{position: absolute;width:100%;display: block;height:0.15vw; content:'';background:#fff;bottom: 50%;transform: rotate(10deg);}
.box .nis{font-size: calc(2.65vw + 3px);display: inline-block;font-family: almoni;margin-right: -0.5vw;}
.legal{position: fixed;left:2.5vw;top:35vw;font-size: calc(0.74vw + 3px);width:16.5vw;}
.legal .notices{border-top: 0.075vw solid #fff;border-bottom: 0.075vw solid #fff;margin-top:0.5vw;padding: 0.35vw 0;font-family: NarkisBlockCondensed;
    color: #585858; letter-spacing: -0.05rem;    border-top: 0.075vw solid #585858;
    border-bottom: 0.075vw solid #585858;
    margin-top: 0.5vw;
    padding: 0.35vw 0;}
.legal span{    display: inline-block; font-family: NarkisBlockCondensed;color: #585858; letter-spacing: -0.05rem;    line-height: 1;
}
.legal span.eng{    font-family: 'volvo_novum';}
.legal span.rectangle{display: inline-block;}
.row{background: #1b1d1f;}
.row-alt{background: #232528;}
.row,.row-alt{padding: 1vw 0;font-family: almoni;font-weight: 800;}
.row  span,.row-alt span{display: inline-block;}
.row  img,.row-alt img{display: inline-block;margin-left: 2vw;vertical-align: middle;max-width: 4.375vw;}
.row .inner,.row-alt .inner{display: grid;display:-ms-grid;grid-template-columns: 1fr 5fr;-ms-grid-columns: 1fr 5fr;}
.row .icon-title,.row-alt .icon-title{-ms-grid-column: 1;font-size: calc(2.725vw + 3px);position: relative;}
.row .icon-title span,.row-alt .icon-title span{position: absolute;bottom: 50%;transform:translateY(50%);-ms-transform: translateY(50%);   font-family: 'NarkisBlock';font-weight: 800;padding-right: 1.5vw;}
.row .extended,.row-alt .extended{-ms-grid-column: 2;font-size: calc(1.5vw + 3px);line-height: 0.9;font-weight: 300;letter-spacing: -0.05vw;position: relative;}
.row .extended span:not(.en),.row-alt .extended span:not(.en){position: absolute;width:100%;bottom: 50%;transform:translateY(50%);-ms-transform: translateY(50%);}
.row ul,.row-alt ul{list-style-type: none;margin: 0;padding: 0;}
.row ul li,.row-alt ul li{position: relative;font-family: 'NarkisBlockCondensed';font-weight: 100;    font-size: calc(1.35vw + 2px);}
.row ul li::before,.row-alt ul li::before{content:'•';display: block;position: absolute;right: -0.5vw;font-size: 0.5vw;bottom: 50%;transform:translateY(50%);-ms-transform: translateY(50%);}
img.alt{
    display:none !important;
}
#content h1 {
    font-family: 'NarkisBlock';
    text-align: right;
    margin: 0;
    color: #fff;
    font-size: calc(1.7vw + 2.45vw);
    font-weight: 800;
    line-height: 0.8;
    margin-right: 1rem;
}

a {
    color: #fff;
    text-decoration: none;
}

a:focus,
input:focus,
select:focus {
    outline: 2px solid lime!important;
    border: none;
}

iframe {
    display: none;
}

span.avoidwrap {
    display: inline-block;
}

#wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-transform-origin: center;
    direction: rtl;
}

.logo {
    width: 14.5vw;
    display: inline-block;
    position: fixed;
    left: 3.5vw;
    top: 7vh;
    z-index: 9999;
}

.logo img {
    width: 100%;
    
}

#form_wrapper {
    position: fixed;
    left: 2vw;
    top:17vh;
    width: 17vw;
    font-family: almoni;
}

#contact_form {
    width: 16vw;
    margin: auto;
}

.form_item {
    position: relative;
}

.form_notice {
    font-size: 0.8vw;
    display: block;
    margin-top: 0.9vh;
font-family: 'NarkisBlock';
    color: #777777;

}

#form_title {
     font-size: calc(2.1vw + 3px);
    font-weight: 400;
    text-align: center;
    font-family: NarkisBlockCondensed;
    color: #585858;
    letter-spacing: -1px;


    /* margin-top: -0.5px; */
    /* margin-bottom: 9px; */
    margin: 0;
    /* margin-right: -1vw; */
	line-height: 2vw;
}
#form_title .en{font-family: volvo_broad}


.footer_bottom .bottom-line {}


/*FireFox Fix*/

@-moz-document url-prefix() {
/*
    #form_title {
        line-height: 25px;
    }
*/
}


input[type=checkbox]:not(old) + label > span.margin{    display: block;
    background: transparent;
    border: none;
    height: 0.5em;}
    input[type=checkbox]:not(old):checked + label > span.margin{background: transparent;}
input[type=checkbox]:not(old):checked + label > span.margin:before{display: none;}
.inputwrapper {
    display: block;
    height: 5.3vh;
}

#nameinput {
    margin-top: -10px;
}

#full_name,
#phone,
#email {
     padding-right: 0.5vw;
    border: none;
    height: 4.8vh;
    width: 95%;
    font-size: 1.2vw;
    background: transparent;
    border-bottom: 1px solid #585858;
    
}

#form_pre_phone {
    height: 46px;
}

.error_msg {
    display: block;
    color: red;
    position: absolute;
    bottom: -1.8vh;
    left: 0.4vw;
    font-size: 0.85vw;
    font-family: 'NarkisBlockCondensed';
}

.error_msg#email-error {
    top: 4vh !important;
}


#form_pre_phone-error {
    left: 5px;
}
.meir{width:4.4vw;}
#emailinput,
#phoneinput,
#nameinput {
    margin-top: 1.5vh;
}

#submitinput {
    margin-top: 1vh;
}
.form_item label{font-size: calc(0.7vw + 3px);position: absolute;right: 0;display: block;padding: 0.5vw;top:0;}
input {
    display: block;
}
#nameinput {
    margin-top: 0.5vw;
}
#formsubmit {
    width: 98%;
    background: #585858;
    background-size: 100%;
    border: none;
    outline: none;
    color: #fff;
    font-size: calc(2.2vw + 3px);
    font-weight: 800;
    font-family: NarkisBlock;
    text-align: center;
    padding: 0;
    height: 2.6vw;
    margin-bottom: 0.5vw;
    /* padding-bottom: 17px; */
    /* line-height: 50px; */
    cursor: pointer;
}

.footer_top .eng {
    font-size: 20px;
    font-weight: 100;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

[aria-hidden="true"] {
    /*visibility: hidden;height: 0;*/
    display: none;
}

.desktop {
    display: inline-block;
}
.mobile {
    display: none!important;
}
footer {
    z-index: 99;
    position: absolute;
    bottom: 7vh;
    right: 0;
    font-family: almoni;
    color: #fff;
    /* font-size: 14px; */
    font-weight: 400;
    /* letter-spacing: 0px; */
    width: 78vw;
    height:2.5vw;
}
#meir_logo {
    display: block;
    width: 3.9vw;
    margin-bottom: 1vw;
}
#volvo_link {
    font-family: almoni, sans-serif;
    font-size: 1em;
    letter-spacing: -0.7px;
}
#prices {
    letter-spacing: 0;
}
#prices span {
    display: block;
    line-height: 1;
}
#prices .carname {
    font-family: almoni;
    text-align: center;
    font-size: 30px;
    line-height: 0.9;
}
#prices .price {
    color: #fff;
    background-color: #000;
    padding: 6px 20px;
    font-family: almoni;
    font-weight: 400;
    font-size: 22px;
}
#prices .oldprice {
    text-align: left;
    direction: rtl;
    font-size: 22px;
}

#cars {
    margin-right: 115px;
}

#cars li {
    display: inline-block;
    margin-left: 55px;
    margin-right: 65px;
}
.legal .rectangle {
    width: 1vw;
    height: 1vw;
    display: inline-block;
    text-align: center;
    line-height: 1vw;
    color: #000;
    margin: 0.5vw 0 0 0.25vw;
    font-size: 0.75vw;
    font-family: almoni,sans-serif;
    font-weight: 100;
}
.legal a{color:#585858;font-family: sans-serif;}
.footer_bottom {
    font-family: almoni;
    font-size: 0.9vw;
	margin-bottom: 20px;
}
footer .desktop {
    display: inline-block;
}

.rectangle.red {
    background-color: #c8da46;
}
.rectangle.darkred {
    background-color: #8F2C2F;
}
.rectangle.lightred {
    background-color: #af1820;
}

.rectangle.purple {
    background-color: #4a59b0;
}

.rectangle.blue {
    background-color: #4c5da7
}

.rectangle.lightblue {
    background-color: #436fb4;
}

.rectangle.lighterblue {
    background-color: #3d869d;
}

.rectangle.darkorange {
    background-color: #B5341E;
}

.rectangle.orange {
    background-color: #ec520a;
}

.rectangle.oranger {
    background-color: #c84e1d;
}

.rectangle.darkblue {
    background-color: #6284d3;
}

.rectangle.lightorange {
    background-color: #c84e1d;
}

.rectangle.yellow {
    background-color: #c8da46;
}
.rectangle.darkyellow {
    background-color: #F5A900;
}

.rectangle.lightyellow {
    background-color: #C8DA46;
}

.rectangle.green {
    background-color: #57954e;
}

footer #footer_wrapper {
    position: relative;
}

.underline {
    text-decoration: underline;
}

.footer_top {
    margin-top: 0.4vw;
    border-top: 2px solid #fff;
    border-bottom: 2px solid;
    padding: 0.7vh 0px;
    /* font-size: 16.5px; */
    font-family: almoni;
}
.desktop_b{
    display: block;
}
.footer_top p {
    margin-top: 0.1vh;
    margin-bottom: 0.1vh;
    font-size: 1.1vw;
    text-align: justify;
    font-family: 'almoni';
}

::-webkit-input-placeholder {
    color: #575757;
    opacity: 1;
    font-size: 1.2em;
    font-family: NarkisBlockCondensed;
    font-weight: 400;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #575757;
    opacity: 1;
    font-family: NarkisBlockCondensed;
    font-weight: 400;
    font-size: 0.95em;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #575757;
    opacity: 1;
    font-size: 1.2em;
    font-family: NarkisBlockCondensed;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #575757;
    opacity: 1;
    font-size: 1.2em;
    font-family: NarkisBlockCondensed;
    font-weight: 400;
    padding: 0;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 0.35em;
}

select::-ms-expand {
    display: none;
}

#carsinfo {
    position: absolute;
}

.footer_top .eng {
    font-size: 1vw;
    letter-spacing: 0.1vw;
}

@supports (-ms-ime-align:auto) {
    body{
        background-position: 65% 69%;
    } 
    #meir_logo {
        margin-bottom: 0;
    }
}

@media (max-device-aspect-ratio:5/8){

}
/*Square Screen Fix*/

@media (max-device-aspect-ratio:5/4) {
   body {
        background: url('../images/bg-desk-s.jpg')top left no-repeat #fff;
        background-position: 100% 70%;
        background-size: cover;
    }

    #content {
        /*top: 6vh;
        left: 39.7vw;*/
		right:6.75;
        transform: scale(1.35) !important;
    }
    footer {
        /*position: absolute;*/
        bottom: 34vh;
        /*left: 4.9vw;*/
        font-family: almoni;
        color: #fff;
        font-weight: 400;
        /*width: 18vw;*/
    }
    .logo {
        /*left: 9.6vw;
        width: 8.6vw;*/
        top: 4vh;
    }
    #form_wrapper{
        /*position: absolute;*/
        left: 2.2vw;
        top: 27vh;
        width: 22.7vw;
        font-family: almoni;

    }
    #full_name, #phone, #email{
        height: 3.7vh;
    }
    :root #form_pre_phone{
        height: 3.85vh !important;
    }
}

@media (max-device-aspect-ratio:4/3) {
    .medium{display: block;width:100%;
    }
    .img-container img.desktop{display: none;}
    body {
       /*  background: url('../images/bg-desk-s.jpg')top left no-repeat #000; */
        background-position: 100% 70%;
        background-size: cover;
    }
    #content {
		right:5.5vh;
		transform: scale(1.1) !important;
    }
	.legal{
			top:49vw;
    }
    .swiper-slide .img-container img{margin-top:auto;}
    footer {
	/*position: absolute;*/
    bottom: 20.75vh;
    /*left: 1.9vw;*/
    font-family: almoni;
    color: #fff;
    font-weight: 400;
    /*width: 18vw;*/
    /* transform: scale(1.4); */
    }
    .logo {
		/*left: 6.6vw;
		width: 8.6vw;*/
		top: 7vh;
    }
    #form_wrapper{
    /*position: absolute;*/
    left: 0.2vw;
    top: 27vh;
    width: 22.7vw;
    font-family: almoni;
    /* transform: scale(1.4); */
    }
    #full_name, #phone, #email{
        height: 3.7vh;
    }
    :root #form_pre_phone{
        height: 3.85vh !important;
    }

}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /*.box .price{padding-top:1.5vw}
    .legal{top:42vw;}*/
}

/*Edge MS Fix*/

@supports (-ms-ime-align:auto) {
    html,
    body,
    #wrapper {
        
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (max-height: 600px) {}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

}

:root #pre_phone_div {
    width: 3.2vw;
    overflow: hidden;
    border: none;
    padding-top: 0.2vh;
    height: 7.3vh;
    display: inline-block;
    /* vertical-align: top; */
}

:root #form_pre_phone {
    width: 3.2vw;
    height: 5vh;
    border: 0px;
    padding-right: 1vw;
    vertical-align: top;
    font-size: 1.3vw;
}

:root #phone {
    margin-bottom: 1.6vh;
   
    float: right;
    margin-left: 0.4vw;
    margin-top: 0.2vh;
}

#thanks {
    font-size: 0.45em;
    margin: 5em 0 5em;
    text-align: center;
}

#thanks p {
    margin: 0 0 75px 0;
    font-size: 2.1vw;
    letter-spacing: -1px;
    color: #585858;
    font-family: 'NarkisBlockCondensed';
}

#thanks #header {
    font-size: 61px;
    margin-top: -1em;
    display: block;
    font-weight: 400;
       color: #585858;
    font-family: 'NarkisBlockCondensed';
}

input[type=checkbox]:not(old) {
    width: 0.25em;
    margin: 0;
    padding: 0;
    font-size: 0.5em;
    opacity: 0;
    vertical-align: middle;
    height: 0.25em;
    
}

input[type=checkbox]:not(old) + label {
    display: inline-block;
    font-size: 0.7vw;
    line-height: 1;
    width: 22em;
    letter-spacing: -0.03vw;
    text-align: justify;
        font-family: 'NarkisBlock';
    color: #585858;
}

input[type=checkbox]:not(old) + label > span {
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    background: #fff;
    vertical-align: bottom;
    border: 0.0625em solid rgb(192, 192, 192);
    
}

input[type=checkbox]:not(old):checked + label > span {
    background: #fff;
}

.cb:focus {
    outline: 2px solid lime;
}

input[type=checkbox]:not(old):checked + label > span:before {
    content: '✓';
    display: block;
    width: 1em;
    color: #000;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
}

input[type=checkbox]:not(old) + label > span.en {
    background: none;
    font-family: almoni;
    font-size: 0.8vw;
    line-height: 1.4;
    margin-left: 0.5vw;
    border: none!important;
}

input[type=checkbox]:not(old):checked + label > span.en:before,
input[type=checkbox]:not(old):checked + label > span.mobindent:before {
    content: ''
}

.mobindent {
    margin-right: 0.5em;
    width: 95%!important;
    background: none!important;
}
