/* ###

:: APP CONTROLLER :: MAKE IMAGES DIR RELATIVE :: application/media/images/app/ ::
:: APP CONTROLLER :: MAKE FONTS DIR RELATIVE :: ../../fonts/app/ ::

### */

/*
dark blue: #0a1e4f;
 blue: #3267aa;
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 7, 2015 */

@font-face {
    font-family: 'jaapokki_enchanceregular';
    src: url('../../fonts/app/jaapokkienchance-regular-webfont.eot');
    src: url('../../fonts/app/jaapokkienchance-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/app/jaapokkienchance-regular-webfont.woff2') format('woff2'),
         url('../../fonts/app/jaapokkienchance-regular-webfont.woff') format('woff'),
         url('../../fonts/app/jaapokkienchance-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'jaapokkiregular';
    src: url('../../fonts/app/jaapokki-regular-webfont.eot');
    src: url('../../fonts/app/jaapokki-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/app/jaapokki-regular-webfont.woff2') format('woff2'),
         url('../../fonts/app/jaapokki-regular-webfont.woff') format('woff'),
         url('../../fonts/app/jaapokki-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_slab500';
    src: url('../../fonts/app/museo_slab-webfont.eot');
    src: url('../../fonts/app/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/app/museo_slab-webfont.woff2') format('woff2'),
         url('../../fonts/app/museo_slab-webfont.woff') format('woff'),
         url('../../fonts/app/museo_slab-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo300';
    src: url('../../fonts/app/museo300-regular-webfont.eot');
    src: url('../../fonts/app/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/app/museo300-regular-webfont.woff2') format('woff2'),
         url('../../fonts/app/museo300-regular-webfont.woff') format('woff'),
         url('../../fonts/app/museo300-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo700';
    src: url('../../fonts/app/museo700-regular-webfont.eot');
    src: url('../../fonts/app/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../../fonts/app/museo700-regular-webfont.woff') format('woff'),
         url('../../fonts/app/museo700-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html {
  font-size: 62.5%; }

body {
  color: black;
  font-family: 'museo300';
  font-size:1.3rem;
  text-align: center;
}

section.paddingTop{
	padding-top:100px;
}

section.paddingTop80{
	padding-top:80px;
}

section.paddingBottom80{
	padding-bottom:80px;
}

.marginTop40{margin-top:40px;}
.marginBottom30{margin-bottom:30px;}
.center{margin:0 auto; text-align:center;}
.padding-no {
  padding: 0; }

a:hover{text-decoration:none;}

/*modal*/
.ekko-lightbox .modal-header{
	height:26px !important;
	border:none;
	padding:0;
}
.ekko-lightbox .modal-header .close{margin-top: -32px; color: white;opacity: 1;    font-size: 34px;}
.ekko-lightbox .modal-body{padding-top:0;}

/*NAvigation*/
.navbar-default{
	background:none;
	border:none;
}



.navbar-default .navbar-nav>li>a{
	font-family: 'museo300';
	font-size:1.6rem;
	color:White;
	text-transform:uppercase;
	border-radius:0px;
	border:none;
	padding:10px 15px;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.navbar-default .navbar-nav>li::before{
	width: 7px;
	height:7px;
    background-color: white;
    margin: 0px 2px;
    display: inline-block;
    top: 16px;
    left: 0px;
    position: absolute;
	content:'';
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{
	background:none;
	border-radius:0px;
	color:white;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.navbar-default .navbar-nav>li.active:hover::before,
.navbar-default .navbar-nav > li:hover::before,
.navbar-default .navbar-nav>li.active::before{
	background-color:#db461e;
	width: 7px;
	height:12px;
	top:13px;
}

.navbar-default .navbar-nav>li.last::before{display:none;}
.navbar-default .navbar-nav>li:last-child > a >i{
	color:white;
	font-size:3rem;
	padding:5px 0px;
	padding-right:0;}
.navbar-default .navbar-nav>li:last-child > a {padding:0;}


#floated-menu
{
	background-color:rgba(0,0,0,0.6);
    display: none;
    height: 50px;
    padding-top:8px;
    position: fixed;
    width: 100%;
    z-index: 1000;
	 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

#floated-menu .navbar
{
    margin-bottom: 0px;
    top:0;
}

#floated-menu .navbar ul { margin-right:0; }

#floated-menu .navbar-default .navbar-nav>li>a{color:white;}

#floated-menu .navbar-default .navbar-nav>li>a,
#floated-menu .navbar-default .navbar-nav>li>a.active, #floated-menu .navbar-default .navbar-nav>li.active>a, #floated-menu .navbar-default .navbar-nav > li > a:focus, #floated-menu .navbar-default .navbar-nav > li > a:hover{
	background:none;
    color: white;
	    padding: 10px 15px;
}
#floated-menu .navbar-default .navbar-nav>li::before{left:0;}


.navbar-default .navbar-nav>li{padding-right:7px;}
.navbar-default .navbar-nav>li.last{padding-right:0;}


.btn.transparent{
	border:2px solid white;
	border-radius:0;
 -o-transition:.5s;
 letter-spacing:2px;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.btn.normal{
	border:2px solid black;
    letter-spacing:2px;
	border-radius:0;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.btn.normal > a{
	color:black;
	text-transform:uppercase;
	font-family: 'museo700';
	font-size:1.6rem;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.btn.transparent > a{
	color:white;
	text-transform:uppercase;
	font-family: 'museo700';
	font-size:1.6rem;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.btn.transparent:hover > a{color:black;}
.btn.transparent:hover{
	background-color:white;
}

.btn.normal:hover > a{color:white;}
.btn.normal:hover{
	background-color:black;
}

.separator > div{
	height:12px;
	width:7px;
	background-color:#db461e;
	margin:0px 2px;
	display:inline-block;
}

/*Menu*/
section#menu{
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	padding-top:25px;
}

section#menu.black{
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	background-color:rgba(0,0,0,0.6);
    height: 50px;
    padding-top:8px;
}


.logo{
	position:relative;
	float:left;
}

/*Home*/
#home-slider .sliderContent{
	background-image:url('../../images/app/home-slider-1.jpg');
	background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: initial;
    width: 100%;
    height: 842px;

}

section#home #home-slider .newsBox{
	background-color:rgba(0,0,0,0.6);
	color:white;
	padding:20px 25px;
	margin-top:134px;
}
section#home #home-slider .newsBox > h1{
	font-family: 'jaapokkiregular';
	text-transform:uppercase;
	font-size:5rem;
}

section#home #home-slider .newsBox > p{
	font-family: 'museo300';
	font-size:1.6rem;
	line-height:23px;
	margin:10px 0px;
}
section#home #home-slider .newsBox > .btn{
	margin-top:45px;
}

/*about*/
section#about .contentBox .columnText{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	text-align:left;
	margin-bottom:20px;
	text-align:justify;
}

section#about .contentBox h1{
		font-family: 'jaapokkiregular';
		font-size:5rem;
		text-transform:uppercase;
}
section#about .contentBox h5{
		font-family: 'museo300';
		font-size:2rem;
		font-weight:bold;
		text-transform:uppercase;
		width:100%; text-align:center; border-bottom: 2px solid #000; line-height:0.1em;
}
section#about .contentBox h5 span{background:#fff; padding:0 10px;}
.contentBox .headerText{
	 font-family: 'museo_slab500';
	 color:#db461e;
	 font-size:1.7rem;
	 margin-top:20px;
}

section#about .separator{
	background-image:url('../../images/app/about-separator.jpg');
	background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: initial;
    width: 100%;
    height: 315px;
    margin-bottom:80px;
}

section#about .separator2{
	background-image:url('../../images/app/about-separator2.jpg');
	background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: initial;
    width: 100%;
    height: 898px;
}

