@charset "utf-8";

html, body{padding:0;margin:0;width:100%;height:auto;font-family:"MontserratLight", "Tahoma", "Verdana", "Arial", sans-serif;background-color:white;color:#58585a;font-size:12px;}
    body{overflow-x:hidden;}
    
/* Different contrast */
body[data-contrast="bw"], body[data-contrast="bw"] #wrap-ppp{background:black;color:white;}
    body[data-contrast="bw"] #menu .lvl0 > a{border-bottom:15px solid black;color:white;}
    body[data-contrast="bw"] #menu .lvl0:hover > a, body[data-contrast="bw"] #menu .lvl0.active > a{color:white;border-bottom:15px solid white;}
    body[data-contrast="bw"] .colour-grey, body[data-contrast="bw"] .colour-pink, body[data-contrast="bw"] #menu .lvl1:hover > a, body[data-contrast="bw"] #menu .lvl1.active > a, body[data-contrast="bw"] .news-link, body[data-contrast="bw"] .colour-blue{color:white;}
    body[data-contrast="bw"] #wrap-content, body[data-contrast="bw"] #menu .nav-ul-1, body[data-contrast="bw"] .news-link.active, body[data-contrast="bw"] .news-link:hover{background-color:black;}
    body[data-contrast="bw"] #wrap-news, body[data-contrast="bw"] .blue-button, body[data-contrast="bw"] .news-date, body[data-contrast="bw"].blue-button:hover, body[data-contrast="bw"] .news:hover .blue-button, body[data-contrast="bw"] #wrap-icons a:hover .blue-button, body[data-contrast="bw"] .news-link-date, body[data-contrast="bw"] #wrap-icons .icon-img{background-color:#393939;}
    body[data-contrast="bw"] .blue-button, body[data-contrast="bw"] .news-date, body[data-contrast="bw"].blue-button:hover, body[data-contrast="bw"] .news:hover .blue-button, body[data-contrast="bw"] #wrap-icons a:hover .blue-button, body[data-contrast="bw"] #wrap-icons .icon-img{box-shadow:5px 5px black;-moz-box-shadow:5px 5px black;-webkit-box-shadow:5px 5px black;-ms-box-shadow:5px 5px black;-o-box-shadow:5px 5px black;}
    body[data-contrast="bw"] #la{color:white;}
    
body[data-contrast="high"], body[data-contrast="high"] #wrap-ppp{background:#ffff00;color:black;}
    body[data-contrast="high"] #menu .lvl0 > a{border-bottom:15px solid #ffff00;color:black;}
    body[data-contrast="high"] #menu .lvl0:hover > a, body[data-contrast="high"] #menu .lvl0.active > a{color:black;border-bottom:15px solid black;}
    body[data-contrast="high"] .colour-grey, body[data-contrast="high"] .colour-pink, body[data-contrast="high"] #menu .lvl1:hover > a, body[data-contrast="high"] #menu .lvl1.active > a, body[data-contrast="high"] .news-link, body[data-contrast="high"] .colour-blue, body[data-contrast="high"] .blue-button, body[data-contrast="high"] #menu .lvl1 > a, body[data-contrast="high"] .colour-white{color:black;}
    body[data-contrast="high"] #wrap-content, body[data-contrast="high"] #menu .nav-ul-1, body[data-contrast="high"] .news-link.active, body[data-contrast="high"] .news-link:hover{background-color:#ffff00;}
    body[data-contrast="high"] #wrap-news, body[data-contrast="high"] .blue-button, body[data-contrast="high"] .news-date, body[data-contrast="high"].blue-button:hover, body[data-contrast="high"] .news:hover .blue-button, body[data-contrast="high"] #wrap-icons a:hover .blue-button, body[data-contrast="high"] .news-link-date, body[data-contrast="high"] #wrap-icons .icon-img{background-color:#ffff00;}
    body[data-contrast="high"] .blue-button, body[data-contrast="high"] .news-date, body[data-contrast="high"].blue-button:hover, body[data-contrast="high"] .news:hover .blue-button, body[data-contrast="high"] #wrap-icons a:hover .blue-button, body[data-contrast="high"] #wrap-icons .icon-img{box-shadow:5px 5px #caca09;-moz-box-shadow:5px 5px #caca09;-webkit-box-shadow:5px 5px #caca09;-ms-box-shadow:5px 5px #caca09;-o-box-shadow:5px 5px #caca09;}
    body[data-contrast="high"] #wrap-news{background:#caca09;}
    body[data-contrast="high"] #la, body[data-contrast="high"] .news-link-date{color:black;}
    
/* Different size */
body[data-font="large"], body[data-font="large"] .size-12 {font-size:13px;}
body[data-font="large"] #menu .lvl1 > a{font-size:15px;}
body[data-font="large"] #menu .lvl0 > a, body[data-font="large"] .size-16{font-size:17px;}
body[data-font="large"] .size-24{font-size:26px;}

body[data-font="xlarge"], body[data-font="xlarge"] .size-12 {font-size:14px;}
body[data-font="xlarge"] #menu .lvl1 > a{font-size:16px;}
body[data-font="xlarge"] #menu .lvl0 > a, body[data-font="xlarge"] .size-16{font-size:18px;}
body[data-font="xlarge"] .size-24{font-size:28px;}
    
#wrap{width:96%;max-width:1400px;margin:0 auto;}
#wrap-top{padding-top:15px;width:100%;}
    #logo{width:40%;margin:0 auto;display:block;max-width:186px;}
        #logo img{width:100%;height:auto;}
    img[src*="sopot"]{position:absolute;top:35px;left:240px;} 
    #controls{position:absolute;top:30px;left:0px;}
        #contrast{display:inline-block;vertical-align: top;margin-right:20px;top:7px;text-align: left;}
            #contrast span{display:inline-block;padding:4px;font-size:11px;color:black;border:2px solid black;font-family:"MontserratMedium";font-weight: bold;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;width:11px;height:11px;line-height:11px;text-align: center;margin-top:5px;cursor:pointer;background:white;}
            #contrast span#contrast-bw{color:white;background-color:black;}
            #contrast span#contrast-high{background-color:#ffff00;}
        #font{display:inline-block;vertical-align: top;margin-right:50px;top:7px;text-align: left;}
            #font span{margin-top:5px;font-size:13px;line-height:19px;font-family:"MontserratMedium";font-weight:bold;display:inline-block;padding:4px;font-style:italic;cursor:pointer;}
                #font span#font-large{font-size:15px;}
                #font span#font-xlarge{font-size:17px;}
    #contact{position:absolute;top:30px;right:65px;}
        #contact a{display:block;}
            #contact a span{width:250px;display:inline-block;vertical-align: middle;text-align: right;}
    #bip{position:absolute;top:30px;right:0px;}

#wrap-navigation{width:100%;z-index:3;margin:30px 0px 0px 0px;}
    #menu-trigger{display:none;}
    #wrap-menu{width:100%;}
        #menu {width|:100%;text-align: center;}
            #menu .lvl0 {display:inline-block;}
                #menu .lvl0 > a {display:block;font-family:"Traian";font-size:16px;color:#58585a;padding:0px 10px 10px 10px;border-bottom:15px solid white;}
                #menu .lvl0:hover > a, #menu .lvl0.active > a {color:#68b2ef;border-bottom:15px solid #68b2ef;}
                #menu .lvl0.submenu-true{z-index:5;}
                #menu .nav-sub-0 {}
                    #menu .nav-ul-1 {position:absolute;top:47px;background-color:#68b2ef;width:200px;display:none;}
                        #menu .lvl1 {display:block;}
                            #menu .lvl1 > a {display:block;padding:5px 10px;color:white;font-size:14px;font-family:"Traian";text-align: left;}
                            #menu .lvl1:hover > a, #menu .lvl1.active > a {color:#58585a;}
    
#wrap-slideshow{width:100%;}
    #slideshow{height:560px;width:100%;overflow: hidden;}
        .slide{width:100%;height:100%;}
            .slide img{position:absolute;}
            .slide-text{width:70%;display:block;margin:0 auto;}
                .slide-text *[style*="60px"]{line-height:75px;}
    
#wrap-content{background-color:#ebebeb;padding:2%;}
    #wrap-icons{margin-top:-100px;}
        #wrap-icons a{display:inline-block;width:25%;margin:0% 2%;vertical-align: top;}
            #wrap-icons .icon-img{display:block;margin:0 auto 15px auto;background-color:#68b2ef;width:240px;height:240px;border-radius:120px;-moz-border-radius:120px;-o-border-radius:120px;-ms-border-radius:120px;box-shadow:5px 5px #428dcb;-moz-box-shadow:5px 5px #428dcb;-ms-box-shadow:5px 5px #428dcb;-o-box-shadow:5px 5px #428dcb;-webkit-box-shadow:5px 5px #428dcb;}
    #content{}
    
#wrap-news{padding:2%;background-color: #e1e1e1;opacity:0;}
    #news-prev{position:absolute;top:0px;left:0px;width:5%;height:100%;background:url("_images/prev.png") no-repeat center center;cursor:pointer;}
    #news-next{position:absolute;top:0px;right:0px;width:5%;height:100%;background:url("_images/next.png") no-repeat center center;cursor:pointer;}
    #news-in{width:90%;display:block;margin:0 auto;overflow:hidden;}
        #news-scroll{margin-top:20px;}
            .news{display:inline-block;vertical-align: top;text-align: center;padding-bottom:10px;}
                .news > span{padding:0px 20px;display:block;}
                .news-date{background-color:#68b2ef;width:120px;height:120px;box-shadow:5px 5px #428dcb;-moz-box-shadow:5px 5px #428dcb;-ms-box-shadow:5px 5px #428dcb;-o-box-shadow:5px 5px #428dcb;-webkit-box-shadow:5px 5px #428dcb;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;display:block;margin:0 auto 10px auto;}
                    .date-day{display:block;}
                    .date-mon{display:block;font-size:12px;}
                .news-title{display:block;margin-top:20px;}
                .news-text{display:block;}
                .news-more{}
                
    #news-left{width:30%;display:inline-block;vertical-align: top;}
        .news-link{color:#428dcb;margin-bottom:15px;}
        .news-link-date{background-color:#ff6472;padding:5px 10px;color:white;display:inline-block;}
        .news-link.active, .news-link:hover{background-color:#428dcb;color:white;}
        .news-link-title{display:block;padding:4px;text-align: left;}
    #news-id{display:none;width:100%;border:0px;font-size:14px;color:white;background:#68b2ef;font-family:"MontserratLight";padding:10px 2%;margin-bottom:10px;}
        #news-id option{padding:10px 0px;font-size:13px;}
    #news-right{width:68%;padding-left:2%;display: inline-block;vertical-align: top;}
            
#wrap-ppp{width:96%;background:url("_images/image.jpg") no-repeat top left #ff6472;background-size:contain;text-align: center;padding:2%;}
    #ppp-left{width:45%;display:inline-block;vertical-align: top;text-align: left;line-height:48px;padding-right:1%;}
    #ppp-right{width:45%;display:inline-block;vertical-align: top;padding-left:1%;text-align: justify;line-height:18px;}
    
#wrap-map{display:block;width:100%;height:325px;background:url("_images/map.jpg") no-repeat top left;background-size:cover;}
    #wrap-map div{position:absolute;right:10%;}
        
footer{margin-top:20px;}
    #fl{width:38%;vertical-align: top;display:inline-block;text-align: left;}
    #fc{width:24%;vertical-align: top;display:inline-block;text-align: center;}
        #fc img{width:100%;height:auto;max-width:186px;}
    #fr{width:38%;vertical-align: top;display:inline-block;text-align: right;}
    
#la{padding:20px 0px;color:#428dcb;font-size:12px;text-align: center;display:block;}
    #la:hover{color:#ff6472;}

.blue-button{color:white;background-color:#68b2ef;display:inline-block;padding:10px 60px;text-align: center;font-family:"MontserratMedium";box-shadow:5px 5px #428dcb;-moz-box-shadow:5px 5px #428dcb;-ms-box-shadow:5px 5px #428dcb;-o-box-shadow:5px 5px #428dcb;-webkit-box-shadow:5px 5px #428dcb;margin-top:15px;}
    .blue-button:hover, .news:hover .blue-button, #wrap-icons a:hover .blue-button{background-color:#ff6472;box-shadow:5px 5px #c75163;-ms-box-shadow:5px 5px #c75163;-moz-box-shadow:5px 5px #c75163;-webkit-box-shadow:5px 5px #c75163;-o-box-shadow:5px 5px #c75163;}
            

/******************************
********* NAVIGATION **********
******************************/
.navigation, .navigation ul{list-style-type:none;padding:0;margin:0;z-index:9;}
	.navigation li {position:relative;cursor:pointer;}
	.navigation li.lvl0{}
	.navigation li.lvl0:hover, .navigation li.lvl0.active{}
		.navigation li.lvl0 > a {color:inherit;}
		.navigation ul.nav-ul-1{}
			.navigation li.lvl1 {}
			.navigation li.lvl1:hover, .navigation li.lvl1.active {}
				.navigation li.lvl1 > a {color:inherit;}
				.navigation ul.nav-ul-2 {}
					.navigation li.lvl2 {}
					.navigation li.lvl2:hover, .navigation li.lvl2.active {}
						.navigation li.lvl2 > a {color:inherit;}
 						

/******************************
********* COOKIE INFO *********
******************************/
#cookie-info-wrap{position:fixed;z-index:9000;width:100%;font-family:inherit;bottom:0px;background-color:white;} 
	#cookie-info{width:90%;position:relative;z-index:2;margin:0 auto;padding:15px 0px;text-align: center;}  
        #cookie-info > span{display:inline-block;width:80%;vertical-align: middle;text-align: left;padding-left:3%;}
		#cookie-info-accept{font-size:14px;text-align:center;padding:10px 20px;background-color:green;color:white;display:inline-block;vertical-align: middle;}
        
@media(max-width:1100px) {#cookie-info > span{width:75%;}}
@media(max-width:800px) {#cookie-info > span{width:100%;padding-left:0px;padding-top:2%;text-align: center;}}
						

/******************************
*********** PROMOBOX **********
******************************/ 
#promobox-wrap{width:100%;text-align:center;}
    #promobox-in{padding:2%;background-color:white;display:inline-block;}
        #promobox {display:inline-block;}
            #promobox-image{height:100%;max-width:100%;}
            #promobox.fit #promobox-image{width:100%;}
    
        
/******************************
********** GENERAL ************
******************************/
a, a img{border:0;text-decoration:none;outline:0;color:#ff6472;} a:hover{color:#428dcb;}
	
*{outline:none;position:relative;z-index:2;}

h1 {font-weight:normal;margin-top:0px;} h2 {} h3 {} h4 {} h1, h2, h3, h4{}

.size-11{font-size:11px;} .size-12{font-size:12px;line-height:17px;} .size-13{font-size:13px;} .size-14{font-size:14px;} .size-15{font-size:15px;} .size-16{font-size:16px;line-height: 22px;} .size-17{font-size:17px;} .size-18{font-size:18px;} .size-19{font-size:19px;} .size-20{font-size:20px;} .size-21{font-size:21px;} .size-22{font-size:22px;} .size-23{font-size:23px;} .size-24{font-size:24px;} .size-25{font-size:25px;} .size-26{font-size:26px;} .size-27{font-size:27px;} .size-36{font-size:36px;line-height:40px;} .size-48{font-size:48px;}

.align-left{text-align:left;} .align-center{text-align:center;} .align-right{text-align:right;} .align-justify{text-align:justify;}

.font-bold{font-weight:bold;} .font-normal{font-weight:normal !important;} .font-traian{font-family:"Traian";} .font-mont{font-family:"MontserratLight";} .font-montm{font-family:"MontserratMedium";} .font-montr{font-family:"MontserratRegular";}

.colour-pink{color:#ff6472;} .colour-white{color:white;} .colour-black{color:black;} .colour-blue{color:#68b2ef;} .colour-blued{color:#428dcb;} .colour-grey{color:#58585a;}
	
.c{clear:both;} .float-left{float:left;} .float-right{float:right;} .no-float{float:none !important;clear:both;} 

.display-block{display:block;} .display-inline{display:inline;} .display-iblock{display:inline-block;} .display-none{display:none;}

.va-top{vertical-align: top;} .va-middle{vertical-align: middle;}

.no-margin{margin:0px;} .no-padding{padding:0px;} .no-border{border:0px;}

.hover{filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} .hover:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.trans{transition: all 0.5s ease-in-out;   text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out; }

.o-70{filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.o-80{filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.o-90{filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} 
.o-90:hover, .o-80:hover, .o-70:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
 
 
/******************************
******* MEDIA QUERIES *********
******************************/
@media(max-width:1000px) {
    /* Top */
    img[src*="sopot"]{left:0px;}
    #controls{position:relative;top:0px;width:48%;padding-right:2%;display:inline-block;vertical-align: top;text-align: right;margin-top:14px;}
        #controls #font{margin-right:0px;}
    #contact{position:relative;top:0px;right:0px;display:inline-block;vertical-align: top;width:48%;padding-left:2%;margin-top:20px;}
    
    /* Navigation */
    #menu .lvl0 > a{border-bottom:5px solid white;}
    #menu .lvl0.active > a, #menu .lvl0:hover > a{border-bottom:5px solid #68b2ef;} 
    #menu .nav-ul-1{top:35px;}
    
    /* Slideshow */
    #slideshow{height:400px;}
    
    /* Font sizes */
    *[style*="60px"]{font-size:40px !important;line-height:50px !important;}
    .size-36{font-size:32px;}
    .size-24{font-size:20px;}
    
    /* Icons */
    #wrap-icons{margin-top:-50px;}
        #wrap-icons a{width:29%;}
        #wrap-icons .icon-img{width:200px;height:200px;border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-webkit-border-radius:100px;-ms-border-radius:100px;}
            #wrap-icons .icon-img img{height:120px; width:auto;}
            
    /* Home Content */
    #wrap-ppp{background:#ff6472;}
    #ppp-left{width:100%;margin:0px;text-align: center;}
    #ppp-right{width:100%;margin:0px;padding:0px;}
    
    /* Content paddings */
    #wrap-content, #wrap-ppp{padding:3%;width:94%;}
    
    /* Map */
    #wrap-map div{background-color:#428dcb;padding:15px;}
}

@media(max-width:800px) {
    /* Font sizes */
    *[style*="60px"]{font-size:30px !important;line-height:36px !important;}
    .size-36{font-size:28px;}
    
    /* Home content */
    #ppp-left{line-height:32px;}
    
    /* Slideshow */
    #slideshow{height:300px;}
    
    /* News */
    #news-left{display:none;}
    #news-right{width:100%;margin:0;padding:0;}
    #news-id{display:block;}
}

@media(max-width:700px) {
    /* Wrap */
    #wrap{width:100%;}
    
    /* Top */
    img[src*="sopot"]{left:10px;top:15px;}
    #bip{right:10px;top:15px;}
    
    /* Icons */
    #wrap-icons{margin-top:0px;}
        #wrap-icons .icon-img{width:120px;height:120px;border-radius:60px;-webkit-border-radius:60px;-mox-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;}
        #wrap-icons .icon-img img{height:80px;}
        
    /* Font size */
    .size-36{font-size:24px;}
    .size-24{font-size:17px;}
    *[style*="23px"]{font-size:16px !important;}
    .size-20{font-size:16px;}
    
    /* Navigation */
    #wrap-navigation{margin-top:5px;}
    #menu-trigger{display:block;cursor:pointer;}
    #wrap-menu{position:absolute;background-color:#68b2ef;top:40px;left:-280px;width:280px;}
        #menu .lvl0{display:block;}
            #menu .lvl0 > a{border-bottom:0px;text-align: left;color:white;padding:5px;}
            #menu .lvl0:hover > a, #menu .lvl0.active > a{color:white;background-color:#ff6472;border:0px;}
            #menu .nav-ul-1{display:block !important;opacity:1 !important;position:relative;top:0px;}
                #menu .lvl1 > a{padding-left:15px;font-size:13px;}
    #wrap-menu.show{left:0px;}
}

@media(max-width:600px) {
    /* Icons */
    #wrap-icons a{width:46%;}
        #wrap-icons a:nth-of-type(3){margin-top:20px;}
        
    /* Footer contact */
    #fl, #fr{display:none;}
    #fc{width:100%;}
    
    /* Map */
    #wrap-map{background-position-x:-150px;}
    
    /* Top */
    #controls{width:100%;text-align: center;}
    #contact{width:100%;text-align: center;}
    
    /* Font sizes */
    .size-48{font-size:38px;}
    *[style*="60px"]{font-size:24px !important;line-height:30px !important;}
}

@media(max-width:400px) {
    /* Top */
    img[src*="sopot"]{height:40px;width:auto;}
    
    /* Bip */
    #bip img{height:40px;width:auto;}
    
    /* Logo */
    #logo{width:65%;}
    
    /* Icons */
    #wrap-icons a{width:94%;margin-top:20px;}
    #wrap-icons .icon-img{display:inline-block;margin-right:20px;vertical-align: middle;margin-bottom:0px;}
    #wrap-icons .icon-text{display:inline-block;vertical-align: middle;}
    
    /* News */
    #news-prev, #news-next{width:10%;}
    #news-in{width:80%;}
    
    /* Map */
    #wrap-map{height:250px;}
    #wrap-map div{display:none;}
    #wrap-map{background-position-x:0px;}
    
    /* Contact */
    #contact a span{width:200px;}
}