body{font-family: 'Poppins', sans-serif;}

header { background:#443F41; height: 140px; box-shadow:0 0 20px rgba(0,0,0,.5); position: relative; z-index: 999}
header .header-top { position: relative; height: 60px; border-bottom:1px solid #565656; }
header .header-top ul { float: left; list-style: none; }
header .header-top ul li { display: inline-block; }
header .header-top ul li a { display: block; line-height: 60px; padding: 0 10px; color: #999; font-size: 13px; }
header .header-top ul li a:hover { color:#FFCA00; }
header .center { padding-left: 240px }
header .logo { position: absolute; left: 0; top: -60px;  z-index: 99 }

header .info-btn { float: right; margin-top: 17px }
header .wp-btn { float: right; margin-top: 12px }
header .wp-btn a {background:#0c9d70; border-radius: 3px; font-size: 13px; font-weight: 600; padding: 8px 15px; display: block; color: #fff;}
header .wp-btn a:hover { background:#05845c }

.slider { position: relative; max-width: 1440px; margin: 0 auto;}
.slider img { width: 100%; height: 640px; background-size: cover; background-repeat: no-repeat; }
.slider .owl-item.active h1 {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active p { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .btn, .slider .owl-item.active .btn-w {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.slider .owl-dots { position:absolute; width: 100%; text-align: center; bottom:20px; }
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;}
.slider .overlay .center {top: 45%; }
.slider .overlay .slide-content { max-width: 720px; }
.slider h1 { font-size: 50px; color: #fff; font-weight: 900; text-shadow: 0 0 10px rgba(0,0,0,.8); margin-bottom: 5px}
.slider p { font-size: 16px; color: #fff; font-weight: 600; margin-bottom:30px; text-shadow: 0 0 10px rgba(0,0,0,.8); display: block !important;}
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-nav { margin-top: 0; }
.slider .owl-carousel .owl-nav button.owl-prev, .slider .owl-carousel .owl-nav button.owl-next { background:#fff; width: 42px; height: 42px; color: #104789;}
.slider .owl-carousel .owl-nav { position: absolute; right: 40px; top: 40%; width: 42px; }

img { background-size: cover; background-repeat: no-repeat; }
.post-image img { height: 180px; width: 100%; }
.post-ex h5 { margin: 0; font-size: 15px}
.post-ex a { color:#333 }
.post-ex p { margin:10px 0; font-weight: 600; display: inline-block; background: #ff0000; color: #fff; padding: 3px 8px; border-radius: 3px}
.post-ex span { font-size: 13px; color: #666; display: block;}
.post-ex { padding:20px; }
.post-image { position: relative; }
.post-image .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0; display: none; align-items: center; justify-content: center }
.post-box:hover .overlay {display: grid;}

h2 a { display: inline-block; font-size: 14px; color: #555; float: right; }

.gallery .g-box img { width: 100%; }

ol.author { list-style: none; padding:10px; border-radius: 3px; background: #f7f7f7; margin:0 0 20px 0}
ol.author li { font-size: 14px; }
ol.author li a { color: #333; text-decoration: underline; }

.list-post { border-bottom:1px solid #ebebeb; }

.post-slide { min-width: 0 }

footer { background:#443F41;}
.f-box ul { list-style: none; }
footer h4 { color: #fff; font-size: 14px }
.f-box ul li { margin-bottom: 5px }
.f-box ul li a, .f-box p { color: #fff; }
.f-box ul li a:hover { color:#FFCA00 }

footer small { color: #999 }

.social ul { list-style: none; }
.social ul li { display: inline-block; }
.social ul li a { display: block; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; background:#312b2e}

.breadcrumbs .center { padding-left: 250px }

.post-slide img { height: 50vh }
.post-slide .owl-carousel .owl-nav button.owl-prev, .post-slide .owl-carousel .owl-nav button.owl-next { background:#fff; width: 42px; height: 42px; color: #104789;}
.post-slide .owl-carousel .owl-nav { margin-top: -70px; position: relative; z-index: 999 }

#cssmenu{float:left;position:relative;}
#cssmenu>ul>li { margin: 0 0 0 -4px; }
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:600; color:#fff;padding:0 15px; line-height: 80px;}
#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu>ul>li.active>a, #cssmenu ul li a:hover { color:#FFCA00; }
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; font-weight:600; box-shadow: 10px 10px 20px rgba(0,0,0,.2);text-align: left;background:#fff; padding:10px 0px; border-radius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:10px 15px;font-size: 13px; display:block;width:220px;text-decoration:none;color:#555;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease;}

@media only screen and (max-width:1030px) {
	#cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left}
	#cssmenu>ul>li>a:hover { background:#000;color:000}
	#cssmenu > ul { margin: 0 0 0 0; position: relative;}
	#cssmenu>ul{display:none; z-index:99999; position: absolute; top:60px;left:10px; right:10px}
	#cssmenu ul{display:none; z-index:99999; position: absolute;}
	#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
	#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
	#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
	#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
	#cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
	#cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#000; border-bottom:1px solid #333; font-size: 14px; line-height: normal !important }
	#cssmenu>ul>li {    margin: 0 0px;}
	#cssmenu ul ul li a { padding:15px 20px; }
	#cssmenu ul ul { padding: 0 !important }
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#000}
	#cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
	#cssmenu ul ul ul li a{padding-left:40px;}
	#cssmenu ul ul ul ul li a{padding-left:40px;}
	#cssmenu>ul>li { border-right:none; }
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
	#cssmenu #menu-button{display:block;color:#000;cursor:pointer;font-size:12px;height:32px; background:#000; width: 32px; position: absolute; top:20px; right:20px;}
	#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
	#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
	#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
	#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
	#cssmenu ul ul li a { color: #fff }
	#cssmenu ul ul{ border-bottom: none; }
	#cssmenu ul ul li a{border-bottom:1px solid #444;}
	#menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
	#menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:15px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	#menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:9px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
	#menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:15px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	#menu-button.menu-opened:before{top:15px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
}

@media only screen and (max-width:1266px) {
}

@media only screen and (max-width:660px) {
	header .header-top ul { display: none; }
	.logo { width: 140px }
	header .center { padding-left: 120px }
	header .info-btn { display: none; }
	.breadcrumbs .center { padding-left: 20px }
}