/* FONTS 

font-family: Montserrat;

font-style: normal;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 700;

*/



@font-face {
    font-family: 'open_sans_hebrewbold';
    src: url('fonts/opensanshebrew-bold.woff2') format('woff2'),
         url('fonts/opensanshebrew-bold.woff') format('woff'),
         url('fonts/opensanshebrew-bold.ttf') format('truetype'),
         url('fonts/opensanshebrew-bold.svg#open_sans_hebrewbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_hebrewextra_bold';
    src: url('fonts/opensanshebrew-extrabold.woff2') format('woff2'),
         url('fonts/opensanshebrew-extrabold.woff') format('woff'),
         url('fonts/opensanshebrew-extrabold.ttf') format('truetype'),
         url('fonts/opensanshebrew-extrabold.svg#open_sans_hebrewextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_hebrewlight';
    src: url('fonts/opensanshebrew-light.woff2') format('woff2'),
         url('fonts/opensanshebrew-light.woff') format('woff'),
         url('fonts/opensanshebrew-light.ttf') format('truetype'),
         url('fonts/opensanshebrew-light.svg#open_sans_hebrewlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_hebrewregular';
    src: url('fonts/opensanshebrew-regular.woff2') format('woff2'),
         url('fonts/opensanshebrew-regular.woff') format('woff'),
         url('fonts/opensanshebrew-regular.ttf') format('truetype'),
         url('fonts/opensanshebrew-regular.svg#open_sans_hebrewregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_caps_mlbold';
    src: url('fonts/maureajcicapsml-bold-webfont.woff2') format('woff2'),
         url('fonts/maureajcicapsml-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_caps_mllight';
    src: url('fonts/maureajcicapsml-light-webfont.woff2') format('woff2'),
         url('fonts/maureajcicapsml-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_caps_mlmedium';
    src: url('fonts/maureajcicapsml-medium-webfont.woff2') format('woff2'),
         url('fonts/maureajcicapsml-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mlbold';
    src: url('fonts/maureajcilfml-bold-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mlbold_italic';
    src: url('fonts/maureajcilfml-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mllight';
    src: url('fonts/maureajcilfml-light-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mllight_italic';
    src: url('fonts/maureajcilfml-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'maurea_jci_lf_mlmedium';
    src: url('fonts/maureajcilfml-medium-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mlmedium_italic';
    src: url('fonts/maureajcilfml-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mlregular';
    src: url('fonts/maureajcilfml-regular-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'maurea_jci_lf_mlitalic';
    src: url('fonts/maureajcilfml-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcilfml-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'maurea_jci_tf_mlbold';
    src: url('fonts/maureajcitfml-bold-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'maurea_jci_tf_mlbold_italic';
    src: url('fonts/maureajcitfml-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maurea_jci_tf_mllight';
    src: url('fonts/maureajcitfml-light-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maurea_jci_tf_mllight_italic';
    src: url('fonts/maureajcitfml-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maurea_jci_tf_mlmedium';
    src: url('fonts/maureajcitfml-medium-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maurea_jci_tf_mlmedium_italic';
    src: url('fonts/maureajcitfml-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maurea_jci_tf_mlregular';
    src: url('fonts/maureajcitfml-regular-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maurea_jci_tf_mlitalic';
    src: url('fonts/maureajcitfml-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/maureajcitfml-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* VARIABLES */

:root { 
		
	--default-font: 'maurea_jci_tf_mlregular';
	--default-font-size: 23px;
	--default-input-font-size: 16px;

	--col-primary: #0a5195;
	--col-primary-rgb: 11,57,119;

	--col-accent: #000;
	--col-accent-rgb: 0,0,0;
	
	--col-text: #003665;
	--col-input: #8e8d8d;

	--col-button: #fff;
	--col-button-rgb: 255, 255, 255;

	--col-link: #003665;
	--col-link-rgb: 237,28,36;

	--col-link-hover: #000000;
	--col-link-hover-rgb: 0,0,0;

	--col-error: #ff6633;
	--col-error-rgb: 255,51,0;
	
	--col-attention: #ff6633;
	--col-attention-rgb: 255,51,0;

	--col-warning: #f5b00e;
	--col-warning-rgb: 245,176,14;

	--col-missing: #ff6633;
	--col-missing-rgb: 255,51,0;

	--col-burger: #fff;

	--col-border: #E5E5E5;
	--col-border-rgb: 215,215,215;

	--dim-site-width: 1920px;
	--dim-default-space: 70px;
	--dim-input-height: 50px;

	--col-orange: #d45e44;
	--col-orange-rgb: 212,94,68;
}

/* theme */

body { }
html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/
p { line-height: 1.5; color: #000;}
p.shorter  { max-width: 880px; margin-left: auto; margin-right: auto;}
p.large { font-size: 24px;}
b,strong { font-weight: 700; }
p.larger { font-size: 24px;}

h1,h2,h3,h4,h5,h6 { color: #0a5195;}
h1 { font-size: 100px; font-weight: normal; text-transform: uppercase; line-height: 1; font-family: 'maurea_jci_tf_mlbold'; color: #fff; text-transform: uppercase;}
h2 { font-size: 28px; font-weight: normal; line-height: 1.1; margin-bottom: 20px; font-family: 'maurea_jci_tf_mlbold'; text-transform: uppercase;}
h2 b { font-family: 'maurea_jci_tf_mlbold'; font-weight: normal; }
h3 { font-size: 60px; font-weight: normal; color: #fff; line-height: 1.5; font-family: 'maurea_jci_tf_mlbold'; margin-bottom: 50px; padding-left: 100px}
h4 { font-weight: normal; color: #fff; font-size: 28px; line-height: 1.2; margin-bottom: 20px; font-family: 'maurea_jci_tf_mlregular'; padding-left: 100px; text-transform: uppercase;}
h5 { font-size: 34px; color: #fff; font-weight: normal; line-height: 1.2; margin-bottom: 35px;  font-family: 'maurea_jci_tf_mlbold'; padding-left: 100px}
h6 { font-size: 24px; font-weight: normal; line-height: 1.25; margin-bottom: 0px; color: #fff; font-family: 'maurea_jci_tf_mlbold';}

h3 + p { margin-top: 15px}

h1 small { display: block; font-family: 'maurea_jci_tf_mlbold'; font-size: 0.6em}
h1 span.blue { color: #01cff2 !important}

/*CONTAINERS*/
section { max-width: 100%; }
section.content { max-width: 100%; padding: 0}
section.masthead  { max-width: 100%;}
div.masthead img  { display: block;}
div.masthead > img  { display: block; width: 100%;}
article { padding-top: 0px; padding-left: 0px; text-align: left; max-width: 1920px; margin: 0 auto;}

div.content { display: block; max-width: 100%; margin: 0 auto; max-width: 1700px}
body.content { display: block; max-width: 100%; margin: 0 auto;}

/* ALIGNMENTS */


/*BUTTONS*/
a.btn { background-color: var(--col-primary); color: #fff; font-size: 18px; font-weight: 600; line-height: 46px; border-radius: 10px; padding: 0 15px;}
a.btn:hover { background-color: #000}

/*COLOURS*/
.white { color: #fff !important}
.red { color: var(--col-primary) !important}
.black { color: #000 !important}
.bg-red { background-color: var(--col-primary) !important}
/* CONTENT BLOCKS */

/*CAPTIONS*/
div.caption.white * { color:#fff;}
div.caption-main {padding-top: 100px; z-index: 3;}
div.caption-main h6 {text-shadow: 1px 2px 2px rgba(0,0,0,0.24);}
div.caption.bottom.caption-video { left: 100px !important; z-index: 3; }
div.caption-video > div { border: 10px solid #fff; text-align: center; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);}
div.caption-video p { color: #000;font-size: 24px;  font-family: 'maurea_jci_tf_mlbold';margin: 20px auto 0 ; text-align: center; line-height: 1;}

div.masthead:after { content: ""; display:block; position: absolute; bottom: 0; left: 0; z-index: 2; width: 0;    height: 0;    border-style: solid;    border-width: 290px 0 0 1920px;    border-color: transparent transparent transparent #fff;}

/*FORMS*/

/*HEADER*/
header { height: 85px; background-color: transparent;  width: 1920px; position: absolute; left:  calc(50vw - 960px); top: 0; }
header div.logo { display: block; position: absolute; left: 45px; bottom: 30px; width: 228px;}
header div.logo img { display: block; width: 100%; margin: 0 auto;}

nav { position: absolute; left: 300px; top: 10px; width: calc(100% - 600px); text-align: center;}
nav > ul { display: block; text-align: center; font-size: 0}
nav > ul > li { display: inline-block; vertical-align: middle; font-size: 18px;}
nav > ul > li > a { display: block; font-size: 18px; color: #fff; line-height: 60px; padding: 0 25px;}

/*FOOTER*/
footer { background-color: #fff; max-width: 1920px; margin: 0 auto; background: url(../img/footer.jpg) no-repeat left bottom ; background-size: contain; height: 413px}
footer div.disclaimer { position: absolute; bottom: 20px; left: 0; width: 100%; color: #fff; font-size: 12px; font-weight: 400; display: block; width: 100%; text-align: center; padding-bottom: 0px;}
footer div.disclaimer p { color: #fff; font-size: 12px; font-weight: 400; display: block; width: 100%; text-align: center; margin: 0 auto}
footer div.disclaimer a { color: #fff; font-size: 12px; font-weight: 400;}
footer div.disclaimer a:hover { color: #000}
footer img.logo { position: absolute; right: 127px; top:  160px;}



/*CONTENT*/

div.languages { position: relative; position: absolute; right: 20px; bottom: 30px;}
a#show-languages { background: url(../img/globe.svg) no-repeat left center; padding-left: 40px; line-height: 26px; background-size: 26px 26px; color: #fff; font-size: 21px; text-align: left;  font-family: 'maurea_jci_tf_mllight';}

section#overview p { max-width: 1140px;}
section#registration {background-color: #fff; text-align: center;} 
section#registration form {margin: 0 auto; max-width: 640px; } 
section#registration h3 { color: var(--col-primary); margin-bottom: 0px;text-align: center; padding: 0} 
div#registration > p{ color: var(--col-primary); margin-bottom: 70px;text-align: center;} 
div#registration > p.inline-response { max-height: 0; overflow: hidden; padding: 0; margin: 0 auto;}
div#registration > p.inline-response.reveal-response { max-height: 500px; }

div.registration { padding-top: 30px; text-align: left; max-width: 1150px; margin: 0 auto}
input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { border-radius: 0px; padding-left: 15px; border-color: #0a5195; line-height: 50px;}
div.checkbox label { font-size: 15px; color: #000; font-family: 'maurea_jci_tf_mlregular';}
div.checkbox label:before { border-color: var(--col-primary); border-width: 2px;}
div.field { margin-bottom: 0px; padding-bottom: 25px}
div.splitter.split-5 > div { width: 20%;}
div.field { padding: 0 5px 25px;}
.select2-container .select2-selection--single { border-radius: 0px; line-height: 50px; border-color: var(--col-primary)}
.select2-container--default .select2-selection--single .select2-selection__arrow { background: url(../lib/img/dark/arrow-down.svg) no-repeat center center; background-size: 15px 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow:hover { background-size: 15px 12px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #8e8d8d; line-height: 50px;}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #8e8d8d; text-transform: none;}


section#registration div.checkbox { display: block; width: 100%; margin: 0 auto 0 0;}
div.form-row-footer { margin-bottom: 30px}
div.form-row-footer p { display: block; width: 100%; vertical-align: bottom; color: #000; font-size: 16px; text-align: left; line-height: 1.5;   font-family: 'maurea_jci_tf_mlregular'; padding-left: 34px}
div.form-row-footer a { font-size: 15px; text-decoration: underline; }
div.form-row-footer div.field { display: inline-block; width: 350px; text-align: right; vertical-align: bottom; }
input[type="submit"] { display: block; width:100%;  margin: 0 auto; color: #fff; background-color: var(--col-primary); line-height: 50px; padding: 0 15px; border-radius: 0px; border: 0; font-family: 'maurea_jci_tf_mlbold'; font-size: 18px}
/*div.checkbox input:checked + label:before { background: url(../lib/img/white/checkmark.svg) no-repeat center center; background-size: 14px 12px;}*/

/* PLACEHOLDERS */
*::-webkit-input-placeholder {  line-height: var(--dim-input-height);  color: #8e8d8d; font-size: var(--default-input-font-size); font-family: var(--default-font); }
*::-moz-placeholder {  line-height: var(--dim-input-height);  color: #8e8d8d; font-size: var(--default-input-font-size); font-family: var(--default-font); }
*:-ms-input-placeholder {  line-height: var(--dim-input-height);  color: #8e8d8d; font-size: var(--default-input-font-size); font-family: var(--default-font); }
div.intro { padding: 80px 840px 260px 320px; position: relative; background: url(../img/product.png) no-repeat #fff right bottom;  }

section#features { background-color: #0a5195; margin-top: 120px; border-top: 1px solid #0a5195; position: relative; z-index: 4; padding-bottom: 50px}
section#features:before { content: ""; display: block;  width: 0;    height: 0;    border-style: solid;    border-width: 290px 0 0 1920px;    border-color: transparent transparent transparent #0a5195; position: absolute; top: -290px; left: 0}
/*section#features:after { content: ""; display: block;  width: 0;    height: 0;    border-style: solid;    bottom: 0px; height: 2px; background-color: #0a5195}*/
div.key-features { display: block; font-size: 0; padding: 0 20px; margin-top: -180px; }
div.key-features > div { display: inline-block; vertical-align: top; width: calc(25% - 140px); margin: 0 70px;}
div.key-features div.thumb { display: block; width: 100%; position: relative;}
div.key-features div.thumb > img { display: block; width: 100%; }
div.key-features div.thumb p { display: block; width: 100%; position: absolute; font-family: 'maurea_jci_lf_mllight_italic'; color: #fff; bottom: 0; left: 0; line-height: 100px; font-size: 50px; text-align: center; text-transform: uppercase;}
div.key-features > div > p { display: block; width: 100%; padding: 50px 10px 10px; text-align: center; background: #fff; height: 170px; font-size: 24px}

div.content-block { margin: 100px auto; display: block;}
section#features div.content-block { margin-bottom: 0}

div.robot { display: block; width: 100%; position: relative; margin-top: -70px; margin-bottom: -250px; }
div.robot img { display: block; margin: 0 auto}

div.grid { width: 100%; display: block; font-size: 0; }
div.grid > div  { display: inline-block; font-size: 23px; vertical-align: top;}
div.grid.grid-2 > div  { width: 50%; }

ul.features { display: block; padding: 0 100px; width: 100% }
ul.features li { display: block; padding-left: 50px; background: url(../img/lightning.png) no-repeat left top; background-size: 21px auto; min-height: 55px; color: #fff; text-align: left; font-size: 23px; margin-bottom: 40px; line-height: 1.5;}

#compatible-devices {background: url(../img/bg1.jpg) no-repeat center top; background-size: 100% auto; padding: 114px 70px 600px; margin-top:-1px; border: 0}
#compatible-devices:before { content: ""; display:block; position: absolute; top: 1px; left: 0; z-index: 2; width: 0;    height: 0;    border-style: solid;    border-width: 0 1920px 290px 0;    border-color: transparent var(--col-primary) transparent transparent  ; z-index: 1;}

#compatible-devices > div { position: relative; z-index: 2;}

#register-now { position: fixed; bottom: 0; left: 0; width: 100%; line-height: 50px; padding-top:5px;color: #fff; font-size: 32px; text-transform: uppercase; text-align: center; z-index: 9; font-family: 'maurea_jci_tf_mlbold'; background: #FA4616; cursor: pointer; }

div.grid-devices > div { padding: 0 30px;}
div.grid-devices div.title { padding: 0 0 15px 0; color: #fff; text-transform: uppercase; font-family: 'maurea_jci_tf_mlregular';}
table.devices { width: 100%; border-collapse: collapse;}
table.devices tr td, table.devices tr th { width: 50%; border: 1px solid #fff; font-size: 18px; font-family: 'maurea_jci_tf_mlregular'; padding: 8px 15px; text-align: left; color: #fff;}
table.devices tr th {  font-family: 'maurea_jci_tf_mlbold';}
div.content { text-align: center; margin-bottom: 100px;}

ul.features { width: 100%; font-size: 0; display: block;}

div.downloads h3 { color: var(--col-primary)}
div.downloads ul { display: block; width: 100%; text-align: center; padding: 0 60px; border-bottom: 1px solid #404144; font-size: 0; padding-bottom: 60px;}
div.downloads ul > li { display: inline-block; width: 16.66%; text-align: center; padding: 0 35px; vertical-align: top; font-size: 24px; color: #000;}
div.downloads ul > li a { display: block; width: 100%; font-size: 24px; color: #000; line-height: 1.5;}
div.downloads ul > li a div.thumb { display: block; margin-bottom: 40px;}

#languages { display: block; }
#languages li { display: inline-block; width: 20px;  margin-left: 10px }
#languages li a { display: block; width: 100%; text-align: right; font-size: 0px; position: relative; padding-left: 0px; color: #fff;}
#languages li a img { display: inline-block; height: 25px; }


p.reveal-response  { font-size: 24px; color: #fff;}

/*#contact-icon { position: fixed; bottom: 30px; right: 10px; display: table; z-index: 7;*/
    width: auto;    text-align: center;    margin: 0 auto;    margin-bottom: 25px;    font-size: 14px;    line-height: 36px;    text-transform: uppercase;    font-family: 'maurea_jci_lf_mlmedium';    background: url(../img/bg-contact.png) no-repeat center center;    background-size: 100% 100%;    color: #fff;    padding: 0 20px 0 30px;
	
	}
footer, section#registration { position: relative; z-index: 8;}


#videoplayer { width: 100vw; height: 100vh; position: fixed; background: rgba(0,0,0,0.95); top: 0; left: 0; z-index: 999; display: none; }
#videoplayer.active { display: block; }
#videoframe { width: 92vw; height: 92vh; position: absolute; display: block; top: 4vh; left: 4vw; }
#videoframe iframe { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; }
#videoplayer a { width: 30px; height: 30px; position: absolute; display: block; top: 25px; right: 25px; z-index: 999; border-radius: 30px; }
#videoplayer a img { width: 15px; height: 15px; display: block; margin: 7px 0 0 7px;}


@media only screen and (max-height: 1080px) and (min-width: 1881px) {
	div.caption.bottom.caption-video { bottom: 250px}
}
@media only screen and (max-height: 1080px) and (min-width: 1781px)  and (max-width: 1880px){
	div.caption.bottom.caption-video { bottom: 180px}
}

@media only screen and (max-height: 1080px) and (min-width: 1481px) and (max-width: 1780px) {
	div.caption.bottom.caption-video { bottom: 120px}
}


@media only screen and (max-width: 1920px) {
	header { height: 85px; background-color: transparent;  width: 100%; position: absolute;   left: 0; top: 0; }
/*	div.languages { right: 45px;}*/
	footer { height: 21.5vw}
	footer img.logo { top: 7vw;}

}

@media only screen and (max-width: 1700px) {
	div.content { padding: 0 20px;}
	h1 { font-size: 80px; }
	h6 { font-size: 18px; }
	h1 small { font-size: 0.6em}
	div.caption-main { width: 800px; max-width: 80%; padding-top: 90px}

	div.intro { padding: 80px 840px 260px 80px; }

	div.key-features > div {     width: calc(25% - 60px);  margin: 0 30px;}
	div.key-features div.thumb p { font-size: 42px; line-height: 84px;}

	table.devices tr td, table.devices tr th { font-size: 16px;}
	#compatible-devices { padding-left: 20px; padding-right: 20px; padding-bottom: 100px; background-size: cover; background: var(--col-primary); margin-bottom: 100px}
	#compatible-devices:before { display:none}
	div.grid-devices > div { padding: 0 20px}
}
@media only screen and (max-width: 1580px) {

div.downloads ul > li { padding: 0 20px;}
div.downloads ul { padding: 0 20px 50px;}
/*ul.features > li { padding: 40px 20px 25px; }*/
/*ul.features > li div.thumb{ display: block; height: 126px; background: url() no-repeat center center; background-size: auto 120px; margin-bottom: 20px;}*/
/*ul.features > li p { font-size: 16px; padding: 20px 40px 0;}*/
/**/
/**/
/*div.benefits div.thumbnail { width: calc(100% - 900px);  }*/
/*div.benefits div.info {width: 900px; }*/


}
@media only screen and (max-width: 1380px) {
	header { height: 40px; }
	header div.logo { bottom: 10px;}
	header div.languages { bottom: 5px;}
	nav { top: 0; left: 200px; width: calc(100% - 400px)}
	nav ul > li > a  {line-height: 40px; padding: 0 15px;}
/*	div.languages { right: 20px; top: auto; bottom: 0; }*/
/*	div.languages > a { font-size: 16px; padding-left: 30px; background-size: 20px 20px}*/
	header div.logo { left: 20px; width: 160px;}

	div.caption-main { padding-top: 80px}

	div.intro { background-position: 25vw bottom; padding-right: 40vw;}

	div.key-features > div {     width: calc(25% - 20px);  margin: 0 10px;}
	div.key-features div.thumb p { font-size: 32px; line-height: 64px;}
	div.key-features > div > p { font-size: 18px; height: 140px; padding-top: 25px}

	h1 { font-size: 60px; }
	h2 { font-size: 24px; }
	h3 { font-size: 40px; padding-left: 40px; margin-bottom: 30px}
	h4 { font-size: 16px; padding-left: 40px; margin-bottom: 10px}
	h5 { font-size: 20px; padding-left: 40px; margin-bottom: 25px}
	div.robot { max-width: 70%; margin-bottom: -150px; margin-top: 0px}
	body { font-size: 18px}

	ul.features { padding: 0 40px}
	ul.features li { font-size: 18px; background-size: 16px auto; padding-left: 30px; margin-bottom: 20px;}

	div.downloads ul > li { padding: 0 20px;}
	div.downloads ul { padding: 0 20px 50px;}
	div.downloads ul > li a div.thumb { margin-bottom: 20px;}
	div.downloads ul > li p { font-size: 18px;}

/* div.advantages > div { padding: 40px 20px;}*/
/**/
/**/
/*div.splitter.split-5 > div { width: 50%}*/
/*section#registration form { padding: 0 0px;}*/
/*div.registration { max-width: 800px; padding: 30px 20px 0;}*/
/*div.registration h4, div.registration h5 { text-align: center;}*/
/*section#registration div.checkbox { width: 100%;}*/
/*div.field { padding: 0 5px 15px;}*/

}

@media only screen and (max-width: 1280px) {
/*	div.benefits div.thumbnail { width: calc(100% - 720px);  }*/
/*	div.benefits div.info {width: 720px; padding: 10px 30px;}*/
/**/
/*	ul.slick-dots { margin-top: 30px; }*/
/*	ul.slick-dots li button { width: 8px; height: 8px; border-radius: 8px; margin-right: 5px}*/
/*	button.slick-arrow { width: 40px; height: 33px; margin-top: -15px; }*/
/*	button.slick-arrow.slick-prev { left: -50px;  }*/
/*	button.slick-arrow.slick-next { right: -40px; }*/
/**/

	div.caption.bottom.caption-video	 { left: 50px !important; bottom: 30px !important;}
	div.caption-video > div { border-width: 5px;}
	div.caption-video > div img { width: 240px;}

	#compatible-devices { padding-left: 10px; padding-right: 10px; padding-bottom: 60px; margin-bottom: 100px; padding-top: 0px}
	div.grid-devices > div { padding: 0 10px}

}


@media only screen and (max-width: 1180px) {
/*	div.masthead > img { height: 434px; width: auto; max-width: 9999px; position: relative; left: calc(50vw - 590px);}*/
/*	div.masthead div.caption { padding: 80px 10px 0; width: 100vw;}*/
/*	div.masthead div.caption h1 { font-size: 40px}*/
/*	div.masthead div.caption h6 { font-size: 24px}*/
/**/
/**/
	div.intro { background-position: 250px bottom; padding-right: 40vw; background-size: contain;}

	div.downloads ul > li { width: 33.33%; max-width: 280px; margin-bottom: 50px}


/*	h3 { font-size: 24px; margin-bottom: 40px;}*/
/*	h4 { font-size: 23px; }*/
/*	h5 { font-size: 20px; }*/

	footer img.logo { top: 0vw; right: 30px}



}

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

 nav { left: -400px; width: 300px; top: 60px; position: absolute;}
 nav ul li { display: block; width: 100%; }
 nav ul li a { display: block; width: 100%; text-align: left; padding-left: 20px; }
 header.active nav { left: 0}
 div.burger {display: block; position: absolute;}
 header div.logo { left: 60px; bottom: 0px;}
 header div.languages { bottom: 0px;}
/*	ul.features > li div.thumb{ height: 96px; background-size: auto 90px; }*/
/*	ul.features > li p { padding: 20px 20px 0;}*/
/*	div.videos { width: 100%; margin-left: 0}*/
/*	div.videos > div { padding:  10px;}*/
/*	div.splitter.split-4.advantages > div { padding: 40px 10px; font-size: 18px; width: 50%;}*/

/*	div.benefits div.thumbnail { width: 100%; display: block  }*/
/*	div.benefits div.thumbnail img { width: 100%; height: auto; display: block; margin-bottom: 30px}*/
/*	div.benefits div.info {width: 980px; display: block; max-width: 100%; padding: 10px 40px;}*/
/*	button.slick-arrow.slick-prev { left: -60px;  }*/
/*	button.slick-arrow.slick-next { right: -50px; }*/
/**/
/*div.downloads ul li div.product { background-size: auto 60%}*/
/*div.downloads ul li:hover div.product { transform: scale(1.2)}*/
/*div.downloads ul li div.info { color: #fff; width: 100%; height: 35%; bottom: 0; left: 0; position: absolute; text-align: center; display: block; }*/
/*div.downloads ul li div.info p { font-size: 14px; }*/
/*div.downloads ul li div.info p b { font-size: 14px; }*/
	div.masthead:after { display: none;}
	div.caption.bottom.caption-video	 { left: 20px !important; bottom: 20px !important;}
	div.caption-video > div { border-width: 5px;}
	div.caption-video > div img { width: 24vw;;}
	div.caption-video p { color: #fff; font-size: 18px; margin-top: 10px;}

}

@media only screen and (max-width: 880px) {
/*	ul.features > li { width: 50%}*/

/*	section#registration form { padding: 0 10px;}*/
/*	div.form-row-footer div.field {display: block; width: 100%; }*/
/*	div.form-row-footer p { display: block; width: 100%; padding: 0 10px;}*/
/*	div.form-row-footer p br { display: none}*/
/*	div.form-row-footer a { display: inline}*/
/*	input[type="submit"] { margin: 0 auto}*/
/**/
/*	div.downloads ul li { width: 33.33%;}*/

	div.intro { background-position: 200px bottom; padding-right: 300px; background-size: contain;}
	div.key-features div.thumb p { font-size: 24px; line-height: 48px;}
	div.key-features > div > p { font-size: 16px; height: 140px; padding-top: 20px}

	div.grid-devices > div { padding: 0px; display: block !important; width: 100% !important; margin-bottom: 50px}	

	div#registration > p { margin-bottom: 20px;}

	footer { height: 280px; background-size: cover;}
}

@media only screen and (max-width: 760px) {
/*	div.splitter.split-5 > div { width: 100%; display: block}*/
		h1 { font-size: 40px;}
		h6 {font-size: 16px;}
		div.masthead > img { height: 424px; width: auto; max-width: 9999px; position: relative; left: calc(50vw - 380px)}

		div.grid.grid-2 > div { display: block; width: 100%;}
		h4 { margin-top: 30px;}

		div.robot { margin: 50px auto 0px;}
		ul.features { padding: 0 20px;}
		h3, h4, h5 { padding-left: 20px}

/*	#languages { display: block; position: absolute; right: -20px; top: 32px; max-height: 0; width: 100vw; overflow: hidden; transition: all .2s ease-out; background: rgb(255,255,255,0.4); padding: 0px 10px;}*/
/*	#languages.active { max-height: 300px; padding: 10px}*/
/*	#languages li { display: block; width: 100%;  text-align: right; line-height: 24px; font-size: 16px;}*/
/*	#languages li a { display: block; width: 100%; text-align: right; line-height: 24px; font-size: 16px; position: relative; padding-left: 0px; color: var(--col-primary);}*/
/*	#languages li a:hover { font-family: 'maurea_jci_tf_mlbold';}*/
/*	#languages li a img { display: inline-block; height: 20px; position: relative; top: 5px; margin-right: 10px;}*/

	div.intro { background:none; padding-left: 20px; padding-right: 20px; text-align: center; padding-bottom: 0; }
	div.intro:after { content: ""; background: url(../img/product.png) no-repeat #fff center center;  background-size: contain; width: 100vw; height: 50vw; display: block;}

	section#features { margin-top: 0}
	section#features:before { display: none;}
	div.key-features { margin-top: -20px; padding: 0}

		div.downloads ul { padding: 0px;}
		div.downloads ul > li { width: 50%; max-width: 280px; margin-bottom: 50px; padding: 0 20px;}

		footer img.logo { width: 100px; right: 10px}

		section#features div.content-block { margin-top: 30px}

}

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

div.caption-main { position: relative; width: 100%; left: 0;transform: translateX(0%);    -webkit-transform: translateX(0%);    -ms-transform: translateX(0%);}
div.caption.white h1, div.caption.white h6, div.caption.white h1 small { color: #000}
div.caption.bottom.caption-video	 { left: 20px !important; bottom: 0px !important; top: 290px !important}
div.caption-video p	 { font-size: 14px; width: 24vw;}

div.key-features > div { width: calc(50% - 20px); margin-bottom: 20px}

/*div.downloads ul li { width: 50%;}*/
/*div.downloads ul li div.product { background-size: auto 70%}*/
/*div.downloads ul li:hover div.product { transform: scale(1.2)}*/
/*div.downloads ul li div.info { color: #fff; width: 100%; height: 35%; bottom: 0; left: 0; position: absolute; text-align: center; display: block; }*/
/*div.downloads ul li div.info p { font-size: 16px; }*/
/*div.downloads ul li div.info p b { font-size: 16px; }*/

}
@media only screen and (max-width: 600px) {
/*	div.masthead div.caption h1 { font-size: 32px}*/
/*	div.masthead div.caption h6 { font-size: 20px}*/
/*	ul.features > li { padding: 30px 20px 25px; }*/
/*	ul.features > li p { padding: 20px 0px 0;}*/
/*	ul.features > li:nth-child(1) { background-image: url(../img/1.png);}*/
/*	ul.features > li:nth-child(2) { background-image: url(../img/2.png);}*/
/*	ul.features > li:nth-child(3) { background-image: url(../img/2.png);}*/
/*	ul.features > li:nth-child(4) { background-image: url(../img/1.png);}*/
/*	ul.features > li:nth-child(5) { background-image: url(../img/1.png);}*/
/*	ul.features > li:nth-child(6) { background-image: url(../img/2.png);}*/
/*	div.videos > div {display: block; width: 100% !important;}*/


h3 { font-size: 28px;}

}

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

	div.caption-main { width: 100%; max-width: 100%; padding: 0 10px; margin-top: 50px}
	div.caption.bottom.caption-video { position: relative; display: block; width: 240px; margin: 0 auto; left: 0px !important; bottom: 0px !important; top: 0px !important; margin-top: 40px;}
	div.caption-video	> div img  { width: 100%}
	div.caption-video	p { color: #000; width: auto}
	h1 { font-size: 36px;}

	footer { height: 200px}
	footer div.disclaimer { bottom: 5px}

/*	div.masthead div.caption h1 { font-size: 28px}*/
/*	div.masthead div.caption h6 { font-size: 18px}*/
	div.content { padding: 0 10px; margin-bottom: 0}

/*	ul.features > li { padding: 30px 10px 20px; height: 220px}*/
/*	ul.features > li div.thumb{ height: 66px; background-size: auto 48px; margin-bottom: 0px;}*/
/*	ul.features > li p { font-size: 14px; padding: 20px 0px 0;}*/
/**/
/*	div.splitter.split-4.advantages > div { display: block; font-size: 18px; width: 100%; max-width: 280px; margin: 0 auto 50px; text-align: center; padding: 50px 10px;}*/
/**/
/**/
/*	div.downloads ul li div.product { background-size: auto 50%}*/
/*	div.downloads ul li div.info { height: 45%; }*/
/*	div.downloads ul li div.info p { line-height: 1.25;}*/
/**/
/*	div.registration { padding: 30px 5px 0;}*/

/*	a#show-languages { font-size: 14px; background-size: 20px auto; padding-left: 30px;}*/
	header div.logo { width: 140px;}

}

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

}