/*Virtual*/
section#virtual .contentBox > h1{
		font-family: 'jaapokkiregular';
		font-size:4.5rem;
		text-transform:uppercase;
}

section#virtual #virtual-slider{
    background:url('../../images/app/virtual-phone.jpg') no-repeat;
    height:625px;
    width:345px;
}

section#virtual #virtual-slider img{margin-top:100px;}
section#virtual .separator-flowers{
    background: url('../../images/app/separator-3.jpg') no-repeat center center;
    background-size:cover;
	height: 55px;
    width: 98%;
    position: absolute;
    top: -243px;
    z-index: -1;
}

section#virtual .btn.normal{margin-top:130px;}
section#virtual .imgAbout{width:100%;}
/*events*/
section#events .eventsBck{
    background: url('../../images/app/events.jpg') no-repeat;
    height: 591px;
    width: 100%;
    position: relative;
    background-position:50%;
}

section#events .contentBox > img{margin-top:30px;}
section#events .contentBox > h1{
		font-family: 'jaapokkiregular';
		font-size:5rem;
        color:white;
		text-transform:uppercase;
}

section#events .separator4{
	background-image:url('../../images/app/separator-4.jpg');
	background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: initial;
    width: 100%;
    height: 70px;
    margin-top:160px;
}

section#events .contentBox.header{
	background-color:white;
	padding:20px 25px;
	display:none !important;
	position:absolute;
	top:0;
}

