@charset "utf-8";
@import "reset.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');

*{
font-family:'Open Sans', trebuchet ms, arial, sans-serif;	
}

body{
margin:0px;
padding:0px;
text-align:center;
}

.container{
width:1200px;
margin:0px auto;
padding:0px;
position:relative;
}

.wrapper{
width:1200px;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

.top-stripe{
width:100%;
float:left;
min-height:140px;
background:#333333;
}

.logo{
margin:23px 0px 0px 0px;
float:left;
}

.details{
float:right;
height:25px;
margin-top:8px;
}

.details a{
height:25px;
line-height:25px;
float:left;
font-size:14px;
color:white;
text-align:left;
margin-left:30px;
}

.details a:hover{
text-decoration:underline;
}

#d1{
padding-left:31px;
background:url(../img/user/ico-phone.png) no-repeat left center;
}

#d2{
padding-left:33px;
background:url(../img/user/ico-envelope.png) no-repeat left center;
}

#d3{
padding-left:27px;
background:url(../img/user/ico-point.png) no-repeat left center;
}

#d4{
padding-left:17px;
background:url(../img/user/facebook.png) no-repeat left center;
margin-left:100px;
}

.mainnav{
float:right;
clear:right;
margin:22px 0px 0px 0px;
}

.mainnav a{
height:50px;
line-height:60px;
font-size:18px;
color:white;
font-weight:700;
margin:0px 20px;
text-transform:uppercase;
float:left;
}

.mainnav a:last-child{
margin-right:0px;
}

.mainnav a:hover,
.mainnav .current{
color:#007dab;
border-bottom:2px solid red;
}

.redline{
width:100%;
height:10px;
float:left;
background:red;
}

.banner{
width:100%;
float:left;
}

h1{
float:left;
width:100%;
font-size:42px;
line-height:35px;
text-align:center;
color:#007dab;
border-bottom:1px solid #cdcdcd;
font-weight:400;
padding:45px 0px 10px 0px;
}

p{
margin-top:40px;
float:left;
width:100%;
color:black;
font-size:14px;
text-align:justify;
line-height:23px;
}

ol,ul{
width:calc(100% - 40px);
float:left;
margin-top:40px;
margin-left:20px;
padding-left:20px;
color:black;
font-size:14px;
text-align:justify;
line-height:23px;
}

ol{
list-style:decimal;
}

ul{
list-style:disc;
}

p a,
ul a,
ol a{
color:red;
}

p a:hover,
ul a:hover,
ol a:hover{
text-decoration:underline;
}

.graydiv{
width:100%;
float:left;
margin:40px 0px 20px 0px;
height:1px;
background:#cdcdcd;
}

