@font-face		{font-family: raleway; src: url('/shared/fonts/raleway.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: ubuntu; src: url('/shared/fonts/ubuntuLight.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: ubuntu; src: url('/shared/fonts/ubuntu.woff'); font-weight: 500; font-style: normal;}
@font-face		{font-family: ubuntu; src: url('/shared/fonts/ubuntuMedium.woff'); font-weight: 600; font-style: normal;}

body
	{background-color: white; color: #313131; font-family: ubuntu,sans-serif; font-size: 18px; margin: 0px; overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}
h1
	{color: black; font-family: raleway,sans-serif; font-size: 37px; font-weight: bold; text-transform: uppercase; margin: 0px;}
h2
	{font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 0px;}
p
	{line-height: 150%; margin: 0px;}
img
	{vertical-align: middle; border: 0px;}
a
	{color: #ca181d; text-decoration: none;}
a:hover
	{text-decoration: underline;}

.canvas
	{width: 100%; max-width: 1920px; margin: auto; position: relative;}
.headerBox
	{background-color: #242424; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 21;}
.header
	{color: white; font-family: raleway,sans-serif; font-size: 13px; width: 880px; height: 94px; margin: auto; display: table;}
.logoMP
	{width: 1px; vertical-align: middle; display: table-cell;}
.menu
	{text-align: center; vertical-align: middle; display: table-cell;}
.menu	a
	{color: White;}
.logoCD
	{width: 1px; vertical-align: middle; display: table-cell;}
.intro
	{background-image: url('/shared/walls/bg1.jpg'); background-position: center top; background-size: auto 100%; width: 100%; height: 100vh; position: relative;}
.main
	{width: 880px; margin: auto; position: relative;}
.nakupZde
	{width: 23.8vh; margin-left: -45.5vh; position: absolute; left: 50%; top: 52.5vh; z-index: 11;}
.appsBox
	{width: 100%; display: table; position: absolute; left: 0px; top: calc(100vh - 106px); z-index: 10;}
.appsSide
	{background-image: url('/shared/walls/appsBg.png'); display: table-cell;}
.appsGet
	{background-image: url('/shared/walls/appsBg.png');  width: 240px; vertical-align: middle; display: table-cell;}
.appsGap
	{width: 5px; display: table-cell;}
.appsStore
	{background-image: url('/shared/walls/appsBg.png'); width: 227px; text-align: center; vertical-align: middle; display: table-cell;}
.appsQR
	{width: 106px; display: table-cell;}
.visor
	{width: 100%; height: 960px; position: relative; overflow: hidden;}
.circleLeft
	{position: absolute; left: 0%; top: 0%; z-index: 4;}
.circleRight
	{position: absolute; right: 0%; bottom: 0%; z-index: 4;}
.infoBox
	{width: 880px; height: 960px; margin: auto; display: table;}
.info
	{vertical-align: middle; display: table-cell; position: relative; z-index: 7;}
.infoGap
	{height: 100px;}
.bullet
	{background-color: #ca181d; color: white; font-family: ubuntu,sans-serif; font-size: 18px; font-weight: 600; line-height: 60px; width: 60px; margin-right: 20px;
	 text-align: center; vertical-align: top; display: inline-block; position: relative; top: -20px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.bulletText
	{width: 320px; display: inline-block;}
.bulletGap
	{height: 70px;}
.termsLine
	{background-color: #a7a7a7; width: 1px; height: 280px; position: absolute; left: 30px; top: 0px;}
.infoTerms
	{background-color: #fafafa; color: #2d2d2d; font-size: 14px; width: 345px; padding: 25px 20px; margin-left: 90px; vertical-align: top;
	 display: inline-block; position: absolute; right: 0px; top: 0px; border: 1px solid #f2f2f2;}
.terms
	{line-height: 200%; padding: 0px 0px 0px 20px; margin: 0px;}
.terms li
	{color: #ca181d;}
.infoNote
	{font-size: 13px; padding-top: 20px; border-top: 1px solid #ebebeb;}
.section0, .section1
	{width: 880px; height: 960px; margin: auto; display: table; position: relative; top: 0%; transition: 0.5s; -webkit-transition: 0.5s; z-index: 6;}
.section0
	{top: -100%;}
.sectionText
	{width: 550px; vertical-align: middle; display: table-cell;}
.sectionImg
	{width: 330px; text-align: right; vertical-align: middle; display: table-cell; position: relative; z-index: 2;}
.arrowBottom
	{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 0px; z-index: 12;}
.slidesBox0, .slidesBox1
	{width: 550px; height: 960px; margin: auto; position: relative; right: 165px; top: -100%; overflow: hidden; z-index: 7; transition: 0.5s; -webkit-transition: 0.5s;}
.slidesBox0
	{top: 0%;}
.slides
	{width: 300%; height: 100%; position: relative; left: 0px; transition: 0.5s; -webkit-transition: 0.5s;}
.slideBox
	{width: 550px; height: 100%; display: inline-block;}
.slide
	{width: 100%; height: 100%; display: table;}
.phone0, .phone1
	{margin-right: -440px; position: absolute; right: 50%; top: 140px; opacity: 1; transition: 1s; -webkit-transition: 1s; z-index: 5;}
.phone0
	{opacity: 0;}
.step
	{margin: 70px 0px 50px 0px;}
.stepText
	{margin: 10px 0px 25px 0px;}
.steps
	{margin-top: 70px;}
.stepsX
	{margin-top: 131px;}
.stepGo1, .stepGo2
	{font-family: ubuntu,sans-serif; font-size: 15px; font-weight: 600; line-height: 60px; width: 60px; margin-right: 20px; text-align: center;
	 display: inline-block; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; position: relative;}
.stepGo1, .stepGo1:hover, .stepGo2:hover
	{background-color: #ca181d; color: white; border: 1px solid #ca181d; text-decoration: none;}
.stepGo2
	{background-color: white; color: #cccccc; border: 1px solid #cccccc;}
.reasons
	{width: 300%; position: absolute; left: 0%; top: 0%; transition: 0.75s; -webkit-transition: 0.75s;}
.reason
	{background-position: center top; width: 33.33%; height: 960px; display: inline-block;}
.reasonBody
	{width: 880px; height: 100%; margin: auto; display: table;}
.reasonText
	{text-align: center; vertical-align: middle; display: table-cell;}
.reasonIcon
	{margin-bottom: 50px;}
.reasonText	h1
	{color: White;}
.stepXText
	{margin-top: 50px;}
.dots
	{margin-top: 85px;}
.dot
	{margin: 0px 12px;}
.more
	{background-position: center top; width: 100%; height: 960px;}
.footerBox
	{background-color: #242424; width: 100%; position: absolute; left: 0px; bottom: 0px;}
.footer
	{color: #838383; font-family: raleway,sans-serif; font-size: 13px; width: 880px; height: 190px; margin: 50px auto 0px auto; display: table;}
.footer	a
	{color: #838383;}
.footerLeft
	{width: 50%; vertical-align: top; display: inline-block;}
.footerRight
	{width: 50%; text-align: right; vertical-align: top; display: inline-block;}
.logoFooter
	{margin: 45px 0px 20px 0px;}
.gapper
	{margin-top: 120px;}

.isWhite
	{color: White;}
.isRed
	{color: #ca181d;}
.isBlack
	{color: #313131;}

.button1
	{background-color: #ca181d; color: White; font-family: arial,sans-serif; font-size: 12px; padding: 25px; display: inline-block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}