@charset "utf-8";
/* CSS Document */

/*********************FONTS*********************/

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-ExtraLight.ttf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-Light.ttf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-Medium.ttf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-Regular.ttf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-SemiBold.ttf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-Bold.ttf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-ExtraBold.ttf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'Catamaran';
    src: url('../fonts/ttf/Catamaran-Black.ttf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/*********************BASICS*********************/

html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Catamaran', sans-serif;
    font-size: 100%;
    font-weight: 200;
    color: #666666;
    background-color: #ffffff;
    display: flex;
    flex-flow: column;
}

strong {
    font-weight: 600;
}

h1 {
    font-size: 3.5em;
    font-weight: lighter;
    margin: 1em 0 0.5em 0;
    color: #474747;
    line-height: 1em;
}

h2 {
    font-size: 2em;
    font-weight: lighter;
    margin: 0 0 1em 0;
    color: #757575;
    line-height: 1.1em;
}

h3 {
    font-size: 2.3em;
    font-weight: lighter;
    margin: 0.5em 0 0.5em 0;
    color: #474747;
    line-height: 1.1em;
}

h4 {
    font-size: 1.6em;
    font-weight: lighter;
    margin: 1em 0 0.5em 0;
    color: #474747;
    line-height: 1.1em;
}

h5 {
    font-size: 1.2em;
    font-weight: lighter;
    margin: 1em 0 0.5em 0;
    color: #474747;
    line-height: 1.4em;
}

p {
    margin: 0.5em 0 0.5em 0;
    line-height: 1.3em;
}

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

ul {
    margin-top: 0;
    font-weight: lighter;
}

.clear {
    clear: both;
}

.left {
    left: 0;
    float: left;
}

.right {
    right: 0;
    float: right;
}

.button {
    display: inline-block;
    background-color: rgba(189,24,25,1.0);
    color: #FFF;
    font-size: 1.1em;
    padding: 0 4%;
    height: 60px;
    line-height: 60px;
    margin: 0;
    text-align: center;
    border: none;
}

.button[disabled] {
    background: rgba(189,24,25,0.4);
    color: white;
}

input[type=submit],
input[type=cancel],
input[type=button] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input {
    border: none;
    border-bottom: 1px solid #cccccc;
    background-color: #f4f4f4;
    padding: 2.3% 2%;
    width: 96%;
    margin: 0;
    font-size: 1em;
    font-weight: light;
    color: inherit;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f4f4f4 inset;
}

input[type="submit"],
.buttons input {
    background-color: rgba(189,24,25,1.0);
    color: #FFF;
    font-size: 1.1em;
    height: 60px;
    padding: 0 4em;
    margin: 0;
    width: 100%;
}

label {
    display: block;
    margin: 3em 0 2em 0;
    font-size: 1.2em;
}

form .row {
    display: block;
    margin: 10px 0 5px 0;
}

form .row:first-child {
    margin: 0 0 0.5em 0;
}

form .row:first-child label {
    margin: 0 0 0.5em 0;
}

form .row label {
    margin: 0.3em 0.5em 0.3em 0;
}

form .row.hidden {
    display: none;
}

input[type="file"],
.uploadfield {
    border: 1px solid #cccccc;
    padding: 0.7em;
    margin: 0;
    font-size: 1em;
    width: 100%;
    font-weight: light;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    border: 1px solid #cccccc;
    padding: 0.5em 3em 0.5em 0.5em;
    margin: 0;
    font-size: 1em;
    width: 100%;
    font-weight: light;
    background-color: white;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    color: inherit;
    background-image: url(/images_new/dropdown_arrows.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: auto 40%;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select[multiple] {
    background-image:none;
}


textarea {
    border: none;
    border-bottom: 1px solid #cccccc;
    background-color: #f4f4f4;
    padding: 2%;
    width: 96%;
    margin: 0;
    font-size: 1em;
    font-weight: light;
}

.infobox {
    padding: 1%;
    border: 1px solid #cccccc;

}

#ajaxFileUpload {
    background: url(/images_new/icon_upload.png) center / 15px no-repeat;
}

.errorMessage,
.hint {
    display: block;
    font-size: 0.7em;
    position: relative;
    padding-left: 18px;
    line-height: 15px;
    margin: 5px 0;
}

.errorMessage:before,
.hint:before {
    content: '';
    background: url(/images_new/icon_info.svg) center / 15px no-repeat;
    position: absolute;
    width: 15px;
    height: 100%;
    left: 0;
    top: 0;
}

.errorMessage {
    color: #bd1819;
    font-size: 1.0em;
    font-weight: 300;
}

.errorMessage:before {
    background-image: url(/images_new/icon_warning_red.svg)
}

.hidden {
    display: none;
}
/*.button_upload {
	padding: 2%;
	width: 24%;
	margin: 0 0 0 0 0;
	/*border-bottom: 4px solid #bd1819;
}*/

/*********************HEADER*********************/

#header {
    height: 70px;
    background-color: #282f39;
    flex: 0 0 auto;
    z-index: 99999;
    position: relative;
}

.logo_container {
    width: 250px;
    height: 100%;
    position: absolute;
    background: url(/images_new/viewar_logo.svg) center right / 85% auto no-repeat;
}

.menu_container {
    display: flex;
    align-items: center;
    width: calc(100% - 270px);
    height: 100%;
    right: 0;
    position: absolute;
}

.menu {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.menu:after {
    content: "";
    clear: both;
}

.menu ul {
    margin-top: 0;
    margin-left: -40px;
    font-weight: lighter;
    height: 100%;
}

.menu li {
    list-style: none;
    position: relative;
    height: 100%;
    font-size: 18px;
}

.menu ul ul {
    display: none;
    position: absolute;
    left: 0;
    bottom: 1px;
    transform: translateY(100%);
    background: white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.16);
    border-radius: 0 5px 5px 5px;
    margin-left: 0;
    height: auto;
    padding: 0.5em 0;
}

.menu ul li.button_menu_profile ul {
    left: auto;
    right: 0;
}

.menu ul li.button_menu ul {
    min-width: 100%;
}

.button_menu.is-active > ul {
    display: block;
}

.button_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    font-size: 1.1em;
    color: #b2b2b2;
    text-align: center;
}

.button_menu:first-of-type{
    margin: 0 3% 0 0;
}

.button_menu.is-current {
    background: black;
}

.button_menu.is-current a {
    color: white;
}

.button_menu.is-active {
    background: white;
}

.button_menu.is-active a {
    color: #666;
}

.button_menu .icon_menu {
    background: center / contain no-repeat;
}

