@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.st0{fill:#1C89B8;}
.st1{fill:none;stroke:#182231;stroke-width:1.0494;stroke-miterlimit:10;}
.st2{fill:#5DAF52;}
.st3{fill:#F37A2A;}
.st4{fill:#182231;}
.st5{opacity:0.8;fill:#F2F2F2;enable-background:new    ;}
.st6{fill:#E7D2D6;}
.st7{fill:#202020;}
.st8{fill:#F5EDF0;}
.st9{fill:#551519;}
.st10{fill:#EA212E;}
.st11{fill:#FFFFFF;}
.st12{fill:#FFB281;}
.st13{fill:#6FAACC;}
.st14{fill:#FF9469;}
.st15{fill:#E5E5E5;}
.st16{fill:#2BC8F5;}
.st17{fill:#EAF3FA;}
.st18{fill:#3A3A3A;}
.st19{fill:#FFFA87;}
.st20{fill:#E97F62;}
.st21{fill:#E87F62;}
.st22{fill:#337BAF;}
.st23{fill:#FDFAFA;}
.naranja{fill:#F37A2A;}
.azul{fill:#1C89B8;}
.verde{fill:#5DAF52;}
.negro{fill:#182231;}
/* .svgrelative {
	position: relative;
} */
* {
  margin: 0;
  padding: 0;
  border: 0;
  }
body{
	/* overflow: hidden; */
	font-family: 'Roboto', sans-serif, Verdana;
}
header h1{
	text-align: center;
  font-size: 5rem;
  margin: 0;
  line-height: 65px;
  letter-spacing: -1px;
  font-weight: 900;
  color: #1c89b8;
}
main {
  text-align: center;
}
main ul{
	list-style: none;
	font-size: 1.2rem;
	line-height: 26px;
	padding: 0;
}
main h2{
	margin-top: 50px;
	font-size: 2rem;
	margin-bottom: 30px;
}
a.button {
	background: #f37a2a;
	color:#ffffff;
	border-radius: 7px;
	padding: 10px 20px;
	display: inline-block;
	transition-duration: 0.4s;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 30px;
  }
a.button:hover{
  background: #a94504;
	color:#ffffff;
  filter:contrast(.9)saturate(1.9)brightness(1.4);
  }
a.button:active{
  background: orange;
	color:#ffffff;
  filter:contrast(.9)saturate(3)brightness(1);
  }
.mainimagewrapper {
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
  margin-top: 5%;
	background: url(back.svg) no-repeat center center fixed;
  -webkit-background-size: 130%;
  -moz-background-size: 130%;
  -o-background-size: 130%;
  background-size: 130%;
}
/* .mtssectionproblems {
	height: 100vh;
	display: flex;
} */
.mtssectionproblems .container {
	justify-content: center;
	align-items: center;
	display: flex;
}
.mtssectionproblems .mtslogowrapper {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 9%;
}
.mtssectionproblems .problemheading {
	font-family: 'Futura New';
	font-size: 44px;
	font-weight: bold;
	line-height: 48px;
	letter-spacing: 0px;
	text-align: left;
	color: #000;
	margin-top: 2%;
	margin-bottom: 25px;
}
.problemphone {
	margin-bottom: 15%;
}
.probwrapper {
	width: 100%;
}
.mainimagewrapper svg {
	max-width: 800px;
}
.mtssectionproblems .problemphone a {
	font-family: 'Futura New';
	font-size: 30px;
	letter-spacing: -1px;
	text-align: left;
	color: #000;
	text-decoration: none;
}
.mtssectionproblems .problemphone p {
	font-size: 16px;
	color: #aaa;
}
.mtssectionproblems .mts2-footer__soc-icons {
	margin-right: 30px;
}
.mtssectionproblems .vk,
.mtssectionproblems .tw,
.mtssectionproblems .fb,
.mtssectionproblems .insta,
.mtssectionproblems .ok {
	fill: #EA212E;
	transition: 300ms all ease;
}
.mtssectionproblems .vk:hover,
.mtssectionproblems .tw:hover,
.mtssectionproblems .fb:hover,
.mtssectionproblems .insta:hover,
.mtssectionproblems .ok:hover {
	fill: #c30d14;
}
#XMLID_8953_ {
	transform-origin: 100px 298px;
	animation: 2s womanHlebalo infinite alternate ease-in-out;
}
#XMLID_8566_ {
	transform-origin: 85px 310px;
	animation: 3s womanMapHand infinite alternate ease-in-out;
}
#XMLID_9961_ {
	transform-origin: 126.30294799804688px 157.3000030517578px;
	animation: 1s womanPointHand infinite alternate ease-in-out;
}
#XMLID_1691_ {
	transform-origin: 483.5px 127.30000305175781px;
	animation: 1s painterTool infinite alternate ease-in-out;
}
#XMLID_1510_ {
	transform-origin: 829px 500px;
	animation: 1s painterTorso infinite alternate ease-in-out;
}
#XMLID_327_,
#XMLID_1737_,
#XMLID_1678_ {
	transform-origin: 155.88100677490235px 134.64999771118164px;
	animation: 1s painterRhand infinite alternate ease-in-out;
}
#XMLID_3327_ {
	transform-origin: 463px 287px;
	animation: 2s hammerWorkerleft infinite alternate ease-in-out;
}
#XMLID_1819_ {
	transform-origin: 431px 301px;
	animation: 2s hammerWorkerHandAndHammer infinite alternate ease-in-out;
}
#XMLID_2191_ {
	transform-origin: 480px 360px;
	animation: 2s hammerWorkerTorso infinite alternate ease-in-out;
}
#worker2_level {
	transform-origin: 190px 290px;
	animation: 1s levelMove infinite alternate ease-in-out;
}
#worker4_hammer {
	transform-origin: 480px 331px;
	animation: 2s hammerHit infinite alternate ease-in-out;
}
@keyframes womanHlebalo {
	0% {
		transform: scale(1, 1)
	}
	20% {
		transform: scale(0.9, 0.2)
	}
	40% {
		transform: scale(1.05, 1)
	}
	80% {
		transform: scale(0.95, 0.2)
	}
	100% {
		transform: scale(1.05, 1)
	}
}
@keyframes womanMapHand {
	0% {
		transform: scale(1, 1) rotateZ(-28deg)
	}
	20% {
		transform: scale(0.99, 1) rotateZ(0deg)
	}
	40% {
		transform: scale(1.01, 1) rotateZ(-48deg)
	}
	80% {
		transform: scale(0.98, 1) rotateZ(0deg)
	}
	100% {
		transform: scale(1.01, 1) rotateZ(-28deg)
	}
}
@keyframes womanPointHand {
	0% {
		transform: scale(1, 1)
	}
	20% {
		transform: scale(0.9, 1)
	}
	40% {
		transform: scale(1.05, 1)
	}
	80% {
		transform: scale(0.95, 1)
	}
	100% {
		transform: scale(1.05, 1)
	}
}
@keyframes painterTorso {
	0% {
		transform: scaleY(1)
	}
	20% {
		transform: scaleY(0.98)
	}
	40% {
		transform: scaleY(0.99)
	}
	80% {
		transform: scaleY(1.01)
	}
	100% {
		transform: scaleY(1)
	}
}
@keyframes painterTool {
	0% {
		transform: translateY(0)
	}
	20% {
		transform: translateY(4px)
	}
	40% {
		transform: translateY(2px)
	}
	80% {
		transform: translateY(-2px)
	}
	100% {
		transform: translateY(1px)
	}
}
@keyframes painterRhand {
	0% {
		transform: translateY(0)
	}
	20% {
		transform: translateY(4px)
	}
	40% {
		transform: translateY(2px)
	}
	80% {
		transform: translateY(-2px)
	}
	100% {
		transform: translateY(1px)
	}
}
@keyframes hammerWorkerleft {
	0% {
		transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.99);
	}
	20% {
		transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.98);
	}
	40% {
		transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.99);
	}
	80% {
		transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.98);
	}
	100% {
		transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.99);
	}
}
@keyframes hammerWorkerHandAndHammer {
	0% {
		transform: rotateZ(0deg);
	}
	25% {
		transform: rotateZ(0deg);
	}
	50% {
		transform: rotateZ(0deg);
	}
	80% {
		transform: rotateZ(-30deg);
	}
	100% {
		transform: rotateZ(0deg);
	}
}
@keyframes levelMove {
	0% {
		transform: rotateZ(-2deg);
	}
	50% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(2deg);
	}
}
@keyframes hammerWorkerTorso {
	0% {
		transform: translateY(0px) translateX(0px) rotateZ(2deg);
	}
	25% {
		transform: translateY(0px) translateX(0px) rotateZ(0deg);
	}
	50% {
		transform: translateY(0px) translateX(0px) rotateZ(1deg);
	}
	80% {
		transform: translateY(0px) translateX(0px) rotateZ(-7deg);
	}
	100% {
		transform: translateY(0px) translateX(0px) rotateZ(1deg);
	}
}
@keyframes hammerHit {
	0% {
		transform: translateY(1px) translateX(3px) rotateZ(0deg);
	}
	25% {
		transform: translateY(1px) translateX(1px) rotateZ(20deg);
	}
	50% {
		transform: translateY(1px) translateX(-1px) rotateZ(6deg);
	}
	80% {
		transform: translateY(1px) translateX(-1px) rotateZ(-20deg);
	}
	100% {
		transform: translateY(1px) translateX(-1px) rotateZ(10deg);
	}
}
@media only screen and (min-width: 1200px) {
	.mtssectionproblems .container {
		max-width: 1290px;
	}
}
@media only screen and (max-width: 1200px) {
	.problemphone {
		margin-bottom: 4%;
	}
}
@media only screen and (max-width: 900px) {
	img.back{
    width: 260%;
  }
	.probwrapper {
		padding: 0 6px;
		text-align: center;
	}
	.mtssectionproblems .problemphone a {
		font-size: 28px;
	}
	.mts2-footer__soc-block.d-flex.align-items-center {
		justify-content: center;
	}
	.mtssectionproblems .mtslogowrapper {
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: 0%;
	}
	.problemphone {
		margin-bottom: 3%;
	}
	.mtssectionproblems .mtslogowrapper svg {
		width: 70%;
	}
	.mtssectionproblems .mts2-footer__soc-icons {
		margin-right: 10px;
	}
	.mtssectionproblems .problemheading {
		font-family: 'Futura New';
		font-size: 23px;
		font-weight: bold;
		line-height: 27px;
		letter-spacing: 0px;
		text-align: center;
		color: #000;
		margin-top: 2%;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 900px) {
	img.back{
    width: 360%;
		bottom:50%;
  }
}
@media only screen and (max-width: 600px) {

	.mainimagewrapper {
	  -webkit-background-size: 200%;
	  -moz-background-size: 200%;
	  -o-background-size: 200%;
	  background-size: 200%;
	}
	.mainimagewrapper svg {
		max-width: 1100px;
	}
	main ul{
		font-size: 1.2rem;
	}
	header h1{
	    font-size: 3rem;
	    line-height: 45px;
	}
}