/* ===========================================================
 * Filename: custom.css
 * Version: 0.1
 * Project:	~
 * Author: web360
 * =========================================================== */

.div-center{
margin-left:auto;
margin-right:auto;
}
.opacity70{
background:rgba(0,0,0,0.7);
}
.logo{
background: url('../images/backgrounds/logo2.png');
width:204px;
height:131px;
box-shadow: 2px 2px 30px #000;
}
.nav{
width:760px;
}
.active{
color:#b6b4b8;
}

#langs { position: absolute; left: 10px; top: 40%;}
#langs a { display: block;}

article { font-size: 1.2em; line-height: 1.4em;}
article a { color: #fff;}
article a:hover { color: #666;}
.gallery-cat { text-align: center;}
.gallery-cat span{ padding: 10px 10px 0 0; display: inline-block;}
.gallery-cat img { width: 80px; height: 80px; border: 2px solid #333; }
.gallery-cat img:hover { border-color: #fff;}
.fancybox:hover img { border-color: #fff !important;}

/* GDPR */

#gdprBox { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; padding: 20px; text-align: center; font-size: 12px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
#gdprBox .links { display: block; }
#gdprBox .buttons { display: block; margin: 15px 0; }
#gdprBox .acceptAll { display: inline-block; background: #00a1e6; padding: 10px 15px; color: #fff; transition: .5s all ease-in-out; text-decoration: none; }
#gdprBox .acceptAll:hover { background: #074f6e; color: #fff; }
#gdprBox a { color: #000; text-decoration: underline; transition: .5s all ease-in-out; margin: 0 10px; }
#gdprBox a:hover { color: #777; }

#special-text { padding: 30px 0; color: #fff;}
#special-text h1 { padding: 20px 0; font-size: 2em;}
#special-text h2 { padding: 20px 0; font-size: 1.5em;}
#special-text { padding: 20px; margin-bottom: 100px; transition: .5s all ease;}
#special-text p { transition: .5s all ease;}
#special-text img { width: 150px; margin: 0 20px 20px 0; float: left;}

#privacyPolicy { padding: 30px 0;}
#privacyPolicy h1 { padding: 40px 0; color: #00ADEF; font-size: 3em;}
#privacyPolicy h2 { padding: 20px 0; color: #00ADEF; font-size: 2em;}
#privacyPolicy article { padding: 20px; margin-bottom: 100px; transition: .5s all ease;}
#privacyPolicy article h1 { color: #034221; font-size: 2.2em; padding: 0; transition: .5s all ease;}
#privacyPolicy article p { transition: .5s all ease;}
#privacyPolicy article ul { padding-left: 20px; font-size: 1.6em; line-height: 1.4em; }

.switch {position: relative; display: inline-block; width: 54px; height: 28px; }
.switch input {display:none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider {background-color: #2196F3; }
input:focus + .slider {box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px; }
.slider.round:before {border-radius: 50%; }