html, body {
  background: #fff;
  font-family: 'montserrat';
  font-size: 16px;
  color: #232a31;
  font-weight: 100;
}
body{
}
a, a:hover, a:active, a:focus{
	color: #73df78;
}
h1, h2, h3, h4, h5, h6{
	color: #232a31;
}
strong{
	font-weight: 700;
}
.alert{
	text-align: center;
	margin-bottom: 0;
}
h1{
	font-size: 40px;
	line-height: 42px;
	font-weight: 700;
	letter-spacing: -2px;
	margin-bottom: 28px;
}
@media (min-width: 768px){
	h1{
		font-size: 56px;
		line-height: 62px;
		margin-top: 20px;		
	}	
}
@media (min-width: 1170px){
	h1{
		font-size: 90px;
		line-height: 96px;
	}
}
h2{
	font-size: 29px;
	font-weight: 100;
}
@media (min-width: 768px){
	h2{
		font-size: 39px;	
	}
}
@media (min-width: 992px){
	h2{
		font-size: 51px;
	}
}
h3{
	font-size: 18px;
	font-weight: 700;
}
@media (min-width: 768px){
	h3{
		font-size: 21px;
	}
}
.btn{
	cursor: pointer;
}
.btn-lg{
	padding: .8rem 1.8rem
}
.btn-primary{
	font-weight: 700;
}
.btn-primary[disabled]{
	background: #73df78;
	border-color: transparent;
}
.btn-white{
	font-weight: 700;
	background: #fff;
	color: #73df78;
}
/* HEADER */
.header{
	padding: 20px 0 0;
}
.header .container-fluid{
	max-width: 1470px;
	position: relative;
}
.header .container-fluid:before, .header .container-fluid:after{
	content:'';
	display: table;
}
.header .container-fluid:after{
	clear:both;
}
@media (min-width: 768px){
	.header{
		background: #fff url(../images/bigbox.jpg) no-repeat center top;	
		background-size: 1710px auto;	
		height: 112px;
		padding: 49px 0 0;
	}
}
.logo{
	width: 180px;
	display: block;
	margin: auto;
}
@media (min-width: 768px){
	.logo{
		float: left;		
	}
}
@media (min-width: 992px){
	.logo{
		width: 255px;
	}
}
.logo img{
	width: 100%;
	height: auto;
}
/* MENU */
.menu{
	font-weight: 700;
	padding-top: 20px;
	text-align: center;
}
.menu a{
	display: inline-block;
	padding: 10px 6px;
	font-size: 14px;
}
@media (min-width: 768px){
	.menu{
		float: right;
		padding-top: 5px;		
	}
	.menu a{
		padding: 10px;
	}
}
@media (min-width: 992px){
	.menu a{
		font-size: 16px;
	}
}
.menu a + a{
	margin-left: 4px;
}
.menu a.active{
	color: #232a31;
}
.store-links{
	font-size: 0;
	position: absolute;
	right: calc(50% - 142px);
	bottom: -60px;
}
@media (min-width: 768px){
	.store-links{
		right: 25px;
	}
}
.store-links a{
	display: inline-block;
	width: 130px;
	height: 40px;
}
@media (min-width: 992px){
	.store-links a{
		width: 163px;
		height: 49px;		
	}
}
.store-links a + a{
	margin-left: 25px;
}
.store-links span{
	position: absolute;
	left: -10000px;
	top: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.apple-link{
	background: url(../images/apple-store-svg.svg) no-repeat center top;
	background-size: 100% auto;
}
.google-link{
	background: url(../images/google-store-svg.svg) no-repeat center top;
	background-size: 100% auto;
}
/* BIGBOX */
.bigbox{
	padding-top: 120px;
	padding-bottom: 45px;
	background: #fff url(../images/bigbox.jpg) no-repeat center -112px;
	background-size: 1710px auto;
	text-align: center;
}
@media (min-width: 768px) and (max-width: 860px){
	.bigbox{
		padding-bottom: 25px;
	}
}
@media (max-width: 767px){
	.bigbox{
		background: none;
		padding-bottom: 20px;
	}
	.bigbox .row{
		display: block;
	}
}
.bigbox h1{
	margin-top: 0;
}
.bigbox-text{
	font-size: 20px;
	line-height: 29px;
}
@media (min-width: 992px){
	.bigbox-text{
		font-size: 29px;
		line-height: 38px;
	}
}
@media (min-width: 768px){
	.bigbox{
		text-align: left;		
	}
}
.bigbox .container-fluid{
	max-width: 1200px;
}
.bigbox-buttons{
	padding-top: 30px;
}
@media (min-width: 768px){
	.bigbox .btn-primary{
		margin-right: 8px;
	}	
}
@media (min-width: 768px) and (max-width: 991px){
	.bigbox .btn-add{
		margin-top: 10px;
	}
}
@media (max-width: 991px){
	.bigbox .btn{
		min-width: 270px;
	}	
}
@media (max-width: 579px){
	.bigbox .btn-add{
		margin-top: 10px;
	}	
}
.bigbox-info{
	text-align: center;
	padding-top: 12px;
}
@media (min-width: 768px){
	.bigbox-info{
		width: 270px;
	}
}
.bigbox img{
	box-shadow: 0 0 25px #bbb;
	margin-top: 5px;
}
@media (max-width: 767px){
	.bigbox img{
		margin-top: 30px;
	}
}
/* WHY CASHBOT */
.why-cashbot{
	background: #f1f4f7;
	text-align: center;
	padding-top: 55px;
	padding-bottom: 70px;
	margin-bottom: 4px;
}
.why-cashbot .container-fluid{
	max-width: 1210px;
}
.why-cashbot-boxes{
	padding-top: 30px;
}
.why-cashbot-box{
	background: #fff;
	text-align: left;
	padding: 30px 5% 30px 5%;
}
.why-cashbot-boxes .why-cashbot-box:last-of-type{
	text-align: center;
	margin-top: 5px;
}
.why-cashbot-box ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.why-cashbot-box li{
	position: relative;
	padding-left: 39px;
}
.why-cashbot-box li + li{
	margin-top: 31px;
}
.why-cashbot-box li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 18px;
	height: 17px;
	background: url(../images/cb-odrazka-01.svg);
	background-size: 100% auto;
}
.why-cashbot-box-big{
	font-size: 18px;
}
.why-cashbot-box .btn{
	margin: 35px 0;
}
@media (min-width: 500px){
	.why-cashbot-box-big{
		font-size: 29px;
		line-height: 38px;
	}	
}
@media (min-width: 768px){
	.why-cashbot-boxes{
		display: flex;
		justify-content: space-between;
		padding-top: 65px;
	}
	.why-cashbot-box{
		flex-basis: 49.8%;
		position: relative;
		font-size: 21px;
		line-height: 28px;
		padding: 40px 2% 40px 2%;
	}
	.why-cashbot-boxes .why-cashbot-box:first-of-type:after{
		content: '';
		width: 150px;
		height: 97px;
		position: absolute;
		background: url(../images/cb-sipka-01.svg) no-repeat center top;
		top: 50%;
		margin-top: -48px;
		right: -40px;
		background-size: 100% auto;
		z-index: 2;
	}
	.why-cashbot-boxes .why-cashbot-box:last-of-type{
		margin-top: 0;
		padding-top: 60px;
	}
	.why-cashbot-box .btn{
		margin: 50px 0;
	}
	.why-cashbot-box li:before{
		top: 8px;
	}
}
@media (min-width: 992px){
	.why-cashbot{
		padding-bottom: 173px;
	}
	.why-cashbot-box{
		padding: 70px 4% 60px 5.5%;
	}
	.why-cashbot-boxes .why-cashbot-box:first-of-type:after{
		width: 223px;
		height: 143px;
		margin-top: -72px;
		right: -73px;
	}
	.why-cashbot-box .btn{
		width: 268px;
	}
}
/* HOW IT WORKS */
.how-it-works{
	background: #f1f4f7;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 50px;
}
.how-it-works .container-fluid{
	max-width: 1210px;
}
@media (min-width: 992px){
	.how-it-works{
		padding-bottom: 110px;
	}
	.how-it-works .row{
		margin-top: 55px;
	}	
}
.how-it-works-item{
	background-size: 90px auto;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 87px;
	margin-top: 50px;
}
@media (min-width: 768px){
	.how-it-works-item{
		font-size: 21px;
		background-size: 118px auto;
		padding-top: 115px;
	}
}
@media (min-width: 992px){
	.how-it-works-item{
		margin-top: 0;
	}
}
.how-it-works-item p{
	margin-bottom: 0;
}
.how-it-works-item--1{
	background-image:url(../images/cb-icons-01.svg);
}
.how-it-works-item--2{
	background-image:url(../images/cb-icons-09.svg);
}
.how-it-works-item--3{
	background-image:url(../images/cb-icons-06.svg);
}
/* FAQ */
.faq{
	padding-top: 45px;
	padding-bottom: 45px;
}
@media (min-width: 992px){
	.faq{
		padding-bottom: 100px;
	}
}
.faq .container-fluid{
	max-width: 1206px;
}
.faq h2{
	text-align: center;
	margin-bottom: 55px;
}
.faq .nav-tabs{
	display: block;
	border: 0;
}
.faq .nav-tabs .nav-link{
	font-size: 12px;
	border: 0 !important;
	border-top: 2px solid #f1f4f7 !important;
	padding:4px 0;
	font-weight: 300;
	color: #73df78;
	position: relative;
}
.faq .nav-tabs .nav-link.active, .faq .nav-tabs .nav-link:hover{
	color: #232a31;
}
.nav-tabs .nav-link.active::before{
	display: none;
}
.faq .tab-content-wrapper, .faq .tab-content{
	display: flex;
}
.faq .tab-pane{
	background: #f1f4f7;
	font-family: 'Open Sans';
	position: relative;
	padding: 10px 7%;
}
.faq .nav-link.active:after{
	content: '';
	position: absolute;
	right: -15px;
	width: 0;
	height: 0;
	top: calc(50% - 15px);
	border-top: 15px solid transparent;
	border-right: 15px solid #f1f4f7;
	border-bottom: 15px solid transparent;
}
.faq-answer{
	font-style: italic;
	font-size: 13px;
}
.faq-answer p:last-child{
	margin-bottom: 0;
}
@media (min-width: 580px){
	.faq-answer{
		font-size: 20px;
	}
	.faq .nav-tabs .nav-link{
		font-size: 16px;
	}
	.faq .tab-pane{
		padding: 25px 7%;
	}
	.faq .nav-tabs .nav-link{
		padding:8px 0;
	}
	.faq .nav-link.active:after{
		right: -30px;
	}
}
@media (min-width: 768px){
	.faq .nav-tabs{
		padding-right: 30px;
	}
	.faq .nav-tabs .nav-link{
		font-size: 20px;
		padding:16px 0;		
	}
	.faq .nav-link.active:after{
		right: -60px;
		top: calc(50% - 23px);
		border-top: 23px solid transparent;
		border-right: 23px solid #f1f4f7;
		border-bottom: 23px solid transparent;
	}
	.faq .nav-tabs .nav-link{
		padding:12px 0;
	}
}
@media (min-width: 992px){
	.faq .tab-pane{
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.faq-answer{
		font-size: 26px;
	}
	.faq .nav-tabs .nav-link{
		padding:16px 0;
	}
}
@media (max-width: 579px){
	.faq .col-7{
		padding-left: 0;
	}
}
/* PRICELIST */
.pricelist{
	background: #232a31;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 40px 0 65px;
}
.pricelist h2, .pricelist h3{
	color: #fff;
}
.pricelist h3{
	margin: 25px 0 20px;
	font-size: 18px;
	font-weight: 300;
}
.pricelist .table{
	border: 2px solid #73df78;
	max-width: 702px;
	margin: 25px auto 0;
}
.pricelist .table th, .pricelist .table td{
	font-weight: 700;
	font-size: 14px;
	border-top: 2px solid #73df78;
	padding: 10px 2%;
}
.pricelist .table tr td:last-of-type{
	text-align: right;
	border-left: 2px solid #73df78;
	width: 50%;
	white-space: nowrap;
}
@media (min-width: 450px){
	.pricelist .table th, .pricelist .table td{
		padding: 10px 3%;
	}
	.pricelist .table tr td:last-of-type{
		width: 40%;
	}
}
@media (min-width: 600px){
	.pricelist .table{
		border-width: 3px;
	}
	.pricelist .table tr td:last-of-type{
		width: 37%;
		border-left-width: 3px;
	}
	.pricelist .table th, .pricelist .table td{
		font-size: 16px;
		padding: 16px 4%;
		border-top-width: 3px;
	}
}
@media (min-width: 768px){
	.pricelist{
		font-size: 21px;
		padding-top: 65px;
		padding-bottom: 156px;
	}
	.pricelist h3{
		margin: 50px 0 28px;
		font-size: 29px;
	}
	.pricelist .table th, .pricelist .table td{
		font-size: 21px;	
		padding: 26px 4%;
	}	
	.pricelist .table{
		margin-top: 63px;
	}
}
/* CONTACTS */
.contacts-top{
	text-align: center;
	font-size: 0;
	background: #f1f4f7;	
	padding: 40px 0;
}
.contacts-top a{
	display: inline-block;
	width: 80px;
	height: 92px;
	position: relative;
}
.contacts-top .container-fluid a:nth-of-type(1){
	background: url(../images/cb-icons-02.svg) no-repeat center top;
	background-size: 100% auto;
}
.contacts-top .container-fluid a:nth-of-type(2){
	margin: 0 25px;
	background: url(../images/cb-icons-linkedin.svg) no-repeat center top;
	background-size: 100% auto;
}
.contacts-top a span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 12px;
	font-weight: 700;
}
@media (min-width: 580px){
	.contacts-top{
		padding-top: 70px;
	}
	.contacts-top a{
		width: 112px;
		height: 130px;
	}
	.contacts-top a span{
		font-size: 16px;
	}
	.contacts-top .container-fluid a:nth-of-type(2){
		margin: 0 54px;
	}
}
.contacts-middle{
	background: #f1f4f7;
	margin-top: 3px;
	font-size: 23px;
	text-align: center;
	padding: 20px 0 25px;
}
@media (min-width: 992px){
	.contacts-middle{
		font-size: 51px;
	}
}
.contacts-middle span{
	color: #73df78;
	font-weight: 700;
}
.contacts-bottom{
	padding: 38px 0;
}
.contacts-bottom .container-fluid{
	max-width: 1170px;
}
.contacts-bottom-col{
	font-size: 19px;
	font-weight: 700;
	width: 300px;
	margin: auto;
}
.contacts-bottom-row .contacts-bottom-col:nth-of-type(1){
	background: url(../images/cb-icons-footer-01.svg) no-repeat 0 10px;
	background-size: 22px auto;
	padding: 0 0 0 34px;
}
.contacts-bottom-row .contacts-bottom-col:nth-of-type(2){
	background: url(../images/cb-icons-footer-02.svg) no-repeat 0 6px;
	background-size: 22px auto;
	padding: 0 0 0 33px;
}
.contacts-bottom-row .contacts-bottom-col:nth-of-type(2) a{
	color: #232a31;
}
.contacts-bottom-col span{
	color: #d7e0ea;
}
.contacts-bottom-col div{
	font-size: 12px;
	font-family: 'Open Sans';
	font-weight: 400;
}
@media (min-width: 580px){
	.contacts-bottom-col div{
		font-size: 16px;
	}
	.contacts-bottom-col{
		font-size: 27px;
		width: 310px;
	}
	.contacts-bottom-row .contacts-bottom-col:nth-of-type(1){
		background-size: 32px auto;
		padding-left: 53px;
	}
	.contacts-bottom-row .contacts-bottom-col:nth-of-type(2){
		background-size: 32px auto;
		padding: 0 0 0 41px;
	}
}
@media (min-width: 768px){
	.contacts-bottom-row{
		display: flex;
		justify-content: center;
		align-items: flex-start;		
	}
	.contacts-bottom-col{
		width: auto;
		margin: 0;
	}
	.contacts-bottom-row .contacts-bottom-col:nth-of-type(2){
		margin-left: 60px;
	}
}
@media (max-width: 767px){
	.contacts-bottom-col+.contacts-bottom-col{
		margin-top: 20px;
	}
}
/* FOOTER */
.footer{
	text-align: center;
	padding: 42px 0 42px;
	border-top: 3px solid #f1f4f7;
	font-family: 'montserrat';
	font-weight: 400;
	background: #fff;
	height: auto;
}
@media (min-width: 768px){
	.footer{
		font-size: 20px;		
	}
}
/* MODAL */
.modal-dialog{
	text-align: center;
}
.register-modal label{
	text-align: left;
}
@media (min-width: 576px){
	.register-modal label{
		text-align: right;
		padding-left: 0;
		padding-right: 0;
	}	
}
.register-modal p, .register-modal label, .register-modal input{
	font-family: 'Open Sans';	
	font-weight: 400;
}
.modal-body-header{
	font-weight: 900;
}
#nez-zacneme-modal ul, #jak-probiha-modal ul{
	list-style-type: square;
	padding-left: 18px;
}
#nez-zacneme-modal b, #jak-probiha-modal b{
	font-weight: 900;
}