/*
Theme Name: Classic Theme
Description: GTA Template
*/

html {
  font-size: 10px;
}

body.home, body.page-id-14, body.page-id-12  {
  background:#be176e;
}

/* FONTS */
@font-face {
  font-family: 'FontBlack';
  src: url('fonts/lozung-caps-black.ttf') format('truetype');
}
.font-black {font-family: 'FontBlack', sans-serif;}

@font-face {
  font-family: 'RobotoBold';
  src: url('fonts/Roboto-Bold.ttf') format('truetype');
}
.roboto-bold {font-family: 'RobotoBold', sans-serif;}

@font-face {
  font-family: 'RobotoMedium';
  src: url('fonts/Roboto-Medium.ttf') format('truetype');
}
.roboto-medium {font-family: 'RobotoMedium', sans-serif;}

@font-face {
  font-family: 'Impact';
  src: url('fonts/impact.ttf') format('truetype');
}
.font-add {font-family: 'Impact', sans-serif;}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Medium.ttf') format('truetype');
}
.font-menu {font-family: 'Manrope', sans-serif;}

/* HEADER */

header {
  text-align: center;
}

.main-nav {
  display: block;
  background:black;
  padding:0rem;
}

.main-nav .menu {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
  flex-wrap: wrap;
}

.main-nav .menu li {
  display: inline-block;
}

.menu a {
  text-decoration: none;
  color: white;
  font-weight: normal;
  font-size:1.8rem;
  line-height:2rem;
  display: inline-block;
  padding:1rem;
}

