body {
    padding-top: 5px;
}

/*
 * Main navigation
 *
 * Turn the `.navbar` at the top of the docs purple.
 */

 .om-thumbnail {
    padding: 5px;
    border: 0px;
    border-radius: 0px;
}
.on-thumbnail {
    padding: 1px;
    border: 0px;
    border-radius: 0px;
}

.ot-thumbnail > a > img {
    display: block;
    max-width: 100%;
}

.photo-group .photo-wrapper {
    position: relative;
}
.image-source-link {
    color: #98C3D1;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.photo-group .photo-wrapper .photo {
    position: relative;
    margin: 0 auto;
    display: table;
}

.photo-group .photo-wrapper .photo-label {
    float: right;
    position: absolute;      
    bottom: 5px;
    right: 5px;
}

.photo-label {
    background: rgba(192, 192, 192, 0.70);
    color:#000000;
    font-style:normal;
    font-weight:normal;
    padding-left:2px;
}

#formulari input {
    width: 100%;
    padding: 5px 10px;
}
#formulari textarea {
    width: 100%;
    resize: none;
    padding: 5px 10px;
    height: 150px;    
}
#sub {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;    
}


@media (min-width: 0px) {
    .photo-label {
        font-size:12px;
        max-width: 95%;
    }
}
@media (min-width: 450px) {
    .photo-label {
        font-size:14px;
        max-width: 75%;
    }
}


.ps {
    font-weight:bold;
    padding-left: 5px;
    /*padding-top: 15px;*/
    margin-bottom:0;
}

.pl {
    float: left;
    font-weight:bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.pr {
    float: right;
    font-weight:bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.pnl {
    float: left;
    font-weight:bold;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 5px;
}

.pnr {
    float: right;
    font-weight:bold;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 5px;
}

hr {
    margin-top: 0px;
}

.center {
    margin-left:auto;
    margin-right:auto;
    width:90%;
}

.conr {
    padding-left: 15px; 
}
/* ********************  */

.a-p {
    display:block;
    width:40px;
    margin:0px auto;
}

.img-p {
    padding: 5px;
    border: 0px;
    border-radius: 0px;
    max-width:300px;
    text-align: center;
    margin: 10px auto;
}
.con-p {
    max-width:300px;
    margin: 0px auto;   
}

@media (min-width: 320px) {
    .img-p, .con-p {
        max-width:310px;
    }
}
@media (min-width: 360px) {
    .img-p, .con-p {
        max-width:350px;
    }
}

@media (min-width: 400px) {
    .img-p, .con-p{
        max-width:400px;
    }
}
@media (min-width: 700px) {
    .img-p, .con-p{
        max-width:700px;
    }
}


/* ********************  */

.condr {
    padding-left: 5px;
    padding-top: 20px;
}

.condn {
    padding-left: 15px;
    padding-top: 20px;
}

.imageMap {position:relative; margin-bottom:10px;}
.imageMap img {display:block; width:100%; border-radius:20px;}

/*
.imageMap a {display:block; position:absolute; border:0px;
             -webkit-transition:0.75s;
             -moz-transition:0.75s;
             -o-transition:0.75s;
             transition:0.75s;
}
.imageMap a.p1 {left:5%; top:38%; width:30%; height:12%;}
.imageMap a.p2 {left:21%; top:71%; width:30%; height:12%;}
.imageMap a.p3 {left:59%; top:58%; width:30%; height:12%;}
.imageMap a.p4 {left:62%; top:10%; width:30%; height:12%;}
.imageMap a.p5 {left:47%; top:14%; width:12%; height:48%;}
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}
*/

.imageMap a {display:block; position:absolute; border:0px;
 -webkit-transition:0.75s;
 -moz-transition:0.75s;
 -o-transition:0.75s;
 transition:0.75s;
}
.imageMap a.p1 {left:23%;top:14%;width:20%;height:28%;}
.imageMap a.p2 {left:31%;top:57%;width:29%;height:24%;}
.imageMap a.p3 {left:45%;top:17%;width:17%;height:36%;}
.imageMap a.p4 {left:62%;top:52%;width:18%;height:35%;}
.imageMap a.p5 {left:68%;top:30%;width:28%;height:21%;}
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}


@media (min-width: 0px) {
    .navbar-nav > li > a {
        font-size:12px;
        padding-left: 0px;
        padding-right: 4px
    }
}

@media (min-width: 300px) {
    .navbar-nav > li > a {
        font-size:14px;
        padding-left: 0px;
        padding-right: 10px
    }
}

@media (min-width: 500px) {
    .navbar-nav > li > a {
        font-size:14px;
        padding-left: 0px;
        padding-right: 40px
    }
}

ul.nav a:hover {
    color: #f06a11;
    background-color: #ffffff;
}

a:link {color:#000000;}      /* unvisited link */
a:visited {color:#000000;}   /* visited link */
a:hover {color:#000000;}     /* mouse over link */
a:active {color:#000000;}    /* selected link */

.galleria .container {
	padding-bottom:20px;
	overflow: hidden;
}
.galleria .thumbnail img {
	transition:all 0.5s ease;
}
.galleria .thumbnail:hover img{
	/*box-shadow:0 0 5px rgba(0,0,0,0.2);*/
}
.galleria .thumbnail {
	position: relative;
	box-sizing: border-box;
	display: block;
	padding: 0;
	margin: 5px;
	overflow: hidden;
}
.galleria .thumbnail:after {
	content: 'open gallery';
	color: #000;
	border: 1px solid #fff;
	padding: 5px 10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	transition: all 0.3s ease-out;
	display: block;
	z-index: 2;
	font-style: italic;
	background: #fff;
}

.galleria .thumbnail:hover:after {
	color: #f06a11;
}

.wall .om-thumbnail {	
	height: 246px;
}