/*Обнуление*/
*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	font-family: Helvetica Neue;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: inherit; }
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400; font-family: Montserrat;}

h1 {font-size: 2rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.2rem;}
h4 {font-size: 0.6rem;}
h6 {font-size: 12px;}
p {font-size: 1rem;}

.f_bold {font-weight: 600;}
.f_semibold {font-weight: 500;}
.f_normal {font-weight: 400;}

/* Brand colors */
:root {	
	--brc-color-white: #FFFFFF;
	--brc-color-gray: #EAEBEE;
	--brc-color-dark: #344258;
	--brc-color-red: #E52C21;
	--brc-color-red-dark: #B70000;
	--brc-color-blue: #5A91CD;
	--brc-color-blue-dark: #3061AB;
	--brc-color-yellow: #FFCD00;
	--brc-color-yellow-dark: #F49812;
	--brc-color-green: #9FC41D;
	--brc-color-green-dark: #68982F;
	--brc-color-purple: #794E99;
	--brc-color-purple-dark: #692383;
}

/* Basic shadow for elements */
.shadow {
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.page_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	min-width: 100%;
	background-color: var(--brc-color-white);
	background-image: url("../img/page_background.png");
	background-repeat: repeat;
}

/**
 * 
 * Header
 * 
 */
.header_wrapper {
	background-color: var(--brc-color-red-dark);
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.header_container_wrapper {
	width: 1316px;
	height: 100%;
}

.header_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 100%;
}

.header_logo {
	height: 75%;
}

.header_mobile_logo {
	display: none;
	height: 80%;
}

.menubar {
	display: flex;
	flex-direction: row;
	height: 100%;
	margin-left: 16px;
}

.menubar_btn {
	white-space: nowrap;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 600;
	color: var(--brc-color-white);
	background-color: var(--brc-color-red-dark);
	font-family: Montserrat;
}

.menubar_btn:hover {
	background-color: var(--brc-color-red);
}