.main-nav .menu a:hover {color:#c2156e;}
.current-menu-item a {color:#c2156e;}

.contacts-list, .links-list {list-style:none;}
.links-list {padding:0;text-align:center}
.contacts-list a, .contacts-list a:visited {color:#da508b; text-decoration:none;}
.contacts-list a:hover {color:#c2156e;transform: rotate(3deg);}
.contacts-list li a {
	padding:0.9rem;
	background:black;
	border-radius:1.6rem;
	font-size:2.9rem;;
	line-height:3.1rem;
display: inline-block;
transition: transform 0.1s ease;
}
.contacts-list li {padding: 1.25rem 0; text-align:center;}

.links-list a, .links-list a:visited {color:white; text-decoration:none; font-size:4rem;line-height:1;}
.links-list a:hover {color:#da508b;}


.page-id-10 .header {
    padding-bottom:13.1rem;
background-image: url("images/header-bg-576.jpg");

  background-image: -webkit-image-set(
    url("images/header-bg-576.webp") 1x type("image/webp"),
    url("images/header-bg-576.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/header-bg-576.webp") 1x type("image/webp"),
    url("images/header-bg-576.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;
border-bottom:0.1rem solid black;} 


.page-id-14 .header, .page-id-12 .header {background:none;padding:0;}
.page-id-14 .footer, .page-id-12 .footer {background:black;padding-top:2rem; padding-bottom:2rem;}

.block-part-6 ul {list-style-position: inside; text-align: center; font-weight:600;}
.pravila-list {font-size:1.5rem;padding:0.5rem 0 1rem 0;margin:0;}
.contacts-list {padding:0;margin:0;}

	.pravila-text {text-align:center; font-size:1.4rem; padding-top:0.5rem;font-weight:600; line-height:1.7rem;}
	
	.important-text {
		color:white;
		font-weight:700;
		margin-top:2.5rem;
		font-size:1.4rem; 
		width:auto;
padding: 1rem;
box-sizing: border-box;}

	.important-links-text {margin-top:1.5rem;}

	.att-title {font-size:2.2rem; line-height:2.5rem; text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);}
	.att-text {font-size:1.6rem;font-weight:600;line-height:1.9rem;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);}

	.block-part-11 {padding-top:1rem;}

	.att-wrap {width:100%; padding:1rem;
    box-sizing: border-box;}


	.menu-item-20 a, .menu-item-42 a {
		position: relative;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding-left: 2.4rem;
	    margin-left:0.5rem;
	}


  .menu-item-42 a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  background-color: white;
  -webkit-mask-image: url('images/8665766_peace_icon.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url('images/8665766_peace_icon.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}


  .menu-item-20 a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  background-color: white;
  -webkit-mask-image: url('images/telegram-icon.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url('images/telegram-icon.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.menu-item-20 a:hover, .menu-item-42 a:hover {
  color: #c2156e;
}

.menu-item-20 a:hover::before, .menu-item-42 a:hover::before {  background-color: #c2156e;}
.block-part-5 .title, .block-part-9 .title {
	font-size:5rem; 
text-align:center;
line-height:1; 
color:#4c1b31;
padding:1rem 0 1rem 0;}

	.block-part-1 .title {
	font-size:5rem; 
text-align:center;
line-height:1; 
color:#4c1b31;
padding:1rem 0 2rem 0;}
.block-part-1 .text {
	font-size:1.8rem;
line-height:2rem;
width:100%;
padding:1rem;
box-sizing:border-box;
text-align:justify;}

.block-part-2 .text {
	font-size:1.5rem; 
	color:white;
	line-height:1.7rem;
	padding:1.5rem;
	width:100%;
	box-sizing: border-box;;}
	.footer {background: black; color:white;font-size:2.4rem;line-height:2.4rem;
text-align: center;}
.block-part-5 .title-2, .block-part-9 .title-2 {font-size:6rem;line-height:4.5rem;text-align:center;}
.block-part-5 .title-3, .block-part-9 .title-3 {font-size:3.5rem;line-height:3rem;text-align:center;}
.block-part-6 .title, .block-part-10 .title {
	font-size:2rem;
	text-align:center;
	padding:3rem 0 1.5rem 0;
font-weight:600;}
.block-part-6 .title-2 {
	text-align:center; 
	font-size:1.6rem;
	padding:0.5rem 0;
font-weight:600;}
		.cities-wrap {background:url('images/cities-bg.png') no-repeat center center;
padding: 1.5rem 1rem;}
.block-part-3 .text {
	font-size:4rem; 
	text-align:center;
	line-height:4rem;
	color:#da508b;}
	.text-add {
		color:#da508b;
		text-align:center;
	font-size:1.8rem;
	line-height:1.8rem;
	}

			.cities-list {
		color:white;
	font-size:1.7rem;
	line-height:2.1rem;
	padding-top:3rem;
	padding-bottom:3rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
	}

	.menu-list {
	margin: 0;
    padding: 0;
    text-align: center;
}
.menu-list a, .menu-list a:visited {color:white; text-decoration:none;font-size:4rem;}
.menu-list a:hover {color:#da508b;}

	.block-part-10 .font-add {text-align:center;font-size: 2rem;}
.block-part-10 .font-menu {text-align:center;font-size: 1.5rem;padding-top:2rem;padding-bottom:2rem;font-weight:600;line-height:2.1rem;}

/* FOOTER */
.footer__inner {padding:5rem 1rem 1rem 1rem;}
.rabota-gorod-wrap .font-add {text-align:center;font-size:5rem;}
.rabota-gorod-wrap .sum {font-size:4.5rem;text-align:center; line-height:4.5rem;padding-top:1.5rem;font-weight:600;}
.rabota-nedel {text-align:center; font-size:2.3rem; font-weight:600;}

@media (min-width: 576px) {

	.cities-wrap {background:url('images/cities-bg.png') no-repeat center center;
padding: 1rem 3rem 1rem 1rem;}

.important-text {
		color:white;
		font-weight:700;
		font-size:1.4rem; 
		width:40rem;
		rotate: -5deg;
		margin-top:5rem;
		color:#be176e;
}

	.menu a {
  text-decoration: none;
  color: white;
  font-weight: normal;
  font-size:1.6rem;
  line-height:1.8rem;
}
.current-menu-item a {color:#c2156e;}
	.links-list a:hover {color:#c2156e;}

	.page-id-14 .footer, .page-id-12 .footer {

	    background-image: url("images/gta-rules-footer-bg.jpg"); 
  background-image: -webkit-image-set(
    url("images/gta-rules-footer-bg-webp.webp") 1x type("image/webp"),
    url("images/gta-rules-footer-bg.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/gta-rules-footer-bg-webp.webp") 1x type("image/webp"),
    url("images/gta-rules-footer-bg.jpg") 1x type("image/jpeg")
  );

  background-position: top center;
  background-repeat: no-repeat;
  background-color:black;
	    
	    
	    padding-top:9rem; padding-bottom:1rem;}
	
	.page-id-10 .footer {
	    padding-top:9rem; 
	    padding-bottom:1rem;
	    background-image: url("images/footer-bg.jpg"); 
  background-image: -webkit-image-set(
    url("images/footer-bg-webp.webp") 1x type("image/webp"),
    url("images/footer-bg.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/footer-bg-webp.webp") 1x type("image/webp"),
    url("images/footer-bg.jpg") 1x type("image/jpeg")
  );

  background-position: top center;
  background-repeat: no-repeat;
	}

	.important-links-text {margin-top:3rem;}

	.block-part-2 .text {
	font-size:1.5rem; 
	text-align:right;
	color:white;
	line-height:1;
	padding-bottom:0.5rem;
	max-width: 25rem;
    align-self: flex-end;}
	
	.att-wrap {width:37rem; margin-left:auto;margin-right:auto;}
	.main-nav .menu a {font-size:1.5rem;} 
.page-id-10 .header {
    padding-bottom:17.4rem;
background-image: url("images/gta-rules-bg.jpg");

  background-image: -webkit-image-set(
    url("images/header-bg-768.webp") 1x type("image/webp"),
    url("images/header-bg-768.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/header-bg-768.webp") 1x type("image/webp"),
    url("images/header-bg-768.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;



border-bottom:0.1rem solid black;}

.block-part-6 .text {font-size:1.6rem;}

	.page-id-14 .main {
	    
	background-image: url("images/gta-rules-bg.jpg");

  background-image: -webkit-image-set(
    url("images/gta-rules-bg-webp.webp") 1x type("image/webp"),
    url("images/gta-rules-bg.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/gta-rules-bg-webp.webp") 1x type("image/webp"),
    url("images/gta-rules-bg.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;
	
height: 141rem;
}

.block-part-2 .text {
	font-size:1.5rem; 
	text-align:right;
	color:white;
	line-height:1;
	padding-bottom:0.5rem;
	max-width: 25rem;
    align-self: flex-end;}

	.block-part-12 .contacts-list {padding:0;}
	.rabota-gorod-wrap {width:25rem;margin-left:auto;margin-right:auto;}
.rabota-gorod-wrap .font-add {text-align:center;font-size:5rem;rotate: -3deg;}
.rabota-gorod-wrap .sum {font-size:4.5rem;text-align:center; line-height:4.5rem;padding-top:1.5rem;font-weight:600;}
.rabota-nedel {text-align:right; font-size:2.3rem; font-weight:600;}
.main-block {width:45rem;}

.page-id-12 .main {

    background-image: url("images/gta-rabota-bg.jpg");

  background-image: -webkit-image-set(
    url("images/gta-rabota-bg-webp.webp") 1x type("image/webp"),
    url("images/gta-rabota-bg.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/gta-rabota-bg-webp.webp") 1x type("image/webp"),
    url("images/gta-rabota-bg.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;
    
height:91.5rem;}

.main {display:flex;justify-content:center;height:162rem;}
.block-part-4 {padding-top:30rem;}
.menu-list a:hover {color:#c2156e; } 
.page-id-10 .main {
    
    background-image: url("images/main-content-bg-1180.jpg");

  background-image: -webkit-image-set(
    url("images/main-content-bg-1180.webp") 1x type("image/webp"),
    url("images/main-content-bg-1180.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/main-content-bg-1180.webp") 1x type("image/webp"),
    url("images/main-content-bg-1180.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;
    
}
.oper-link-block {margin:3rem 0rem;}
		.cities-list {
		color:white;
	width: 18rem;
	font-size:1.7rem;
	line-height:2.1rem;
    align-self: flex-end;
	padding-top:2rem;
	padding-right:6rem;}
	.block-part-2 .text {font-size:2.1rem; line-height:1;color:white;text-align:right;}
.block-part-2 {
	padding-top:5rem; 
	display: flex; 
	flex-direction: column;}
			.links-list {text-align:right;}
				.block-part-3 {padding-top:18rem;
display: flex;  flex-direction: column;
}

	.block-part-1 .text {
	font-size:1.8rem;
line-height:2rem;
width:40rem;
padding-right:8rem;
box-sizing:border-box;
padding-left:3rem;
text-align:justify;}
}

@media (min-width: 768px) { 	
	.main-nav .menu a {font-size:1.6rem;} 
.page-id-10 .header {
    
    padding-bottom:22.5rem;
background-image: url("images/gta-rules-bg.jpg");

  background-image: -webkit-image-set(
    url("images/header-bg-992.webp") 1x type("image/webp"),
    url("images/header-bg-992.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/header-bg-992.webp") 1x type("image/webp"),
    url("images/header-bg-992.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;
border-bottom:0.2rem solid black;}


}

@media (min-width: 992px) { 
.page-id-10 .header {
	padding-bottom:27.2rem;
background-image: url("images/header-bg-1200.jpg");

  background-image: -webkit-image-set(
    url("images/header-bg-1200.webp") 1x type("image/webp"),
    url("images/header-bg-1200.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/header-bg-1200.webp") 1x type("image/webp"),
    url("images/header-bg-1200.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;
border-bottom:0.3rem solid black;}
.block-part-4 {padding-top:30rem;}

 }

@media (min-width: 1200px) { 
.page-id-10 .header {
	padding-bottom:31.7rem;
background-image: url("images/header-bg-1400.jpg");
  background-image: -webkit-image-set(
    url("images/header-bg-1400.webp") 1x type("image/webp"),
    url("images/header-bg-1400.jpg") 1x type("image/jpeg")
  );
  background-image: image-set(
    url("images/header-bg-1400.webp") 1x type("image/webp"),
    url("images/header-bg-1400.jpg") 1x type("image/jpeg")
  );
  background-position: bottom center;
  background-repeat: no-repeat;
border-bottom:0.4rem solid black;
}

}


@media (min-width: 1400px) { 
.main-nav .menu a {font-size:1.6rem;}

.page-id-10 .header {
	padding-bottom:32.6rem;
background-image: url("images/header-bg.jpg");
  background-image: -webkit-image-set(
    url("images/header-bg.webp") 1x type("image/webp"),
    url("images/header-bg.jpg") 1x type("image/jpeg")
  );

  background-image: image-set(
    url("images/header-bg.webp") 1x type("image/webp"),
    url("images/header-bg.jpg") 1x type("image/jpeg")
  );

  background-position: bottom center;
  background-repeat: no-repeat;

border-bottom:0.5rem solid black;
}


.block-part-1 .title {font-size:5rem; text-align:center; line-height:1; color:#4c1b31;padding:1rem 0 2rem 0;}

.block-part-2 {	padding-top:5rem; display: flex; flex-direction: column;}
	
	.links-list {text-align:right;}

	
	.text-add {
		color:#da508b;
		text-align:center;
	font-size:1.8rem;
	line-height:1.8rem;
	}

.menu-list a, .menu-list a:visited {color:white; text-decoration:none;font-size:4rem;}
.menu-list a:hover {color:#c2156e;}
.menu-list {
	margin: 0;
    padding: 0;
    text-align: center;
}

/* FOOTER */
.footer {background: black; color:white;font-size:2.4rem;line-height:2.4rem;
text-align: center;}
.footer__inner {padding:3rem 1rem;} }