* {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 {width: 100%; position: relative;}
body {color: white; font-family: arial, sans-serif; width: 100%; position: relative;}
div.table {display: table;}
div.row {display: table-row;}
div.cell {display: table-cell;}
ul {padding: 5px 0px 5px 20px;}
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;}
h2 {color: #3a6881; text-align: center; font-size: 14pt; padding: 10px 5px 10px 5px;}

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

div.top-all {display: table; width: 100%; font-size: 10pt;}
div.top-element {display: table-cell; vertical-align: middle;}

div.Academia {padding: 5px 0px 0px 0px; vertical-align: middle;}
div.Brain {width: 50px; height: 36px; background-image: url('brain.svg'); float: left;}
div.A-left {text-align: center; }
div.A-center {display: none;}
div.A-right {text-align: right; padding: 0px 10px 0px 0px}

div.main-theme {position: relative; width: 95%; margin: 0 auto; padding: 40px 0px 0px 0px;
	text-align: center; font-size: 14pt; font-weight: 600;}

div.form-all {position: absolute; bottom: 20px; width: 100%;}
div.form-all form {width: 90%; margin: 0 auto; padding: 10px 5px 10px 5px; text-align: center; font-size: 12pt;}
div.input {padding: 5px 0px 5px 0px;}
div.inputD {display: none;}
div.inputP , div.inputP a {font-size: 10pt; text-align: left; height: 10px; color: white;}
div.inputP input {float: left; width: 20px; height: 10px;}
div.button {padding: 5px 0px 5px 0px;}
button {width: 100%; height: 40px; padding: 0px 5px 0px 5px; background-color: rgb(0, 160, 0);
	border-radius: 10px; border: 1px solid black; 
	font-size: 12pt; color: white; font-weight: 600; cursor: pointer;}
input {width: 100%; height: 40px; padding: 0px 5px 0px 5px; border-radius: 10px; border: 1px solid black;
	font-size: 10pt; text-transform: uppercase;}

div.bottom-all {display: none;}
div.bottom-all-mobile {background-color: #3a6881; font-size: 10pt; text-align: center; padding: 20px 0;}
div.bottom-all-mobile div {padding: 10px 5px 10px 5px; width: 60%; vertical-align: top;  font-size: 10pt;}
div.bottom-all-mobile div.element1, div.bottom-all-mobile div.element3, div.bottom-all-mobile div.element5
	{margin: 0 auto 0 0;}
div.bottom-all-mobile div.element2, div.bottom-all-mobile div.element4
	{margin: 0 0 0 auto;}
div.bottom-all-mobile span {font-weight: 600; font-size: 10pt;}

div.outer2
{position: relative; width: 95%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer2-left {padding: 10px 5px 10px 5px;}
div.outer2-left div {padding: 5px 0px 5px 0px;}
div.outer2-right {position: relative; width: 95%; padding-top: 133%; 
background-position: top center; background-attachment: scroll; background-image: url('scr2-plastic.jpg'); 
background-size: cover; background-repeat: no-repeat;}


div.outer3
{position: relative; width: 95%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer3 div.text {padding: 5px 5px 5px 5px;}
div.outer3 div.what {position: relative; width: 50px; padding: 5px 0px 5px 0px; margin: 0 auto 0 40px; 
font-size: 12pt; text-align: left; font-weight: 600; color: #3a6881;}
div.outer3 div.where {position: relative; width: 50px; padding: 5px 0px 5px 0px; margin: 0 auto 0 auto; 
font-size: 12pt; text-align: center; font-weight: 600; color: #3a6881;}
div.outer3 div.when {position: relative; width: 50px; padding: 5px 0px 5px 0px; margin: 0 40px 0 auto; 
font-size: 12pt; text-align: right; font-weight: 600; color: #3a6881;}
div.outer3 div.container1-1 {position: relative; width: 95%;  background-image: url('scr3.jpg'); background-size: cover;}


div.outer4
{position: relative; width: 100%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer4 div.table {position: relative;  width: 95%; padding-top: 71.25%; 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: 10.93%; 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; width: 95%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer5 div.table, div.outer5 div.row, div.outer5 div.cell {display: block;}
div.outer5 div.cell {padding: 10px; margin: 10px 10px 40px 10px; border-radius: 20px; border: 1px solid black; 
width: 90%; vertical-align: top;}
div.outer5 H3 {text-align: center; color: green; font-size: 14pt;}
div.outer5 div.h3-0 H3 {text-align: center; color: black; font-size: 14pt;}
div.outer5 div.text {padding: 10px 0 0 0;}
div.outer5 div.price {padding: 10px 0 0 0; font-weight: 600; text-align: center;}
div.outer5 div.comment {padding: 10px 0 0 0; font-size: 8pt; 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: 12pt; 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.outer5 div.bestTicket {border: 3px solid green;}

div.formPopup, div.formPopupF {
position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none;  background-color: rgba(0, 120, 201, 0.7);}
div.formPopupInn {
position: relative; margin: 50px auto; width: 300px; padding: 10px 10px 50px 10px; background-color: white; 
color: black; font-size: 10pt;
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 div.table {position: relative;  width: 95%; display: block; margin: 0 auto;}
div.outer6 div.dots {position: absolute; top: 230px; width: 300px;  margin: 0 auto; display: block; text-align: center;}
div.outer6 div.dots ul {list-style-position: inside; list-style-type: circle; width: 70px; margin: 0 auto;}
div.outer6 div.dots li {padding: 0px 5px 0px 5px; float: left; list-style-type: circle; font-size: 12pt; color: #3a6881;}
div.outer6 div.dots li.active { list-style-type: disc;}
div.outer6 div.row {position: relative; width: 302px; margin: 0 auto; display: block; overflow: hidden;}
div.outer6 div.row3 {position: relative; width: 2200px; height: 100%; display: block;}
div.outer6 div.cell {position: relative; width: 300px; display: inline-block;  height: 100%; vertical-align: top;}
//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;}
div.outer6 div.cell div.author {padding: 10px 10px 10px 10px; text-align: center;}

div.outer6 div.row div.hidden {display: inline-block;}
div.outer6 div.row3 {transform: translate(-301px);}

//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.outer6 div.row3 {transition: all 1s linear 0s;}



div.outer7
{position: relative; width: 95%; margin: 0 auto; font-size: 10pt; color: black;}
div.outer7 div.text {padding: 5px 10px 5px 0px;}
div.outer7 li {padding: 5px 5px 5px 5px;}

div.outer8
{position: relative; width: 95%; margin: 0 auto; font-size: 10pt; color: black;}
div.lastPageForm {
position: relative; margin: 50px auto; width: 300px; padding: 10px 10px 50px 10px; background-color: white; 
color: black; font-size: 10pt;
border-radius: 20px; border: 1px solid black;
}
div.outer8 div.sale {color: green; font-weight: 600; text-align: center;}
div.outer8 div.inputP a {color: black;}
div.contacts {padding: 10px 10px 10px 10px;}
div.contacts span {font-weight: 600;}

div.map {display: none;}

div.vkshare {padding: 10px 10px 10px 10px;}
div.vkshare div.text {color: black; padding: 10px 0px 10px 0px;} 
div.mobileSelector {display: none; color: white; text-align: center;}