@import url(http://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic);
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img { border:none;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { overflow-y: scroll; }
a { color:#1a94ab; text-decoration:none;}
a:hover { color:#1a94ab; text-decoration:underline;}

body { padding:0; margin:0; font-family: 'Neucha', cursive; font-size:1.125em; color:#292929; background:#f3eee8; overflow:auto;}
.body { padding:0; margin:0 auto; width:100%; max-width:1200px; position:relative;}
#dots { width:70px; position:fixed; top:30%; right:0; text-align:center; z-index:10;}
#dots ul {padding:0; margin:0; list-style:none;}
#dots ul li { padding:0; margin:0; width:70px; height:40px; display:block; clear:both; text-align:center; position:relative; line-height:30px;}
#dots ul li a { font-size:0px; display:inline-block; background:#00a3c8; text-decoration:none; color:#00a3c8; width:16px; height:16px; margin-top:5px; -webkit-border-radius:50%; border-radius:50%; border:3px solid #ffffff; -webkit-transition:all 0.5s linear; transition:all 0.5s linear;}
#dots ul li a:hover { background:#1a94ab; text-decoration:none; color:#1a94ab; width:26px; height:26px; position:relative;}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {position: relative;	z-index: 2;cursor: pointer;}
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);	opacity: 0;	pointer-events: none;}
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute;	bottom:-50%; left: 50%;	margin-bottom: 5px;	margin-left: -150px; padding: 7px; width: 120px; -webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius: 5px; background-color: #fcd607; border:1px solid #ffffff; color: #2e342e; content: attr(data-tooltip); font-size: 16px; line-height: 1.2; text-align:left; z-index:100 !important;}
/* Show tooltip content on hover */
[data-tooltip]:hover:before {visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
header { padding:0; margin:0; width:100%; height:162px; background:url(img/header.png) no-repeat center top;}
nav { padding:60px 0 0; margin:0 auto; width:100%; max-width:1780px; text-align:right;}
nav a {color:#ffffff; text-decoration:none; padding:0 1%}
nav a:hover {color:#ffffff; text-decoration:underline;}
#home { padding:0 0 70px 0; margin:-40px 0 0 0; width:100%; clear:both; text-align:center;}
#home h1 { padding:80px 0 0; margin:0 auto; text-align:left; width:auto !important; display:inline-block; font-family: 'Neucha', cursive; font-size:1.667em; color:#00a3c8; font-weight: normal;}
#about { padding:0; margin:0; width:100%; min-height:600px; background:url(img/about.jpg) repeat-y center top; clear:both;}
#about-top {padding:0; margin:0; width:100%; height:79px;clear:both; background:url(img/about-top.jpg) no-repeat center top;}
#about-bottom {padding:0; margin:0; width:100%; height:54px;clear:both; background:url(img/about-bottom.jpg) no-repeat center top;}
#about h2, #news h3, #gallery h3 {padding:80px 0 0; margin:0 auto; text-align:center; font-family: 'Neucha', cursive; font-size:2.667em; color:#ffffff; font-weight: normal; text-transform:uppercase;}
#news h3, #gallery h3 {padding:50px 0 0;}
#gallery h3 { color:#ecc019;}
#gallery h3 img { vertical-align:middle;}
.image-about { padding:0; margin:0; width:36%; float:left;}
.image-about img { width:100%;}
.text-about { padding:0 3% 50px 0; margin:0; width:100%; float:none;}
.text-about p { padding:15px 0 0; margin:0; line-height:1.3;}
.text-about ul { padding:15px 0 0; margin:0; line-height:1.3;}
#news { padding:0 0 80px; margin:0; width:100%; clear:both;}
.image-news { padding:0; margin:0; width:36%; float:left;}
.image-news img { width:100%;}
.list-news { padding:0; margin:0; width:64%; float:left;}
.box { padding:25px 0 40px; margin:0; background:url(img/list-border.png) repeat-x left bottom;}
.box h4 { padding:0; margin:0 auto;  font-family: 'Neucha', cursive; font-size:1.667em; color:#00a3c8; font-weight: normal;}
.box p { /*padding:20px 0 0;*/ margin:0;}
.box p.date { font-size:0.778em; color:#848585; padding:10px 0 0;}
a.more { display:block; width:222px; height:54px; background:url(img/more-a.png) no-repeat left center; line-height:54px; color:#ffffff; text-decoration:none; padding-left:20px; margin-top:15px;}
a.more:hover { display:block; width:222px; height:54px; background:url(img/more-h.png) no-repeat left center; line-height:54px; color:#2e342e; text-decoration:none; padding-left:20px; margin-top:15px;}
#gallery { padding:0 0 50px; margin:0; width:100%; clear:both;  background:url(img/net.png) no-repeat center 120px;}
.net { padding:120px 0 0; margin:0 auto; width:100%; max-width:1780px; /*text-align:center;*/}
.net a { /*display:inline-block;*/ width:22.5%; /*margin:0 2% 60px 0;*/ text-align:left; position:relative;}
/*.net a img { width:100%;}*/
.net a h5 { padding:0; margin:0 auto;  font-family: 'Neucha', cursive; font-size:1.333em; color:#00a3c8; font-weight: normal;}
.net a p { padding:10px 0 0 0; margin:0; color:#484848}
.net a:hover { text-decoration:none;}
.net a img.hover-image { position:absolute; top:0; left:0; width:100%; opacity:0; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.net a:hover img.hover-image { opacity:1;}
footer { padding:0; margin:0; width:100%; clear:both; background: url(img/footer.png) no-repeat center top #00a3c8}
a.home { position:absolute; top:-50px; left:50%; margin-left:-58px;}
.contacts { padding:70px 0 20px 0; margin:0; width:55%; float:left; color:#dddddd; font-family:Arial, Helvetica, sans-serif; font-size:0.778em}
.contacts h4 {padding:0; margin:0 auto;  font-family: 'Neucha', cursive; font-size:2.143em; color:#ffffff; font-weight: normal;}
.contacts a { color:#dddddd; text-decoration:none;}
.contacts a:hover { color:#dddddd; text-decoration:underline;}
.contacts img { float:left; margin-right:3%;}
.social { padding:70px 0 20px 0; margin:0; width:45%; float:left; text-align:right;}
.social a { padding:0 0 0 10%;}
.logos { padding:20px 0; margin:0; width:100%; float:left; border-top:1px solid #6db8d0; text-align: center; color: #fff;}
.copy { padding:20px 0; margin:0; width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.611em; color:#a2c8d6}
.copy span { float:left; width:50%;}
.copy span:last-child { text-align:right;}
.copy a { color:#a2c8d6; text-decoration:none;}
.copy a:hover { color:#a2c8d6; text-decoration:underline;}

.overlay {  bottom:0; right:0; background:#f3eee8; width:100%; /*height:100%;*/ height: 800px; z-index:150; display:block; }
.overlay header {padding:30px 3% 0 0; margin:0; width:100%; height:107px; background:url(img/header-popup.png) no-repeat left top; text-align:right; font-size:1.333em;}
.overlay header a { color:#ffffff; text-decoration:none;}
.overlay header a:hover { color:#ffffff; text-decoration:underline;}
.overlay .left-overlay { width:22%; float:left; padding:0; margin:0; text-align:center;}
.overlay .left-overlay img { width:60%; margin-top:-50px; float: none !important;}
.overlay .right-overlay { width:75%; height:80%; overflow:auto; position:relative; z-index:200; float:left; padding:0; margin:0;}
.overlay .left-overlay h3, .overlay .left-overlay h4 {padding:40px 0 0; margin:0 auto; text-align:center; font-family: 'Neucha', cursive; font-size:2.667em; font-weight: normal; text-transform:uppercase;}
.overlay .left-overlay h3 { color:#1a94ab;}
.overlay .left-overlay h4 { color:#ecc019;}
.overlay .right-overlay .box { padding:25px 0 40px; margin:0 3% 0 0; width:45%; /*max-height: 335px;*/ float:left; background:url(img/list-border.png) repeat-x left bottom;}
.overlay .right-overlay .box:nth-of-child(2n+1) { clear:left;}
.pages { padding:50px 0; margin:0; width:100%; float:left; text-align:center; font-size:2.667em; color:#1a94ab;}
.pages img { vertical-align:middle;}
.pages a, .pages span { padding:0 2%;}
.pages span {color:#ecc019;}

.box-content { padding:50px 0 0 0; margin:0 auto; width:70%;}
.box-content h4 { padding:0; margin:0 auto;  font-family: 'Neucha', cursive; font-size:2.667em; color:#00a3c8; font-weight: normal;}
.box-content p { padding:0 0 20px; margin:0;}
.box-content p.date { font-size:0.778em; color:#848585; padding:10px 0 0;}

body.hidden, html.hidden { overflow:hidden; height:100%;}
body.hidden .overlay {
}

@media screen and (max-width: 1024px) {
nav { padding:15px 0 0; margin:0 auto; width:100%; text-align:center;text-shadow: 1px 1px 0 #0084a2;}
.text-about { padding:20px 6% 0 0;}
.list-news { padding:0 0 0 3%;}
.contacts { padding:70px 0 20px 3%;}
.social { padding:70px 3% 20px 0;}
.social a { padding:0 0 0 5%;}
.overlay .right-overlay .box {width:97%;}
}
@media screen and (max-width: 1366px) {
.net { padding:120px 3% 0;}
.overlay .left-overlay { width:30%;}
.overlay .right-overlay { width:65%; height:80%;}
}
.right-overlay footer, .overlay footer {display: none;}
#overlay2 img {float:left; margin-right: 3%;}
.ngg-fancybox img {width: 267px !importan; height: 200px !importan;}
#tp-grid {margin-bottom: 300px !important;}

#bwg_container1_0, #bwg_container2_0, .bwg_album_extended_text_div_0, #bwg_container1_1, #bwg_container2_1, .bwg_album_extended_text_div_1  {
background-color: none !importan;
border-radius: 0 !importan; 
border: 0 !importan; 
display: table !importan;
width: 400px; !importan;
padding: 5px;

}
#bwg_container2_0, #bwg_container3_0, .bwg_album_extended_text_div_0, #bwg_container2_2, #bwg_container3_2, .bwg_album_extended_text_div_2  {
background-color: none !importan;
border-radius: 0 !importan; 
border: 0 !importan; 
display: table !importan;
width: 400px; !importan;
padding: 5px;

}

#bwg_container1_0 #bwg_container2_0 .bwg_album_extended_text_div_0, #bwg_container1_1{} #bwg_container2_1 .bwg_album_extended_text_div_1  {
position: absolute;

}
.gallery-icon img {margin-right: 5px; float: left;}
.net p {position: relative; width: 267px; display: inline-block;}
figure {float: left; width: 247px; padding-bottom: 50px;}
figure.gallery-item {width: 150px;}
table {
    border-collapse: separate;
    border-spacing: 20px;
}