.gray-section{
width:100%;
float:left;
background-image: linear-gradient(#d7d7d7, white);
}

.boxes{
width:100%;
float:left;
margin-top:40px;
}

.box{
width:31%;
float:left;
margin:0px 3.5% 0px 0px;
}

.box:last-child{
margin-right:0px;
}

.box img{
float:left;
width:calc(100% - 2px);
border:1px solid #707070;
margin:0px;
padding:0px;
overflow:hidden;
}

.box .boxtxt{
width:100%;
float:left;
background:#004e6a;
}

.box h2{
width:100%;
float:left;
font-size:18px;
float:left;
text-align:center;
color:white;
padding:15px 0px;
text-transform:uppercase;
}

.box p{
width:92%;
float:left;
margin:0 0 0 4%;
padding:0 0 15px 0;
color:white;
text-align:justify;
font-size:14px;
}

.more{
float:right;
height:40px;
line-height:42px;
padding:0px 25px;
background:red;
color:white;
font-size:18px;
font-weight:700;
text-transform:uppercase;
}

.more:hover{
background:#c80000;
}

.whysection{
width:100%;
float:left;
text-align:center;
background:#333333;
padding-bottom:40px;
}

.tithead{
width:100%;
float:left;
text-align:center;
font-size:42px;
line-height:45px;
color:#14b3ed;
text-transform:uppercase;
padding:30px 0 10px 0;
}

.whybox{
width:19%;
float:left;
margin:40px 8% 0 0;
}

.whybox:last-child{
margin-right:0;
}

.whybox h3{
width:100%;
float:left;
text-align:center;
font-size:18px;
color:red;
text-transform:uppercase;
font-weight:700;
}

.whybox img{
float:left;
margin-left:calc(50% - 77px);
margin-top:19px;
}

.whybox p{
width:100%;
float:left;
text-align:center;
font-size:14px;
color:white;
line-height:20px;
padding:0;
margin-top:19px;
}

.bsection{
width:100%;
float:left;
text-align:center;
background-image: linear-gradient(#015676, #093849);
padding-bottom:20px;
}

.bottnav{
width:100%;
text-align:center;
padding:28px 0px 25px 0px;
border-bottom:1px solid #99b8c3;
margin-bottom:40px;
}

.bottnav a{
font-size:16px;
color:white;
padding:0px 30px;
font-weight:bold;
text-transform:uppercase;
}

.bottnav a.current,
.bottnav a:hover{
color:red;
}

.bbox{
float:left;
font-size:14px;
color:white;
height:140px;
}

.bbox p{
color:white;
font-size:14px;
margin:0px;
padding:0px;
}

.bbtitle{
width:calc(100% - 34px);
float:left;
height:25px;
line-height:25px;
text-align:left;
font-size:18px;
font-weight:700;
text-transform:uppercase;
padding-left:34px;
color:red;
}

.bbcontent{
width:100%;
float:left;
margin-top:11px;
}

.bbleft{
float:left;
width:55%;
text-align:right;
}

.bbleft p{
text-align:right;
}

.bbright{
float:left;
width:38%;
text-align:left;
margin-left:13px;
}

.bb1 .bbtitle{
background:url(../img/user/ico-clock.png) no-repeat left center;
}

.bb1{
/*background:url(../img/user/kreska.jpg) no-repeat right center;*/
width:22.5%;
padding-right:85px;
}

.bb2 .bbtitle{
background:url(../img/user/ico-contact.png) no-repeat left center;
}

#d11{
width:calc(100% - 31px);
padding-left:31px;
background:url(../img/user/ico-phone.png) no-repeat left center;
}

#d22{
width:calc(100% - 33px);
padding-left:33px;
background:url(../img/user/ico-envelope.png) no-repeat left center;
}

#d33{
width:calc(100% - 27px);
padding-left:27px;
background:url(../img/user/ico-point.png) no-repeat left center;
}

.bbdet a{
height:25px;
line-height:25px;
float:left;
font-size:14px;
color:white;
text-align:left;
margin-top:3px;
}

.bbdet a:hover{
text-decoration:underline;
}

.bb2{
background:url(../img/user/kreska.jpg) no-repeat right center, url(../img/user/kreska.jpg) no-repeat left center;
width:24%;
padding-right:70px;
padding-left:85px;
}

.logo2{
float:right;
width:290px;
margin-top:26px;
}

.map{
width:100%;
height:200px;
float:left;
}

.tags{
width:100%;
float:left;
padding:30px 0px;
}

.tags p{
font-size:8pt;
color:black;
text-align:center;
line-height:15px;
margin:0; padding:0;
float:left;
width:100%;
}

footer{
background-image: linear-gradient(#d7d7d7, white);
width:100%;
height:40px;
text-align:center;
float:left;
}

.copyright,
.webcat a{
font-size:8pt;
color:black;
font-family:verdana,sans-serif;
height:40px;
line-height:40px;
}

.copyright{
float:left;
}

.webcat{
float:right;
}

.web{
color:#9e0d2a;
font-weight:bold;
}

.cat{
color:#62a400;
font-weight:bold;
}

.gallery{
width:100%;
float:left;
}

.gallery img{
width:23%;
float:left;
margin:2.66% 2.66% 0 0;
}

.lastphoto{
margin-right:0!important;
}

.gallery img:hover{
filter:brightness(110%) blur(2px) grayscale(100%);
-webkit-filter:brightness(110%) blur(2px) grayscale(100%);
transition:0.2s;
}
	
.maps,
.movie{
width:100%;
float:left;
margin-top:40px;
text-align:center;
overflow-x:hidden;
}

.hide{
	opacity:0
}

.show {
	opacity: 1;
}

#cookies-message{
background:#dd1615;
width:calc(80% - 80px);
padding:40px;
text-align:justify;
color:white;
font-size:14px;
line-height:1.4em;
position:fixed;
bottom:50px;
left:10%;
right:10%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
z-index:9999;
}

.akc1{
width:40%;
float:left;
height:50px;
line-height:50px;
background:white;
color:black;
cursor:pointer;
text-align:center;
margin-top:2%;
}