.mainmenu_btn {
	background-color: var(--brc-color-red);
	
	position: fixed;
  	
  	right: 0;
  	border-radius: 8px 0 0 8px;
  	display: none;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.dotted_menu_btn {
	width: 6px;
	height: 26px;
}

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

.mainmenu_modal {
  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 */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
  display: none;
}

.mainmenu_wrapper {
	width: 284px;
	background-color: var(--brc-color-red);
	border-radius: 0 0 0 8px;
	position: fixed;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mainmenu_header {
	background-color: var(--brc-color-red-dark);
	height: 80px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.mainmenu_mobile_logo {
	height: 80%;
}

.mainmenu_content_wrapper {
	background-color: var(--brc-color-red);
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: right;
	align-items: right;
}

.mainmenu_site_wrapper {
	background-color: var(--brc-color-white);
	width: 264px;
	margin-top: 16px;
	margin-bottom: 16px;

	border-radius: 8px 0 0 8px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mainmenu_site_header_wrapper {
	background-color: background-color: var(--brc-color-white);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	z-index: 10;

	height: 40px;
	width: 100%;
	border-radius: 8px 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mainmenu_site_header {
	color: var(--brc-color-dark);
	font-weight: 600;
	font-size: 14px;
}

.mainmenu_site_content_wrapper {
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: right;
	align-items: left;
}

.mainmenu_site_btn {
	padding-left: 20px;
	height: 40px;
	padding-bottom: ;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	color: var(--brc-color-dark);
	background-color: var(--brc-color-white);

}
.mainmenu_site_btn:hover {
	background-color: var(--brc-color-gray);
}
.mainmenu_site_btn:last-child {
	border-radius: 0 0 0 8px;
}

.mainmenu_trademark_text {
	font-size: 12px;
	font-weight: 350;
	color: var(--brc-color-white);
	margin-top: 10px;
	margin-bottom: 10px;
}

.mainmenu_btn_close {
	background-color: var(--brc-color-red);
	
	position: fixed;
  	z-index: 20;

  	top: 4px;
  	height: 40px;
	width: 40px;

  	right: 0;
  	border-radius: 8px 0 0 8px;
  	
  	display: none;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.x_menu_btn {
	width: 20px;
	height: 20px;
}

/**
 * 
 *  Media queries
 * 
 * */
/* Mobile */
@media all and (max-width: 480px){
	.header_wrapper {
		height: 80px;
	}
	.header_container_wrapper {
		width: 246px;

	}
	.header_container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.header_mobile_logo {
		display: block;
	}
	.header_logo {
		display: none;
	}

	.menubar_btn {
		display: none;
	}
	.mainmenu_btn {
		height: 48px;
		width: 48px;
		top: 16px;
		display: flex;
	}
}

/* Tablets */
@media screen and (min-width: 481px) and (max-width: 768px){
	.header_wrapper {
		height: 48px;
	}
	.header_container_wrapper {
		width: 400px;
	}
	.menubar_btn {
		font-size: 12px;
	}
	.menubar_btn_about {
		display: none;
	}
	.menubar_btn_job {
		display: none;
	}
	.mainmenu_btn {
		height: 40px;
		width: 40px;
		top: 4px;
		display: flex;
	}
}

/* Small screens */
@media screen and (min-width: 769px) and (max-width: 1280px){
	.header_wrapper {
		height: 48px;
	}
	.header_container_wrapper {
		width: 608px;
	}
	.menubar_btn {
		font-size: 12px;
	}
	.mainmenu_btn {
		display: none;
	}
}

/* Large screens */
@media screen and (min-width: 1281px) and (max-width: 1600px){
	.header_wrapper {
		height: 64px;
	}
	.header_container_wrapper {
		width: 1003px;
	}
	.menubar_btn {
		font-size: 18px;
	}
	.mainmenu_btn {
		display: none;
	}
}

/* Extra large screens */
@media screen and (min-width: 1601px) {
	.header_wrapper {
		height: 80px;
	}
	.header_container_wrapper {
		width: 1316px;
	}
	.menubar_btn {
		font-size: 20px;
	}
	.mainmenu_btn {
		display: none;
	}
}

.mainimg_wrapper {
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mainimg_text_playrooms_mobile {
	margin-top: 16px;
	margin-bottom: 16px;
	width: 252px;
	max-height: 64px;
	
}

.mainimg {
	margin-top: -1px;
	background-image: url("../img/MainIMG_1600_X1.jpg");
	

    width:1316px;
    height:878px;

    border-style: solid;
    border-color: var(--brc-color-red-dark);
    border-radius: 0 0 8px 8px;
    border-width: 1px;

    display: flex;
	flex-direction: column;
	justify-content: right;
	align-items: left;
}

.mainimg_text_wrapper {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: left;
}

.mainimg_bricobilandia_red {
	margin-top: 32px;
	margin-left: 64px;
	width: 525px;
	max-height: 50px;
}

.mainimg_text_playrooms {
	margin-top: 32px;
	margin-left: 64px;
	width: 525px;
	max-height: 34px;
}

.mainimg_text_playrooms_mobile {
	max-width: 320px;
	max-height: 214px;
}


/**
 * 
 *  Media queries
 * 
 * */
/* Mobile */
@media all and (max-width: 480px){
	.mainimg_text_playrooms_mobile {
		display: flex;
	}

	.mainimg {
		background-image: url("../img/MainIMG_mobile_X1.jpg");
		border-radius: 8px 8px 8px 8px;
		max-width:320px;
		max-height: 214px;
	}
	.mainimg_bricobilandia_red {
		margin-top: 16px;
		margin-left: 64px;
		width: 295px;
		max-height: 32px;

		display: none;
	}

	.mainimg_text_playrooms {
		margin-top: 16px;
		margin-left: 64px;
		width: 295px;
		max-height: 32px;

		display: none;
	}
}

/* Tablets */
@media screen and (min-width: 481px) and (max-width: 768px){
	.mainimg_text_playrooms_mobile {
		display: none;
	}
	.mainimg {
		background-image: url("../img/MainIMG_tablet_X1.jpg") no_repeat ;
		background-size: cover;
		width:100%;
    	max-height:404px;
	}
	.mainimg_bricobilandia_red {
		margin-top: 16px;
		margin-left: 64px;
		width: 295px;
		max-height: 32px;
	}

	.mainimg_text_playrooms {
		margin-top: 16px;
		margin-left: 64px;
		width: 295px;
		max-height: 32px;
	}
}

/* Small screens */
@media screen and (min-width: 769px) and (max-width: 1280px){
	.mainimg_text_playrooms_mobile {
		display: none;
	}
	.mainimg {
		background-image: url("../img/MainIMG_769_X1.jpg");
		width:608px;
    	height:405px;
	}

	.mainimg_bricobilandia_red {
		margin-top: 16px;
		margin-left: 64px;
		width: 295px;
		max-height: 28px;
	}

	.mainimg_text_playrooms {
		margin-top: 16px;
		margin-left: 64px;
		width: 295px;
		max-height: 28px;
	}
}

/* Large screens */
@media screen and (min-width: 1281px) and (max-width: 1600px){
	.mainimg_text_playrooms_mobile {
		display: none;
	}
	.mainimg {
		background-image: url("../img/MainIMG_1280_X1.jpg");
		width:1004px;
    	height:670px;
	}
	.mainimg_bricobilandia_red {
		margin-top: 32px;
		margin-left: 64px;
		width: 525px;
		max-height: 50px;
	}
	.mainimg_text_playrooms {
		margin-top: 32px;
		margin-left: 64px;
		width: 525px;
		max-height: 50px;
	}
}

/* Extra large screens */
@media screen and (min-width: 1601px) {
	.mainimg_text_playrooms_mobile {
		display: none;
	}
	.mainimg {
		background-image: url("../img/MainIMG_1600_X1.jpg");
		width:1316px;
    	height:878px;
	}
	.mainimg_bricobilandia_red {
		margin-top: 32px;
		margin-left: 64px;
		width: 700px;
		max-height: 100px;
	}
	.mainimg_text_playrooms {
		margin-top: 32px;
		margin-left: 64px;
		width: 700px;
		max-height: 100px;
	}
}

/**
 * 
 * 	UTP
 * 
 */
.utp_b_blue {
	background-color: var(--brc-color-blue-dark);
}
.utp_b_orange {
	background-color: var(--brc-color-yellow-dark);
}
.utp_b_green {
	background-color: var(--brc-color-green-dark);
}
.utp_brd_blue {
	border-color: var(--brc-color-blue-dark);
}
.utp_brd_yellow {
	border-color: var(--brc-color-yellow-dark);
}
.utp_brd_green {
	border-color: var(--brc-color-green-dark);
}

.utp_wrapper {
	margin-top: 32px;

	display: flex;
}

.utp_container {
	width: 428px;
	border-radius: 16px;
	background-color: var(--brc-color-white);
	height: 100%;
}



.utp_header {
	width: 100%;

	color: var(--brc-color-white);
	font-weight: 600;
	border-radius: 16px 16px 0 0;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.utp_content {
	border-radius: 0 0 16px 16px;
	border-style: solid;
	border-width: 2px;
	display: flex;
}

.utp_img {
	margin-top: -1px;
	margin-left: 16px;

	border-radius: 0 0 8px 8px;
	border-style: solid;
	border-width: 1px;
}

.utp_text {
	line-height: 1.5;
	margin: 16px;
	color: var(--brc-color-dark);
}

/**
 * 
 *  Media queries
 * 
 * */
/* Mobile */
@media all and (max-width: 480px) {
.utp_wrapper {
		max-width:320px;
		flex-direction: column;
	}
	.utp_container {
		width: 100%;
	}
	.utp_container:first-child {
		margin-bottom: 16px;
	}
	.utp_container:last-child {
		margin-top: 16px;
	}
	.utp_header {
		width: 100%;
		height: 64px;
		font-size: 14pt;
		text-align: center;
	}
	.utp_content {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.utp_img {
		max-width: 100%;
		height: 210px;

		margin-right: 16px;
		margin-left: 16px;
		margin-top: -1px;

		border-radius: 0 0 8px 8px;
	}
	.utp_text {
		margin: 16px;
		font-size: 12pt;
	}	
}

/* Tablets */
@media screen and (min-width: 481px) and (max-width: 768px) {
	.utp_wrapper {
		width: 90%;
		flex-direction: column;
	}
	.utp_container {
		width: 100%;
	}
	.utp_container:first-child {
		margin-bottom: 16px;
	}
	.utp_container:last-child {
		margin-top: 16px;
	}
	.utp_header {
		width: 100%;
		height: 64px;
		font-size: 14pt;
		text-align: center;
	}
	.utp_content {
		flex-direction: row;
	}
	.utp_img {
		width: 292px;
		height: 216px;

		margin-top: 16px;
		margin-bottom: 16px;
		margin-left: -1px;

		border-radius: 0 8px 8px 0;
	}
	.utp_text {
		margin: 16px;
		font-size: 12pt;
	}
}

/* Small screens */
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.utp_wrapper {
		width: 608px;
		flex-direction: column;
	}
	.utp_container {
		width: 100%;
	}
	.utp_container:first-child {
		margin-bottom: 16px;
	}
	.utp_container:last-child {
		margin-top: 16px;
	}
	.utp_header {
		height: 64px;
		font-size: 18pt;
	}
	.utp_content {
		flex-direction: row;
	}
	.utp_img {
		width: 292px;
		height: 216px;

		margin-top: 16px;
		margin-bottom: 16px;
		margin-left: -1px;

		border-radius: 0 8px 8px 0;
	}
	.utp_text {
		margin: 16px;
		font-size: 12pt;
	}
}

/* Large screens */
@media screen and (min-width: 1281px) and (max-width: 1600px) {
	.utp_wrapper {
		width: 1004px;
		flex-direction: row;
	}
	.utp_container {
		width: 324px;
	}
	.utp_container:first-child {
		margin-right: 16px;
	}
	.utp_container:last-child {
		margin-left: 16px;
	}
	.utp_header {
		height: 64px;
		font-size: 12pt;
	}
	.utp_img {
		width: 292px;
		height: 216px;
	}
	.utp_content {
		min-height: 450px;
		flex-direction: column;
	}
	.utp_text {
		margin: 16px;
		font-size: 12pt;
	}
}

/* Extra large screens */
@media screen and (min-width: 1601px) {
	.utp_wrapper {
		width: 1316px;
		flex-direction: row;
	}
	.utp_container {
		width: 428px;
	}
	.utp_container:first-child {
		margin-right: 16px;
	}
	.utp_container:last-child {
		margin-left: 16px;
	}
	.utp_header {
		height: 80px;
		font-size: 16pt;
	}
	.utp_img {
		width: 396px;
		height: 292px;
	}
	.utp_content {
		min-height: 530px;
		flex-direction: column;
	}
	.utp_text {
		margin: 16px;
		font-size: 14pt;
	}
}

/****
 * 
 * FOOTER
 * 
 */
.footer {
	background-color: var(--brc-color-dark);
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	margin-top: 32px;
}
.footer_wrapper {
	display: flex;
}

.footer_logo_wrapper {
	margin-top: 16px;
	margin-bottom: 16px;
	display: flex;
	flex-direction: row;
}

.footer_logo {
}

.footer_links_wrapper {
	
	margin-top: 16px;
	margin-bottom: 16px;

	display: flex;
}

.footer_links_group {
	margin-left: 16px;
}

.footer_links_group_title {
	color: var(--brc-color-white);
	font-weight: 600;
	font-family: Montserrat;
	font-size: 12pt;
	margin-bottom: 16px;
}
.footer_links_group_link {
	color: var(--brc-color-white);
	font-weight: 400;
	font-family: Montserrat;
	font-size: 12pt;
	margin-bottom: 12px;
}
.footer_links_group_text {
	color: var(--brc-color-white);
	font-weight: 400;
	font-family: Montserrat;
	font-size: 12pt;
	margin-bottom: 12px;
}

.footer_social_wrapper {
	margin-top: 16px;
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
}

.footer_social_title {
	color: var(--brc-color-white);
	font-weight: 600;
	font-family: Montserrat;
	font-size: 12pt;
	margin-bottom: 16px;
}

.footer_social_buttons {
	margin-bottom: 16px;

	display: flex;
	flex-direction: row;
	justify-content: start;
}

.footer_social_button {
	margin-right: 10px;
}

.footer_social_button:hover {
	cursor: pointer;
}

/**
 * 
 *  Media queries
 * 
 * */
/* Mobile */
@media all and (max-width: 480px){
	.footer_wrapper {
		width: 100%;
		flex-direction: column;
	}
	.footer_logo_wrapper {
		width: 100%;
		justify-content: center;
	}
	.footer_logo {
		width: 140px;
		height: 89px;
	}
	.footer_links_wrapper {
		width: 320px;
		flex-direction: row;

	}
	.footer_links_group {
		width: 118px;
		margin-left: ;
	}
	.footer_links_group_title {
		font-size: 12pt;
	}
	.footer_links_group_link {
		font-size: 12pt;
	}
	.footer_links_group_text {
		font-size: 12pt;
	}
	.footer_social_wrapper {
		width: 320px;
	}
	.footer_social_button {
		width: 40px;
		height: 40px;
	}
}

/* Tablets */
@media screen and (min-width: 481px) and (max-width: 768px){
	.footer_wrapper {
		width: 320px;
		flex-direction: column;
	}
	.footer_logo_wrapper {
		width: 320px;
		justify-content: center;
	}
	.footer_logo {
		width: 140px;
		height: 89px;
	}
	.footer_links_wrapper {
		width: 320px;
		flex-direction: row;
	}
	.footer_links_group {
		width: 152px;
	}
	.footer_links_group_title {
		font-size: 12pt;
	}
	.footer_links_group_link {
		font-size: 12pt;
	}
	.footer_links_group_text {
		font-size: 12pt;
	}
	.footer_social_wrapper {
		width: 320px;
		justify-content: center;
		align-items: center;
	}
	.footer_social_button {
		width: 40px;
		height: 40px;
	}
}

/* Small screens */
@media screen and (min-width: 769px) and (max-width: 1280px){
	.footer_wrapper {
		width: 608px;
		flex-direction: row;
	}
	.footer_logo_wrapper {
		width: 218px;
	}
	.footer_logo {
		width: 140px;
		height: 89px;
	}
	.footer_links_wrapper {
		width: 190px;
		flex-direction: column;
	}
	.footer_links_group {
		width: 140px;
	}
	.footer_links_group_title {
		font-size: 10pt;
	}
	.footer_links_group_link {
		font-size: 10pt;
	}
	.footer_links_group_text {
		font-size: 10pt;
	}
	.footer_social_wrapper {
		width: 218px;
	}
	.footer_social_button {
		width: 32px;
		height: 32px;
	}
}

/* Large screens */
@media screen and (min-width: 1281px) and (max-width: 1600px){
	.footer_wrapper {
		width: 1004px;
		flex-direction: row;
	}
	.footer_logo_wrapper {
		width: 239px;
	}
	.footer_logo {
		width: 158px;
		height: 100px;
	}
	.footer_links_wrapper {
		width: 494px;
		flex-direction: row;
	}
	.footer_links_group {
		width: 154px;
	}
	.footer_social_wrapper {
		width: 239px;
	}
	.footer_social_button {
		width: 32px;
		height: 32px;
	}
}

/* Extra large screens */
@media screen and (min-width: 1601px) {
	.footer_wrapper {
		width: 1316px;
		flex-direction: row;
	}
	.footer_logo_wrapper {
		width: 317px;
	}
	.footer_logo {
		width: 158px;
		height: 100px;
	}
	.footer_links_wrapper {
		width: 650px;
		flex-direction: row;
	}
	.footer_links_group {
		width: 206px;
	}
	.footer_social_wrapper {
		width: 317px;
	}
	.footer_social_button {
		width: 32px;
		height: 32px;
	}
}