*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 15px; padding: 0; margin: 0;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
font-family:'Milonga', cursive, Open Sans, sans-serif;
font-size: 14px;
line-height: 1;
color: #373737;
background: #ffffff;
}
header{display:block;background: -moz-linear-gradient(top, rgba(116,163,228,1) 0%, rgba(131,174,231,0.7) 21%, rgba(135,177,232,0.7) 27%, rgba(189,217,243,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(116,163,228,1) 0%,rgba(131,174,231,0.7) 21%,rgba(135,177,232,0.7) 27%,rgba(189,217,243,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(116,163,228,1) 0%,rgba(131,174,231,0.7) 21%,rgba(135,177,232,0.7) 27%,rgba(189,217,243,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

h1 {color: #f2e707;font-size: 45px;margin:0;font-family: 'Cinzel Decorative', cursive;font-weight: bold;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff,2px 2px 0 #ebdf05;display:inline-block;}
h2 {color: #73b531;font-size: 35px;text-align: center;padding-top: 10px;margin: 0 0 10px 0;}

.foot3 {float:right;display:inline-block;margin:10px;}
.foot3 img:hover { -webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}
.foot4{float:left;margin:20px 5px;font-size:16px;width:100px;}

.menu{max-width: 1240px;margin: 0 auto;}

.container{margin: 250px auto 0;display:block;width: 100%;max-width: 1280px;padding:0 10px;}

.tabl2 {display:table;width:100%;margin:0 auto;}
.tabl-c{display:table-cell;width:50%;vertical-align: middle;}


.colum {max-width: 30%;padding: 0 10px;-webkti-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;margin:10px 5px;display:inline-block;}

/*новости*/
.column {max-width: 50%;padding: 0 10px;-webkti-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  float: left;width:100%;}
.post-module {margin:0 auto; position: relative;z-index: 1;display: block;background: #FFFFFF;min-width: 200px;max-width: 350px;height: 310px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
.post-module:hover, .hover {-webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);}
.post-module:hover .thumbnail img, .hover .thumbnail img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity: .6;  }
.thumbnail img{width: 100%;overflow: hidden;height: 200px;height: auto;}
.post-module .thumbnail {background: #ffffff;height: 200px;overflow: hidden;}
.post-module .thumbnail .date {position: absolute;top: 15px;right: 15px;z-index: 1;background: #FFD700;width: 55px;height: 55px;padding: 12.5px 0;  -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #FFFFFF;font-weight: 700;
  text-align: center;-webkti-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.post-module .thumbnail .date .day {font-size: 18px;}
.post-module .thumbnail .date .month {font-size: 12px;text-transform: uppercase;}
.post-module .thumbnail img {display: block; width: 120%;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
.post-module .post-content {position: absolute;bottom: 0;background: #FFFFFF;width: 100%;padding: 20px;-webkti-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;-moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;-ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;-o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;}
.category {position: absolute;top: 150px;left: 0;background: #73b531;padding: 10px 15px;color: #FFFFFF;font-size: 14px;font-weight: 600;text-transform: uppercase;}
.post-module .post-content .title {margin: 0;padding: 0 0 10px;color: #000;font-size: 18px;line-height: 1.5em;}
.post-module .post-content .description {display: none;color: #666666;font-size: 14px;line-height: 1.5em;}
.hover .post-content .description {display: block !important;height: auto !important;opacity: 1 !important;}
/*конец новости*/

/*приветствие*/
.box10{line-height: 2; text-align:justify;max-width: 800px;margin:30px auto;  font-size: 16px;padding: 20px;position:relative;
background: #fff;background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));	background: -moz-linear-gradient(100% 50%, #fff, #fff 10%, #f3f3f3);border: 1px solid #ccc;-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);-moz-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);	-webkit-border-bottom-right-radius: 60px 5px;-moz-border-radius-bottomright: 60px 5px;border-bottom-right-radius: 60px 5px;}
.box10:before{content: '';width: 98%;z-index:-1;height: 100%;padding: 0 0 1px 0;position: absolute;bottom:0; right:0;	background: #fff;background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));	background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);border: 1px solid #ccc;-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);box-shadow: 1px 1px 8px rgba(0,0,0,0.1);	-webkit-border-bottom-right-radius: 60px 5px;-moz-border-radius-bottomright: 60px 5px;border-bottom-right-radius: 60px 5px;	-webkit-transform: skew(2deg,2deg)	translate(3px,8px);-moz-transform: skew(2deg,2deg)	translate(3px,8px);-o-transform: skew(2deg,2deg) translate(3px,8px);transform: skew(2deg,2deg)	translate(3px,8px);}
.box10:after{content: '';width: 98%;z-index:-1;height: 98%;padding: 0 0 1px 0;position: absolute;bottom:0; right:0;background: #fff;background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));background: -moz-linear-gradient(0 0 360deg, #f3f3f3, #fff 10%, #f6f6f6);border: 1px solid #ccc;-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);-moz-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);-webkit-transform: skew(2deg,2deg)	translate(-1px,2px);-moz-transform: skew(2deg,2deg)	translate(-1px,2px);-o-transform: skew(2deg,2deg)		translate(-1px,2px);transform: skew(2deg,2deg)	translate(-1px,2px);}

.table {display: table;overflow: hidden;table-layout: fixed;width: 99%;}
.row1 {display: table-row;}
.cell4 {display: table-cell;text-align: center;width: 200px;vertical-align: middle;}
.cell6 {display: table-cell;overflow-wrap: break-word;text-align: center;vertical-align: middle;}
/*конец приветствие*/

/*,буклеты на главной*/
.tabl3 {text-align:center;}
.note {vertical-align: top;position:relative;width:225px;height:auto;padding:10px 0 0;margin:10px;color:#000;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;text-align:center;-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}

.notes {position:relative;width:330px;height:260px;padding:10px 0 0;margin:10px;color:#000;background:#fff;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;text-align:center;-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}


.note .span, .notes .span{color:#000;font-size: 18px;display:block;text-align:center;margin:10px 0;}
.te {width:40px; height:auto; margin:0 auto;transition: 0.4s;}
.te:hover {transform: scale(1.15, 1.15);}
.note a{text-decoration: none;}
.id {background:#FF8C00;margin:5px 0 0; width:100%;color: #ffffff;padding:5px 0;position:absolute;bottom:0px;}
/*конец блок 1*/

/*блок 2 газета*/
.tabl4 {text-align:center;margin:30px 0;}
.link{display:block;margin:5px auto;color: #73b531;font-size: 20px;}
.catalog3{display: inline-block;width: 225px;margin:10px;font-size: 16px;}
/*конец блок 2 газета*/

.tabl5 {text-align:center; max-width:800px;margin:0 auto;display:block;font-size: 16px;line-height: 1.5;}
.tabl5 .img{max-width:800px;width: 100%;height:auto;}

h3 {color: #73b531;font-size: 25px;text-align: center;margin: 20px auto; width:90%;}
.h4 {color: #ffffff;font-size: 20px;text-align: center;margin: 0;width:100%;}
.katalog {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;border:1px solid #ccc;}
.katalog iframe {position:absolute;top:0;left:0;width:100%;height:100%;}








/* Стили модального окна и содержания */
.dm-overlay {position: fixed;
width: 100%;height: 100%;z-index: 1000;
top: 0;left: 0;
background: rgba(0, 0, 0, 0.65);
display: none;overflow: auto;}
/* активируем модальное окно */
.dm-overlay:target {display: block;-webkit-animation: fade .6s;-moz-animation: fade .6s;animation: fade .6s;}
/* блочная таблица */
.dm-table {display: table;width: 100%;height: 100%;}
/* ячейка блочной таблицы */
.dm-cell {display: table-cell;padding: 0 1em;vertical-align: middle;text-align: center;}
/* модальный блок */
.dm-modal {width:90%;display: inline-block;padding: 20px;max-width: 50em;background: #ffffff;-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);color: #cfd8dc; margin:0 auto;}
/* изображения в модальном окне */
.dm-modal img {width: 100%;height: auto;}
/* миниатюры изображений */
.pl-left {width: 45%;height: auto;float: left;margin: 5px 15px 5px 0;}
/* рисуем кнопарь закрытия */
.close {z-index: 9999;float: right;width: 30px;height: 30px;color: #cfd8dc;text-align: center;text-decoration: none;line-height: 26px;cursor: pointer;}
.close:after {display: block;border: 2px solid #cfd8dc;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: 'X';-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);}
.close:hover:after {border-color: #29aa3d;color: #29aa3d;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
/* движуха при появлении блоков с содержанием */
@-moz-keyframes fade {from {opacity: 0;}to {opacity: 1}}
@-webkit-keyframes fade {from {opacity: 0;}to {opacity: 1}}
@keyframes fade {from {opacity: 0;}to {opacity: 1}}
/*всплывающаяся подсказка*/
.image{display: inline;position: relative;}
.image:hover:after{content: attr(data-text);position: absolute;left: 0; right: 0; bottom: 0px;z-index: 10000;background: rgba(0, 0, 0, 0.506);color: #fff;text-align: center;padding: 5px 10px;border: 1px solid #333;}

/*анимации на главной*/
.cloud {height: 50px; z-index: 16;}
.header {height: 20px;position: absolute;width: 100%;z-index: 20;text-align:center;}
.cloud__back {background: url("../images/cloud.png") repeat-x transparent;height: 168px;position: absolute;width: 100%; top: -58px;z-index: 18;}
.cloud__front {background: url("../images/cloud.png") repeat-x transparent;height: 168px;position: absolute;width: 100%;top: -72px;z-index: 19;}
.cloud__main {background: url("../images/main-cloud.png") repeat-x transparent;height: 188px;position: absolute;top: -65px;width: 100%;z-index: 16;}

.cloud .x1 {-webkit-animation: cloudmove 8.5s infinite linear;-moz-animation: cloudmove 8.5s infinite linear;-ms-animation: cloudmove 8.5s infinite linear;animation: cloudmove 8.5s infinite linear;}
.cloud .x2 {-webkit-animation: cloudmove 7s infinite linear;-moz-animation: cloudmove 7s infinite linear;-ms-animation: cloudmove 7s infinite linear;animation: cloudmove 7s infinite linear;}
.cloud .x3 {-webkit-animation: cloudmove 4.5s infinite linear;-moz-animation: cloudmove 4.5s infinite linear;-ms-animation: cloudmove 4.5s infinite linear;animation: cloudmove 4.5s infinite linear;}

@-webkit-keyframes cloudmove {0% {background-position: -105px 0px;}
100% {background-position: -210px 0px;}}
.snake {background: url("../images/snake.png");height: 196px;position: absolute;top: 130px;width: 188px;z-index: 20;  -webkit-animation: snakemove 60s infinite linear;-moz-animation: snakemove 60s infinite linear;-ms-animation: snakemove 60s infinite linear;animation: snakemove 60s infinite linear;right: 24%;}
@-webkit-keyframes snakemove {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);    transform: rotate(360deg);}}

.fon1 {max-width: 1100px;width:100%;height: auto; position: relative;margin:100px auto 30px;display: block;padding:0;}
.fon1 img {width:90%;height: auto;display:block;margin:0 auto;position: relative;}




















@media (max-width: 65em) {		
.tabl-c{display: table-row;width:100%;}	
}




@media (max-width: 49.938em) {		
h1 {font-size: 30px;margin:10px 0 0;}
h2 {font-size: 25px;}
.container{margin: 450px auto 0;}
.tabl-c{display: table-row;width:100%;}	
.colum {max-width: 47%;}
.foot4{float:none;margin:0 auto;}
.foot3 {margin:0;}
}






@media (max-width: 32.438em) {
h1 {font-size: 24px;margin:17px 0 0;}
h2 {font-size: 20px;}
.container{margin: 20px auto 0;}
.tabl-c{display: table-row;width:100%;}
.colum {max-width: 100%;}
}






.na{text-align:center;margin:5px 0;}
.na b{margin:0 5px;}
.na a{display:inline-block;padding:8px 12px;text-decoration:none;text-align:center;background:#ffffff;margin:2px;border-radius:3px;margin:0 5px;border:1px solid #73b531;}
.na a:hover{background:#EEEEEE;cursor:pointer;}