@import url("normalize.css");
@import url("bootstrap.css");
@import url("general.css");
@import url("font-awesome.css");
@import url("animate.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic&subset=latin,latin-ext);
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.shadow { box-shadow: 3px 3px 15px #f2f2f2; }

.trans { transition: all ease 0.5s; }

body { background: #eceff1; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #607d8b;}
.overlay {background: #eceff1; opacity: 1; filter: alpha(opacity=100);}
a {outline: none !important; border: none;}
a:hover {outline: none !important; border: none; text-decoration: none;}
article h1, article h2, article h3, article h4, article h5, article h6 { margin: 10px 0; }

.lazy-hidden { opacity: 0; }

.lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; }

.lightbox { position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #232323; opacity: 0.7; filter: alpha(opacity=70); z-index: 10; display: none; }

.boxs1 { box-shadow: 3px 3px 0px #F2F2F2; border: 1px solid #efefef; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 15px; }

/* === Header === */
.header {padding: 25px 0; border-bottom: 3px solid #f2f2f2; box-shadow: 1px 1px 5px #BDBDBD; background: #FFF; z-index: 3; position: relative;}
.header .menu ul {float: right; margin: 0;}
.header .menu ul#category {display: none;}
.header .menu ul li {display: block; float: left; margin-left: 60px;}
.header .menu ul li a {display: block; color: #2979ff; font-size: 16px; line-height: 18px; padding: 10px 0;}
.header a.mobile-menu { position: absolute; right: 15px; top: 50%; width: 40px; background: #2979FF; text-align: center; line-height: 38px; font-size: 20px; margin-top: -19px; border-radius: 4px; color: #FFF;}
.header a.mobile-cat { position: absolute; left: 15px; top: 50%; width: 40px; background: #2979FF; text-align: center; line-height: 38px; font-size: 20px; margin-top: -19px; border-radius: 4px; color: #FFF;}
/* === Header === */
/* === Section === */
.section {}
.section .leftColumn {padding-right: 0;}
.section.banner {padding: 20px 0 5px 0; background: #FFF; position: relative; z-index: 2; overflow: hidden;}
.section.banner .item {position: relative; margin-bottom: 15px;}
.section.banner .item img {display: block; width: 100%;}
.section.banner .item.bigItem img {-o-object-fit: cover; object-fit: cover;}
.section.banner .item a {display: block; color: #FFF;}
.section.banner .item .text {position: absolute; width: 100%; left: 0; bottom: 0; color: #FFF; padding: 15px;}
.section.banner .item.bigItem .text {padding: 50px;}
.section.banner .item .text h2 {font-size: 36px; text-shadow: 1px 1px 1px #000;}
.section.banner .item .text h3 {font-size: 18px; line-height: 30px; margin: 0; text-shadow: 1px 1px 1px #000;}

.section.middle {padding-top: 6px; position: relative; z-index: 3;}
.section.middle .item {margin-top: 14px; margin-bottom: 0;}
.section.middle .item.box {background: #FFF; box-shadow: 0px 0px 5px #CACACA; overflow: hidden;}
.section.middle .item .image {padding-right: 0;}
.section.middle .item .image img {display: block; width: 100%;}
.section.middle .item .text {padding: 30px 30px 30px 15px;}
.section.middle .list .item .text h2 {color: #000; font-size: 22px; margin-top: 0;}
.section.middle .list .item .text p {color: #90a4ae;}
.section.middle .list .item .text a.more {color: #1de9b6; text-align: right; text-decoration: underline;}

.section.middle .sidebar .title { border-bottom: 1px solid #eceff1; padding: 30px;}
.section.middle .sidebar .title  h2 {margin: 0; font-size: 18px; color: #2979ff;}
.section.middle .sidebar .content {padding: 0 30px;}
.section.middle .sidebar .content ul {margin: 0; }
.section.middle .sidebar .content ul li {border-bottom: 1px solid #eceff1; position: relative;}
.section.middle .sidebar .content ul li a { color: #37474f; font-size: 16px; padding: 20px 0 20px 15px;}
.section.middle .sidebar .content ul li span.icon {position: absolute; left: 0; top: 50%; margin-top: -9px;}
.section.middle .sidebar .content ul li span.icon i {display: block; font-size: 18px; color: #1de9b6;}
.mobile-sidebar {margin-top: 15px !important;}

.section.detail-page {}
.section.detail-page .text {text-align: center; position: relative; z-index: 1; padding: 50px 15px;}
.section.detail-page .text h2 {color: #000; font-size: 36px; font-weight: 600; margin: 0 0 20px 0;} 
.section.detail-page .text p {color: #90a4ae; font-size: 16px; margin: 0;}
.section.detail-page .text span.name {color: #000; font-size: 14px; font-weight: 600; margin-top: 20px; display: block;}
.section.detail-page .text span.date {font-size: 12px;}
.section.detail-page .image {z-index: 2; position: relative;}
.section.detail-page .image img {width: 100%; box-shadow: 0px 0px 5px #CACACA;}
.section.detail-page .article {background: #FFF; padding: 50px 100px; box-shadow: 0px 0px 5px #CACACA;}
.section.detail-page .article h2 {font-size: 24px; line-height: 30px; color: #000; font-weight: 600;}
.section.detail-page .article h3 {font-size: 20px; line-height: 30px; color: #000; font-weight: 600;}
.section.detail-page .article p {font-size: 16px; line-height: 30px; color: #90a4ae;}
.section.detail-page .article img {display: block; margin: 30px 0;}
.section.detail-page .article .page-footer {padding-top: 30px; border-top: 1px solid #eceff1; margin-top: 30px; text-align: center;}
.section.detail-page .article .page-footer p {margin: 0;}
.section.detail-page .article .page-footer span.name {color: #000; font-size: 14px; font-weight: 600; display: block;}
.section.detail-page .article .page-footer span.date { font-size: 12px; display: block;}

.section.news-list {padding-bottom: 40px;}
.section.news-list .title h2 {margin: 0; font-size: 24px; color: #2979ff; text-align: center; padding: 40px 0;}
.section.news-list .row {margin-left: -7px; margin-right: -7px;}
.section.news-list .item {position: relative; padding: 0 7px;}
.section.news-list .item img {width: 100%;}
.section.news-list .item .text {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 20px;}
.section.news-list .item .text h3 {font-size: 18px; line-height: 30px; margin: 0; text-shadow: 1px 1px 1px #000;}
.section.news-list .item a {display: block; color: #FFF;}
/* === Section === */

/* === Footer === */
.footer {color: #fff; position: relative; z-index: 4; height: 15px; font-size: 14px; background-color: #4842ff;background-image: url(fallback-gradient.svg); background-image:-webkit-gradient(linear, left top, right top, from(#4842ff), to(#1de9b6)); background-image:-webkit-linear-gradient(left, #4842ff, #1de9b6);
background-image: -moz-linear-gradient(left, #4842ff, #1de9b6); background-image: -o-linear-gradient(left, #4842ff, #1de9b6); background-image:linear-gradient(to right, #4842ff, #1de9b6);}
/* === Footer === */

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-bottom: 20px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* ============================================================================================================  
	Responsive Css
============================================================================================================ */
@media screen and (max-width: 1199px) {
	.header .menu ul li {margin-left: 50px;}
}
@media screen and (max-width: 991px) {
	body {font-size: 12px;}
	.section.banner .item .text h2 {font-size: 24px;}
	.section.banner .item .text h3 {font-size: 14px; line-height: 18px;}
	.section.banner .item.bigItem .text {padding:20px;}
	.section.middle .sidebar .title {padding: 20px;}
	.section.middle .sidebar .title h2 {font-size: 14px;}
	.section.middle .sidebar .content ul li a {font-size: 12px;}
	.section.middle .sidebar .content {padding: 0 20px;}
	.section.middle .list .item .text h2 {font-size: 20px;}
	.section.middle .item .image {padding-right: 15px;}
	.section.middle .item .text {padding: 20px;}
	.section.news-list .item .text h3 {font-size: 14px; line-height: 18px;}
}
@media screen and (min-width: 768px) {
	.header .menu ul#menu {display: block !important;}
	.header .menu ul#category {display: none !important;}
}
@media screen and (max-width: 767px) {
	.header {padding-bottom: 0;}
	.header .menu {background: #F2F2F2; margin-top: 15px;}
	.header .menu ul {float: none; display: none;}
	.header .menu ul li {margin: 0; float: none; text-align: center; border-bottom: 1px solid #E6E6E6;}
	.section .leftColumn {padding-right: 15px;}
	.section.banner .item .text {text-align: center;}
	#sidebar {margin-top: 15px !important;}
	.section.banner .item.bigItem img {height: 100% !important;}
	.logo {margin: 0 auto; width: 278px;}
	.section.middle #sidebar {display: none;}
	.header.sticky-header {width: 100%; top:0; position: fixed; z-index: 6;}
	.section.detail-page .article {padding: 50px;}
	.section.news-list .item .text h3 {font-size: 12px; line-height: 16px;}
	.section.news-list .item .text {padding: 10px 15px;}
}
@media screen and (max-width: 479px) {
	.logo {width: 180px;}
	.header a.mobile-menu, .header a.mobile-cat {width: 35px; line-height: 30px;}
	.section.detail-page .text h2 {font-size: 24px;}
	.section.detail-page .article {padding: 20px;}
	.section.detail-page .article h2 {font-size: 20px;}
	.section.detail-page .article h3 {font-size: 16px;}
	.section.detail-page .article p {font-size: 12px; line-height: 22px;}
	.section.news-list .item {width: 100%; margin-bottom: 15px;}
	.section.news-list .item .text {text-align: center;}
	.section.news-list .item .text h3 {font-size: 14px; line-height: 18px;}
}
/* ============================================================================================================  
	Responsive Css
============================================================================================================ */