* {box-sizing: border-box;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table, caption, tr, th, td, article, aside, footer, header
{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; z-index: 10;}
body {color: white; font-family: arial, sans-serif;}
div.table {display: table;}
div.row {display: table-row;}
div.cell {display: table-cell;}
li {list-style-type: disc; list-style-position: outside;}
li ul li {list-style-type: circle;list-style-position: outside;}
div.container1-1 {width: 100%; padding-top: 100%; position: relative;}
div.hidden {display: none;}

//h2 {color: #3a6881; background: linear-gradient(to top, #fff, #fffacd);}
h2 {color: #3a6881; background: linear-gradient(to top, #fff, #f5fff5);}
ul {padding: 0px 0px 0px 20px;}

div.outer
{
display: table;
min-height: 800px; height: 100vh; width: 100%;
position: relative; left: 0px; top: 0px; z-index: 0;
background-position: top center; background-attachment: scroll; background-image: url('landing2-bkg.jpg'); background-size: cover; background-repeat: no-repeat;
-moz-transform: unset;
}

div.top-all
{display: table; width: 100%; font-size: 18pt;}
div.top-element {display: table-cell; width: 33%; padding: 10px; vertical-align: middle;}
div.Academia {padding: 15px 0px 0px 120px; vertical-align: middle;}
div.Brain {width: 100px; height: 72px; background-image: url('brain.svg'); float: left;}
div.A-left {text-align: left;}
div.A-center {text-align: center;}
div.A-right {text-align: right;}

div.main-theme
{
position: relative; width: 100%; padding: 20px 0px 10px 0px; margin: 3% 0 0 0;
text-align: center; font-size: 32pt; font-weight: 400;
}

div.form-all {
position: relative; width: 400px; padding: 10px 0px 10px 0px; margin: 20px 100px 0 auto;
text-align: center; font-size: 16pt;}
div.input {padding: 5px 0px 5px 0px;}
div.inputD {display: none;}
div.inputP, div.inputP a {font-size: 8pt; text-align: left; height: 15px; color: white;}
div.inputP input {float: left; width: 20px; height: 15px;}
div.button {padding: 5px 0px 5px 0px;}
button {
width: 398px; height: 50px; border-radius: 10px; border: 1px solid black; padding: 0px 10px 0px 10px; background-color: rgb(0, 160, 0);
font-size: 18pt; cursor: pointer; color: white; font-weight: 600;
}
input {width: 100%; height: 50px; border-radius: 10px; border: 1px solid black; padding: 0px 10px 0px 10px; 
font-size: 14pt; text-transform: uppercase;}
div.bottom-all {display: table; width: 100%; position: relative; margin: auto 0 10px 0; font-size: 12pt;}
div.bottom-element {display: table-cell; width: 20%; text-align: center; padding: 10px;}
div.bottom-element span {font-weight: 600; font-size: 14pt;}
div.bottom-all-mobile {display: none;}

div.outer2
{position: relative; color: black; font-size: 16pt;}
div.outer2 H2
{position: relative; font-size: 24pt; padding: 30px; text-align: center; z-index: 10; background: unset;}
div.outer2-left 
{position: relative; width: 66%; padding: 10px 10px 10px 50px; display: inline-block; vertical-align: top;}
div.outer2-left div {padding: 10px 0px 10px 0px;}
div.outer2-left ul {padding: 10px 0px 10px 40px;}
div.outer2-left li {padding: 5px 0px 5px 0px;}
div.outer2-right {
position: absolute; top: 0; right: 0; z-index: 0; width: 33%; display: inline-block; vertical-align: top; height: 100%;
background-position: top center; background-attachment: scroll; background-image: url('scr2-plastic.jpg'); background-size: contain; background-repeat: no-repeat;}

div.outer3 
{position: relative; color: black; font-size: 16pt; min-height: 800px;}
div.outer3 H2 {position: relative; font-size: 24pt; padding: 30px; text-align: center;}
div.outer3 div.text {position: relative; padding: 10px 0px 10px 0px;}
div.outer3 div.table {position: relative; width: 60%; margin: 0 0 0 40%; padding: 20px 40px 20px 20px;}
div.outer3 ul {padding: 10px 0px 10px 40px;}
div.outer3 li {padding: 5px 0px 5px 0px;}
div.outer3 div.what {position: relative; width: 100px; padding: 10px 0px 10px 0px; margin: 0 auto 0 40px; 
font-size: 20pt; text-align: left; font-weight: 600; color: #3a6881;}
div.outer3 div.where {position: relative; width: 100px; padding: 10px 0px 10px 0px; margin: 0 auto 0 auto; 
font-size: 20pt; text-align: center; font-weight: 600; color: #3a6881;}
div.outer3 div.when {position: relative; width: 100px; padding: 10px 0px 10px 0px; margin: 0 40px 0 auto; 
font-size: 20pt; text-align: right; font-weight: 600; color: #3a6881;}
//div.outer3 div.picture {
//position: absolute; top: 100px; left: 0; z-index: 0; width: 40%; display: inline-block; vertical-align: top; height: 800px;
//background-position: top center; background-attachment: scroll; background-image: url('scr3.jpg'); background-size: contain;
// background-repeat: no-repeat;}
div.outer3 div.container1-1 {top: 100px; left: 0; z-index: 0; width: 40%; padding-top: 40%; position: absolute;}
div.outer3 div.picture {background-image: url('scr3.jpg'); background-size: contain; background-repeat: no-repeat;
position: absolute; top: 0; bottom: 0; left: 0; right: 0;}


div.outer4
{position: relative; width: 100%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer4 H2 {position: relative; font-size: 24pt; padding: 30px; text-align: center;}
div.outer4 div.table {position: relative;  width: 50%; padding-top: 37.5%; display: block; margin: 0 auto;}
div.outer4 div.row {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; overflow: hidden;}
div.outer4 div.row2 {position: relative; width: 1000%; height: 100%; display: block;}
div.outer4 div.cell {position: relative; width: 11%; display: inline-block;  height: 100%; padding: 0;
background-size: contain; background-repeat: no-repeat; margin: 0;}
div.outer4 div.cell1 {background-image: url('car/carous-L2-201.jpg');}
div.outer4 div.cell2 {background-image: url('car/carous-L2-202.jpg');}
div.outer4 div.cell3 {background-image: url('car/carous-L2-206.jpg');}
div.outer4 div.cell4 {background-image: url('car/carous-L2-204.jpg');}
div.outer4 div.cell5 {background-image: url('car/carous-L2-205.jpg');}
div.outer4 div.cell6 {background-image: url('car/carous-L2-203.jpg');}
div.outer4 div.cell7 {background-image: url('car/carous-L2-207.jpg');}
div.outer4 div.cell8 {background-image: url('car/carous-L2-208.jpg');}
div.outer4 div.cell9 {background-image: url('car/carous-L2-209.jpg');}
div.outer4 div.row2 {transition: all 1s linear 0s;}


div.outer5 
{position: relative; color: black; font-size: 16pt;}
div.outer5 H2 {position: relative; font-size: 24pt; padding: 30px; text-align: center;}
div.outer5 div.cell {padding: 10px; margin: 10px 0.25%; border-radius: 20px; border: 1px solid black; 
display: inline-block; width: 19%; vertical-align: top;}
div.outer5 H3 {text-align: center; color: green;}
div.outer5 div.h3-0 H3 {text-align: center; color: black;}
div.outer5 div.text {padding: 20px 0 0 0;}
div.outer5 div.price {padding: 20px 0 0 0; font-weight: 600; text-align: center;}
div.outer5 div.comment {padding: 20px 0 0 0; font-size: 12pt; font-style: italic; }
div.outer5 div.button, div.outer5 div.button0  {
border-radius: 10px; border: 1px solid black; padding: 5px 20px 5px 20px; margin: 20px 10%;
font-size: 16pt; text-align: center; cursor: pointer; color: white; font-weight: 600;}
div.outer5 div.button { background-color: green;}
div.outer5 div.button0 { background-color: #3a6881;}

div.formPopup, div.formPopupF {
position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none;  background-color: rgba(0, 120, 201, 0.7); z-index: 20;}
div.formPopupInn {
position: relative; margin: 50px auto; width: 440px; padding: 20px 20px 20px 20px; background-color: white; 
color: black; font-size: 10pt; z-index: 30;
border-radius: 20px; border: 1px solid black;
}
div.formPopup div.inputP a, div.formPopupF div.inputP a {color: black;}
div.formPopupF button { background-color: #4472c4;} 
div.closeForm {padding: 0; margin: 10px 10px 10px auto; width: 20px; height: 20px;
cursor: pointer;  font-size: 12pt; border: 1px solid black; text-align: center;}

div.outer6
{position: relative; width: 100%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer6 H2 {position: relative; font-size: 24pt; padding: 30px; text-align: center;}
div.outer6 div.dots {display: none;}
div.outer6 div.table {position: relative;  width: 90%; display: block; margin: 0 auto;}
div.outer6 div.row {position: relative; display: block;}
div.outer6 div.row3 {position: relative; display: block;}

div.outer6 div.cell {position: relative; width: 30%; display: inline-block; vertical-align: top; margin: 0 1.5%;}
//div.outer6 div.cell div.picture {background-size: contain; background-repeat: no-repeat;  width: 100%; padding-top: 75%;}
div.outer6 div.cell div.text {padding: 30px 10px 10px 10px; font-style: italic;  font-size: 16pt;}
div.outer6 div.cell div.author {padding: 10px 10px 10px 10px; text-align: center;  font-size: 16pt;}

div.outer6 div.row div.hidden {display: none;}

//div.outer6 div.cell1 div.picture {background-image: url('car/carous-L2-104.jpg');}
//div.outer6 div.cell2 div.picture {background-image: url('car/carous-L2-102.jpg');}
//div.outer6 div.cell3 div.picture {background-image: url('car/carous-L2-103.jpg');}
//div.outer6 div.cell4 div.picture {background-image: url('car/carous-L2-101.jpg');}
//div.outer6 div.cell5 div.picture {background-image: url('car/carous-L2-105.jpg');}




div.outer7 
{position: relative; color: black; font-size: 16pt;}
div.outer7 H2 {position: relative; font-size: 24pt; padding: 30px; text-align: center;}
div.outer7 div.text {position: relative; padding: 30px; margin: 10px 15% 10px 15%;}
div.outer7 li {padding: 10px 0px 10px 0px;}
div.outer7 li span {font-weight: 600;}

div.outer8 {position: relative; color: black; font-size: 16pt;}
div.outer8 H2 {position: relative; font-size: 24pt; padding: 30px 15%; text-align: center;}
div.outer8 div.sale {position: relative; color: green; font-size: 16pt; font-weight: 600; text-align: center;}
div.outer8 div.inputP a {color: black;}

div.lastPageForm {position: relative; width: 400px; margin: 10px auto 10px auto;}
div.contacts {position: relative; margin: 30px;  font-size: 18pt;}
div.contacts span {font-weight: 600; }

div.map {position: relative; margin: 30px; display: none;}
div.vkshare {padding: 10px 50px 10px 50px;}
div.vkshare div.text {color: black; padding: 10px 0px 10px 0px;} 
div.mobileSelector {display: none; color: black; text-align: right;}