
/* Popups */
.b-popup-paranja {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
background: rgba(0,0,0,0) !important;
cursor: default;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .4s, visibility .4s;
-moz-transition: opacity .4s, visibility .4s;
-o-transition: opacity .4s, visibility .4s;
transition: opacity .4s, visibility .4s;
}

.b-popup {
position: absolute;
top: -100px;
right: 0;
left: 0;
z-index: 1000;
opacity: 0;
visibility: hidden;
height: 0;
text-align: center;
-webkit-transition: opacity .4s, visibility .4s, top .4s;
-moz-transition: opacity .4s, visibility .4s, top .4s;
-o-transition: opacity .4s, visibility .4s, top .4s;
transition: opacity .4s, visibility .4s, top .4s;
}

.b-popup-in {
	position: relative;
	display: inline-block;
	max-width: 900px;
	margin: 100px 0;
	text-align: left;
    border: 5px solid #5BD4F8;
    border-radius: 15px;
    background: #fff;
	padding: 25px 20px 30px 30px;
}

.b-popup-paranja:target {
visibility: inherit;
opacity: 1;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}

.b-popup-paranja:target+.b-popup {
visibility: inherit;
opacity: 1;
top: 0;
-webkit-transition: opacity .4s, top .4s;
-moz-transition: opacity .4s, top .4s;
-o-transition: opacity .4s, top .4s;
transition: opacity .4s, top .4s;
}


.b-popup-in  .closeButtonInPopUp {
    display: block;
    position: absolute;
    top: 30px;
    right: 0px;
}

.b-popup-in  img {
	margin: 0px 30px 10px 0px;
	float: left;
	max-width: 200px;
	max-height: 200px;
}


.b-popup-in  h1 {
color: #0071A5;
font: bold 24px/55px 'Calibri', sans-serif;
text-transform: uppercase;
border-bottom: 3px solid #ffffff;
}

.b-popup-in  p {
font: 16px 'Calibri', sans-serif;
}





@media (max-device-width: 1024px) {
/* Fixing iOS bug with visibility+opacity transitions */
.b-popup,
.b-dropdown-popup,
.b-popup-paranja {
opacity: 1 !important;
    }

/* Since position:fixed works badly, must hide them at all */
.b-paranja,
.b-popup-paranja {
display: none;
}
}