section#events .contentBox.header > h1{
		font-family: 'museo300';
		font-size:3rem;
        color:black;
		text-transform:uppercase;
}



section#events .contentBox.header.active{display:block !important;z-index:100;}

section#events .contentBox.header h1{color:black;}
section#events .eventsBox img{float:right; border:4px solid white;}
section#events .eventsBox a:hover > .hoverBox{opacity:1;}
section#events .eventsBox .hoverBox{
	position: absolute;
    background-color: rgba(0,0,0,0.7);
    height: 100%;
    width: 87%;
    left: 8%;
	opacity:0;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
section#events .eventsBox .hoverBox h3{
	font-family: 'jaapokkiregular';
    font-size: 3.5rem;
    color: white;
    text-transform: uppercase;
	padding:15px 35px;
	margin-top:55%;
}

/*history*/
section#faces{margin-top:110px;}
section#ourHistory{
	margin-top:50px;
}
section#ourHistory h1{
font-family: 'jaapokkiregular';
    font-size: 5rem;
    text-transform: uppercase;
}
section#ourHistory .historyText{text-align:left;}

section#ourHistory .contentBox img{text-align:center; margin:0 auto;}
section#ourHistory .separator-flowers{
    background: url('../../images/app/separator-3.jpg') no-repeat;
    height: 55px;
    width: 100%;
    position: relative;
    z-index: 1;
	margin-top:80px;
}

.hoverBoxFace{
	background-color: rgba(255,255,255,0.8);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
	opacity:0;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
  padding:15px;
}

.hoverBoxFace h1{
	border:3px solid #414042;
	padding:10px;
	font-size:1.8rem;
	color:#414042;
	font-family: 'museo700';
	margin-top:105px;
	text-transform:uppercase;
}

#faces a:hover > .hoverBoxFace{
	opacity:1;
	cursor:pointer;
}
#kontakt.wirtualny h1{
		font-family: 'jaapokkiregular';
	text-transform:uppercase;
	text-align:center !important;
	font-size:5.5rem;
}

#kontakt.wirtualny .content > div {margin-top:100px; margin-bottom:100px;}
#kontakt.wirtualny .content > div > div:nth-child(2){margin-left:150px;}
#kontakt h1{
	font-family: 'jaapokkiregular';
	text-transform:uppercase;
	font-size:5.5rem;
	text-align:left;
}

#kontakt {margin-top:80px;}
#kontakt .imgBox > img{display:inline-block;}
#kontakt .imgBox{text-align:left; margin-top:40px; margin-bottom:30px;}
#kontakt p{text-align:left;}
section#kontakt .separator4{
	background-image:url('../../images/app/separator-4.jpg');
	background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: initial;
    width: 100%;
    height: 70px;
    margin-top:100px;
}

/*footer*/

section#footer{
    margin-top:100px;
    margin-bottom:50px;
}
section#footer .contentBox.footer1 > h4{
    font-family: 'museo700';
    text-transform:uppercase;
    font-size:1.5rem;
    text-align:left;
}

section#footer .contentBox.footer1 > img:nth-child(2){
    margin-top:20px;
    margin-bottom:25px;
}

section#footer .contentBox.footer1 span{
    display:block;
    text-align:left;
    font-size:1.5rem;
    }

section#footer .contentBox.footer1 span > a{
    color:black;
    margin-left:5px;
}

section#footer .contentBox.footer2 > h4{
    font-family: 'museo700';
    text-transform:uppercase;
    font-size:1.5rem;
    margin-top:30px;
    text-align:left;
}