.button_menu .icon_menu_profile {
    background-image: url(/images_new/icon_profile.svg);
}

.button_menu.is-current .icon_menu_profile,
.button_menu:hover .icon_menu_profile {
    background-image: url(/images_new/icon_profile_white.svg);
}

.button_menu.is-active .icon_menu_profile {
    background-image: url(/images_new/icon_profile_dark.svg);
}

.button_menu .icon_menu_support {
    background-image: url(/images_new/icon_support.svg);
}

.button_menu.is-current .icon_menu_support,
.button_menu:hover .icon_menu_support {
    background-image: url(/images_new/icon_support_white.svg);
}

.button_menu.is-active .icon_menu_support {
    background-image: url(/images_new/icon_support_dark.svg);
}

.button_menu .icon_menu_content {
    background-image: url(/images_new/icon_content.svg);
}

.button_menu.is-current .icon_menu_content,
.button_menu:hover .icon_menu_content {
    background-image: url(/images_new/icon_content_white.svg);
}

.button_menu.is-active .icon_menu_content {
    background-image: url(/images_new/icon_content_dark.svg);
}

.button_menu .icon_menu_apps {
    background-image: url(/images_new/icon_apps.svg);
}

.button_menu.is-current .icon_menu_login,
.button_menu:hover .icon_menu_login {
    background-image: url(/images_new/icon_login_white.svg);
}

.button_menu .icon_menu_login {
    background-image: url(/images_new/icon_login.svg);
}

.button_menu .icon_menu_register {
    background-image: url(/images_new/icon_register.svg);
}

.button_menu .icon_menu_pricing {
    background-image: url(/images_new/icon_pricing.svg);
}


.button_menu.is-current .icon_menu_pricing,
.button_menu:hover .icon_menu_pricing {
    background-image: url(/images_new/icon_pricing_white.svg);
}

.button_menu.is-current .icon_menu_apps,
.button_menu:hover .icon_menu_apps {
    background-image: url(/images_new/icon_apps_white.svg);
}

.button_menu.is-active .icon_menu_apps {
    background-image: url(/images_new/icon_apps_dark.svg);
}


.button_menu_mobile {
    display: none;
}

.button_menu.is-active .button_submenu:hover a,
.button_submenu:hover a,
.button_menu a:hover {
    color: white;
}

.button_menu.is-active:hover a {
    color: #666;
}

.button_submenu .icon_submenu {
    background: center / contain no-repeat;
}

.button_submenu .icon_submenu_account {
    background-image: url(/images_new/icon_profile_b_dark.svg);
}

.button_submenu:hover .icon_submenu_account {
    background-image: url(/images_new/icon_profile_b_white.svg);
}

.button_submenu .icon_submenu_logout {
    background-image: url(/images_new/icon_logout_b_dark.svg);
}

.button_submenu:hover .icon_submenu_logout {
    background-image: url(/images_new/icon_logout_b_white.svg);
}

.button_submenu .icon_submenu_downloads {
    background-image: url(/images_new/icon_downloads_b_dark.svg);
}

.button_submenu:hover .icon_submenu_downloads {
    background-image: url(/images_new/icon_downloads_b_white.svg);
}

.button_submenu .icon_submenu_documentation {
    background-image: url(/images_new/icon_documentation_b_dark.svg);
}

.button_submenu:hover .icon_submenu_documentation {
    background-image: url(/images_new/icon_documentation_b_white.svg);
}

.button_submenu .icon_submenu_tutorials {
    background-image: url(/images_new/icon_tutorials_b_dark.svg);
}

.button_submenu:hover .icon_submenu_tutorials {
    background-image: url(/images_new/icon_tutorials_b_white.svg);
}

.button_submenu .icon_submenu_report {
    background-image: url(/images_new/icon_contact_b_dark.svg);
}

.button_submenu:hover .icon_submenu_report {
    background-image: url(/images_new/icon_contact_b_white.svg);
}

.button_submenu .icon_submenu_models {
    background-image: url(/images_new/icon_3dmodel_b_dark.svg);
}

.button_submenu:hover .icon_submenu_models {
    background-image: url(/images_new/icon_3dmodel_b_white.svg);
}

.button_submenu .icon_submenu_categories {
    background-image: url(/images_new/icon_categories_b_dark.svg);
}

.button_submenu:hover .icon_submenu_categories {
    background-image: url(/images_new/icon_categories_b_white.svg);
}

.button_submenu .icon_submenu_apps {
    background-image: url(/images_new/icon_apps_b_dark.svg);
}

.button_submenu:hover .icon_submenu_apps {
    background-image: url(/images_new/icon_apps_b_white.svg);
}

.button_submenu .icon_submenu_templates {
    background-image: url(/images_new/icon_templates_b_dark.svg);
}

.button_submenu:hover .icon_submenu_templates {
    background-image: url(/images_new/icon_templates_b_white.svg);
}

.button_submenu .icon_submenu_pricing {
    background-image: url(/images_new/icon_pricing_b_dark.svg);
}

.button_submenu:hover .icon_submenu_pricing {
    background-image: url(/images_new/icon_pricing_b_white.svg);
}

.button_menu a {
    font-weight: lighter;
    color: #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 1em;
}

.button_menu.is-highlighted a {
    color: white;
}

.menu .icon_menu {
    height: 30px;
    width: 30px;
    margin: 0 5px 0 0;
}

.button_submenu {
    display: flex;
}

.button_submenu a {
    font-size: 0.9em;
    color: #666;
    padding: 0.3em 1em;
    height: 1.2em;
    line-height: 1.2em;
    white-space: nowrap;
}

.button_submenu .icon_submenu {
    height: 1.2em;
    width: 1.2em;
    margin: 0 5px 0.2em 0;
}

.button_submenu .icon_submenu.icon_submenu_apps {
    height: 1em;
}

.button_submenu:hover {
    background: #bd1819;
}

.user_info {
    display: flex;
    flex-flow: column;
    text-align: left;
    line-height: 1.1em;
}

.user_welcome {
    font-size: 0.7em;
    display: block;
}

.user_name {
    color: white;
}

.button_menu.is-active .user_name {
    color: #666;
}

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

    .button_menu {
        display: none;
    }

    .button_menu_mobile {
        display: flex;
    }

    body .mobile_menu_container {
        display: flex;
    }
}

/*********************MOBILE MENU*********************/

.button_menu_burger {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 40px 0 0;
}

.button_menu_burger a {
    position: absolute;
    width: 4vh;
    height: 4vh;
    top: 50%;
    transform: translateY(-50%);
}

