/*============================================================================================*/
/* GLOBAL CSS */
/*============================================================================================*/
* { margin: 0px; padding: 0px; border: 0 none; outline: 0 none; list-style-type: none; }
body { position: relative; overflow-x: hidden; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: normal; margin: 0; padding: 0; background: #eee; color: #333; -webkit-font-smoothing: antialiased !important; }

a, a:active, a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { text-transform: none; }

.transition, a, h2, h3, h4, h5, .new, .new-cat, .new-overlay, .main-overlay, #search-button span, .photo-new .photo-new-gallery img, .new-page .new-page-gallery img, .coments-section .btn-submit, .reply, .new-style-row { transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }

#main { position: relative; margin: 0 0 30px 0; }
.container { position: relative; width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0; }
.container:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.title-1 { position: relative; display: block; background: #07592d; height: 42px; line-height: 42px; padding: 0 15px; margin: 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; }
.title-1:after { width: 10px; height: 42px; background: #07592d; content: ""; position: absolute; top: 0px; left: -10px; }
.title-1:before { width: 0; height: 0; border-bottom: 10px solid #03341c; border-right: 10px solid transparent; content: ""; position: absolute; top: 100%; left: -10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.title-2 { position: relative; display: block; background: #444; height: 42px; line-height: 42px; padding: 0 15px; margin: 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; }
.title-2:after { width: 10px; height: 42px; background: #444; content: ""; position: absolute; top: 0px; left: -10px; }
.title-2:before { width: 0; height: 0; border-bottom: 10px solid #111; border-right: 10px solid transparent; content: ""; position: absolute; top: 100%; left: -10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.title-3 { position: relative; display: block; background: #e51600; height: 42px; line-height: 42px; padding: 0 15px; margin: 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; }
.title-3:after { width: 10px; height: 42px; content: ""; position: absolute; top: 0px; left: -10px; }
.title-3:before { width: 0; height: 0; border-right: 10px solid transparent; content: ""; position: absolute; top: 100%; left: -10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.title-3 a { color: #fff; }
.title-3.color-1 { background: #003366; }
.title-3.color-1:before { border-bottom: 10px solid #011e3a; }
.title-3.color-1:after { background: #003366; }
.title-3.color-2 { background: #e51600; }
.title-3.color-2:before { border-bottom: 10px solid #a01809; }
.title-3.color-2:after { background: #e51600; }
.title-3.color-3 { background: #741784; }
.title-3.color-3:before { border-bottom: 10px solid #4f0b5b; }
.title-3.color-3:after { background: #741784; }
.title-3.color-4 { background: #555; }
.title-3.color-4:before { border-bottom: 10px solid #222; }
.title-3.color-4:after { background: #555; }
.title-3.color-5 { background: #e51600; }
.title-3.color-5:before { border-bottom: 10px solid #a50d00; }
.title-3.color-5:after { background: #e51600; }
.title-3.color-6 { background: #1877B6; }
.title-3.color-6:before { border-bottom: 10px solid #0b5a8c; }
.title-3.color-6:after { background: #1877B6; }

.title-4 { display: block; margin: 0; padding: 0; }
.title-4 a, .title-4 strong { position: relative; display: block; margin: 0 0 15px 0; padding: 10px 5px; text-align: left; font-size: 20px; text-transform: uppercase; color: #07592d; font-weight: bold; }
.title-4 a:before, .title-4 strong:before { background: #07592d; content: ""; height: 2px; left: 0; position: absolute; bottom: 0px; width: 100%; }
.title-4.white a { color: #fff !important; }
.title-4.white a:before { height: 1px; background: #044722 !important; }

.title-head { display: block; color: #111; padding: 0; margin: 0; font-size: 32px; text-transform: none; font-weight: bold; }
.title-before-head { display: block; color: #07592D; padding: 0 0; margin: 0; font-size: 18px; text-transform: none; font-weight: 600; font-style: italic; }
.title-after-head { display: block; color: #07592D; padding: 0 10px; margin: 50px 0 0 0; font-size: 18px; text-transform: none; font-weight: 600; font-style: italic; }

.new-feed { display: block; line-height: normal; padding: 0; margin: 5px 0; }
.new-feed i { display: inline; display: inline-block; vertical-align: middle; font-size: 12px; color: #03341c; margin-right: 1px; }
.new-feed span { display: inline; display: inline-block; vertical-align: middle; }
.new-feed .cat, .new-feed .scat { font-size: 10px; font-weight: normal; color: #555; padding: 0 2px 0 0; margin: 0 2px 0 0; text-transform: uppercase; }
.new-feed a:hover { color: #111; }
.new-feed .added { font-size: 11px; color: #666; font-weight: normal; }

.response { display: none !important; }
.desktop { display: block !important; }

@media only screen and (max-width: 768px) {
	body { width: 100%; max-width: 100%; padding-top: 120px !important; }
	.container { width: 100%; max-width: 100%; }
	.response { display: block !important; }
	.desktop { display: none !important; }
	.title-1 { margin: 20px 0 0 0; }
	.title-head { margin: 0; padding: 10px 0; font-size: 25px; }
}



/*============================================================================================*/
/* ADS */
/*============================================================================================*/
.ads { position: relative; margin: 10px 0; text-align: center; }
.ads-2 { position: relative; margin: 10px; }
.ads-3 { position: relative; padding: 0; text-align: center; }
.ads-3 img { max-width: 70%; }

.banner { position: relative; width: 100%; margin: 10px 0; padding: 0; text-align: center; }
.banner img { max-width: 100%; }

.banner-animate { display: block; min-height: 300px; margin: 10px auto; text-align: center; }
.gwd-page-wrapper { display: block; margin: 0 auto; text-align: center; }

@media only screen and (max-width: 768px) {
	.ads-3 { position: relative; padding: 20px 0; }
	.ads-3 img { width: 100%; max-width: 100%; }
}

@media only screen and (min-width: 769px) {
	.banner-hidden-desktop { display: none !important; }
}
@media only screen and (max-width: 768px) {
	.banner-hidden-mobile { display: none !important; }
}


/*============================================================================================*/
/* HEADER */
/*============================================================================================*/
#header { position: relative; height: 100px; background: #07592d; margin: 0; padding: 0; }
#header .logo { position: absolute; z-index: 9; display: block; top: 0px; left: 0px; margin: 0; padding: 0; height: 100px; }
#header .logo img { height: 80px; margin: 0; padding: 0; }
#header .logo strong { position: absolute; bottom: 11px; left: 0; right: 0; display: block; margin: 0; padding: 0; color: #bbb; font-size: 10px; font-weight: 500; text-align: center; letter-spacing: 2px; text-transform: uppercase; }

#header .indikator-logo { position: absolute; z-index: 9; display: block; top: 0px; left: 0px; margin: 0; padding: 0; height: 100px; }
#header .indikator-logo img { height: 50px; margin: 20px 0 0 0; padding: 0; }
#header .indikator-logo strong { position: absolute; bottom: 16px; left: 0; right: 0; display: block; margin: 0; padding: 0; color: #bbb; font-size: 10px; font-weight: 500; text-align: center; letter-spacing: 2px; text-transform: uppercase; }

#header .header-mobile-socials { display: none; }

#header .banner { position: relative; width: 728px; height: 90px; float: right; margin: 5px 0; text-align: center; }
#header .banner img { max-width: 100%; }

.navmenu-wrapper { position: relative; background: #024420; border-top: 1px solid #e51600;}
.navmenu { width: 100%; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; height: 50px; margin: 0; padding: 0; }
.navmenu > li { position: relative; margin: 0; padding: 0; height: 50px; }
.navmenu > li > a { display: block; padding: 0 10px; margin: 0; line-height: 50px; font-weight: 500; font-size: 14px; color: #fff; text-transform: uppercase; text-shadow: 0 none; }
.navmenu > li.active > a { background: #e51600; color: #fff; }
.navmenu > li > a:hover { background: #e51600; color: #fff; }

.navmenu .submenu { display: none; position: absolute; z-index: 9999; top: 50px; left: 0; width: 200px; margin: 0; padding: 0; background: #333; text-align: left; }
.navmenu .submenu li { display: block; padding: 0; border-bottom: 1px solid #444; }
.navmenu .submenu li:last-child { border-bottom: 0; }
.navmenu .submenu li a { display: block; padding: 15px; font-size: 15px; color: #fff; }
.navmenu .submenu li a:hover { background: #e51600; color: #fff; }

.header-bar { position: relative; height: 50px; margin: 0; padding: 0; background: #F5F3E9; }
.header-bar:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.header-bar h1 { display: block; position: absolute; left: 230px; right: 350px; margin: 0; padding: 0; height: 50px; line-height: 50px; font-size: 15px; color: #07592d; font-weight: 600; text-align: center; }

.header-bar #search-form { display: block; position: absolute; left: auto; right: 0; top: 0; width: 300px; margin: 8px 0; height: 34px; line-height: 34px; }
.header-bar #search-form .search-field { width: 259px; height: 32px; line-height: 32px; border: 1px solid #ddd; border-right: 0; padding: 0 15px; display: block; font-size: 13px; float: left; background: #fff; color: #333; border-radius: 0; }
.header-bar #search-form .search-button { width: 40px; height: 32px; display: block; float: left; background: #333; color: #fff; font-size: 15px; text-transform: uppercase; text-align: center; cursor: pointer; }
.header-bar #search-form .search-button span { font-size: 18px; }

.header-bar .time { display: block; position: absolute; left: 0; right: auto; top: 0; margin: 0; padding: 0; width: 240px; height: 50px; line-height: 50px; text-align: center; letter-spacing: 0; }
.header-bar .time span { padding: 0; margin: 0; font-weight: bold; font-size: 15px; color: #07592d; letter-spacing: 0; }

.header-bar .socials { display: block; position: absolute; left: auto; right: 320px; top: 0; margin: 0; padding: 0; height: 50px; line-height: 50px; }
.header-bar .socials li { display: block; float: left; margin: 0; }
.header-bar .socials li a { display: block; margin: 0 0 0 15px; padding: 0; color: #07592d; font-weight: bold; text-align: center; height: 50px; line-height: 50px; }
.header-bar .socials li a .ion-social-facebook { font-size: 22px; color: #1773EA; }
.header-bar .socials li a .ion-social-twitter { font-size: 18px; color: #31C6F7; }
.header-bar .socials li a .ion-social-youtube { font-size: 20px; color: #F70000; }
.header-bar .socials li a:hover { color: #01160C; }

.header-banners { position: relative; }
.header-banners .banner { position: relative; overflow: hidden; margin: 10px 0; padding: 0; width: 590px; }
.header-banners .banner img { width: 590px; margin: 0; padding: 0; }
.header-banners .banner-1 { float: left; margin-right: 20px; }
.header-banners .banner-2 { float: left; }
.header-banners .banner-3 { float: right; margin-left: 15px; }
.header-banners .banner-4 { float: right; margin-left: 10px; }

.sticky { margin: 0; padding: 0; z-index: 5; }
.fixed { position: fixed; z-index: 99; top: 0; width: 100%; margin: 0 auto; }

@media only screen and (max-width: 768px) {
	#header { position: fixed; z-index: 999; left: 0; right: 0; top: 0; width: 100%; max-width: 100%; height: 60px; text-align: center; }
	#header .logo { position: relative; display: inline; display: inline-block; vertical-align: middle; top: auto; left: auto; height: 60px; }
	#header .logo img { height: 42px; }
	#header .logo strong { display: block; text-align: center; height: 10px; line-height: 10px; bottom: auto; font-size: 9px; letter-spacing: 1px; font-weight: normal; }

	#header .indikator-logo { position: relative; display: inline; display: inline-block; vertical-align: middle; top: auto; left: auto; height: 60px; }
	#header .indikator-logo img { height: 26px; margin: 12px 0 0 0; }
	#header .indikator-logo strong { position: relative; height: 12px; line-height: 12px; bottom: auto; left: auto; right: auto; color: #bbb; font-size: 9px; font-weight: normal; letter-spacing: normal; }

	#header .header-mobile-socials { display: block; position: absolute; right: 10px; left: auto; top: 0; margin: 0; padding: 0; height: 60px; line-height: 60px; z-index: 999; }
	#header .header-mobile-socials li { display: block; float: left; margin: 0; }
	#header .header-mobile-socials li a { display: block; margin: 0 0 0 15px; padding: 0; color: #fff; font-weight: bold; text-align: center; height: 60px; line-height: 60px; opacity: .6; }
	#header .header-mobile-socials li a .ion-social-facebook { font-size: 20px; }
	#header .header-mobile-socials li a .ion-social-twitter { font-size: 16px; }
	#header .header-mobile-socials li a .ion-social-youtube { font-size: 20px; }
	#header .header-mobile-socials li a:hover { color: #01160C; }

	.header-bar { position: fixed; z-index: 999; display: block; left: 0; right: 0; top: 60px; height: 50px; margin: 0; }
	.header-bar #search-form { position: relative; top: auto; left: auto; right: auto; width: 96%; margin: 5px auto; height: 40px; line-height: normal; border-radius: 0; }
	.header-bar #search-form .search-field { width: 100%; height: 40px; line-height: 40px; padding: 0 20px; display: block; float: none; border-radius: 0; border: 1px solid #ddd; }
	.header-bar #search-form .search-button { position: absolute; right: 0; top: 0; width: 60px; height: 40px; display: block; float: none; font-size: 14px; }
	.header-bar #search-form .search-button span { font-size: 22px; }

	.header-bar .time, .header-bar .socials, .header-bar h1 { display: none; }

	.sticky { display: none; }
	.navmenu { display: none; }
}

.header-regions { position: relative; margin: 0 0 10px 0; padding: 0; background: #333; }
.header-regions ul { display: block; margin: 0; padding: 0; }
.header-regions ul:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.header-regions ul li { display: block; float: left; margin: 0 0; padding: 0; }
.header-regions ul li a { display: block; margin: 0; padding: 10px 25px; font-size: 13px; font-weight: normal; color: #F3EEEE; border-right: 1px solid #666; }
.header-regions ul li.active a, .header-regions ul li a:hover { background: #07592D; color: #fff; }
.header-regions ul li:last-child a { border-right: 0; }

@media only screen and (max-width: 768px) {
	.header-regions { display: none !important; }
}



/*============================================================================================*/
/* HOME TOP NEWS */
/*============================================================================================*/
.home-business-news { position: relative; margin: 20px 0; padding: 15px; background: #F5F3E9; }
.home-business-news .new { position: relative; float: left; width: 49%; margin: 0; padding: 5px 0; display: block; }
.home-business-news .new:nth-child(even) { float: left; }
.home-business-news .new:nth-child(odd) { float: right; }
.home-business-news .new .new-image { position: relative; float: left; display: block; overflow: hidden; width: 120px; margin: 0; padding: 0; border: 2px solid #aaa; }
.home-business-news .new .new-image img { display: block; width: 100%; }
.home-business-news .new .new-info { position: relative; width: calc(100% - 125px); float: right; padding: 0 10px; }
.home-business-news .new .new-info .new-title { display: block; margin: 0; }
.home-business-news .new .new-info .new-title a { display: block; margin: 0; padding: 0; font-size: 15px; line-height: normal; color: #111; font-weight: 500; }
.home-business-news .new .new-info .new-title a:hover { color: #000; text-decoration: underline; }

.home-business-news h2 { position: relative; display: block; background: #07592d; margin: 0; margin: 0; clear: both; }
.home-business-news h2:after { width: 10px; height: 42px; background: #07592d; content: ""; position: absolute; top: 0px; left: -10px; }
.home-business-news h2:before { width: 0; height: 0; border-bottom: 10px solid #03341c; border-right: 10px solid transparent; content: ""; position: absolute; top: 100%; left: -10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.home-business-news h2 a { position: relative; display: block; height: 42px; margin: 0 0 15px 0; padding: 0 15px; text-align: left; background: #07592d; }
.home-business-news h2 a strong { display: block; float: left; height: 42px; line-height: 42px; font-size: 20px; text-transform: uppercase; color: #F4F7F6; font-weight: normal; margin: 0 10px 0 0; letter-spacing: 1.2px; }
.home-business-news h2 a img { display: block; float: left; height: 21px; margin: 13px 0 8px 0; padding: 0; }

@media only screen and (max-width: 768px) {
	.home-business-news .new { width: auto; margin: 5px 0; padding: 10px 5px; }
	.home-business-news .new .new-image { width: 100px; margin: 0 10px 0 0; }
	.home-business-news .new .new-info { width: 100%; float: none; margin: 0; padding: 0; }
	.home-business-news .new .new-info .new-title { margin: 0; padding: 0; }
	.home-business-news .new .new-info .new-title a { font-size: 15px; }
	.home-business-news .new .new-info .new-desc { font-size: 12px; color: #888; }
}


/*============================================================================================*/
/* TOP SECTION */
/*============================================================================================*/
#top-section { position: relative; overflow: hidden; width: 100%; height: 338px; margin-bottom: 10px; }

.pgwSlider { position: relative; float: left; width: 890px; height: 338px; color: #fff; }
.pgwSlider a { display: block; text-decoration: none; color: #fff; }
.pgwSlider a.slider-cat { position: absolute; display: block; top: 0; left: -100px; font-size: 13px; color: #fff; }

.pgwSlider .ps-current { float: left; width: 70%; overflow: hidden; height: 338px; position: relative; }
.pgwSlider .ps-caption { position: absolute; display: none; left: 0; right: 0; bottom: 13px; color: #fff; font-size: 22px; font-weight: normal; background: rgba(0, 0, 0, .7); background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent); margin: 0; }
.pgwSlider .ps-caption a { display: block; padding: 15px; }

.pgwSlider.listOnTheLeft .ps-current { float: right; height: 338px; position: relative; overflow: hidden; }
.pgwSlider .ps-current ul { width: 100%; }
.pgwSlider .ps-current li { width: 100%; z-index: 1;  opacity: 0; display: none; }
.pgwSlider .ps-current img { max-width: 100%; min-width: 100%; height: auto; display: block; transition: margin-top 250ms linear; }

.pgwSlider ul { position: relative; float: right; width: 29%; height: 338px; padding: 0; list-style: none; margin: 0; }
ul.pgwSlider.listOnTheLeft, .pgwSlider.listOnTheLeft > ul { float: left; }
ul.pgwSlider > li, .pgwSlider > .ps-list > li { height: 20% !important; position: relative; font-size: 14px; color: #000; opacity: 1; cursor: pointer; border-bottom: 1px solid #ddd; display: table; vertical-align: middle; }
ul.pgwSlider > li, .pgwSlider > .ps-list > li.activeSlide:before { content: ""; position: absolute; display: block; z-index: 777; width: 0; top: 0; left: -20px; height: 0; border-top: 33px solid transparent; border-bottom: 33px solid transparent; border-right: 20px solid #333; }
/*ul.pgwSlider > li, .pgwSlider > .ps-list > li.activeSlide:after { font-family: "Ionicons"; content: "\f3d2\f3d2"; position: absolute; display: block; z-index: 888; width: 0; top: 22px; left: -23px; height: 0; font-size: 18px; color: #fff; }*/
ul.pgwSlider > li, .pgwSlider > .ps-list > li.activeSlide:after { font-family: "Ionicons"; content: ""; position: absolute; display: block; z-index: 888; width: 0; top: 22px; left: -23px; height: 0; font-size: 18px; color: #fff; }
ul.pgwSlider > li, .pgwSlider > .ps-list > li.activeSlide { color: #fff; }
ul.pgwSlider > li, .pgwSlider > .ps-list > li.activeSlide a span { font-weight: bold; color: #fff !important; }
ul.pgwSlider > li:hover, .pgwSlider > .ps-list > li:hover { cursor: pointer !important; color: #fff; }
ul.pgwSlider > li:last-child, .pgwSlider > ul > li:last-child { margin-bottom: 0; border-bottom: 0; }
ul.pgwSlider > li, .pgwSlider > .ps-list > li a { display: table-row; vertical-align: middle; }
ul.pgwSlider > li span, .pgwSlider > .ps-list > li span { display: table-cell; vertical-align: middle; padding: 0 10px; color: #000; font-weight: bold; }
ul.pgwSlider > li img, .pgwSlider > ul > li img { display: none; }
ul.pgwSlider.wide > li, .pgwSlider.wide > ul > li { width: 100% !important; cursor: pointer; }

.top-mobile-news { display: none !important; }

@media only screen and (max-width: 768px) {
	#top-section { height: auto !important; }
	#top-section .title-1 { margin-bottom: 10px; }

	.pgwSlider, .ps-list { display: none !important; }
	.top-mobile-news { display: block !important; }
	.top-mobile-news a { display: block; margin: 0 0 10px 0; padding: 10px; background: #fff; }
	.top-mobile-news a img { display: block; width: auto; max-width: 100%; margin: 0 auto; padding: 0; }
	.top-mobile-news a h3 { display: block; margin: 0; padding: 10px 0; font-size: 22px; font-weight: bold; color: #111; }
}



/*============================================================================================*/
/* CONTENT */
/*============================================================================================*/
#content { position: relative; width: 880px; float: left; background: #fff; border: 1px solid #ddd; padding: 0; margin: 0; }
#content .banner { position: relative; width: 100%; margin: 10px 0; text-align: center; }
#content .banner img { width: auto; max-width: 100%; }

@media only screen and (max-width: 768px) {
	#content { width: 100%; float: none; border: 0; }
}



/*============================================================================================*/
/* NEW STYLE */
/*============================================================================================*/
.new-style { position: relative; width: 48%; margin: 10px 1%; padding: 0; display: block; float: left; }
.new-style:hover { background: #fff; }
.new-style .new-image { position: relative; display: block; overflow: hidden; width: 100%; max-width: 100%; margin: 0; padding: 0; }
.new-style .new-image img { display: block; width: 100%; }
.new-style .new-image .new-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; }
.new-style .new-image:hover .new-overlay { background: rgba(0, 0, 0, .1); opacity: 1; }
.new-style .new-title { display: block; margin: 5px 0 0 0; }
.new-style .new-title a { display: block; margin: 0; padding: 0; font-size: 17px; line-height: normal; color: #333; font-weight: bold; }
.new-style .new-title:hover { color: #C20017; text-decoration: underline; }
.new-style .new-info { position: relative; padding: 10px; background: #f3f3f3;  }
.new-style .new-desc { margin: 5px 0 0 0; font-size: 13px; color: #666; }

@media only screen and (max-width: 768px) {
	.new-style { width: 100%; margin: 10px 0; float: none; }
	.new-style .new-info { margin: 0; padding: 10px; }
	.new-style .new-info .new-title { margin: 0; padding: 0; }
	.new-style .new-title a { font-size: 18px; }
	.new-style .new-info .new-desc { font-size: 13px; color: #888; }
}


.new-style-row { position: relative; margin: 5px 0; padding: 10px 0; display: block; background: #f3f3f3;}
.new-style-row:hover { background: #e3e3e3; }
.new-style-row .new-image { position: relative; float: left; display: block; overflow: hidden; width: 200px; margin: 0; padding: 0; }
.new-style-row .new-image img { display: block; width: 100%; }
.new-style-row .new-info { position: relative; width: calc(100% - 200px); float: right; padding: 5px 20px; }
.new-style-row .new-info .new-title { display: block; margin: 5px 0 0 0; }
.new-style-row .new-info .new-title a { display: block; margin: 0; padding: 0; font-size: 18px; line-height: normal; color: #333; font-weight: bold; }
.new-style-row .new-info .new-title:hover { color: #C20017; text-decoration: none; }
.new-style-row .new-info .new-desc { margin: 5px 0 0 0; font-size: 13px; color: #666; }

@media only screen and (max-width: 768px) {
	.new-style-row { width: auto; margin: 5px 0; padding: 10px 5px; }
	.new-style-row .new-image { width: 100px; margin: 0 10px 0 0; }
	.new-style-row .new-info { width: 100%; float: none; margin: 0; padding: 0; }
	.new-style-row .new-info .new-title { margin: 0; padding: 0; }
	.new-style-row .new-info .new-title a { font-size: 15px; }
	.new-style-row .new-info .new-desc { font-size: 12px; color: #888; }
}




/*============================================================================================*/
/* HOME NEWS */
/*============================================================================================*/
.home-news { display: block; padding: 0; margin: 0; }
.home-news .cat { position: relative; margin: 0; padding: 0 10px 10px 10px; }
.home-news .cat .first-new { position: relative; overflow: hidden; display: block; width: 63%; float: left; }
.home-news .cat .first-new a { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.home-news .cat .first-new a img { display: block; width: 100%; max-width: 100%; }
.home-news .cat .first-new a .new-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .3); opacity: 1; }
.home-news .cat .first-new a:hover .new-overlay { background: rgba(0, 0, 0, 0); opacity: 0; }
.home-news .cat .first-new a h3 { text-align: left; position: absolute; display: block; left: 0; right: 0; bottom: 0; color: #fff; font-size: 22px; line-height: 22px; font-weight: normal; background: rgba(0, 0, 0, .7); background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent); margin: 0; padding: 10px; }

.home-news .cat ul { position: relative; display: block; width: 35%; float: right; }
.home-news .cat ul .new { display: block; margin: 0; padding: 0; clear: both; }
.home-news .cat ul .new a { display: block; padding: 2px 0; margin: 0; border-bottom: 1px solid #ddd; background: #fff; }
.home-news .cat ul .new:first-child a { padding-top: 0px; }
.home-news .cat ul .new a:hover { color: #03341c; }
.home-news .cat ul .new a:hover strong { text-decoration: underline; }
.home-news .cat ul .new:last-child a { border-bottom: 0; }
.home-news .cat ul .new a strong { display: block; padding: 2px 0; margin: 0; font-weight: normal; text-align: left; font-size: 14px; color: #000; }
.home-news .cat ul .new figure { position: relative; display: block; overflow: hidden; float: left; width: 120px; margin: 0 10px 0 0; padding: 0; }
.home-news .cat ul .new figure img { display: block; width: 120px; }

.home-news .cat:nth-child(even) .first-new { float: right; }
.home-news .cat:nth-child(even) ul { float: left; }
.home-news .cat:nth-child(odd) .first-new { float: left; }
.home-news .cat:nth-child(odd) ul { float: right; }


@media only screen and (max-width: 768px) {
	.home-news .cat { padding: 0; }
	.home-news .cat .title-4 a { margin-bottom: 1px !important; }
	.home-news .cat .first-new { overflow: hidden; display: block; width: 100%; float: none; margin: 0 0 10px 0; }
	.home-news .cat ul { width: 100%; float: none; }
	.home-news .cat ul .new a { padding: 5px; margin: 0; border-bottom: 1px solid #ddd; }
}




/*============================================================================================*/
/* CATS NEWS */
/*============================================================================================*/
.cats-news { margin: 20px 0; }
.cats-news .cat { position: relative; width: 48%; margin: 0 1% 10px 1%; padding: 0; display: inline; display: inline-block; vertical-align: top; }
.cats-news .cat ul { margin: 0; padding: 0; }
.cats-news .cat ul .first-new { position: relative; overflow: hidden; display: block; width: 100%; }
.cats-news .cat ul .first-new a { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.cats-news .cat ul .first-new a img { display: block; width: 100%; max-width: 100%; }
.cats-news .cat ul .first-new a .new-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .3); opacity: 1; }
.cats-news .cat ul .first-new a:hover .new-overlay { background: rgba(0, 0, 0, 0); opacity: 0; }
.cats-news .cat ul .first-new a h3 { text-align: left; position: absolute; display: block; left: 0; right: 0; bottom: 0; color: #fff; font-size: 18px; line-height: 22px;  font-weight: normal; background: rgba(0, 0, 0, .7); background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent); margin: 0; padding: 10px; }

.cats-news .cat ul .new { display: block; margin: 0 0 2px 0; padding: 0; }
.cats-news .cat ul .new a { display: block; padding: 10px; border-bottom: 1px solid #ddd; background: #F5F3E9; }
.cats-news .cat:nth-child(1) .new a, .cats-news .cat:nth-child(4) .new a, .cats-news .cat:nth-child(5) .new a, .cats-news .cat:nth-child(8) .new a { background: #F5F3E9; }
.cats-news .cat ul .new a:hover { color: #03341c; }
.cats-news .cat ul .new a:hover strong { text-decoration: underline; }
.cats-news .cat ul .new:last-child a { border-bottom: 0; }
.cats-news .cat ul .new a strong { display: block; padding: 0; margin: 0; font-weight: normal; text-align: left; font-size: 14px; color: #222; }
.cats-news .cat ul .new figure { position: relative; display: block; overflow: hidden; float: left; width: 80px; margin: 0 10px 0 0; padding: 0; }
.cats-news .cat ul .new figure img { display: block; width: 80px; }

@media only screen and (max-width: 768px) {
	.cats-news .cat { position: relative; width: 100%; margin: 0 0 10px 0; display: block; }
	.cats-news .cat h2 { font-size: 18px; }
	.cats-news .cat ul .first-new a h3 { font-size: 16px; line-height: normal; padding: 50px 5px 15px 5px; }
	.cats-news .cat ul .new a { padding: 10px; color: #444; }
}



/*============================================================================================*/
/* NEW PAGE */
/*============================================================================================*/
.new-page { position: relative; margin: 0; padding: 0 0 10px 0; }
.new-page .new-page-titles { background: #f4f4f4; padding: 20px; }
.new-page .new-page-head { display: block; clear: both; margin: 0 0 20px 0; padding: 10px; border-top: 1px solid #cedfef; border-bottom: 1px solid #cedfef;  }
.new-page .new-page-head .new-page-head-info { display: block; float: left; }
.new-page .new-page-head .new-page-head-info span { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0; line-height: 40px; }
.new-page .new-page-head .new-page-head-info span i, .new-page .new-page-head .new-page-head-info span strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
.new-page .new-page-head .new-page-head-info span strong { font-weight: normal; font-size: 13px; color: #888; }
.new-page .new-page-head .new-page-head-info span i { margin-right: 3px; font-size: 16px; color: #07592d; }
.new-page .new-page-head .new-page-head-info a { font-weight: normal; font-size: 13px; color: #03341c; }
.new-page .new-page-head .new-page-head-info a:hover { text-decoration: underline; }

.new-page .facebook-share { position: relative; display: block; float: right; height: 38px; padding: 0 15px; background: #306199; color: #fff; margin: 0 10px; font-size: 15px; border: 1px solid #fff; }
.new-page .facebook-share:hover { background: #fff; color: #306199; border: 1px solid #306199; }
.new-page .facebook-share span { height: 38px; line-height: 38px; display: inline; display: inline-block; vertical-align: middle; padding: 0; margin: 0; }
.new-page .facebook-share i { height: 38px; line-height: 38px; display: inline; display: inline-block; vertical-align: middle; padding: 0; margin: 0 6px 0 0; }

.new-page .new-facebook { margin: 20px auto; width: 98%; }
.new-page .new-facebook iframe { width: 100%; min-height: 500px; height: auto; border: none; overflow: hidden; }

.new-page .new-facebook.facebook-11607 { width: 65%; }
.new-page .new-facebook.facebook-11607 iframe { min-height: 1000px; }

.new-page .videoplayer { margin: 20px auto; width: 98%; }
.new-page .videoplayer iframe { width: 100%; max-width: 100%; height: 450px; }
.new-page .fb-video { margin: 20px auto; width: 98%; min-height: 500px; }

.new-page .main-image { position: relative; display: block; overflow: hidden; width: 98%; margin: 0 auto; padding: 0; border: 0; text-align: center; }
.new-page .main-image img { max-width: 100%; border: 0; margin: 0 auto; padding: 0; }
.new-page .main-image .image-text { display: block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; margin: 0 auto; padding: 0; }
.new-page .main-image .image-text strong { display: inline; display: inline-block; vertical-align: middle; background: #222; background: rgba(30, 30, 30, 0.8); color: #fff; padding: 7px 20px; font-weight: normal; font-size: 14px; line-height: normal; }

.new-page .new-author { display: block; float: right; margin: 10px 20px 0 0; padding: 15px 25px; background: #f5f5f5; border-radius: 5px; border: 1px solid #eee; }
.new-page .new-author span { height: 40px; line-height: 40px; display: inline; display: inline-block; vertical-align: middle; font-weight: normal; font-size: 15px; color: #111; }
.new-page .new-author span strong { font-weight: bold; color: #07592d; }
.new-page .new-author img { height: 40px; display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; border-radius: 5px; }

.new-page .new-page-info { position: relative; margin: 30px 10px; font-size: 16px; color: #333; line-height: 24px; }
.new-page .new-page-info img { max-width: 100%; margin: 0 10px 0 0; }
.new-page .new-page-info span.img-caption { margin: 0; padding: 0; background: rgba(0, 0, 0, .7); color: #fff; display: block; font-size: 13px; height: auto; line-height: normal; }
.new-page .new-page-info span.img-caption em { display: block; padding: 5px; color: #fff; font-size: 13px; font-style: normal; text-align: center; }
.new-page .new-page-info h1, .new-page .new-page-info h2, .new-page .new-page-info h3, .new-page .new-page-info h4, .new-page .new-page-info h5, .new-page .new-page-info h6 { display: block; margin: 0 0 10px 0; padding: 0; font-size: 16px; color: #333; line-height: 24px; }
.new-page .new-page-info p { display: block; margin: 0 0 10px 0; padding: 0; }
.new-page .new-page-info em { font-family: 'Open Sans', sans-serif; }
.new-page .new-page-info a { color: #C20017 !important; }
.new-page .new-page-info ul { display: block; margin: 5px 0 10px 0; padding: 0; }
.new-page .new-page-info ul li { display: block; margin: 0 0 5px 10px; padding: 0; }
.new-page .new-page-info ul li:before { display: inline; display: inline-block; vertical-align: middle; font-family: "Ionicons"; content: "\f10a"; margin: 0 10px 0 0; padding: 0; color: #555; font-size: 18px; }
.new-page .new-page-info table { width: 100%; max-width: 100%; min-width: 100%; }
.new-page .new-page-info table tr { background: #fff; }
.new-page .new-page-info table th { border: 1px solid #ccc; padding: 10px; font-size: 16px; color: #111; text-align: center; vertical-align: middle; line-height: normal; }
.new-page .new-page-info table td { border: 1px solid #ccc; padding: 10px; font-size: 16px; color: #111; text-align: center; vertical-align: middle; line-height: normal; }
.new-page .new-page-info table th * { margin: 0; padding: 0; font-size: 16px; color: #111; }
.new-page .new-page-info table td * { margin: 0; padding: 0; font-size: 16px; color: #111; }

.new-page .new-page-gallery { position: relative; margin: 10px 0; padding: 0; text-align: center; }
.new-page .new-page-gallery .image-gallery { position: relative; width: 280px; display: block; float: left; margin: 5px 6px; padding: 0; background: #ddd; }
.new-page .new-page-gallery .image-gallery img { width: 280px; display: block; margin: 0; padding: 0; }

.new-page .new-page-tags { position: relative; margin: 20px 10px; }
.new-page .new-page-tags:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.new-page .new-page-tags a { display: block; float: left; height: 32px; line-height: 32px; margin: 0 2px 2px 0; padding: 0 10px; background: #07592d; color: #fff; font-size: 14px; font-weight: normal; }
.new-page .new-page-tags a:hover { background: #03341c; }

.more-news { position: relative; display: block; padding: 0; margin: 40px 0 0 0; }

@media only screen and (max-width: 768px) {
	.new-page .new-page-head { margin: 0 0 10px 0; padding: 5px 10px; }
	.new-page .new-page-head .new-page-head-info { display: block; float: none; text-align: left; }
	.new-page .new-page-head .new-page-head-info span { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; padding: 5px 0; line-height: normal; }
	.new-page .new-page-head .new-page-head-info span i, .new-page .new-page-head .new-page-head-info span strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
	.new-page .new-page-head .new-page-head-info span strong { font-weight: normal; font-size: 13px; color: #003366; }
	.new-page .new-page-head .new-page-head-info span i { margin: 0; font-size: 16px; color: #666; }
	.new-page .new-page-head .new-page-head-info a { font-weight: normal; font-size: 13px; color: #003366; }
	.new-page .new-page-head .new-page-head-info a:hover { color: #C20017; }

	.new-page .facebook-share { position: relative; display: block; font-size: 15px; height: 38px; margin: 5px 10px; }

	.new-page .new-facebook iframe { min-height: 400px; }

	.new-page .new-facebook.facebook-11607 { width: 100%; }
	.new-page .new-facebook.facebook-11607 iframe { min-height: 600px; }

	.new-page .videoplayer iframe { height: 350px; }

	.new-page .main-image { width: 100%; max-width: 100%; }
	.new-page .main-image img { max-width: 100%; }
	.new-page .main-image .image-text strong { padding: 7px 10px; font-size: 12px; }

	.new-page .new-page-info { position: relative; margin: 10px; }
	.new-page .new-page-info img { float: none; max-width: 100%; height: auto !important; min-height: auto !important; margin: 0; }
	.new-page .new-page-info h2, .new-page .new-page-info h3, .new-page .new-page-info h4, .new-page .new-page-info h5, .new-page .new-page-info h6 { display: block; margin: 0 0 10px 0; padding: 0; font-size: 16px; color: #333; line-height: 24px; }

	.new-page .new-page-gallery { margin: 10px 0; }
	.new-page .new-page-gallery .image-gallery { width: 48%; display: block; float: left; margin: 2px 1%; }
	.new-page .new-page-gallery .image-gallery strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; height: 24px; line-height: 24px; padding: 0 5px; font-size: 11px; color: #111; font-weight: normal; }
	.new-page .new-page-gallery .image-gallery img { width: 100%; max-width: 100%; }

	.new-page .new-page-tags { margin: 20px 10px; }
	.new-page .new-page-tags a { height: 28px; line-height: 28px; padding: 0 6px; margin: 0 1px 4px 0; font-size: 14px; }
}





/*============================================================================================*/
/* PHOTO NEWS */
/*============================================================================================*/
.photo-news { margin: 0 0 20px 0; }
.photo-news .new { position: relative; display: block; float: left; width: 48%; margin: 10px 1%; padding: 0; }
.photo-news .new:hover { background: #fff; }
.photo-news .new .new-image { position: relative; display: block; overflow: hidden; width: 100%; margin: 0; padding: 0; }
.photo-news .new .new-image img { display: block; width: 100%; }
.photo-news .new .new-image .new-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); opacity: 0; }
.photo-news .new .new-image:hover .new-overlay { background: rgba(0, 0, 0, .3); opacity: 1; }
.photo-news .new .new-title { display: block; margin: 0; padding: 15px 10px; background: #eee; font-size: 18px; line-height: normal; color: #07592d; font-weight: bold; }
.photo-news .new .new-title:hover { color: #03341c; text-decoration: underline; }

.photo-new { margin: 0 0 50px 0; }
.photo-new .photo-new-head { display: block; clear: both; margin: 0 0 20px 0; padding: 10px; border-top: 1px solid #cedfef; border-bottom: 1px solid #cedfef; }
.photo-new .photo-new-head .photo-new-head-info { display: block; float: left; }
.photo-new .photo-new-head .photo-new-head-info span { display: inline; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; padding: 0; line-height: 40px; }
.photo-new .photo-new-head.photo-new-head-info  span i, .photo-new .photo-new-head .photo-new-head-info span strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
.photo-new .photo-new-head .photo-new-head-info span strong { font-weight: normal; font-size: 14px; color: #003366; }
.photo-new .photo-new-head .photo-new-head-info span i { margin-right: 3px; font-size: 18px; color: #666; }

.photo-new .photo-new-gallery { position: relative; margin: 10px; text-align: center; }
.photo-new .photo-new-gallery img { display: inline; display: inline-block; vertical-align: top; margin: 5px 8px; border: 5px solid #ddd; }
.photo-new .photo-new-gallery img:hover { border: 5px solid #aaa; }

.photo-new .photo-new-info { position: relative; margin: 20px; }
.photo-new .photo-new-info p { display: block; margin: 0 0 10px 0; padding: 0; font-size: 15px; color: #333; line-height: normal; }
.photo-new .photo-new-info p * { font-size: 15px; color: #333; line-height: normal; }

@media only screen and (max-width: 768px) {
	.photo-news .new { float: none; width: 100%; max-width: 100%; margin: 10px 0 20px 0; border-bottom: 1px solid #ddd; }
	.photo-news .new .new-title { margin: 0; padding: 10px 5px; background: #eee; }

	.photo-new .photo-new-head { margin: 0 0 10px 0; padding: 5px 10px; }
	.photo-new .photo-new-head .photo-new-head-info span { margin: 0 5px 0 0; }

	.photo-new .photo-new-gallery { position: relative; margin: 10px 0; text-align: center; }
	.photo-new .photo-new-gallery img { display: block; width: 100%; max-width: 100%; margin: 5px 0; border: 5px solid #ddd; }

	.photo-new .photo-new-info { position: relative; margin: 20px; }
	.photo-new .photo-new-info p { display: block; margin: 0 0 10px 0; padding: 0; font-size: 15px; color: #333; line-height: normal; }
	.photo-new .photo-new-info p * { font-size: 15px; color: #333; line-height: normal; }
}




/*============================================================================================*/
/* CONTACTS PAGE */
/*============================================================================================*/
.contacts-section .contacts-info { position: relative; margin: 40px 0 0 0; padding: 0px; text-align: center; }
.contacts-section .contacts-info p { display: block; margin: 0 10px 20px 10px; padding: 0px; line-height: normal; font-size: 20px; color: #222; }
.contacts-section .contacts-info span { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px; padding: 0px; line-height: normal; font-size: 18px; color: #222; }
.contacts-section .contacts-info span i { display: inline; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 26px; color: #07592d; }

.contacts-section .contact-form { margin: 0 20px; padding: 0; }
.contacts-section .contact-form .form { position: relative; margin: 40px 0 20px 0px; padding: 0px; }
.contacts-section .contact-form .form .field-row { position: relative; margin-bottom: 10px; }
.contacts-section .contact-form .form .field-row label { font-size: 14px; font-weight: normal; }
.contacts-section .contact-form .form .field-row label em { font-size: 13px; color: #C20017; font-style: italic; }
.contacts-section .contact-form .form .field-row input[type="text"] { width: 100%; background: none; padding: 0 10px; height: 46px; line-height: 46px; color: #444; font-size: 13px; border: 1px solid #ccc; outline: none; border-radius: 0; }
.contacts-section .contact-form .form .field-row input[type="text"]:hover { background: #f5f5f5; }
.contacts-section .contact-form .form .field-row textarea { width: 100%; max-width: 100%; height: 200px; background: none; padding: 10px; color: #444; font-size: 13px; border: 1px solid #ccc; outline: none; border-radius: 0; }
.contacts-section .contact-form .form .field-row textarea:hover { background: #f5f5f5; }
.contacts-section .contact-form .form .field-row .captcha { padding-left: 70px !important; }
.contacts-section .contact-form .form .field-row img { position: absolute; left: 5px; top: 4px; }
.contacts-section .contact-form .form .field-row .submit { width: 120px; margin: 0; background: #07592d; padding: 10px; color: #fff; font-size: 15px; border: 0 none; outline: none; line-height: 20px; border-radius: 0; cursor: pointer; }
.contacts-section .contact-form .form .field-row .submit:hover { background: #011830; }
.contacts-section .contact-form .form .field-row .error_string { display: block; position: absolute; right: 10px; bottom: 0; height: 46px; line-height: 46px; color: red; font-size: 13px; }
.contacts-section .contact-form .form .field-row .contact-error { border-color: red !important; }
.contacts-section .contact-form .contact-form-message { display: block; padding: 15px; font-size: 20px; background: #f5f5f5; color: #07592d; line-height: normal; font-weight: 500; margin: 0 0 15px 0; text-align: center; }
.contacts-section .contact-form .form .field-row input[type="text"],
.contacts-section .contact-form .form .field-row textarea,
.contacts-section .contact-form .form .field-row .submit { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

@media only screen and (max-width: 768px) {
	.contacts-section .contacts-info { margin: 20px 0 0 0; }
	.contacts-section .contacts-info p { margin: 0 0 10px 0; font-size: 18px; }
	.contacts-section .contacts-info span { display: block; text-align: center; margin: 0 auto; font-size: 17px; }
	.contacts-section .contacts-info span i { margin-right: 5px; font-size: 22px; }

	.contacts-section .contact-form { margin: 0 10px; }
	.contacts-section .contact-form .form { margin: 20px 0px; }
	.contacts-section .contact-form .form .field-row label em { font-size: 12px; }
	.contacts-section .contact-form .form .field-row .submit { margin-bottom: 10px; }
}


/*============================================================================================*/
/* DYNAMIC PAGES */
/*============================================================================================*/
.pages-section { position: relative; }
.pages-section .pages-section-info { background: #fff; padding: 20px; font-size: 16px; color: #222; }
.pages-section .pages-section-info * { font-size: 16px; line-height: normal; color: #222; }
.pages-section .pages-section-info p { display: block; padding: 0; margin: 0 0 10px 0; }



/*============================================================================================*/
/* ASIDE */
/*============================================================================================*/
#aside { position: relative; width: 300px; float: right; padding: 0; }

#aside .banner { position: relative; width: 100%; margin: 0 0 10px 0; text-align: center; }
#aside .banner img { max-width: 100%; }

#aside .news-list { display: block; padding: 0; margin: 0 0 10px 0; border: 1px solid #ddd; }
#aside .news-list .new { display: block; background: #F5F3E9; margin: 0 0 1px 0; padding: 10px; border-bottom: 1px solid #ddd; }
#aside .news-list .new:last-child { border-bottom: 0; }
#aside .news-list .new:hover { background: #f0f4de; }
#aside .news-list .new figure { position: relative; display: block; overflow: hidden; float: left; width: 80px; max-height: 80px; margin: 0; padding: 0; }
#aside .news-list .new figure img { display: block; width: 80px; }
#aside .news-list .new .new-info { margin: 0 0 0 90px; padding: 0; }
#aside .news-list .new .new-info .new-title { display: block; margin: 0; padding: 0; font-size: 13px; line-height: 16px; color: #111; font-weight: bold; }
#aside .news-list .new .new-info .new-title:hover { color: #03341c; }

#aside .news-video { display: block; padding: 0; margin: 0 0 10px 0; }
#aside .news-video .new { position: relative; display: block; overflow: hidden; margin: 5px 0 0 0; padding: 0; }
#aside .news-video .new a { text-align: left; display: block; background: #F5F3E9; color: #111; font-weight: bold; font-size: 14px; line-height: normal; margin: 0; padding: 5px 10px; }
#aside .facebook-page { margin: 10px auto; }

.top-news { position: relative; margin: 0 0 20px 0; height: 338px; overflow: hidden; }
.top-news .new { position: relative; float: none; overflow: hidden; display: block; width: 300px; height: 338px; margin: 0; }
.top-news .new .new-cat { position: absolute; z-index: 9; display: block; top: 5px; left: 5px; font-size: 10px; text-transform: uppercase; background: #555; color: #fff; padding: 3px 5px; }
.top-news .new .new-cat:hover { background: #e51600; }
.top-news .new .new-content { display: block; width: 300px; height: 338px; }
.top-news .new .new-content img { display: block; width: 100%; }
.top-news .new .new-content h2 { z-index: 9; position: absolute; display: block; left: 0px; right: 0px; bottom: 0px; color: #fff; font-size: 18px; font-weight: normal; background: rgba(0, 0, 0, .4); background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent); padding: 10px; margin: 0; line-height: normal; }

@media only screen and (max-width: 768px) {
	#aside { width: 100%; float: none; border: 0; }
	#aside .banner { max-width: 100%; text-align: center; margin: 10px auto; }
	#aside .banner #animation_container { max-width: 100%; text-align: center; margin: 10px auto; }
	#aside .news-list { border: 0; }
	#aside .news-list .new .new-info .new-title { font-size: 14px; line-height: 18px; }
	#aside .news-video .new a { font-size: 17px; line-height: normal; padding: 10px 5px; }

	.top-news { float: none; width: 100%; height: auto; }
	.top-news .new { float: none; overflow: hidden; display: block; width: 100%; height: auto; margin: 10px 0; }
	.top-news .new .new-cat { top: 15px; left: 15px; font-size: 12px; padding: 4px 8px; }
	.top-news .new .new-content { width: 100%; height: auto; }
	.top-news .new .new-content img { width: 100% !important; max-width: 100% !important; height: auto !important; }
	.top-news .new .new-content h2 { bottom: 0px; font-size: 24px; padding: 30% 5px 10px 5px; line-height: normal; }
	.top-news .new:hover .new-content h2 { padding: 30% 5px 10px 5px; }
}



/*============================================================================================*/
/* FOOTER */
/*============================================================================================*/
#footer { position: relative; background: #000; background: linear-gradient(to top, #000, #1A1A1A); color: #fff; margin: 0; padding: 0; }

#footer .footer-top { position: relative; margin: 0; padding: 0; background: #03341c; border-bottom: 1px solid #e51600; }
#footer .footer-top .footer-list { display: block; margin: 0; padding: 25px 0; text-align: center; border-top: 1px solid #094928; }
#footer .footer-top .footer-list:first-child { border-top: 0; }
#footer .footer-top .footer-list li { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
#footer .footer-top .footer-list li a { display: block; margin: 0; padding: 0 12px; font-size: 15px; color: #fff; border-right: 1px solid #094928; font-weight: normal; }
#footer .footer-top .footer-list.footer-partners li a { font-size: 13px; }
#footer .footer-top .footer-list li:last-child a { border-right: 0 none; }
#footer .footer-top .footer-list li a:hover { color: #e51600; }

#footer .footer-top .footer-directory { position: relative; background: #023019; padding: 15px 0; }
#footer .footer-top .footer-directory strong { display: block; float: left; background: #E51600; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; height: 44px; line-height: 44px; margin: 0; padding: 0 20px; }
#footer .footer-top .footer-directory strong i { display: inline; display: inline-block; vertical-align: middle; margin: 0 0 0 5px; font-size: 14px; }
#footer .footer-top .footer-directory .footer-directory-list { float: left; height: 44px; }
#footer .footer-top .footer-directory .footer-directory-list a { display: block; float: left; color: #fff; font-size: 14px; font-weight: normal; height: 44px; line-height: 44px; margin: 0; padding: 0 20px; border-right: 1px solid #094928; text-transform: uppercase; }
#footer .footer-top .footer-directory .footer-directory-list a:last-child { border-right: 0 none; }
#footer .footer-top .footer-directory a:hover { color: #e51600; }

#footer .footer-bottom { position: relative; margin: 0; padding: 20px 0; background: #111; text-align: left; }

#footer .footer-bottom .footer-menu { margin: 0; padding: 10px 0 20px 0; text-align: center; }
#footer .footer-bottom .footer-menu li { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; border-right: 1px solid #333; }
#footer .footer-bottom .footer-menu li:last-child { border-right: 0; }
#footer .footer-bottom .footer-menu li a { display: block; padding: 0 16px 0 15px; margin: 0; font-weight: normal; font-size: 13px; color: #eee; text-transform: uppercase; }
#footer .footer-bottom .footer-menu li a i { display: inline; display: inline-block; vertical-align: middle; padding: 0; margin: 0 5px 0 0; font-weight: normal; font-size: 16px; color: #fff; }
#footer .footer-bottom .footer-menu li a:hover { color: #e51600; }

#footer .footer-bottom .footer-text { position: relative; }
#footer .footer-bottom .footer-text p { display: block; text-align: center; font-size: 13px; color: #ccc; margin: 0 0 10px 0; padding: 0; font-weight: normal; line-height: 18px; }
#footer .footer-bottom .footer-text p a { color: #fff; }

@media only screen and (max-width: 768px) {
	#footer { width: 100%; max-width: 100%; }
	#footer .footer-top { padding: 2px 0; background: #012b15; border-bottom: 1px solid #e51600; }

	#footer .footer-top .footer-list { padding: 15px 0; }
	#footer .footer-top .footer-list li { margin: 5px; }
	#footer .footer-top .footer-list li a { display: block; margin: 0; padding: 7px 10px; font-size: 16px; background: #013019; color: #fff; border-right: 0; font-weight: normal; }

	#footer .footer-top .footer-directory { padding: 25px 0; }
	#footer .footer-top .footer-directory strong { display: block; float: none; background: transparent; color: #fff; font-size: 20px; font-weight: 600; text-transform: uppercase; height: 44px; line-height: 44px; margin: 0 auto; padding: 0 20px; text-align: center; }
	#footer .footer-top .footer-directory .footer-directory-list { float: none; height: auto; }
	#footer .footer-top .footer-directory .footer-directory-list a { display: block; width: 50%; margin: 0; padding: 7px 0; font-size: 14px; text-align: center; height: auto; line-height: normal; border-right: 0; }

	#footer .footer-bottom { padding: 10px 0; text-align: center; }
	#footer .footer-bottom .row { margin: 0; padding: 0; }
	#footer .footer-bottom .row > div { margin: 0; padding: 0; }

	#footer .footer-bottom .footer-menu { padding: 20px 0; float: none; text-align: center; }
	#footer .footer-bottom .footer-menu li { margin: 0; border-right: 0; }
	#footer .footer-bottom .footer-menu li a { padding: 0 8px 0 7px; font-size: 13px; }
}



/*============================================================================================*/
/* BREADCRUMB */
/*============================================================================================*/
.breadcrumb { position: relative; padding: 10px 0; background: #fff; border-radius: 0; }
.breadcrumb ul { display: block; margin: 0 10px; padding: 0px; text-align: left; }
.breadcrumb ul li { display: inline; display: inline-block; vertical-align: middle; }
.breadcrumb ul li a, .breadcrumb ul li i, .breadcrumb ul li span { font-size: 13px; }
.breadcrumb ul li i { padding: 0 5px; color: #aaa; font-size: 12px; }
.breadcrumb ul li a, .breadcrumb ul li span { padding: 0 5px; color: #07592d; }
.breadcrumb ul li a:hover { text-decoration: underline !important; }
.breadcrumb ul li span { color: #12683e; }

@media only screen and (max-width: 768px) {
	.breadcrumb { margin: 0; }
	.breadcrumb ul { margin: 10px 10px 0 10px; }
	.breadcrumb ul li i { padding: 0 3px; }
	.breadcrumb ul li span {  }
}




/*============================================================================================*/
/* COMMENTS */
/*============================================================================================*/
.coments-section { position: relative; background: #f4f4f4; padding: 20px 20px; border-top: 1px solid #cedfef; border-bottom: 1px solid #cedfef; }
.coments-section h3 { display: block; margin: 10px 10px 0 10px; padding: 0; font-size: 18px; font-weight: bold; color: #07592d; text-transform: uppercase; }
.coments-section h3 span { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 28px; color: #07592d; }
.coments-section h3 strong { display: inline; display: inline-block; vertical-align: middle; font-size: 18px; color: #07592d; }

.coments-section #commentForm { display: block; }
.coments-section #commentForm .input-row { position: relative; display: block; margin: 0 0 10px 0; }
.coments-section #commentForm .input-row .error_string { display: block; position: absolute; right: 10px; bottom: 0; height: 46px; line-height: 46px; color: red; font-size: 13px; }
.coments-section #commentForm .input-row .input { display: block; width: 100%; max-width: 100%; padding: 10px; border-radius: 3px; border: 1px solid #ddd; font-size: 13px; }
.coments-section #commentForm .input-row .textarea { display: block; width: 100%; max-width: 100%; height: 60px; padding: 10px; border-radius: 3px; border: 1px solid #ddd; font-size: 13px; }
.coments-section .btn-submit { padding: 7px 15px; background: #07592d; border-radius: 3px; border: 0; color: #f0f0f0; font-size: 14px; cursor: pointer; }
.coments-section .btn-submit span { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 16px; color: #fff; }
.coments-section .btn-submit strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; font-size: 14px; color: #fff; font-weight: normal; }
.coments-section .btn-submit:focus { border: 0; outline: 0; }
.coments-section .btn-submit:hover { background: #03341c; }
.coments-section #commentForm #commentMessage { display: block; padding: 10px 0; text-align: left; }
.coments-section #commentForm #commentMessage span { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0 10px; color: #C20017; font-size: 13px; font-weight: normal; font-style: italic; }
.coments-section #commentForm #commentMessage strong { display: block; text-align: center; margin: 0; padding: 0; color: #189a18; font-size: 16px; font-weight: normal; }

.coments-section #displayComment { position: relative; margin: 20px 0 10px 0; }
.coments-section #displayComment .comment-row { display: block; padding: 0; margin: 0 0 10px 0; border-radius: 3px; border: 1px solid #ddd; background: #eee; }
.coments-section #displayComment .comment-row .heading { display: block; padding: 10px 20px; font-size: 14px; text-align: left; background: #03341c; border-radius: 3px 3px 0 0; }
.coments-section #displayComment .comment-row .heading i, .coments-section #displayComment .comment-row .heading strong { display: inline; display: inline-block; vertical-align: middle; }
.coments-section #displayComment .comment-row .heading i { color: #fff; margin-right: 5px; font-size: 16px; }
.coments-section #displayComment .comment-row .heading strong { font-weight: normal; margin-right: 15px; color: #fff; font-size: 14px; }
.coments-section #displayComment .comment-row .body { display: block; background: #fff; padding: 15px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #333; font-weight: normal; }
.coments-section #displayComment .comment-row .body i { font-size: 20px; margin-right: 10px; color: #333; }
.coments-section #displayComment .comment-row .footer { display: block; padding: 5px; text-align: right; border-radius: 0 0 3px 3px; background: #eee; }
.coments-section #displayComment .comment-row .footer .reply { display: inline; display: inline-block; background: #fff; color: #03341c; font-size: 12px; font-weight: bold; padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; }
.coments-section #displayComment .comment-row .footer .reply:hover { background: #ddd; }

@media only screen and (max-width: 768px) {
	.coments-section { padding: 10px 10px 0 10px; }
	.coments-section h3 { font-size: 16px; font-weight: normal; }
	.coments-section h3 span { font-size: 28px; font-weight: normal; }
	.coments-section h3 strong { font-size: 18px; font-weight: normal; }
}





/*============================================================================================*/
/* PAGINATION */
/*============================================================================================*/
.pagination { display: block; position: relative; margin: 30px 0; text-align: center; }
.pagination li { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
.pagination li a, .pagination > li > span { position: relative; display: inline; display: inline-block; padding: 0 12px; height: 36px; line-height: 36px; font-size: 16px; margin-left: -1px; text-decoration: none; border: 0; background: #ddd; color: #03341c; }
.pagination li i { font-size: 22px; }
.pagination li.active span { background: #03341c !important; color: #fff; }
.pagination li:first-child a, .pagination li:first-child span { margin-left: 0; }
.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { z-index: 2; background: #03341c; color: #fff; }
.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover { background: #03341c !important; }
.pagination .disabled a,.pagination .disabled a:focus,.pagination .disabled a:hover,.pagination .disabled span,.pagination .disabled span:focus,.pagination .disabled span:hover{cursor:not-allowed}

@media only screen and (max-width: 768px) {
	.pagination { padding-bottom: 20px !important; clear: both; }
	.pagination li a, .pagination > li > span { padding: 0 10px; height: 32px; line-height: 32px; font-size: 16px; margin-left: -2px; }
}




/*============================================================================================*/
/* SCROLL TO TOP */
/*============================================================================================*/
.scrollToTop { bottom: 30px; right: 20px; margin: 0px; padding: 0px; display: none; font-size: 24px; font-weight: 700; position: fixed; width: 46px; height: 46px; line-height: 46px; z-index: 999; border: 0; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; background: #e51600; border-radius: 3px; }
.scrollToTop i { color: #fff; }
.scrollToTop:focus, .scrollToTop:hover { background: #000; text-decoration: none; outline: 0; }
.scrollToTop:hover i { color: #fff; }

@media only screen and (max-width: 768px) {
	.scrollToTop { bottom: 5px; right: 5px; width: 42px; height: 42px; line-height: 42px; }
}



/*============================================================================================*/
/* PAGE 404 */
/*============================================================================================*/
.page404 { position: relative; text-align: center; padding: 50px 0; margin-bottom: -40px; background: #fff; }
.page404 img { max-width: 60%; }