* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-image: url("../images/pattern-light-grey.png");
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #4b4d4c;
  line-height: 24px;
  min-height: 100vh;
}

:target {
  position:relative;
  top: 25vw;
}

.page {
  padding-left: 6vw;
  padding-right: 6vw;
}

.padding-mobile{
  padding-top: 3vw;
  padding-left: 6vw;
  padding-right: 6vw;
}

.top {
  position: absolute;
  right: 7.8vw;
  top: 1vw;
}

section {
  position: relative;
  top: 20px;
  z-index: 10;
}

.contact-box {
  margin-top: 0.5rem;
}

.contact-img {
  height:20px;
  margin-right:10px;
}

a {
  text-decoration: none;
  color: #4b4d4c;
}

a:hover {
  text-decoration: none;
  color: #e94e1b;
}
button {
  padding: 0;
  border: 0;
  outline: none;
  background-color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9em;
}

.main_button {
  background-color: #ec4c1c;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  min-width: 100px;
  padding: 12px 14px;
  transition: 0.1s ease-in-out;
}

.main_button:hover {
  background-color: #ec4d1cc3;
}

.tpay_button{
	transition: 0.1s ease-in-out;
	background:#072653;
	border-radius: 5px;
	color: #fff;
 	min-width: 100px;
	padding: 12px 14px;
	transition: 0.1s ease-in-out;
	border: 4px solid #4fe17f;
}

.tpay_button:hover{
	background:#173e78;
}


.logo {
  height: 80px;
}

.page ul li{
  display: list-item;
  margin-left: 3vw;
}

.page h3 {
  text-align: center;
  margin-bottom: 1.5rem;
}

.page h4 {
  margin-top: 1.2rem;
  margin-bottom: 0.3rem;
}

.none{
  list-style: none;
}

.paragraf{
  text-align: center;
  font-weight: bold;
  margin-top: 1.2rem;
}

.page ul li, .page ol li{
  margin-left: 1.5rem;
}

.paragraf-b{
  margin-left:1.5rem;
  margin-top:0.8rem;
  font-weight: bold;
}

.bitrix{
  padding-left: 6vw;
  padding-right: 6vw;
}

.bitrix h3{
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  clear: both;
}

.text-mobile{
  margin-bottom: 1rem;
  line-height: 1.5rem;
}

.left-text ol li, .left-text ul li, .right-text ol li, .right-text ul li{
  margin-left:2rem;
}

img{
	max-width:100%;
}

.frame{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px;
 }

.word-pdf {
  height:40px;
  vertical-align: middle;
  margin-left:1rem;
}

.bitrix h1{
   margin-bottom: 2rem;
   line-height: 2.5rem;
 }

.page h1{
   margin-bottom: 1rem;
 }

.img-main{
   width:40rem;
 }

.mobile-off{
   display: none;
 }

.mobile-right{
  position:absolute;
  top:3rem;
  right:6vw;
  text-align:right;
}

.mobile-footer{
  position: relative;
  bottom: -25px;
  padding: 0.5vw 6vw;    
}

.mobile-footer-content{
	display: contents;
}


 /* Style the navigation menu */
.topnav {
  margin-top:1.8rem;
  margin-bottom:1rem;
  overflow: hidden;
  position: relative;
 border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px;

}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  padding: 0.2rem;
  display: block;
}

.topnav a:link { color: #4b4d4c } /* unvisited links */
.topnav a:visited { color: #4b4d4c } /* visited links */
.topnav a:hover { color: #4b4d4c } /* user hovers */
.topnav a:active { color: #e94e1b } /* active links */

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  left: 35px;
}

/* Style the active link (or home/logo) */
.active {
  display: block;
  position: relative;
} 
.potwierdzenie{
  color:#e94e1b;	
}

video{
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}