:root{
	--green: #006738;
	--green-dark: #007251;
	--green-light: #8BC53F;
	--green-ex-light: #DCFFA4;
	--yellow: #FFD400;
	--yellow-light: #FFDE59;
	--yellow-ex-light: #FFF083;
	--f-a: "alberta";
	
}
html, body {font-size:16px;font-family: Verdana,Geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:var(--f-a);font-weight:normal;}

/* .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner::after {background-color:#FFF;} */
.boundary {max-width:1200px;width:96%;}

.top .t-hotline {background-color:var(--green-light); color:#FFF; min-height:40px; line-height:40px; }
.top .t-hotline .boundary {text-align:right;}
.top .t-hotline strong {display:block;}
.top .t-hotline a {display:inline-block; background-color:var(--green-dark); color:#FFF; font-weight:bold; padding: 0 10px; border-radius:5px; line-height:1.5em; }
.top .t-menu {background-color:var(--green); color:#FFF; height:60px; line-height:60px; position:relative;}
.top .t-menu .boundary {width:100%; text-align:right; padding-right:2%;}
.top .t-menu .boundary .hamburger {line-height:1em;}
.top .t-menu .tm-logo img {width:auto;height:95px; position:absolute; bottom:0; left:2%; }
.top .t-menu .tm-content {display:none; position:absolute; top:100%; left:0; width:100%; height:auto; background-color:var(--green-ex-light);color:var(--green); text-align:left; list-style-type:none; padding: 0; margin: 0; z-index:999; }
.top .t-menu .tm-content.active {display:block;}
.top .t-menu .tm-content li {font-family:var(--f-a);padding: 0 0 0 10px; text-transform:uppercase; line-height:3em;}
.top .t-menu .tm-content li.active {background-color:var(--green-light);}
.top .t-menu .tm-content li a {color:inherit;}

.banner {position:relative;width:100%;height:auto;}
.banner:before{content:"";display:block;width:100%;}
.banner:before, .banner #banners .square-image:before {padding-top:35%;}
.banner #banners {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}

.owl-carousel .owl-prev, .owl-carousel .owl-next {position:absolute; top:50%; left:0; font-size:3em!important; color:#FFF!important;transform:translateY(-60%); text-shadow:0 0 2px #333; }
.owl-carousel .owl-next {left:unset;right:0;}

.topic-title {display:inline-block; height:80px; line-height:80px; background:url(../images/tpt-bg.png) top left no-repeat; background-size:100% 100%; text-transform:capitalize; color:var(--yellow-light); text-align:center; padding: 0 3px; font-size:1.2em; position:relative;}
.topic-title:before, .topic-title:after {content:""; position:absolute; top:0; left: 0; width:63.655px; height:80px; background: url(../images/tpt-corner.png) top left no-repeat; background-size: 100% 100%; transform:translateX(-99%); }
.topic-title:after {left:99.5%;transform:scaleX(-1);}

.more-bt {display:inline-block; padding:5px 10px; background-color:var(--green); color:#FFF; }
.more-bt:hover {background-color:var(--green-light);}

.products {padding-bottom:5em; margin-top:2em; background: url(../images/products-bg.png) bottom left no-repeat; background-size: 200% auto; }
.products .boundary, .news .boundary {text-align:center;}
.products img {width:90%;}
.products h3 {font-size:2em; color:var(--green); margin:.5em auto; }
.products h3:hover {color:var(--green-light);}
.products h3 a {color:inherit;}
.products .table .col:last-child {text-align:left; padding:0; font-size:1.2em; }
.products .table .col:last-child ul {padding:0;list-style-position:inside;line-height:1.5em;}

.activities .boundary {text-align:center;}
.activities .a-list { display: none;}
.activities .a-content {margin-top:0.5em;}
.activities .a-main {position:relative;overflow:hidden;width:100%;}
.activities .a-main:before{content:"";display:block;padding-top:70%;}
.activities .a-main .owl-carousel { position:absolute;top:0;left:0;width:100%;height:auto;}
.activities .a-main .owl-nav {position:absolute;top:0;right:0;}
.activities .a-main .owl-nav button {outline:none;font-size:1.6em!important;transform:unset!important;position:relative;}
.activities .a-main .owl-nav button span {background-color:var(--green-light)!important;color:#FFF!important;width:30px;height:30px;line-height:25px;font-weight:bold;display:inline-block;margin-left:3px;}
.activities .a-main .square-image{vertical-align:top;border:0;}
.activities .a-main .square-image:before{padding-top:50%;}
.activities .a-main .a-title {background-color:var(--green);color:#FFF;padding:5px 0;line-height:1.5em;mia-height:72px;padding:0;text-align:left;}
.activities .a-main .a-title a {color:inherit; font-weight:bold; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.activities table {margin:0;min-height:68px;}
.activities  table, .activities table td {border:0;}
.activities table td {vertical-align:middle;}

.news .n-item .square-image {width:90%; margin:10px auto; box-shadow:0 0 5px #333;}
.news .n-item .square-image:before {padding-top:68.8%;}
.news .n-title {color:inherit; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news .owl-carousel .owl-prev, .news .owl-carousel .owl-next {color:var(--green-light)!important;font-size:4em!important;}

.main-content .boundary {text-align:left;width:96%;max-width:1000px;box-shadow:0 0 3px #333;margin-top:10px;padding:0;}
.main-content .breadcrumb {width:96%;max-width:1000px;text-align:left;margin:30px auto 0;}
.main-content .breadcrumb a:hover {color:var(--green);}
.main-content .mc-title {background-color:var(--green);color:#FFF;padding:10px;line-height:1.2em;font-size:1.5em;margin:0 0 30px;}
.main-content .mc-content {padding:0 10px;margin-bottom:20px;}
.main-content .mc-content img {max-width:100%;height:auto;}
.main-content .mc-content ul, .main-content .mc-content ol {margin:0;padding:0;list-style-position:inside;}
.main-content .mc-content h1, .main-content .mc-content h2 {color:var(--green);}
.main-content .mc-content h3 {color:var(--green-light);}
.main-content .mc-content blockquote {text-align:left;background-color:var(--green-ex-light);border:1px solid var(--green);padding:10px;width:auto;max-width:96%;margin:1em 0;}
.main-content hr {border:0;height:0.5px;background-color:#000;}
.main-content .mc-others {padding:0 10px 20px;border-top:1px solid #DDD;margin-top:50px;}
.main-content .mc-others h4 {margin:1em 0;}
.main-content .mc-others ul {list-style-position:inside;padding:0;margin:0;}
.main-content .mc-others ul li { padding-bottom:10px;}
.main-content .mc-others ul li a {color:#000;}
.main-content .mc-others ul li a:hover {color:var(--green);}

.footer {margin-top:4em; background-color:var(--yellow-ex-light); border-top:5px solid var(--green-light); padding:2em 0 0;line-height:1.5em;}
.footer h2 {color:var(--green);}
.footer h2 span {display:block;}
.footer strong {display:block;margin-top:10px;}
.footer a {color:inherit;}
.footer img {max-width:90%;height:auto;margin:1em 0;}
.footer .f-copy {background-color:var(--green);color:#FFF;font-size:0.8em;line-height:1.3em;padding:5px 0;}

@media (min-width: 576px){
	.top .t-hotline strong {display:inline-block; margin-right:10px;}
	
	.banner .owl-carousel .owl-prev, .banner .owl-carousel .owl-next {font-size:5em!important;}
	
	.owl-carousel .owl-prev, .owl-carousel .owl-next {font-size:5em!important;}
	
	.news .owl-carousel .owl-prev{left:-10px;}
	.news .owl-carousel .owl-next{right:-10px;}
	
	.topic-title {height:93px; line-height:93px; font-size:2em;}
	.topic-title:before, .topic-title:after {width:74px; height:93px;}
	
	.footer img {width:200px;height:auto;margin:1em;}
}

@media (min-width:768px){
	.top .t-menu {height:80px; line-height:80px;}
	.top .t-menu .tm-logo img {height:110px; }
	
	.products {padding-bottom:10em; background-size: 150% auto; }
	.products .table .col:last-child {padding:0 0 0 2em;}
	
	.activities {margin-top:-8em;}
	.activities .a-list { display: table-cell;text-align:left;padding-left:20px; }
	.activities .a-main:before{padding-top:70%;}
	.activities .a-list .a-item {margin-bottom:10px;}
	.activities .a-list .a-item .square-image {border:0;}
	.activities .a-list .a-item > table {min-height:unset;}
	.activities .a-list .a-item > table tr td {padding:0;}
	.activities .a-list .a-item table td:first-child {width:12%;}
	.activities .a-list .a-item .a-content {padding: 0 10px;}
	.activities .a-list .a-item .a-content a {color:#000; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
	.activities .a-list .a-item .a-content.active, .activities .a-list .a-item:hover .a-content {background-color:var(--green-ex-light);}

	.news .owl-carousel .owl-prev, .news .owl-carousel .owl-next {font-size:6em!important;}
	.news .n-item .square-image {width:96%; }
	
	.footer .f-logo, .footer .f-contact {width:25%;display:inline-block;vertical-align:middle;}
	.footer .f-contact {width:70%;text-align:left;}
	.footer .f-contact h2 {margin-top:0;}
	.footer .f-contact strong {display:inline;}
}

@media (min-width:992px){
	.top .t-menu .boundary .hamburger {display:none;}
	.top .t-menu .tm-content {width:auto;display:inline-block!important;position:relative!important;top:unset;left:unset; background-color:unset; }
	.top .t-menu .tm-content li { display:inline-block; padding:0 10px; color:var(--yellow); font-size:0.9em; line-height:80px;}
	
	.activities .a-list .a-item table td:first-child {width:11.5%;}
	
	.news .owl-carousel .owl-prev{left:-20px;}
	.news .owl-carousel .owl-next{right:-20px;}
	
	.footer .f-logo {width:30%;}
	.footer .f-contact {width:100%; text-align:center;margin-bottom:2em;}
	.footer .col:last-child img {width:auto; max-width:60%;}
}

@media (min-width:1200px){
	.top .t-hotline {padding-right:20px;}
	.top .t-hotline a:hover {background-color:var(--green-ex-light); color:var(--green);}
	
	.top .t-menu .tm-logo img {height:135px; bottom:10px;}
	.top .t-menu {height:120px; line-height:120px;}
	.top .t-menu .boundary {padding:0;}
	.top .t-menu .tm-content li {line-height:120px; font-size:1.2em; padding:0 20px;}
	.top .t-menu .tm-content li.active, .top .t-menu .tm-content li:hover {background-color:var(--green-light); color:var(--green);}
	
	.products {padding-bottom:20em; background-size: 100% auto; }
	
	.activities {margin-top:-15em;}
	.activities .a-list .a-item table td:first-child {width:11.3%;}
	
	.news .owl-carousel .owl-prev{left:-40px;}
	.news .owl-carousel .owl-next{right:-40px;}
	
}