.akc1:hover{
background:black;
color:white;
}

.rightit{
float:right;
}

.mobile-start{
width:100%;
float:left;
height:50px;
text-align:center;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
position:fixed;
top:0px;
left:0px;
z-index:9999;
display:none;
}

#mobile-butt{
height:40px;
line-height:40px;
display:inline-block;
font-size:14px;
font-weight:700;
color:black;
padding-right:50px;
background:url(../img/user/rm.png) no-repeat right center;
text-transform:uppercase;
margin-top:5px;
cursor:pointer;
}

.mobile-container{
width:100%;
float:left;
background:white;
position:fixed;
top:60px;
left:0px;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
z-index:9999;
}

#xx{
width:100%;
float:left;
}

.xbut{
float:right;
margin-right:20px;
cursor:pointer;
}

.xbut img{
margin:10px 0px 0px 0px;
}

.mobilenav{
width:100%;
float:left;
text-align:center;
padding-bottom:10px;
background:white;
}

.mobilenav a{
width:80%;
float:left;
height:40px;
line-height:40px;
color:white;
background:black;
text-align:center;
font-size:14px;
margin-left:10%;
margin-top:1px;
}

.mobilenav a:hover{
background:red;	
}

.mobspacer{
width:100%;
float:left;
height:52px;
display:none;
}

.download{
width:100%;
float:left;
color:red;
text-align:left;
padding:15px 0px;
font-size:16px;
font-weight:700;
}

.download:hover{
text-decoration:underline;
}

/* Media queries */

@media screen and (max-width: 1200px){
	
body{
overflow-x:hidden;
}	
	
div.container{
width:100%;
}

div.wrapper{
width:90%;
margin:0 0 0 5%;
}

.logo{
width:200px;
margin-top:42.5px;
}

.logo2{
display:none;
}

.bb1{
padding:0px;
width:auto;
float:left;
}

.bb2{
padding:0px;
width:auto;
float:right;
background:none;
}

.bbleft{
width:auto;
text-align:right;
}

.bbleft p{
text-align:right;
}

.bbtitle{
width:auto;
}

.bbcontent{
width:auto;
clear:left;
}

#d11,#d22,#d33{
width:auto;
clear:left;
}

.bbright{
float:left;
width:auto;
text-align:left;
margin-left:13px;
}

}

@media screen and (max-width: 1150px){

#d4{
margin-left:30px;
}

}

@media screen and (max-width: 1060px){

.details a{
font-size:12.5px;
}

}

@media screen and (max-width: 1000px){

.mainnav{
display:none;
}

.bottnav{
display:none;
}

.mobspacer,
.mobile-start{
display:initial;
}

.details{
min-height:25px;
margin-top:3px;
}

.details a{
clear:left;
margin-top:5px;
}

#d4{
padding-left:132px;
background:url(../img/user/facebook2.png) no-repeat left center;
margin-left:0px;
background-size:auto 19px;
}

#d4:hover{
background:url(../img/user/facebook2_hover.png) no-repeat left center;
background-size:auto 19px;
}

#d1,#d2,#d3{
margin-left:0px;
}

.box h2{
height:40px;
background:black;
line-height:22px;
}

.more{
font-size:14px;
}

.logo{
width:344px;
margin:23px 0px 0px 0px;
}

}

@media screen and (max-width: 800px){
	
.whybox{
width:42.5%;
float:left;
margin:40px 0 0 5%;
min-height:300px;
}

}

@media screen and (max-width: 710px){
	
.more{
padding:0px 7px;
}

}

@media screen and (max-width: 670px){
	
.bb1{
width:100%;
margin-top:40px;
}

.bb2{
width:100%;
float:left;
}

.logo{
width:250px;
padding-left:calc(50% - 125px);
padding-right:calc(50% - 125px);
padding-bottom:10px;
}

.details{
height:auto;
padding:10px 0px 20px 0px;
width:270px;
float:left;
margin-left:calc(50% - 115px);
}

}

@media screen and (max-width: 560px){
	
.gallery img{
width:45%;
margin:3% 0 0 3%;
}
	
}

@media screen and (max-width: 560px){

.more{
padding:0px 25px;
font-size:18px;
}

.box{
width:90%;
float:left;
margin:50px 0 0 5%;
}

.whybox{
width:90%;
float:left;
margin:40px 0 0 5%;
}

}