/*Page layout*/
body { height:100%;  --color-primary1: #2b3856; --color-primary-dark: #29465b; --color-primary: black; --color-secondary: #252c6a; --color-third:#FEF5EF; --color-third2:#FEF5EF; --color--error: #cc3333; --color-success: #4bb544;  margin: 0; height: 100vh; display:fex; align-items:center; justify-content: center; font-family:'Open Sans'; font-size: 18px; background: var(white); background-size: cover;}
.home-header {top: 40px; width:100%; height: 90px; z-index: 2; text-align:center; position:fixed; font-family:Calibri; font-weight: thin; font-size: 20px; background:white;}
.header_text{top:25%; left:50%; transform:translate(-50%, -50%); z-index: 3; position:relative;color:black; font-family:'Open Sans'; font-size:20px;}
.signiture{height:30px; margin-top: -30px; position:absolute;  z-index: 2; }
.studio {top:-20%; left:50%; transform:translate(-50%, -50%); z-index: 2; position:relative; color:gray; font-family:'Open Sans'; font-weight: 20; font-size: 12px}
.login_link_header {top:0px; right:0%; position:absolute; text-decoration:underline; font-family:'Open Sans'; cursor:pointer; color:gray;}
.shop_link_header {top:0px; right:0%; margin-right:25px; position:absolute; text-decoration:underline; font-family:'Open Sans'; cursor:pointer; color:gray;}
.menu{float:left;  text-decoration:underline; font-family:'Open Sans'; cursor:pointer; color:gray;}
.image_placeholder{width:100%; height:300px; margin-top: 90px; text-align: center; justify-content: center; font-family:'Open Sans'; Color:#424c55; background:var(--color-third);}
.subHeader_text{top:40%; left:50%; transform:translate(-50%, -50%); position:relative; font-size: 25px; Color:#424c55;}
.subHeader_text2{top:30%; left:50%; transform:translate(-50%, -50%); position:relative; font-size: 15px; Color:#424c55;}
.main_image{width:100%; bottom:0px;}
.tab_div{margin-left: 20px;}
.active_tab{Color:#9D5C63; text-decoration: underline;}
.tab{Color:#424c55; text-decoration: none;}
.body_content_row{display:flex; flex-wrap:wrap; padding:0px 4px;}  /*height:400px; align-items:center; justify-content: center;}*/
.simulator_image{margin-top:20px; vertical-align:middle;  width:100%;  border:1px solid #D1D0CE;}    /*width:400px; margin:auto; display:block;}*/
.body_content_column{flex:25%; max-width: 30%; padding: 0 2%;}
.simulator_image_text{text-align: center; top:0px; position:relative; font-family:'Open Sans'; Color:black; }
@media screen and (max-width:800px){.body_content_column{flex:50%; max-width:50%;}}
@media screen and (max-width: 600px){.body_content_column{flex:100%; max-width:100%;}}
.footer {height: 40px;  padding-top: 15px; padding-right: 10px; background-color: black; color: white;  font-size:12px; font-family:'Open Sans'; text-align: right;}
.empty {height:10px;}
.footerLink {color: white; text-decoration: none;}
.get_app {top:0px; width:100%; height:40px; z-index: 2; color:white; background: black; text-align: center; position: fixed;}
.app_badge{padding-top: 5px; padding-right:2px; height:30px;float:right;}
.app_text {top:20%; left:50%; transform:translate(-50%, -50%); position:relative; font-family:'Open Sans'; Color:grey; font-size: 11px;}
.build_text{font-family:'Open Sans'; Color:grey; font-size: 11px;}
.simulatorPreviewButton{bottom:10%; font-family:'Open Sans'; border:none; background-color:black; color:white; padding:15 20 20px;font-size: 14px; height:35px; width:100%;} /*width:100px*/
.simulatorBuyButton{bottom:10%; font-family:'Open Sans';  background-color:white; color:lightgrey; padding:15 20 20px;font-size: 14px; height:35px; width:100%; border-width: thin;} /*width:200px*/
.visionPage{background-color: #43464B;}
.visionText{font-family:'Open Sans'; Color:white; font-size: 11px;}

/*login style*/
.container{width:350px; max-width:400px; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute; margin:1rem; padding:2rem; box-shadow: 0 0 40px rgba(0,0,0, 0.2); border-radius:var(--border-raius); background: #ffffff}
.container, .form__input, .form__button {font: 500 1rem 'Calibri'; margin:auto;}
.form--hidden{height:300px; display:none;}
.form > * :first-child {margin-top:0;}
.form > *:last-child {margin-bottom:0;}
.form__title{margin-bottom:2rem; text-align:center;}
.form__message{text-align:center; margin-bottom:1rem;}
.form__message--success{color:var(--color-success);}
.form__message--error{color:var(--color--error);}
.form__input-group{margin-bottom:1rem;}
.form__input{display:block; width: 100%; padding:0.75rem; box-sizing:border-box; border-radius:var(--border-radius); border: 1px solid #dddddd; outline:none; background:#eeeeee; transition: background 0.2s, border-color 0.2s;}
.form__input:focus{border-color:var(--color-primary); background: #ffffff;}
.form__input--error{color:var(--color--error); border-color:var(--color--error);}
.form__input-error-message{margin-top:0.5rem; font-size:0.85rem; color:var(--color--error)}
.form__button{width:100%; padding:1rem 2rem; font-weight:bold; font-size:1.1rem; color: #ffffff; border: none; border-radius:var(--border-radius); outline:none; cursor:pointer; background:var(--color-primary);}
.form__button:hover{ background:var(--color-primary-dark);}
.form__button:active{transform:scale(0.98);}
.form__text{text-align:center;}
.form__link{color:var(--color-secondary); text-decoration:none; cursor:pointer;}
.form__link:hover{text-decoration:underline;}
.form_close_link{float:right; margin-top:2px; font-family:arial; font-size: 20px; text-decoration: none; cursor:pointer;}

/*simulation page*/
.unity-canvas{margin-top:20px; vertical-align:middle;  width:90%; height:90%;  background: #231F20}

/*subcription page*/
.subscription{height:500px; width:350px; margin-top:20px; vertical-align:middle;  border:1px solid #D1D0CE;}
.subsctiption_sub-text{ font-size: 15px; Color:#424c55;}
.emptyPlaceholder{height:300px;}