.button_menu .icon_burger {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    background: #9b9b9a;
    border-radius: 50%;
    flex: 0 0 auto;
}

.button_menu .icon_burger:hover {
    background: #fff;
}

.icon_burger span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 3px;
    background: #282f39;
    transform: translate(-50%, -50%);
}

.icon_burger span::before,
.icon_burger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #282f39;
    content: "";
}

.icon_burger span::before {
    top: 5px;
}

.icon_burger span::after {
    bottom: 5px;
}


.icon_burger span {
    transition: background 0s 0.3s;
}

.icon_burger span::before,
.icon_burger span::after {
    transition-duration: 0.3s, 0.1s;
    transition-delay: 0.3s, 0s;
}

.icon_burger span::before {
    transition-property: top, transform;
}

.icon_burger span::after {
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.icon_burger.is-active span {
    background: none;
}

.icon_burger.is-active span::before {
    top: 0;
    transform: rotate(45deg);
}

.icon_burger.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
}

.icon_burger.is-active span::before,
.icon_burger.is-active span::after {
    transition-delay: 0s, 0.3s;
}

.mobile_menu_container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    flex-flow: column;
    pointer-events: none;
    display: none;
    overflow: hidden;
    transition: transform 0.3s;
    transform: translateY(-100%);
    z-index: 999;
}

.mobile_menu_container.is-active {
    transform: translateY(0);
}

.mobile_menu {
    flex: 1 0 auto;
    /*font-size: 2vh;*/
    font-size: 18px;
    z-index: 999;
    pointer-events: auto;
    position: relative;
    background: #282f39;
    padding: 70px 0 0 0;
}

.mobile_menu ul {
    margin-top: 0;
    margin-left: -40px;
    font-weight: lighter;

    background: #282f39;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    position: absolute;
    width: 100%;

    display: flex;
    flex-flow: column;
}

.mobile_menu li {
    list-style: none;
}

.mobile_menu li:first-of-type a {
    border-top: 1px solid rgba(178, 178, 178, 0.25);
}