section#footer .contentBox.footer2 > ul{
    list-style-type:square;
    padding-left:0;
}

section#footer .contentBox.footer2 > ul > li{
    text-align:left;
    margin-bottom:8px;
}

section#footer .contentBox.footer2 > ul > li > a{
    color:black;
    text-transform:uppercase;
}

section#footer .contentBox.footer3 > div > img{
    display:inline-block;
    margin-top:50px;
}

section#footer .contentBox.footer3 > div > img:first-child{
    margin-right:4px;
}

section#footer .contentBox.footer3 > p{
    margin-top:20px;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#363636 !important;}
.owl-theme .owl-controls .owl-page span{background:#b0afaf !important;}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*
----------------------------------------
-----------------MD   DEVICES-----------------
----------------------------------------
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a{padding:10px 10px;}
	.navbar-default .navbar-nav>li::before{left:-3px;}
	.logo{margin-left:20px;}
	section#virtual .separator-flowers{margin-top:48%;}
	section#events .eventsBox .hoverBox{width: 88%;
    left: 6%;}
	.hoverBoxFace h1{margin-top:80px;}
}

/*
----------------------------------------
-----------------SMALL  DEVICES-----------------
----------------------------------------
*/
@media (max-width: 992px) {
	.navbar-default .navbar-nav>li::before{left:-6px;}
	.navbar-default .navbar-nav>li>a{padding:10px 7px;}
	#virtual-slider.owl-theme .owl-controls .owl-buttons .owl-next,
	#virtual-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
	#home-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
	#home-slider.owl-theme .owl-controls .owl-buttons .owl-next{display:none;}
	.logo{margin-left:20px;}
	section#virtual .separator-flowers{margin-top:67%;}
	#floated-menu .navbar-default .navbar-nav>li>a, #floated-menu .navbar-default .navbar-nav>li>a.active, #floated-menu .navbar-default .navbar-nav>li.active>a, #floated-menu .navbar-default .navbar-nav > li > a:focus, #floated-menu .navbar-default .navbar-nav > li > a:hover{font-size:1.4rem; }

	.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,
	.owl-theme .owl-controls .owl-page span{display:block;}
	section#events .eventsBox .hoverBox{width:84%;}
	section#events .eventsBox .hoverBox h3{padding:15px 20px;font-size: 2.5rem; }section#events .contentBox.header > h1{font-size:2rem;}
	.contentBox .headerText{margin-top:10px; font-size:1.3rem;}
	.marginBottom30{margin-bottom:15px;}
	section#events .separator4{margin-top:140px;}
		.hoverBoxFace h1{	font-size: 1.2rem;
    margin-top: 60px;
    padding: 6px;}
	.hoverBoxFace{display:none;}

}

/*
----------------------------------------
-----------------XSMALL DEVICES-----------------
----------------------------------------
*/
@media (max-width: 767px){
  section#home #home-slider .newsBox > h1{font-size:1.6rem;}
  section#home #home-slider .newsBox > p{font-size:1.2rem; line-height:normal;}
	.btn.transparent > a{font-size:1.3rem;}
	.btn{padding:6px 5px;}
section#home #home-slider .newsBox{padding:5px 8px;}

	.nav.navbar-nav.navbar-right{background-color:rgba(0,0,0,0.7);}
	.navbar-default .navbar-nav>li>a{padding:5px 0;}
	.navbar-default .navbar-nav>li::before{display:none;}

	section#events .contentBox > h1,
	section#virtual .contentBox > h1,
	section#about .contentBox h1{font-size:3rem;}
	.contentBox .headerText,
	section#about .contentBox h5{font-size:1.4rem;}

	section#about .contentBox .columnText{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	font-size:1.2rem;
	}
	section.paddingTop{padding-top:40px;}
	section#virtual .btn.normal{margin-top:30px;}

	#events-slider.owl-theme .owl-controls .owl-buttons .owl-next,
	#events-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
	#about-slider.owl-theme .owl-controls .owl-buttons .owl-next,
	#about-slider.owl-theme .owl-controls .owl-buttons .owl-prev{display:none;}

	section#events .contentBox.header.small{
		display:block !important;
		position:relative;
	}
}

@media (max-width: 750px)
{

}

@media (max-width: 720px)
{

}


@media (max-width: 325px) {}