/* default */
*{margin:0;padding:0;border:0}
body{margin-bottom:50px;background-color:#fff;font-family:'Golos Text', sans-serif;font-size:12px;color:#444}
a{outline:none;text-decoration:none;color:#444}
a:hover{cursor:pointer}

/* ads */
.ads{position:relative}
.ads.top{padding:20px 0;background-color:#f5f5f5}
.ads.main{margin-bottom:40px;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.ads.bg{padding:30px;background-color:#f5f5f5}
.ads .line{overflow:hidden}
.ads .line .item{float:left}
.ads .line .item.c2{width:calc(50% - 15px)}
.ads .line .item.c2:nth-child(1){margin-right:30px}
.ads .line .item.c2 img{display:block;width:100%}
.ads .line .item.c3{width:calc(33.333333%)}
.ads .tag{position:absolute;top:-16px;left:0;padding:0 5px;height:15px;line-height:15px;background-color:#c5c5c5;color:#f5f5f5;font-size:9px;letter-spacing:2px;text-transform:uppercase}

.inner{margin:0 auto;max-width:1100px}


/* container */
div#container{width:100%}

/* top */
div#top{height:40px;line-height:40px;color:#999}
div#top .inner{position:relative;margin:0 auto;height:40px;border-bottom:1px solid #eee}
div#top ul{position:absolute;list-style:none}
div#top ul +ul{right:0}
div#top ul li{display:inline-block}
div#top ul li +li{margin-left:20px}
div#top ul li img{margin-right:5px;vertical-align:middle;width:16px}
div#top ul +ul{color:#444}
div#top ul +ul a{font-weight:bold}
div#top ul +ul b:hover{color:#ee0000}

/* header */
div#header{position:relative;display:block;margin:0 auto;max-width:1100px;height:100px}
div#header .logo{position:absolute;top:15px;left:0;display:block;width:250px;height:70px;background:url('../images/header-logo.png?3') no-repeat;background-size:250px 70px}
div#header .fb-like{position:absolute;top:35px;right:0}

div#header ul#menu{position:absolute;left:300px;top:40px;list-style:none}
div#header ul#menu li{position:relative;display:inline}
div#header ul#menu li +li{margin-left:20px}
div#header ul#menu li a{font-size:14px;text-transform:uppercase;font-weight:bold}
div#header ul#menu li a:hover,
div#header ul#menu li a.active{color:#1f9c1a}
div#header ul#menu li a.active:before{content:'';left:0;bottom:0;width:100%;height:10px;background-color:rgba(31,156,26,.5)}

div#header ul#main{display:none}

/* content */
div#content{overflow:hidden}
div#content .col{float:left}
div#content .col.slider{width:calc(60% - 20px)}
div#content .col.gallery{margin-left:40px;width:calc(40% - 20px)}
div#content .col.main{width:calc(100% - 340px)}
div#content .col.side{margin-left:40px;width:300px}

div#content .box.c3 .col{margin-left:40px;width:calc(33.333333% - 26.7px)}
div#content .box.c3 .col:first-child{margin-left:0}

div#content .header{overflow:hidden;position:relative;margin-bottom:20px;height:40px;line-height:40px;font-size:20px;font-weight:700}
div#content .header:after{content:'';position:absolute;top:19px;z-index:0;margin-left:20px;border-top:2px solid #eee;width:100%}
div#content .header ul{position:absolute;right:0;top:-5px;z-index:10;list-style:none}
div#content .header ul li{float:left}
div#content .header ul li a{}
div#content .header.small{font-size:14px;letter-spacing:2px}

div#content .button{display:inline-block;padding:0px 10px;height:22px;line-height:22px;border-radius:3px;color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}

div#content .break{clear:left}
div#content .break.separator{margin-bottom:40px}

div#content .list{}
div#content .list .item .photo img{width:100%;border-radius:3px}
div#content .list .item .description p{margin-top:10px;font-size:13px}

div#content .list.inline .item{float:left;width:calc(25% - 15px);margin-left:20px}
div#content .list.inline .item:nth-child(4n + 1){margin-left:0;clear:left;}
div#content .list.inline .item:nth-child(n+5){margin-top:20px;padding-top:20px;border-top:1px solid #ddd}
div#content .list.inline .item .photo{margin-bottom:10px}

div#content .list.inline.c2 .item{width:calc(50% - 10px);margin-left:20px}
div#content .list.inline.c2 .item:nth-child(2n + 1){margin-left:0;clear:left}
div#content .list.inline.c2 .item:nth-child(n+3){margin-top:20px;padding-top:20px;border-top:1px solid #ddd}

div#content .list.inlinewithtext .item{float:left;width:calc(25% - 15px);margin-left:20px}
div#content .list.inlinewithtext .item:nth-child(1){margin-left:0}
div#content .list.inlinewithtext .item:nth-child(1),
div#content .list.inlinewithtext .item:nth-child(2){width:calc(50% - 10px)}
div#content .list.inlinewithtext .item:nth-child(3),
div#content .list.inlinewithtext .item:nth-child(7){margin-left:0;clear:left}
div#content .list.inlinewithtext .item:nth-child(n+3){margin-top:40px;padding-top:20px;border-top:1px solid #ddd}
div#content .list.inlinewithtext .item:nth-child(1) h2,
div#content .list.inlinewithtext .item:nth-child(2) h2{font-size:20px}
div#content .list.inlinewithtext .item .photo{margin-bottom:10px}
div#content .list.inlinewithtext .item .description p{font-size:14px}

/*
div#content .list.inlinewithtext .item{float:left;width:calc(25% - 30px);margin-left:40px}
div#content .list.inlinewithtext .item:nth-child(1){margin-left:0;width:calc(50% - 20px)}
div#content .list.inlinewithtext .item:nth-child(4){margin-left:0;clear:left;}
div#content .list.inlinewithtext .item:nth-child(n+4){margin-top:20px;padding-top:20px;border-top:1px solid #ddd}
*/

div#content .list.block{clear:left;overflow:hidden}
div#content .list.block .item{overflow:hidden}
div#content .list.block .item +.item{padding-top:20px;margin-top:20px;border-top:1px solid #ddd}
div#content .list.block .item .photo{float:left;width:200px}
div#content .list.block .item .description{float:left;margin-left:50px;width:calc(100% - 250px)}

div#content .list.block.small .item{padding:10px 0;margin:0}
div#content .list.block.small .item .photo{width:130px}
div#content .list.block.small .item .description{margin-left:20px;width:calc(100% - 150px)}

div#content .list.video{overflow:hidden;padding:40px;background-color:#000;border-radius:3px}
div#content .list.video h2{color:#fff}

div#content .paging{float:left;padding:10px 20px;border-top:1px solid #eee;width:560px;color:#999}
div#content .paging span{float:right}
div#content .paging a,
div#content .paging b{color:#444}
div#content .paging a:hover{text-decoration:underline}

div#content .text.detail{font-size:14px}
div#content .text.detail h1{margin-bottom:20px;font-size:30px}
div#content .text.detail .date{margin-bottom:30px}
div#content .text.detail .photo{margin:20px 0}
div#content .text.detail .photo .title{margin-top:1px;padding:8px;background-color:#f5f5f5;color:#999;font-size:13px;text-align:center}
div#content .text.detail .photo img{display:block;width:100%}
div#content .text.detail .lead{font-size:22px;font-weight:700;line-height:28px}
div#content .text.detail .content{font-size:16px;line-height:26px;text-align:justify}
div#content .text.detail .gallery{margin-top:40px}
div#content .text.detail .gallery ul{overflow:hidden;list-style:none}
div#content .text.detail .gallery ul li{float:left;margin:0 5px 5px 0;width:calc(25% - 5px)}
div#content .text.detail .gallery ul li img{display:block;width:100%}

div#content .option{border:2px solid #ddd;padding:30px}
div#content .option ul{list-style:none}
div#content .option ul li{display:block}
div#content .option ul li +li{margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
div#content .option ul li span{float:left;width:20px;}
div#content .option ul li span img{display:block;width:100%}
div#content .option ul li div{margin-left:50px}
div#content .option ul li div a{font-size:14px;font-weight:bold;color:#000;}
div#content .option ul li div em{display:block;color:#999;font-style:normal}

div#content .link{list-style:none}
div#content .link li{display:block;padding:15px 0;font-size:14px}
div#content .link li +li{border-top:1px solid #eee}
div#content .link li a{font-weight:700}

div#content form{overflow:hidden}
div#content form dl{position:relative;float:left;padding:0 20px 10px 20px;width:560px}
div#content form dl dt{float:left;padding-top:5px;width:160px}
div#content form dl dt span{color:#ff0000}
div#content form dl dd{float:left;width:400px}
div#content label.error{position:absolute;top:0px;right:20px;display:block;padding:5px 10px;width:200px;background-color:#ff0000;color:#fff}
div#content input[type=text],
div#content input[type=file],
div#content select,
div#content textarea{float:left;padding:4px;width:290px;border:1px solid #eee;background-color:#f9f9f9;font:normal 11px tahoma}
div#content select{width:300px}
div#content input[type=submit] {cursor:pointer;font:normal 11px tahoma}

ul.newsday li .description{position:absolute;bottom:20px;left:20px}
ul.newsday li .description .info{display:inline-block;margin:0;padding:0 10px;height:25px;line-height:25px;border-radius:3px;background-color:#1f9c1a;color:#fff}
ul.newsday li .description .break{clear:both;height:1px}
ul.newsday li .description .title{padding:5px 10px;display:inline-block;max-width:510px;min-height:35px;line-height:35px;border-radius:3px;background-color:rgba(0,0,0,.8);color:#fff;font-size:25px;font-weight:bold;text-align:left}
ul.newsday li .description .title:hover{text-decoration:none}

.bx-wrapper .bx-pager.bx-default-pager a{background:#fff;border:1px solid #ccc;width:4px;height:4px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#ccc}

.date{display:block;margin:7px 0;color:#999;font-size:12px}

.color.green{color:#1f9c1a}
.color.brown{color:#933f0a}
.bgcolor.green{background-color:#1f9c1a}
.bgcolor.brown{background-color:#933f0a}


/* partner */
div#partner{display:block;padding:20px 0;border-bottom:1px solid #eee}
div#partner ul{list-style:none;text-align:center}
div#partner ul li{display:inline-block}
div#partner ul li +li{margin-left:50px}

/* footer */
div#footer{display:block;margin:0 auto;padding:20px 0;width:940px;color:#777}
div#footer p{display:block}
div#footer p.copyright{}
div#footer p.publisher{float:right}
div#footer p.menu{float:right}
div#footer p.menu a{margin:0 10px;border-bottom:1px dotted #777}
div#footer p.menu a:hover{border-bottom-color:#333;color:#333}

/* cookie */
div#cookie{height:30px;background-color:#222;color:#999;font-size:11px;line-height:30px;text-align:center}
div#cookie a{border-bottom:1px dotted #999;color:#999}
div#cookie a:hover{border-color:#fff;color:#fff}



@media screen and (max-width: 600px) {
.ads.top{padding:10px}
.ads.main{margin-bottom:40px;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.ads.bg{margin:0 -15px;padding:15px;width:100%}
.ads .line .item.c2{width:100%}
.ads .line .item.c3{width:100%}
.ads .line .item +.item{margin-top:10px}
.ads img{display:block;width:100% !important;height:auto !important}

div#top ul:nth-child(1){display:none}

div#header .logo{left:15px;width:150px;height:42px;background-size:150px 42px}
div#header .fb-like{display:none}

div#header div#main{display:block;position:absolute;top:30px;right:20px;border:1px solid #ccc;padding:10px;border-radius:3px}
div#header div#main span{display:block;width:20px;height:2px;background-color:#999}
div#header div#main span:nth-child(2){margin-left:10px;width:10px}
div#header div#main span:nth-child(3){margin-left:5px;width:15px}
div#header div#main span +span{margin-top:3px}
div#header div#main:hover span{background-color:#6c543a}

div#header ul#menu{display:none;position:absolute;left:0;top:40px;z-index:200;padding:20px;width:calc(100% - 40px);list-style:none;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.3)}
div#header ul#menu li{display:block}
div#header ul#menu li +li{margin-left:0}
div#header ul#menu li a{display:block;padding:10px;border-bottom:1px solid #eee}


div#content{padding:0 15px}
div#content .col{float:none}
div#content .col.slider{width:100%}
div#content .col.gallery{margin-left:0;width:100%}
div#content .col.main{width:100%}
div#content .col.side{margin-left:0;width:100%}

div#content .box.c3 .col{margin-left:0;width:100%}
div#content .box.c3 .col +.col{margin-top:40px}

div#content .list.inline .item{float:none;width:100%;margin-left:0}
div#content .list.inline .item +.item{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}

div#content .list.inlinewithtext .item{float:none;width:100%;margin-left:0}
div#content .list.inlinewithtext .item:nth-child(1),
div#content .list.inlinewithtext .item:nth-child(2){margin-left:0;width:100%}
div#content .list.inlinewithtext .item +.item{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}

div#content .list.block .item .photo{width:130px}
div#content .list.block .item .description{margin-left:20px;width:calc(100% - 150px)}
div#content .list.block .item .description p{display:none}

div#content .text.detail .gallery{margin-top:20px}
div#content .text.detail .gallery ul li{width:calc(50% - 5px)}

div#partner ul li +li{margin-left:20px}
div#partner ul li img{height:50px}


div#footer{width:100%}
div#footer p{display:block}
div#footer p.copyright{}
div#footer p.publisher{float:right}
div#footer p.menu{float:right}
div#footer p.menu a{margin:0 10px;border-bottom:1px dotted #777}
div#footer p.menu a:hover{border-bottom-color:#333;color:#333}
}