@font-face{
	font-family: 'Adita';
	font-weight: bold;
	src: url(/css/fonts/adita/Adita-Bold.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: bold;
	font-style: italic;
	src: url(/css/fonts/adita/Adita-BoldItalic.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: bolder;
	src: url(/css/fonts/adita/Adita-ExtraBold.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: bold;
	font-style: italic;
	src: url(/css/fonts/adita/Adita-ExtraBoldItalic.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: 200;
	src: url(/css/fonts/adita/Adita-ExtraLight.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: 200;
	font-style: italic;
	src: url(/css/fonts/adita/Adita-ExtraLightItalic.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: lighter;
	src: url(/css/fonts/adita/Adita-Light.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: lighter;
	font-style: italic;
	src: url(/css/fonts/adita/Adita-LightItalic.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: normal;
	src: url(/css/fonts/adita/Adita-Regular.otf)
}
@font-face{
	font-family: 'Adita';
	font-weight: normal;
	font-style: italic;
	src: url(/css/fonts/adita/Adita-RegularItalic.otf)
}

/** styl na zabezpecenie, aby bolo rozhranie na celu obrazovku */
.wrapper .well.well-light.well-transparent {
    border-color: #fff;
    border-radius: 0;
    /*border: none;*/
}

.wrapper .container-fluid{
	margin:0px;
	padding-left: 0px;
	padding-right: 0px;
}

.wrapper .well{
	padding: 0px;
}

.bg{
	display: none;
}

body{
	padding-top: 50px;
}

@media (max-width: 991px) and (min-width: 768px){
	body{
		padding-top: 102px;
	}
}


@media (max-width: 768px){
	body{
		padding-top: 50px;
	}
}

/* --------------------- koniec styl ------------------------- */


.banner{
	width: 100%;
	height: 400px;
	position: relative;
    background-repeat: no-repeat;
	background-position: 5%;
	background-color: #BABEBF;
	background-image: url(/img/pass_campaign/3.png);
}

.banner-tex-info-wrapper{
	text-align: center;
	color: white;
	line-height: 1.5;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.banner-title,
.banner-text,
.btn-order{
	position: relative;
	animation: myanimation 0.8s;

}

@keyframes myanimation{
	from{bottom: -150px; opacity: 0}
	to{bottom: 0px;opacity: 1}
}

p.banner-title{
	margin-bottom: 0px;
	text-shadow: 2px 1px black;
}

.banner-pass-title{
	font-size: 25px;
}

.banner-company-name-title{
	font-size: 38px;
	font-weight: 700;
}

.banner-text{
	font-size: 18px;
	text-shadow: 2px 1px black;
}

.btn-order{
	padding: 9px 5px 9px 5px;
    width: 108px;
    font-weight: bold;
    background-color: #4c4c4c;
    border-radius: 0px;
}

.pass-wrapper{
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	height: 250px;
}

.pass-wrapper img{
	display: block;
	transition: none;
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	transition:none;
}

.trans-wrapper{
	transition: transform .2s;
}

.pass-wrapper.possible-order:hover .trans-wrapper{
	transition: transform .4s;
	transform: scale(1.3);
	transform-origin: 50% 50%;
}

.pass-wrapper.possible-order:hover{
	cursor: pointer;
}

.pass-wrapper.impossible-order{
	opacity: 0.5;
}

.pass-description-wrapper{
	position: absolute;
	bottom: 0px;
    color: white;
    background-color: rgb(14 13 18 / 90%);
    width: 100%;
    padding: 10px;
}

.pass-nc-wrapper{
	margin-top: 5px;
	display: inline-block;
	/*background-color: #e4e4e4;*/
	width: 49%;
	min-height: 95px;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid  #e4e4e4;
    vertical-align: top;
}

.pass-nc-wrapper:hover{
	background-color: #f6f6f6;
	cursor: pointer;
}

/*.pass-nc-content-wrapper{
	background-color: #e4e4e4;
    padding: 10px;
    border-radius: 15px;
}*/

.pass-text{
	margin-bottom: 0px;
}

.pass-name{
	text-transform: uppercase;
	font-weight: bold;
}

.pass-price{
	float: right;
	font-size: 18px;
	position: relative;
	top: 5px;
}

.pass-sel-title{
	text-align: center;
	margin-top: 30px;
}
/*@media (max-width: 992px){
	.pass-wrapper{
		height: 245px;
	}
}
*/
.timer-wrapper{
	display: none;
}

.timer-wrapper .alert{
	text-align: center;
}

.timer-txt,
.free-term-txt{
	font-size: 15px;
}

.free-term-txt{
	display: none;
}

.btn-back{
	background-color: #bababa;
	color: white;
}
.w-100{
	width:100%;
}
.wm-50{
	min-width:50%;
}
@media(max-width: 620px){
	.card-col{
		width:100%;
	}
}
@media (max-width: 992px){
	.pass-wrapper{
		height: 230px;
	}
}

@media(max-width: 768px){
	.pass-wrapper{
		margin-bottom: 10px;
		/*max-height: 220px;*/
	}	

	.banner{
		height: 140px;
	}

}

@media (max-width: 730px){
	.pass-wrapper{
		height: 175px;
	}
}


@media(max-width: 640px){
	.banner-company-name-title{
		font-size: 	28px;
	}

	.banner-pass-title {
		font-size: 	20px;
	}

	.banner-text {
		font-size: 	15px;
	}
}


@media (max-width: 620px){
	.pass-wrapper{
		height: 300px;
	}
}

@media(max-width: 600px){
	.pass-nc-wrapper{
		width: 100%;
	}
}

@media (max-width: 490px){
	.pass-wrapper{
		height: 220px;
	}
}

@media (max-width: 360px){
	.pass-wrapper{
		height: 200px;
	}
}

@media (max-width: 323px){
	.pass-wrapper{
		height: 190px;
	}

	.banner-text{
		font-size: 14px;
	}

	.banner-company-name-title {
		font-size: 26px;
	}

	.banner-pass-title{
		font-size: 18px;
	}

}
/*@media(max-width: 747px){
	.pass-wrapper {
		height: 210px;
	}

}

@media(max-width: 620px){
	.pass-wrapper{
		height: 250px
	}
}

@media(max-width: 392px){
	.pass-wrapper {
		height: 210px;
	}
}


@media(max-width: 340px){
	.pass-wrapper {
		height: 190px;
	}
}
*/
@media (min-width: 620px){
	.col-sm-6 {
	    width: 50%;
	    float: left;
	}

	/*.pass-wrapper{
		height: 250px;
	}*/
}


.impossible-order-text{
	color: red;
	position:relative;
	top: -10px;
	font-size: 12px;
}

.h-100{
	height: 100%;
}

.w-100{
	width: 100%;
}

.time-remain-row-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner h3{
	color: #000;
	font-size: 36px;
	margin-bottom: 0;
	font-family: 'Adita', sans-serif;
	font-weight: lighter;
}
.time{
	color: #fff;
	font-size: 170%;
	font-family: 'Adita', sans-serif;
	font-weight: bold;
}
.time .big-number{
	font-size: 60px;
}
.info-border{
	border-bottom: 1px solid #898b8b42;
	margin: 15px 0;
	padding: 10px 0;
	font-family: 'Adita', sans-serif;
	font-weight: lighter;
	color:#186C98;
	font-size: 18px;
}
.info-border img{
	margin-right: 10px;
}
.pass-outer-wrapper{
	margin-bottom: 45px;
}
.pass-outer-wrapper h4{
	font-family: 'Adita', sans-serif;
    font-weight: bold;
    color: #186C98;
    display: inline-block;
	font-size: 24px;
	margin-bottom:0;
}
.pass-outer-wrapper .btn{
	margin-bottom: 4px;
}

.cl-title.impossible-order h4{
	color: #186C9850;
}
.btn-i{
	background-color:#BABEBF;
	border-color: #BABEBF42;
	font-weight: 200;
	font-family: 'Adita', sans-serif;
}
.btn-i:hover{
	background-color:#BABEBF85;
	border-color: #BABEBF42;
}
.mr-2{
	margin-right: 1rem;
}
.perex{
	font-family: 'Adita', sans-serif;
	font-weight: 200;
	font-size: 18px;
    color: #636363;
}
.c-validity{
	font-family: 'Adita', sans-serif;
    font-weight: lighter;
	color: #636363;
	font-size: 12px;
}
.company-button{
	max-width: 100%;
	font-weight: 200;
	font-family: 'Adita', sans-serif;
}
.price{
	padding: 10px;
	width: auto;
	height: auto;
	position: absolute;
	right: 5%;
	bottom: 34%;
	background-color: #5D89BA;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 15px;
	font-family: 'Adita', sans-serif;
	font-size: 28px;
	text-align:right;
	min-width: 113px;
}
.price-smaller{
	font-size: 22px;
	text-decoration: line-through;
	font-weight: lighter;
}
.price-smaller.not-line-through{
	text-decoration: none;
}

.cl-remains{
	width: auto;
	height: auto;
	position: absolute;
	right: 5%;
	bottom: 11%;
	min-height: 43px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 15px;
	font-family: 'Adita', sans-serif;
	font-weight: lighter;
	font-size: 14px;
	text-align: center;
	min-width: 113px;
	line-height: 18px;
}
.whats_left{
	font-size: 18px;
	letter-spacing: 3px;
}
.cl-remains.little{
	background-color: #e61919;
}
.cl-remains.enaugh{
	background-color: #06d139;
}

.possible-order{
	cursor:pointer;
}
.e-small{
	font-size:60%;
	font-weight: lighter;
}

.flex-wrap.is-flex {
    display: flex;
	flex-wrap: wrap;
	width:100%;
}
.flex-wrap.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.flex-wrap.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer-push{
	display:none;
}
.wrapper{
	min-height: calc(100vh - 240px);
	height: auto!important;
	margin: 0 auto;
}
.p-0{
	padding:0;
}
.m-0{
	margin:0;
}
.message_modal_text{
	font-size:18px;
}
.btn-success-new{
	font-family: 'Adita';
	font-weight: 200;
}
@media screen and (max-width: 1600px){
	.banner{
		background-position: 0%;
	}
}

@media screen and (max-width: 1500px){
	.banner{
		background-position: -3%;
	}
}

@media screen and (max-width: 1450px){
	.banner{
		background-position: -3% 100%;
		background-size: 550px;
	}
}

@media screen and (max-width: 1250px){
	.banner{
		background-size: 500px;
	}
}

@media screen and (max-width: 1150px){
	.banner{
		background-size: 440px;
	}
}

@media screen and (max-width: 992px){
	.banner h3{
		text-align:left;
		color:#fff;
	}
	.banner{
		background-image: linear-gradient(
			+60deg
			, rgba(22,109,152,1) 0%
			, rgba(22,109,152,1) 30%
			, rgba(54,128,167,1) 30%
			, rgba(54,128,167,1) 100%
		);
		background-position: center;
		background-size: auto;
	}
}

@media screen and (max-width: 768px){
	.banner h3{
		font-size:16px;
	}
	.time{
		font-size: 125%;
	}
	.time .big-number{
		font-size: 30px;
	}
	.info-row{
		display: none;
	}
	.pass-list-wrapper{
		margin-top: 25px;
	}
}

@media screen and (max-width: 380px){
	.banner h3{
		font-size:14px;
	}
	.time{
		font-size: 100%;
	}
	.time .big-number{
		font-size: 25px;
	}
}