.mobile_menu a {
    color: #b2b2b2;
    display: flex;
    margin: 0 10px;
    border-bottom: 1px solid rgba(178, 178, 178, 0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile_menu_button {
    line-height: 70px;
}

.mobile_menu_button.is-highlighted a {
    color: white;
}

.mobile_menu_button .icon_menu {
    margin: 0 10px 0 20px;
    height: 30px;
    width: 30px;
    align-self: center;
    background: center / cover no-repeat;
}

.mobile_menu_button.is-current {
    background: black;
}

.mobile_menu_button:hover a,
.mobile_menu_button.is-current a {
    color: white;
}

.mobile_menu_button .icon_mobile_menu_apps {
    background-image: url(/images_new/icon_apps.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_apps,
.mobile_menu_button.is-current .icon_mobile_menu_apps {
    background-image: url(/images_new/icon_apps_white.svg);
}

.mobile_menu_button .icon_mobile_menu_templates {
    background-image: url(/images_new/icon_templates.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_templates,
.mobile_menu_button.is-current .icon_mobile_menu_templates {
    background-image: url(/images_new/icon_templates_white.svg);
}

.mobile_menu_button .icon_mobile_menu_models {
    background-image: url(/images_new/icon_3dmodel.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_models,
.mobile_menu_button.is-current .icon_mobile_menu_models {
    background-image: url(/images_new/icon_3dmodel_white.svg);
}

.mobile_menu_button .icon_mobile_menu_categories {
    background-image: url(/images_new/icon_categories.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_categories,
.mobile_menu_button.is-current .icon_mobile_menu_categories {
    background-image: url(/images_new/icon_categories_white.svg);
}

.mobile_menu_button .icon_mobile_menu_tutorials {
    background-image: url(/images_new/icon_tutorials.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_tutorials,
.mobile_menu_button.is-current .icon_mobile_menu_tutorials {
    background-image: url(/images_new/icon_tutorials_white.svg);
}

.mobile_menu_button .icon_mobile_menu_documentation {
    background-image: url(/images_new/icon_documentation.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_documentation,
.mobile_menu_button.is-current .icon_mobile_menu_documentation {
    background-image: url(/images_new/icon_documentation_white.svg);
}

.mobile_menu_button .icon_mobile_menu_downloads {
    background-image: url(/images_new/icon_downloads.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_downloads,
.mobile_menu_button.is-current .icon_mobile_menu_downloads {
    background-image: url(/images_new/icon_downloads_white.svg);
}

.mobile_menu_button .icon_mobile_menu_report {
    background-image: url(/images_new/icon_contact.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_report,
.mobile_menu_button.is-current .icon_mobile_menu_report {
    background-image: url(/images_new/icon_contact_white.svg);
}

.mobile_menu_button .icon_mobile_menu_account {
    background-image: url(/images_new/icon_profile.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_account,
.mobile_menu_button.is-current .icon_mobile_menu_account {
    background-image: url(/images_new/icon_profile_white.svg);
}

.mobile_menu_button .icon_mobile_menu_register {
    background-image: url(/images_new/icon_profile.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_register,
.mobile_menu_button.is-current .icon_mobile_menu_register {
    background-image: url(/images_new/icon_profile_white.svg);
}

.mobile_menu_button .icon_mobile_menu_logout {
    background-image: url(/images_new/icon_logout.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_logout,
.mobile_menu_button.is-current .icon_mobile_menu_logout {
    background-image: url(/images_new/icon_logout_white.svg);
}

.mobile_menu_button .icon_mobile_menu_login {
    background-image: url(/images_new/icon_login.svg);
}

.mobile_menu_button:hover .icon_mobile_menu_login,
.mobile_menu_button.is-current .icon_mobile_menu_login {
    background-image: url(/images_new/icon_login_white.svg);
}

/*********************CONTENT*********************/

.content {
    position: relative;
    overflow: auto;
    display: flex;
    flex-flow: column;
    flex: 1 1;
    -webkit-overflow-scrolling: touch;
}

.content_box_wrapper {
    flex: 1 0 auto;
    display: flex;
    flex-flow: column;
}

.content .padding {
    padding: 40px;
    display: flex;
    flex-flow: column;
    flex: 1 0 auto;
}

.content .padding.testui.show {
    flex-flow: row wrap;
}

.content .padding.feature,
.content .padding.site.pricing,
.content .padding.site.landing,
.content .padding.site.documentation,
.content .padding.site.home {
    padding: 0;
}

.content .padding.user,
.content .padding.user.userinfo,
.content .padding.templates.update,
.content .padding.templates.add,
.content .padding.site.links,
.content .padding.support.reportissue,
.content .padding.jobs.add,
.content .padding.jobs.requesttemplate,
.content .padding.jobs.update,
.content .padding.jobs.submitted,
.content .padding.jobs.templatesubmitted,
.content .padding.category.add,
.content .padding.category.update,
.content .padding.model.update,
.content .padding.model.upload,
.content .padding.modelassistant,
.content .padding.resources.materialoptions {
    background: #eee;
}


.padding h1 {
    font-size: 2em;
    margin: 0.5em 0 1em 0;
    float: left;
}

.content_container_half {
    display: flex;
    width: 100%;
    margin-top: 3.5%;
}

.content_half {
    width: 48%;
}

.content_half_2 {
    width: 70%;
    outline: 1px solid red;
}

.content_half:first-child {
    margin-right: 4%;
}

.button_maincontent {
    font-size: 1.4em;
    margin-top: 1% !important;
}

.button_content_black {
    background-color: rgba(189,24,25,0.0);
    border: 1px solid #666666;
    color: #666666;
    margin-top: 0.5 !important;
    height: 36px;
    line-height: 36px;
}

.button_content_white {
    background-color: rgba(189,24,25,0.0);
    border: 1px solid white;
    color: white;
    margin-top: 2% !important;
    height: 36px;
    line-height: 36px;
}

.items {
    display: table;
    width: 100%;
}

.items tr {
}

.items thead th {
    display: table-cell;
    background-color: #CCC;
    padding: 1%;
    text-align: left;
    font-weight: 200;
    font-size: 1.2em;
    position: relative;
}

.items thead th a.sort-link {
    color: #666;
    padding: 0 0.7em 0 0;
    white-space: nowrap;
}

.items thead th a.sort-link:after {
    content: '';
    background: url(/images_new/dropdown_arrows_red.svg) center / auto 1em no-repeat;
    height: 100%;
    width: 1em;
    position: absolute;
    right: 2%;
    top: 0;
    color: #bd1819;
}

.items td {
    display: table-cell;
    border-bottom: 1px solid #CCC;
    padding: 1%;
}

.button-column img,
.icon_table {
    width: 10%;
    min-width: 20px;
    margin: 0 2%;
}

.arrow_table {
    font-size: 0.5em;
}

.headlines_container {
    width: 100%;
    text-align: center;
}

.maincontent_container {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 70%;
    margin: 0 auto 0 auto;
    margin-bottom: 3em;
}

.maincontent_container p {
    margin: 1em 1em 2em 1em;
}

.maincontent_container p a {
    font-weight: 600;
}

.maincontent_img {
    width: 100%
}

.centeredcontent_container {
    width: 100%;
    text-align: center;
    background-color: #E7E7E7;
    padding: 3em 0 1em 0;
    overflow: hidden;
}

.leftcontent_container {
    width: 100%;
    text-align: left;
    background-color: #E7E7E7;
    padding: 3em 0 1em 0;
    overflow: hidden;
}

.centeredcontent_container h3 {
    margin: 0;
}

.stepbystep_wrapper, .feature_box_wrapper, .footer_box_wrapper, .testimonial_box_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    float: left;
    min-width: 400px;
}

.stepbystep_container, .feature_box_container {
    flex: 0 0 40%;
    display: flex;
    justify-content: center;
    width: 40%;
    margin: 2em 0;
    float: left;
    min-width: 400px;
}

.stepbystep_box {
    width: 31.3%;
    margin: 0 1em 0 1em;
    font-size: 1.2em;
}

.testimonial_box,
.feature_box {
    width: 40%;
    padding: 5%;
}

.feature_box h3 {
    font-size: 1.5em;
    font-weight: lighter;
    margin: 1.5em 0 0.5em 0;
    color: #474747;
    line-height: 1.1em;
}

.theme_red, .theme_red h3 {
    color: white;
    background-color: #bd1819;
    padding: 2% 0;
    font-weight: normal;
    text-transform: uppercase;
}

.content_container_stretch {
    display: flex;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.content_header {
    flex: 0 0;
    display: flex;
    margin: 0 0 1em 0;
}

.content_header h1 {
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    flex: 1 0;
}

.content_header .button {
    flex: 0 0;
    white-space: nowrap;
    margin: 1em 0 1em 1em;
}

.theme_black, .theme_black h3 {
    color: white;
    background-color: #282f39;
}

.content_background {
    background: url(/images_new/viewar_background.jpg);
    background-position: center;
    background-size: cover;
    overflow: visible !important;
}

.pricing_background {
    background: url(/images_new/pricing.jpg);
    background-position: center 70%;
    background-size: cover;
    overflow: visible !important;
}

.content_img_1 {
    background: url(/images_new/features_tamplate_system.jpg);
}

.content_img_2 {
    background: url(/images_new/features_css_design.jpg);
}

.content_img_3 {
    background: url(/images_new/features_multiple_ar_trackings.jpg);
}

.content_img_4 {
    background: url(/images_new/features_material_editor.jpg);
}

.content_img_5 {
    background: url(/images_new/arkit.jpg);
}

.content_img {
    width: 50%;
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: relative;
}

.content_factbox {
    margin: 7%;
    width: 30%;
    padding: 10%;
    background-color: #E7E7E7;
}

.content_factbox ul{
    margin: 0 0 0 -7%;
    line-height: 1.1em;
}

.content_txt_right {
    width: 30%;
    padding: 2em 10em 2em 0;
}

.content_txt_left {
    width: 30%;
    padding: 2em 0 2em 20%;
}

.content_background .content_txt_left {
    width: 50%;
}

.content_txt_left .button_maincontent {
    margin: 5% 0 12% 0 !important;
}

.content_background .content_txt_left h3 {
    margin-bottom: -1%;
}

.content_container_middle {
    width: 60%;
    background-color: white;
    margin: 0 auto;
    line-height: 1em;
}

.img_packshot {
    height: 70%;
    position: absolute;
    bottom: -10%;
    z-index: 100;
}

.icon_info {
    margin: 0 0 -3px 0;
    height: 15px;
}

.content_buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.content_checkbox {
    margin-right: 10px;
}

.app_config_menu_container {
    width: 30%;
    outline: 1px solid red;
}

.tracking_logo {
    width: 19%;
    margin: 1% 5% -1% 0;
}

.grid-view {
    margin-bottom: 3%;
}

.pager {
    text-align: center;
    margin-top: 1%;
}

.yiiPager {
    font-size: inherit !important;
}

.yiiPager * {
    font-size: 1em;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    color: #999;
    border: 1px solid #999;
    padding: 1px 12px;
    font-weight: 300;
}

ul.yiiPager a:hover {
    color: #bd1819;
}

ul.yiiPager .selected a {
    background: #bd1819;
    color: white;
}

.pricing_table {
    width: 100%;
    margin: 0 auto;
}

.pricing_table td {
    text-align: center;
    padding: 2% 4%;
    background-color: #E7E7E7;
    width: 25%;

}

.pricing_table .headrow {
    background-color: #282f39;
    color: white;
    padding: 2% 0;
}

.txt_small {
    font-size: 11px;
}

.txt_medium {
    font-size: 13px;
    margin: 0 0 10px 0;
    line-height: 18px;
}

.txt_price {
    font-size: 1.3em;
    font-weight: 400;
}

.message {
    position: absolute;
    top: 0;
    margin: 1% 0 1% 0;
    line-height: 1.3em;
    font-size: 1em;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid grey;
    padding: 0.3em;
    background: white;
}

.message .message_icon {
    display: inline-block;
    background: url(/images_new/icon_info.svg) center / 1.3em no-repeat;
    width: 1.3em;
    height: 1.3em;
    margin-right: 0.25em;
    transform: translateY(0.25em);
}

.message.error {
    background: #bd1819;
    border-color: #bd1819;
    color: white;
}

.message.error .message_icon {
    background-image: url(/images_new/icon_warning.svg);
}

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

    .footer_box_wrapper {
        flex-wrap: wrap;
    }

    .footer_box {
        flex-basis: 50%;
    }

    .footer_box:nth-of-type(4) {
        flex-basis: 50%;
    }

    body {
        font-size: 80%;
    }

    .stepbystep_wrapper, .feature_box_wrapper {
        flex-flow: column;
        align-items: center;
    }

    .stepbystep_container, .feature_box_container {
        width: 80%;
    }

    .content_img {
        display: none;
    }

    .content_txt_left, .content_txt_right {
        width: 80%;
        padding: 3% 0 3% 10%;
    }

    .content .padding {
        padding: 20px;
    }

    .content_header {
        flex-flow: column;
    }

    .content_header .button {
        margin: 1em 0;
    }

}

.search_field {
    display: flex;
    align-items: center;
    margin: 1em 0;
}

.search_field form {
    position: relative;
    font-size: 1.1em;
}

.search_field input[type="text"] {
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 2.5em 0 1em;
    width: 100%;
}

.search_field.is-active input[type="text"] {
    padding: 0 3em 0 2em;
}

.search_field input[type="button"],
.search_field input[type="submit"] {
    font-size: 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5em;
    height: 1.5em;
    padding: 0;
    margin: 0;
    border: 0;
    background: rgba(0,0,0,0) center / contain no-repeat;
}

.search_field input[type="submit"] {
    right: 1em;
    background-image: url(/images_new/icon_search.svg);
}

.search_field input[type="button"] {
    left: 0.5em;
    background-image: url(/images_new/icon_clearsearch.svg);
}


/*********************FOOTER*********************/

.footer {
    width: 100%;
    text-align: left;
    background-color: #282f39;
    padding: 1em 5em 5em 5em;
    box-sizing: border-box;
}

.footer_box {
    padding: 3em 1em 0 0;
    color: #b2b2b2;
    font-size: 0.8em;
    flex-basis: 20%;
    box-sizing: border-box;
}

.footer_box:nth-of-type(4) {
    flex-basis: 40%;
}

.footer_box h4 {
    margin: 0 0 1vh 0;
    color: #b2b2b2;
}

.footer_box:nth-of-type(3) h4 {
    margin: 0;
}

.footer_box a {
    text-decoration: none;
    color: #666666;
    font-weight: 600;
}

.footer_box p {
    margin: 4em 1em 0 0;
}

.icon_community {
    margin: 1em 5px -10px 0;
    height: 3vh;
    width: 3vh;
    background: center / cover no-repeat;
    display: inline-block;
}

.footer a:hover {
    color: white;
}

.footer .community_button_facebook .icon_community {
    background-image: url(/images_new/icon_facebook.svg);
}

.footer .community_button_facebook:hover .icon_community {
    background-image: url(/images_new/icon_facebook_white.svg);
}

.footer .community_button_twitter .icon_community {
    background-image: url(/images_new/icon_twitter.svg);
}

.footer .community_button_twitter:hover .icon_community {
    background-image: url(/images_new/icon_twitter_white.svg);
}

.footer .community_button_youtube .icon_community {
    background-image: url(/images_new/icon_youtube.svg);
}

.footer .community_button_youtube:hover .icon_community {
    background-image: url(/images_new/icon_youtube_white.svg);
}

.footer .community_button_blog .icon_community {
    background-image: url(/images_new/icon_blog.svg);
}

.footer .community_button_blog:hover .icon_community {
    background-image: url(/images_new/icon_blog_white.svg);
}

/*********************WIZARD MENU*********************/

#wizard_frame {
    margin: 0 0 20px 0;
}

.wizard h1 {
    margin: 1% 0 0 0;
}

.headline_bundle {
    font-size: 0.9em;
    margin: 0 0 1em 0;
}

.wizard_menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 1% auto;
}

.wizard_menu_button_container {
    display: flex;
    color: #666;
    flex: 1 0 auto;
    background: #ccc;
    margin: 0 10px 0 0;
}

.wizard_menu_button_container:last-of-type {
    margin: 0;
}

.wizard_menu_button_container:hover {
    background: #aaa;
}

.wizard_menu_button {
    margin: 0.5em 0;
    display: flex;
    justify-content: center;
}

.wizard_menu_content {
    display: flex;
}

.wizard_menu_button_container:last-of-type .wizard_menu_line {
    display: none;
}


.wizard_menu_step {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0 0.5em;
}

.wizard_menu_step > div {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    font-size: 1.5em;
    color: #666;
    border: 1px solid #666;
}


.wizard_menu_txt {
    font-size: 1em;
    flex: 0;
    display: flex;
    justify-content: center;
    flex-flow: column;
    max-width: 100%;
}

.wizard_menu_txt > div {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.5em 0 0;
}

.wizard_menu_button_container.active,
.wizard_menu_step.active {
    background: #bd1819;
}

.wizard_menu_step.active > div {
    color: white;
    font-weight: 300;
    border-color: white;
}

.wizard_menu_button_container.active .wizard_menu_txt > div {
    font-weight: 300;
    color: white;
}

@media screen
and (max-width: 760px) {
    .wizard_menu_txt {
        display: none;
    }

    .wizard_menu_button_container {
        justify-content: center;
    }
}

/*********************WIZARD CONTENT BASICS*********************/

.wizard_content {
    max-width: 768px;
    align-self: center;
}

.content_container_shadow {
    border: solid 1px #cccccc;
    box-shadow: 0 0 5px #bbbbbb;
    background-color: #ffffff;
    padding: 20px;
}

.wizard_content_container_blank {
    background-color: #ffffff;
    padding: 0;
}

.icon_button {
    margin: 0 10px -10px 0;
    height: 30px;
}

.icon_button_small {
    margin: 0 10px -6px 0;
    height: 16px;
}

.icon_info {
    margin: 0 0 -3px 0;
    height: 15px;
}

.wizard_button_save {
    display: inline-block;
    background: #bd1819;
    color: #FFF;
    font-size: 16px;
    padding: 20px 20px;
    margin: 20px 0 0 20px;
    float: right;
    width: 210px;
    text-align: center;
}


/*********************WIZARD STEP 1*********************/

.wizard_basic_settings {
    max-width: 500px;
    margin: 0 auto 0 auto;
}

/*********************WIZARD STEP 2*********************/

.wizard_template_thumbs {
    margin: 0 auto 0 auto;
    display: flex;
    flex-flow: row wrap;
}

.template_thumb {
    border: solid 1px #cccccc;
    padding: 10px;
    margin: 5px;
    background-color: #ffffff;
    flex: 1 1 auto;
    text-align: center;
    color: #666666 !important;
    display: flex;
    flex-flow: column;
}

.template_thumb.selected {
    outline: 2px solid #bd1819;
}

.template_thumb:hover {
    background-color: #EFEFEF;
}

.img_template_thumb {
    width: 100%;
    margin: 0 0 -2px 0;
    position: relative;
}

.img_template_thumb > img {
    width: 100%;
}

.wizard_tag_menu {
    flex-basis: 100%;
    margin: 0 0 20px 0;
}

.button_tag {
    border: 1px solid #bd1819;
    padding: 5px;
    width: 160px;
    background-color: #ffffff;
    margin: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.button_tag:hover {
    background-color: rgba(255,24,25,0.1);
}

.button_single {
    margin: 20px 0 0 0;
}
.wizard_template_box {
    display: flex;
    flex-basis: 33%;
}

.wizard_template_box.active {
    background-color: #ffffff;
}

.template_detail {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.template_detail.is-visible {
    display: flex;
}

.template_detail_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;

    display: flex;
    flex-flow: column;
}

.template_detail_button_close {
    background: url(/images_new/icon_close.svg) center / 1.5em no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
}

.template_detail_overlay {
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    position: fixed;
}

.template_detail_content_details {
    display: flex;
    width: 100%;
}

.template_detail_content_info {
    flex: 0 1 auto;
}

.template_detail_content_gallery {
    flex: 1 0 auto;
}

.template_detail_content_info {
    display: flex;
    flex-flow: column;
}

.template_detail_content_gallery {
    margin-left: 20px;
    display: flex;
    flex-flow: column;
    max-width: calc(50% - 20px);
}

.template_detail_content_gallery .gallery_image {
    border: 1px solid #ccc;
}

.template_detail_content_gallery .gallery_image img {
    width: 100%;
}

.template_detail_content_gallery .gallery_thumbnaillist {
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.template_detail_content_gallery .gallery_thumbnaillist img {
    width: 100%;
}

.template_detail_content_gallery .gallery_thumbnail {
    margin: 1px;
    flex: 0 0 25%;
    padding: 0.5em;
    border: solid 1px #ccc;
}

.template_detail_content_gallery .gallery_thumbnail:hover {
    background: #efefef;
}

.template_detail_content_gallery .gallery_thumbnail.selected {
    margin: 0;
    border: 2px solid #bd1819;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: calc(50% - 300px); opacity: 0}
    to {top: 50%; opacity: 1}
}

@keyframes animatetop {
    from {top: calc(50% - 300px); opacity: 0}
    to {top: 50%; opacity: 1}
}


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

    .template_detail_content_info,
    .template_detail_content_gallery {
        flex-basis: 100%;
        margin: 0;
        max-width: 100%;
    }

    .template_detail_content_details {
        flex-wrap: wrap;
    }


}

/*********************WIZARD STEP 3*********************/

.wizard_content.wizard_step_3 {
    max-width: 100%;
}

.preview_container {
    margin: 0 1em 6em 0;
}

#app_preview {
    width: calc(1024px * 0.75);
    height: calc(768px * 0.75);
}

.css_editor_container {
    flex: 1 0 auto;
}

.css_editor {
    width: 100%;
    height: 500px;
    margin: 0 0 0 -5px;
    border: none;
    padding: 0 !important;
    resize: none;
}

.wizard_editor_infobox {
    display: flex;
    flex-flow: column;
}

.wizard_editor_buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wizard_editor_buttons .button_toggle {
    flex: 0;
    text-align: center;
    background-color: #ddd;
    color: #666;
    font-size: 1.1em;
    padding: 0 4%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    white-space: nowrap;
}

.wizard_editor_buttons .button_toggle:hover {
    background-color: #cccccc;
}

.wizard_editor_buttons .button_toggle.active {
    background-color: #bd1819;
    color: #fff;
}

.wizard_editor_buttons .button_toggle.active:hover {
    background-color: #bd1819;
}

.wizard_editor_buttons .button_toggle:last-of-type {
    text-align: right;
}

.wizard_editor_buttons .button_toggle:first-of-type {
    text-align: left;
}

.app_preview_device {
}

.app_preview_device_dropbox {
    padding: 0.5em;
    color: inherit;
    font-family: inherit;
}

.button_toolbar {
    border: 1px solid #bd1819;
    padding: 6px;
    width: 160px;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
}

.button_toolbar:hover {
    background-color: rgba(255,24,25,0.1);
}

.wizard_step_3 .wizard_buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.wizard_step_3 .button {
    margin: 0 0 0 1%;
    flex: 1 0;
}

.wizard_step_3 .button:first-of-type {
    margin: 0;
}

.wizard_step_3 .wizard_editor_container {
    justify-content: center;
    display: flex;
    flex-flow: row nowrap;
}

.breadcrumb_bar {
    display: flex;
    flex-flow: row wrap;
    margin: 3em 0 0 0;
}

.breadcrumb_bar button {
    border-radius: 0;
    border: 0;
    background: #bd1819;
    color: white;
    margin: 0.3em 0.2em 0 0;
    font-size: 0.6em;
    padding: 0.3em 0.6em;
}

.breadcrumb_bar button:last-child {
    margin: 0.3em 0 0 0;
}

.errorMessageEditor {
    white-space: nowrap;
    display: none;
    flex: 1 0 auto;
    height: 15px;
}

.errorMessageEditor.is-hidden {
    display: none !important;
}

@media screen
and (max-width: 1199px) {
    .wizard_step_3 .wizard_editor_container {
        flex-flow: column nowrap;
    }
}

/*********************WIZARD STEP 4*********************/

.button_sample_content {
    margin: 0 0 1% 0;
}

.wizard_template_content {
    display: flex;
    justify-content: center;
}

.wizard_textbox {
    max-width: 50%;
    flex: 1 0 auto;
    display: flex;
    flex-flow: column;
    margin: 0 1%;
}

.wizard_textbox a {
    margin: 3% 0 0 0;
}

.wizard_textbox img {
    /* margin: auto; */
    width: 100%;
}

.wizard_textbox h4 {
    margin: 1em 0 0.2em 0;
}

/*********************WIZARD STEP 5*********************/

.wizard_config {
    max-width: 550px;
    margin: 0 auto 0 auto;
}

.wizard_step_5 {
    max-width: 100%;
}

.css_editor_small {
    width: 537px;
    height: 400px;
    margin: 0 7px -10px 7px;
    border: none;
    padding: 0 !important;
    resize: none;
}

.wizard_tracking_step_container {
    background: url(/images_new/pixel.svg) 1em / 1px repeat-y;
    padding-bottom: 4%;
    display: flex;
}

.wizard_tracking_step_container:first-of-type {
    margin-top: 4%;
}

.wizard_tracking_step_container:last-child {
    background-image: none;
}

.wizard_tracking_step_container:last-child form {
    margin-top: 8%;
}

.wizard_tracking_step_count {
    flex: 0 0;
}

.wizard_tracking_step {
    flex: 1 1 auto;
    margin: 0 0 0 4%;
}

.wizard_tracking_step_header {
    margin: 0.6% 0 0 0;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: 400;
}

.wizard_tracking_step_circle {
    border: 1px solid #666666;
    height: 1.5em;
    line-height: 1.5em;
    width: 1.5em;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    float: left;
    font-size: 1.2em;
    text-align: center;
    background-color: #ffffff;
}

.wizard_tracking_image {
    width: 100%;
}

/*********************WIZARD STEP 6*********************/

.wizard_textbox .download_app_buttons {
    display: flex;
    justify-content: space-between;
}

.wizard_textbox .download_app_button {
    display: inline-block;
    margin: 0;
}

.wizard_textbox .download_app_button img {
    height: 60px;
    width: auto;
}

.wizard_step_6 .button_sample_content,
.wizard_step_6 .wizard_template_content ul {
    margin: 0;
}

.wizard_textbox p {
    flex: 1 0 auto;
}

@media screen
and (max-width: 830px) {
    .wizard_template_content {
        flex-flow: column;
    }

    .wizard_template_content .wizard_textbox {
        max-width: 100%;
        margin: 0 1% 5% 1%;
    }

    .wizard_textbox .download_app_buttons {
        justify-content: flex-start;
    }

    .wizard_textbox .download_app_button:first-child {
        margin: 0 1% 0 0;
    }
}

/*********************WIZARD END*********************/


/*********************Documentation*********************/

#documentation_iframe {
    width: 100%;
    height: 100%;
}


/*********************USER FORMS*********************/

.form_hints {
    display: flex;
}

.form_hints a {
    flex: 1 0;
}

.form_hints a:last-of-type {
    text-align: right;
}

.form_container_user {
    padding: 1.5em;
    width: 30%;
    min-width: 300px;
    background: white;
    margin: auto;
}

.form_container_user textarea {
    height: 12em;
}

.form_account .field_advanced label,
.form_account .field_newsletter label,
.form_account .field_active label,
.form_account .field_accept_tac label,
.form_account .field_rememberMe label {
    padding-right: 10px;
    display: inline-block;
}

.form_account .field_advanced input,
.form_account .field_newsletter input,
.form_account .field_accept_tac input,
.form_account .field_rememberMe input {
    width: auto;
    display: inline-block;
}

.form_account .field_recaptcha label {
    display: none;
}

#RegistrationForm_recaptcha {
    display: none;
}


/*********************APP FORM*********************/

.configuration td:nth-of-type(2),
.configuration td:nth-of-type(4),
.configuration td:nth-of-type(5) {
    text-align: center;
}

/*********************MATERIAL EDITOR*********************/

.materials.editor, .materials.editortest {
    padding: 0;
}

.materials.editor #app_container {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*********************MODEL FORM*********************/

.model_image_container {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background: url(/images_new/model_image_placeholder.png) center / cover no-repeat;
}

.model_image_container img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: white;
}

.items .button-column,
.items.model td:nth-of-type(6) {
    white-space: nowrap;
}

.model td:nth-of-type(1) {
    width: 10%;
}

.model td:nth-of-type(1) img {
    width: 100%;
    height: auto;
}

.model td:nth-of-type(1),
.model td:nth-of-type(4),
.model td:nth-of-type(7) {
    text-align: center;
}

.form_container_model {
    padding: 2em;
    width: 80%;
    min-width: 300px;
    margin: auto;
    background: white;
}

.form_columns {
    position: relative;
    clear: both;

    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: balance;
}

.form_columns .row {
    display: block;
    padding: 0 1em 0 0;
    margin: 10px 0 5px 0;
    box-sizing: border-box;

    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    page-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid-column;
}

/* This somehow fixes the chrome bug where chrome makes 3 columns instead of 2. Don't ask me how this fixes it. (KH) */
.form_model .row.field_thumbnail:after {
    content: '';
    break-after: column;
}

.row.field_type,
.row.field_up_axis,
.row.field_zoomable,
.row.field_orientation,
.row.field_scale,
.row.field_default_light {
    display: inline-block;
    width: 49%;
}

.form_model .row.field_categories select {
    height: 7em;
    padding: 1% 5%;
}

.form_model .row.field_description textarea {
    height: 3.5em;
}

.form_model .row.field_bundle .hint:before {
    display: none;
}

.form_model .row.field_bundle .hint {
    padding: 1em;
    border: 1px solid #cccccc;
    margin: 10px 0 5px 0;
    font-size: 1em;
    line-height: 1em;
}

.form_model .row.field_active,
.form_model .row.buttons {
    width: auto;
    display: inline-block;
}

.form_model .row.buttons {
    margin: 0;
    padding: 0;
    width: 100%;
}

.form_model .row.field_accept_tac,
.form_model .row.field_active {
    box-sizing: border-box;
    padding-right: 1em;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.form_model .row.field_accept_tac input,
.form_model .row.field_active input {
    width: 4%;
    box-sizing: border-box;
}

.form_model .row.field_accept_tac .hint,
.form_model .row.field_active .hint {
    width: 100%;
}

@media screen
and (max-width: 768px) {
    .form_container_model {
        width: 100%;
    }
}

@media screen
and (max-width: 600px) {
    .form_columns {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/*********************CATEGORY FORM*********************/

.category td:nth-of-type(2),
.category td:nth-of-type(6) {
    text-align: center;
}

.form_container_category {
    padding: 3em;
    width: 50%;
    min-width: 300px;
    margin: auto;
    background: white;
}

.form_container_category .row.field_active label,
.form_container_category .row.field_active input {
    width: auto;
    display: inline-block;
}

/*********************MATERIAL FORM*********************/

.material_pvr label,
.material_pvr input {
    display: inline-block;
    width: auto;
}

/*********************HOME SITE*********************/

.headlines_container h1 {
    font-size: 3.5em;
    margin: 3% 0 1% 0;
    float: none;
}

.news_wrapper {
    width: 100%;
    margin: 6em 0;
}

.news {
    display: flex;
}

.news_video {
    width: calc(40% - 1em);
    margin: 0 1em 0 10%;
}

.news_video_wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.news_video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.news_details {
    width: calc(40% - 1em);
    margin: 0 10% 0 1em;
    text-align: left;
    padding: 0;
}

.news_details h3 {
    font-size: 1.5em;
    font-weight: lighter;
    margin: 1.5em 0 0.5em 0;
    color: #474747;
    line-height: 1.1em;
}

.testimonial_box_wrapper {
    float: none;
    width: 80%;
    margin: auto;
}

.testimonial_box {
    display: flex;
    padding: 2em 3em;
    flex: 1 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.testimonial_box:first-child {
    padding: 2em 3em 2em 0;
}

.testimonial_box:last-child {
    padding: 2em 0 2em 3em;
}

.testimonial_image {
    position: relative;
    border-radius: 50%;
    border: 2px solid #bd1819;
    flex: 0 0 5vw;
    height: 5vw;
    min-width: 50px;
    min-height: 50px;
    box-sizing: border-box;
    background: white;
    float: left;
}

.testimonial_image:before {
    content:'';
    float:left;
    padding-top:100%;
}

.testimonial_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.testimonial_details {
    flex: 1 1 auto;
    padding: 0 0 0 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.testimonial_name {
    font-style: italic;
    font-weight: 600;
}

@media screen
and (max-width: 700px) {
    .news {
        flex-flow: column-reverse;
    }

    .news_details {
        padding: 3% 0 3% 10%;
    }

    .testimonial_box_wrapper {
        flex-flow: column;
    }

    .testimonial_box:first-child,
    .testimonial_box:last-child,
    .testimonial_box {
        width: 100%;
        padding: 2em 0;
    }
}

/*********************DOWNLOAD SITE*********************/

.items.downloads .download_title {
    font-weight: 300;
    text-transform: uppercase;
}

.items.downloads .download_description {
    font-size: 0.8em;
}

.items.downloads .download_version {
    font-weight: 500;
    font-size: 0.8em;
}

.items.downloads .download_release {
    font-size: 0.8em;
}

.items.downloads td:nth-of-type(1),
.items.downloads td:nth-of-type(4) {
    text-align: center;
}

.items.downloads .button {
    min-width: 150px;
}

.items.downloads .download_icon {
    width: 2em;
    height: 2em;
    background: center / 2em no-repeat;
    margin: auto;
}

.items.downloads .download_icon.android {
    background-image: url(/images_new/logo_android.svg);
}

.items.downloads .download_icon.apple {
    background-image: url(/images_new/logo_apple.svg);
}

.items.downloads .download_icon.microsoft {
    background-image: url(/images_new/logo_microsoft.svg);
}

.items.downloads .download_image img {
    width: 100px;
    height: auto;
}

/*********************TUTORIAL SITE*********************/

.tutorial h3 {
    font-size: 1.5em;
    font-weight: lighter;
    margin: 1em 0 0.5em 0;
    color: #474747;
    line-height: 1.1em;
}

.tutorials_box {
    display: flex;
    flex-flow: row wrap;
}

.tutorial_container {
    display: flex;
}

.tutorial {
    flex: 0 1 100%;
    position: relative;
    margin: 2em 1em 0 0;
}

.tutorial_video_container {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

.tutorial_video {
    width: 100%;
    height: 100%;
    position: absolute;
}

.tutorial iframe {
}

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

    .tutorial_container {
        flex-flow: column;
    }

}

/*********************TEMPLATES FORM*********************/

.form_container_template {
    padding: 3em;
    width: 80%;
    min-width: 300px;
    margin: auto;
    background: white;
}


.form_template .row.field_active,
.form_template .row.buttons {
    width: auto;
    display: inline-block;
}

.form_template .row.buttons {
    margin: 0;
    padding: 0;
    width: 100%;
}

.form_template .row.field_active {
    box-sizing: border-box;
    padding-right: 1em;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.form_template .row.field_active label {
    width: auto;
    box-sizing: border-box;
}

.form_template .row.field_active input {
    width: 4%;
    box-sizing: border-box;
}

.form_template textarea {
    height: 5em;
}


@media screen
and (max-width: 768px) {
    .form_container_template {
        width: 100%;
    }
}

/*********************TEMPLATES LIST*********************/

.items.template th:nth-of-type(2) {
    width: 15%;
}

.items.template td:nth-of-type(2) {
    text-align: center;
}

/*********************REGISTER*********************/

.register .email {
    font-weight: 300;
}

.items.template td:nth-of-type(2) {
    text-align: center;
}

/*********************LINKS SITE*********************/

.form_container_links {
    padding: 3%;
    width: 50%;
    min-width: 300px;
    background: white;
    margin: auto;
}

.form_links .row.buttons,
.form_links .row .column {
    display: flex;
    flex-flow: row nowrap;
}

.form_links .row.buttons input[type="button"] {
    flex: 1 1 auto;
    margin: 0 1% 0 0;
    padding: 0 1%;
}

.form_links .row.buttons input[type="button"]:last-child {
    margin: 0;
}

.form_links select {
    padding: 3% calc(3% + 10px) 3% 3%;
}


.site_header {
    display: none;
}