/* INITIAL CSS */
body {font-family: 'GeneralFont', Arial, Verdana;}

h1, h2, h3, h4, h5, h6 {font-family: 'TitleFont', Arial, Verdana;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-family: 'TitleBoldFont', Arial, Verdana;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {font-family: 'TitleItalicFont', Arial, Verdana;}
h1 b i, h1 i b, h1 b em, h1 em b, h1 strong i, h1 i strong, h1 strong em, h1 em strong, 
h2 b i, h2 i b, h2 b em, h2 em b, h2 strong i, h2 i strong, h2 strong em, h2 em strong, 
h3 b i, h3 i b, h3 b em, h3 em b, h3 strong i, h3 i strong, h3 strong em, h3 em strong, 
h4 b i, h4 i b, h4 b em, h4 em b, h4 strong i, h4 i strong, h4 strong em, h4 em strong, 
h5 b i, h5 i b, h5 b em, h5 em b, h5 strong i, h5 i strong, h5 strong em, h5 em strong, 
h6 b i, h6 i b, h6 b em, h6 em b, h6 strong i, h6 i strong, h6 strong em, h6 em strong {font-family: 'TitleBoldItalicFont', Arial, Verdana;}

h1 {font-size: 40px; line-height: 48px; margin-bottom: 15px;}
h2 {font-size: 36px; line-height: 44px; margin-bottom: 15px;}
h3 {font-size: 32px; line-height: 40px; margin-bottom: 15px;}
h4 {font-size: 28px; line-height: 36px; margin-bottom: 15px;}
h5 {font-size: 24px; line-height: 32px; margin-bottom: 15px;}
h6 {font-size: 20px; line-height: 32px; font-family: 'BoldFont';}

p, p a {font-size: 15px; line-height: 23px; color: #333333;}
p a:hover {text-decoration: underline; color: #ff4d4a;}

a {color: #333333; font-size: 15px; line-height: 23px; text-decoration: none;}
a:hover {color: #ff4d4a; text-decoration: underline;}

b, strong {font-family: 'BoldFont', Arial, Verdana;}
i, em {font-family: 'ItalicFont', Arial, Verdana;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana; font-style: italic;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}

.cl-white {color: #fff;}

img {display: block; max-width: 100%; max-height: 100%;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.sfw {float: left; width: 100%; position: relative;}
.wrap {width: 90%; margin: 0 auto; position: relative;}
/* /GENERAL LAYOUT CSS */


/* TABLE */
table {width: 100%;}
table thead {}
table thead th {border: 1px solid #bfbfbf; background: #ffff00; padding: 8px; font-size: 15px; line-height: 23px; text-align: left; vertical-align: middle;}
table tbody {}
table tbody tr {}
table tbody tr td {border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; padding: 8px; vertical-align: middle; font-size: 15px; line-height: 23px;}
table tbody tr:last-child td {border-bottom: 1px solid #bfbfbf;}
table tbody tr td:last-child {border-right: 1px solid #bfbfbf;}
table tfoot td {border: 1px solid #bfbfbf; background: #00ffff; padding: 8px; font-size: 15px; line-height: 23px; text-align: left; vertical-align: middle;}
/* /TABLE */


/* FORM */
input[type=text], input[type=email], input[type=password], textarea {font-family: 'GeneralFont', Arial, Verdana; border: 1px solid #bfbfbf; box-sizing: border-box; height: 45px; padding: 10px; font-size: 15px; line-height: 20px; color: #000; width: 100%;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {outline: 0; border: 1px solid #000;}
textarea.no-resize {resize: none;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px; color: #000; box-sizing: border-box;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #bfbfbf; height: 45px; background: url(../images/icon/arrow-down.png) no-repeat 98% center; background-size: auto 8px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 45px; padding: 10px;}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px;}
.styled-checkbox-wrapper {}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 15px; line-height: 23px; padding-top: 3px; color: #000; display: inline-block; padding-left: 35px; background: url(../images/icon/checkbox.png) no-repeat left top; background-size: 25px auto;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top; background-size: 25px auto;}

input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 23px;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 0px; cursor: pointer;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 0;}

input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;}
.styled-input-file-wrapper {cursor: pointer; font-size: 15px; line-height: 23px; color: #000; font-family: 'GeneralFont', Arial, Verdana; box-sizing: border-box; padding: 10px; height: 45px; border: 1px solid #bfbfbf; background: url(../images/icon/file-upload.png) no-repeat 99% center; background-size: 16px 16px;}
.styled-input-file-wrapper:hover {border: 1px solid #000;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}

input[type="submit"], button, a.btn {display: inline-block; background: none; border: none; outline: 0; box-sizing: border-box; cursor: pointer;
font-family: 'GeneralFont', Arial, Verdana; color: #000; font-size: 15px; line-height: 15px; border: 1px solid #000; height: 40px; padding: 10px 20px;}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, a.btn:hover, a.btn:focus {background: #000; color: #fff;}
/* /FORM */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 15px; color: #333; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.medium, .wysiwyg-content.medium p, .wysiwyg-content.medium a, .wysiwyg-content.medium ul li, .wysiwyg-content.medium ol li {font-size: 16px; line-height: 25px;}
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 18px; line-height: 26px; font-family: 'MediumFont', Arial, Verdana;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;}
.wysiwyg-content img {}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}

.wysiwyg-content a {color: #000;}
.wysiwyg-content a:hover {color: #c30d23; text-decoration: underline;}
.wysiwyg-content p a {color: #000;}
.wysiwyg-content p a:hover {color: #000;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff; text-decoration: underline}
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4, .wysiwyg-content.white h5 {color: #fff;}
.wysiwyg-content ul li {list-style-type: disc; margin-left: 55px;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 55px;}
.wysiwyg-content.list-flat ol li {margin-left: 15px;}

.wysiwyg-content img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table {width: 100%;}
.wysiwyg-content table tbody tr {border-top: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr:last-child {border-bottom: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr td {padding: 15px 20px; font-size: 15px; line-height: 23px; border-left: 1px solid #eaeaea; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:last-child {border-right: 1px solid #eaeaea;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(odd) td {background: #fff;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(even) td {background: #f5f5f5;}

@media only screen and (max-width: 500px) {
	p, p a {font-size: 14px; line-height: 24px;}
	.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 14px; line-height: 24px;}
}
/* /WYSIWYG CONTENT */

/* HEADER */
#header { position: fixed; top: 0; z-index: 1; background-image: linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0.5) 60%,rgba(0,0,0,0)); padding-bottom: 1.5px; }
#header.sticky {background-color: rgba(0,0,0,0.8); animation:slide-down 0.5s; transform: rotate(360deg); background-image: none;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
#header-left {float: left; width: 20%;}
#header-right {float: right;}
#logo { width: 60%; height: auto; margin-top: 15px; margin-bottom: 10px;}

ul.navbar-nav {}
ul.navbar-nav > li {float: left; margin-left: 12px; margin-right: 12px; margin-top: 25px; margin-bottom: 20px;}
ul.navbar-nav > li:nth-child(6n) {margin-right: 0;}
ul.navbar-nav > li > a {text-decoration: none; font-family: 'MediumFont'; font-size: 17px; color: white; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.navbar-nav > li > a:hover {text-decoration: none;color: #ff4d4a ;}
ul.navbar-nav > li > a.active {color: #ff4d4a; font-family: 'BoldFont';}
ul.navbar-nav > li ul.dropdown {background-color: white; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding-top: 10px; padding-bottom: 10px;}
ul.navbar-nav > li ul.dropdown > li {margin-left: 12px; margin-right: 12px; margin-top: 5px; margin-bottom: 5px;}
ul.navbar-nav > li ul.dropdown > li > a {text-decoration: none; font-family: 'SemiBoldFont'; font-size: 17px; color: #333333;}
ul.navbar-nav > li ul.dropdown > li > a:hover {text-decoration: none; color: #ff4d4a;}
ul.navbar-nav > li ul.dropdown > li > a.active {color: #ff4d4a; font-family: 'BoldFont';}
.dropdown-ct {padding-top: 22px; display: none; position: absolute; z-index: 2; margin-left: -35px; width: 130px;}
.icon-search { width: 55%; height: auto; float: right; cursor: pointer;}


#search-design {display: none;}
.search-padding {padding: 20px 20px 20px 20px; background-color: white;  position: absolute; right: 0; margin-top: 70px; margin-right: 45px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); width: 35%;}
.triangle-up {width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 50px solid #fff; position: relative; margin-left: 280px; position: absolute;right: 0; margin-top: 58px; margin-right: 45px;}
form.search-box input[type=text] {line-height: unset; font-size: 16px; border: none; float: left; width: 80%; background-color: white; border-bottom: 1.5px solid #999999; padding: auto; padding-left:3px; padding-bottom: 2.5px; height: auto;}
form.search-box button[type=submit] {float: left; width: 20%; padding: auto; color: black; font-size: 16px; border: none; cursor: pointer; background-color: white; font-family: 'SemiBoldFont'; border-bottom: 1.5px solid #999999; line-height: 0; text-align: right;}

#header-responsive {display: none;}

@media only screen and (max-width: 1024px) {
	ul.navbar-nav > li > a {font-size: 15px;}
	#logo { width: 70%; height: auto; margin-top: 19px; margin-bottom: 10px;}
	form.search-box input[type=text] {font-size: 14px; padding-bottom: 6px;}
	form.search-box button[type=submit] {font-size: 15px;}
	.search-padding {padding: 20px 20px 20px 20px; }
	.triangle-up {margin-right: 35px;}
	.search-padding {margin-right: 35px;}
}

@media only screen and (max-width: 768px) {
	.wrap {width: 95%;}
	ul.navbar-nav > li > a {font-size: 13px;}
	ul.navbar-nav > li:nth-child(6) {margin-left: 0px;}
	ul.navbar-nav > li ul.dropdown > li > a {font-size: 13px; color: #333333;}
	.icon-search { width: 45%; margin-top: 1px;}
	.triangle-up {margin-right: 10px;border-left: 20px solid transparent; border-right: 20px solid transparent; margin-top: 48px; }
	.search-padding {margin-right: 10px; margin-top: 60px;}
	.search-padding {padding: 15px 15px 15px 15px; width: 35%;}
	form.search-box input[type=text] {font-size: 11px; height: 21.5px;}
	form.search-box button[type=submit] {font-size: 11px; height: 20px; text-align: center; display: inline-block;}
}

@media only screen and (max-width: 500px) {
	#header {display: none;}
	#header-responsive {display: block; background: rgba(0,0,0,1); position: fixed; top: 0; z-index: 100;}
	#header-bar {}
	#side-responsive {float: left; width: 20%;}
	#logo-responsive {width: 60%; float: left;}
	#search-responsive {width: 20%; float: right;}
	.menu-setting {height: 28px; margin-top: 17px; cursor: pointer;}
	.logo-setting {height: 33px; margin-top: 15px; margin-bottom: 15px;}
	.logo-middle {margin-left: auto;margin-right: auto;}
	.search-setting {height: 28px; margin-top: 17px; float: right; cursor: pointer;}
	.sidebar-ct {width: 100%; height: 100vh; z-index: 99; position: fixed; background:#000; top: 0; left: 0; display: none;}
	.sidebar-block {position: absolute;}
	ul#side-nav {margin-top: 60px;}
	ul#side-nav > li { }
	ul#side-nav > li a {font-size: 21px; padding : 12px 30px 12px 12px; font-family: 'BoldFont'; display: block; color: #fff; line-height: 21px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	ul#side-nav > li a:hover {text-decoration: none; color: #ff4d4a; }
	ul#side-nav > li a.active {color: #ff4d4a; font-family: 'BoldFont';}
	#icon-nav-close {height: 22px; float: right; margin-top: 20px; cursor: pointer;}
	.search-ct {width: 100%; height: 100vh; z-index: 3000; position: fixed; background: black;top: 0; left: 0; display: none;}
	#search-close-ct {height: 22px; margin-top: 20px; cursor: pointer;}
	.search-side-text {font-family: 'SemiBoldFont'; font-size: 16px; color: white; text-align: center; margin-top: 30px;}
	form.form-resp input[type=text] {width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: none; border-bottom: 1px solid white; background: rgba(0,0,0,0); color:white; text-align: center; font-size: 17px;}
 	form.form-resp button { width: 25%; height: 40px; background: none; font-size: 14px; line-height: 14px; font-family: 'SemiBoldFont'; border-left: none; cursor: pointer; color: white; border: none; text-align: center; border: 1px solid white; margin-left: 50%; transform: translateX(-50%); margin-top: 10px;}
	
	#mt-top-resp-sfw {margin-top: 62px;}
}

@media only screen and (max-width: 360px) {
	.menu-setting {height: 19px; margin-top: 17px;}
	.logo-setting {height: 23px; margin-top: 15px; margin-bottom: 15px;}
	.search-setting {height: 19px; margin-top: 17px; float: right;}
	#icon-nav-close {height: 16px;}
	#search-close-ct {height: 16px;}
	ul#side-nav > li a {font-size: 18px; padding : 9px 20px 9px 9px;}
	
	#mt-top-resp-sfw {margin-top: 53px;}
}
/* /HEADER */

/* INDEX */	

#slideshow-list {}

#slideshow-list .slick-prev, #slideshow-list .slick-next {width: 30px; height: 30px; z-index: 88; top: auto; transform: none; bottom: 0;}
#slideshow-list .slick-prev:before, #slideshow-list .slick-next:before {content: "";}
#slideshow-list .slick-prev {background: url(../images/icon/prev.png) no-repeat center ; background-size: 20px auto; left: auto; left: 15px; top: 50%;}
#slideshow-list .slick-next {background: url(../images/icon/next.png) no-repeat center ; background-size: 20px auto; right: auto; right: 15px; top: 50%;}
.slideshow-item img.featured {display: block;}
.slideshow-item img.thumb {display: none;}

#spotlight {background-color: #fff;}
.wrap-spotlight {width: 85%; margin: 0 auto; position: relative;}
ul.spotlight-info {}
ul.spotlight-info > li {float: left; width: 33.3%; background-color: white; margin-top: -130px; padding-top: 40px; padding-bottom: 40px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); position: relative; }
ul.spotlight-info > li:nth-child(3n) {margin-right: 0;}
.tag-spotlight {padding-bottom: 10px; text-align: center;}
.tag-spotlight a { font-family: 'BoldFont'; font-size: 11px; color: #ff4d4a; text-transform: uppercase;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tag-spotlight a:hover {text-decoration: none;}
.text-content-spotlight {text-align: center; padding-left: 50px; padding-right: 50px;}
.text-content-spotlight a {font-family: 'BoldFont'; font-size: 22px; color: #333333;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-content-spotlight a:hover {text-decoration: none;}

#featured-info {margin-top: 90px;}
#heading-news-paper {font-family: 'BoldFont'; font-size: 30px; margin-bottom: 20px;}

#featured-news-1 {height: 340px; background: #fff;}
#featured-news-1:hover  a {color: #ff4d4a ;}
.featured-news-1-left {float: left; width: 33.3%; height: 100%; background-size: cover !important;}
.featured-news-1-left img {display: none;}
.featured-news-1-right {float: left; width: 60%; height: 100%; position: relative;}
.featured-news-1-right .featured-news-1-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}

#featured-news-2 {height: 340px; background: #333333;}
.featured-news-2-left {float: left; width: 33.3%; height: 100%; position: relative; background-color: #ffffff;}
.featured-news-2-middle {float: left; width: 33.3%; height: 100%; position: relative; background-color: #333333;}
.featured-news-2-right {float: right; width: 33.3%; height: 100%; background-size: cover !important;}
.featured-news-2-right img {display: none;}
.featured-news-2-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

.tag-featured-news-2-middle {padding-left: 30px; padding-bottom: 10px;}
.tag-featured-news-2-middle a {font-family: 'BoldFont'; font-size: 14px; color: #ff4d4a; text-transform: uppercase;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tag-featured-news-2-middle a:hover {text-decoration: none;}
.text-featured-news-2-middle {padding-left: 30px; padding-right: 20px;}
.text-featured-news-2-middle a {font-family: 'BoldFont'; font-size: 25px; color: #ffffff; line-height: 1.2;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-featured-news-2-middle a:hover{text-decoration: none;}

.featured-writer, .featured-line, .featured-writer-date {display: inline-block;}
.featured-writer {font-size: 15px; color: #333333; font-family: 'BoldFont';}
.featured-line {font-size: 15px; color: #999999; font-family: 'BoldFont';}
.featured-writer-date {font-size: 15px; color: #999999; font-family: 'SemiBoldFont'; text-transform: uppercase;}
.featured-text-writer {font-size: 15px; font-family: 'MediumFont'; color: #333333; padding-right: 20px;}
.featured-read-more {margin-top: 10px;}
.featured-read-more a {font-size: 15px; font-family: 'BoldFont'; color: #333333;text-transform: uppercase; display: inline-block;  border-bottom: 2px solid #333333;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.featured-read-more a:hover {text-decoration: none;  border-bottom: 2px solid #ff4d4a;}

.text-featured-news-1 {padding-left: 30px;}
.text-featured-news-1 a {font-family: 'BoldFont'; font-size: 35px; line-height: 41px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-featured-news-1 a:hover {text-decoration: none;}

ul#featured-news-3 {}
ul#featured-news-3 > li {float: left; width: 33.3%; background: #eaeaea; padding-bottom: 25px;}
ul#featured-news-3 > li:hover a {color: #ff4d4a; }
ul#featured-news-3 > li .img-featured-news-3 {height: 340px; background-size: cover !important;}
ul#featured-news-3 > li img {display:none;}

.text-featured-news-3 {padding-top: 15px; padding-left: 30px; padding-right: 10px;}
.text-featured-news-3 a {font-family: 'BoldFont'; font-size: 20px; line-height: 1;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-featured-news-3 a:hover {text-decoration: none;}

#trending-info {margin-top: 30px;}
ul#trending-news {}
ul#trending-news > li {float: left; width: 18.4%; background: #fff; margin-right: 2%;  margin-bottom: 30px;}
ul#trending-news > li:nth-child(5n) {margin-right: 0;}
ul#trending-news > li:nth-child(5n + 1) {clear: both;}
ul#trending-news > li:hover a {color: #ff4d4a;}
ul#trending-news > li .img-trending-news {background-size: cover !important;}
ul#trending-news > li img {display:none;}
.text-trending-news {padding-top: 7px;}
.text-trending-news a {font-family: 'BoldFont'; font-size: 15px; line-height: 1;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-trending-news a:hover {text-decoration: none;}

#subs{position: relative;}
.subs-img {position: relative;}
.text-newslatter {font-size: 25px; font-family: 'SemiBoldFont'; line-height: 20px; margin-bottom: 10px;}
.text-sub-newslatter {font-size: 15px; font-family: 'MediumFont'; color: #666666; margin-bottom: 10px;}
img.subs-img-banner {position: relative; width:auto; height: auto;}
.newsletter-padding {padding: 40px 50px 40px 50px; background-color: white; position: absolute; width: 75%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
form.newsletter input[type=email] { padding-left: 10px; padding-right: 10px; font-size: 14px; border: none; float: left; width: 85%; background-color: white; border: 1px solid #ff4d4a;}
form.newsletter button[type=submit] {float: left; width: 15%; color: #fff; font-size: 16px; border: none; cursor: pointer; background-color: #ff4d4a; font-family: 'SemiBoldFont'; display: inline-block; height: 45px; padding-top: 15px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
form.newsletter button[type=submit]:hover {background-color: #333333;}

#heading-last-info {font-family: 'BoldFont'; font-size: 30px; margin-bottom: 30px; text-align: center;}
#last-info {padding-bottom: 50px; background-color: #eaeaea; padding-top: 40px;}
ul#last-newspaper {}
ul#last-newspaper > li {float: left; width: 50%; position: relative; background-color: #fff;}
ul#last-newspaper > li:hover a{color: #ff4d4a;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#last-newspaper > li .last-newspaper-img-ct {float: left; width: 50%; background-size: cover !important;}
ul#last-newspaper > li .last-newspaper-img-ct img {display: none;}
ul#last-newspaper > li .last-newspaper-title-ct {position: absolute; left: 50%; width: 50%; height: 100%;}
ul#last-newspaper > li .last-newspaper-img-ct .last-newspaper-inner {width: 90%; position: relative;}
ul#last-newspaper > li:nth-child(4n + 3) .last-newspaper-img-ct, ul#last-newspaper > li:nth-child(4n) .last-newspaper-img-ct {float: right;}
ul#last-newspaper > li:nth-child(4n + 3) .last-newspaper-title-ct, ul#last-newspaper > li:nth-child(4n) .last-newspaper-title-ct {left: 0;}

.tag-last-newspaper {padding-left: 25px; padding-top: 35px;}
.tag-last-newspaper a {font-family: 'BoldFont'; font-size: 12px; text-transform: uppercase; color: #ff4d4a;}
.tag-last-newspaper a:hover {text-decoration: none;}
.text-last-newspaper {padding-left: 25px; padding-right: 20px;}
.text-last-newspaper a {font-size: 22px; font-family: 'BoldFont'; color: #333333;}
.text-last-newspaper a:hover {text-decoration: none;}
.read-more-last-newspaper {position: absolute; bottom : 0; left: 0; padding-left: 25px; padding-bottom: 35px;}
.read-more-last-newspaper a {display: inline-block; background-color: #ff4d4a; color: #fff !important; border: none; font-size: 16px; padding: 7px 15px; font-family: 'SemiBoldFont';}
.read-more-last-newspaper a:hover {background-color: #333333; color: #fff; transition: 0.3s; text-decoration: none;}

.headline-last-newspaper{padding-left: 15px;}
.headline-last-newspaper a {font-family: 'BoldFont'; font-size: 16px;}
.headline-last-newspaper a:hover {color: #ff4d4a; text-decoration: none;}

ul#pagination {margin-top: 30px;}
ul#pagination > li {float: left; margin-right: 10px; width: 40px; height: 40px; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #ff4d4a; background-color: #fff; cursor: pointer;}
ul#pagination > li:last-child {margin-right: 0;}
ul#pagination > li:hover {background-color: #ff4d4a;}
ul#pagination > li div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
ul#pagination > li div a {color: #ff4d4a; font-family: 'SemiBoldFont'; font-size: 16px;line-height: 16px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#pagination > li:hover div a {text-decoration: none; color: white;}
ul#pagination > li.active div a {color: #fff;}
ul#pagination > li.active{background-color: #ff4d4a; }

@media only screen and (max-width: 1024px) {
	.tag-spotlight {font-size: 11px;}
	.text-content-spotlight {padding-left: 30px; padding-right: 30px;}
	.text-content-spotlight a {font-size: 19px;}

	#featured-news-1 {height: 280px; background: #fff;}
	#featured-news-2 {height: 280px;}
	.text-featured-news-2-middle a {font-size: 23px;}
	ul#featured-news-3 > li .img-featured-news-3 {height: 280px;}
	.newsletter-padding {padding: 30px 40px 30px 40px;}
	.text-newslatter {font-size: 23px; margin-bottom: 2px;}
	.tag-last-newspaper {padding-left: 20px; padding-top: 25px;}
	.text-last-newspaper {padding-left: 20px; padding-right: 17px;}
	.text-last-newspaper a {font-size: 18px;}
	.read-more-last-newspaper {padding-left: 20px; padding-bottom: 20px;}
	.read-more-last-newspaper a {font-size: 14px;}
}

@media only screen and (max-width: 768px)  {	
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.thumb {display: block;}

	.text-content-spotlight a {font-size: 15px;}
	.text-content-spotlight {padding-left: 20px; padding-right: 20px;}
	ul.spotlight-info > li {float: left; width: 33.3%; background-color: white; margin-top: -80px; padding-top: 25px; padding-bottom: 25px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); position: relative; }
	.tag-spotlight {font-size: 10px; padding-bottom: 1px;}
	#heading-news-paper {font-size: 25px;}
	#featured-info {margin-top: 70px;}
	#featured-news-1 {height: 220px;}
	.text-featured-news-1 a {font-size: 26px; line-height: 31px;}
	#featured-news-2 {height: 220px;}
	.text-featured-news-2-middle a {font-size: 18px;}
	.featured-writer {font-size: 13px;}
	.featured-line {font-size: 13px;}
	.featured-writer-date {font-size: 13px;}
	ul#featured-news-3 > li .img-featured-news-3 {height: 220px;}
	.featured-text-writer {font-size: 13px; line-height: 18px;}
	.featured-read-more a {font-size: 12px; border-bottom: 1.5px solid #333333;}
	.featured-read-more a:hover { border-bottom: 1.5px solid #ff4d4a;}
	.text-featured-news-3 {padding-left: 20px; padding-top: 10px;}
	.text-featured-news-3 a {font-family: 'BoldFont'; font-size: 16px; line-height: 1;}
	.text-trending-news a {font-size: 13px;}
	.newsletter-padding {padding: 15px 25px 15px 25px}
	.text-newslatter {font-size: 18px;}
	.text-sub-newslatter {font-size: 13px; margin-bottom: 5px;}
	form.newsletter input[type=email] {width: 80%; height: 40px;}
	form.newsletter button[type=submit] {width: 20%;height: 40px;}
	.tag-last-newspaper {padding-left: 20px; padding-top: 7px;}
	.tag-last-newspaper a {font-size: 10px;}
	.text-last-newspaper {padding-left: 20px; padding-right: 17px; line-height: 15px;}
	.text-last-newspaper a {font-size: 14px; line-height: 19px;}
	.read-more-last-newspaper {padding-left: 20px; padding-bottom: 10px;}
	.read-more-last-newspaper a {font-size: 12px;}
	ul#pagination > li { width: 30px; height: 30px;}
	ul#pagination > li div a {font-size: 13px;}
}

@media only screen and (max-width: 500px) {
	#slideshow-list .slick-prev {background-size: 12px auto; left: auto; left: 5px; top: 50%;}
	#slideshow-list .slick-next {background-size: 12px auto; right: auto; right: 5px; top: 50%;}
	.spotlight-info {display: none;}
	#featured-info {margin-top: 15px;}
	#heading-news-paper {font-size: 23px; margin-bottom: 15px; line-height: 23px;}
	.text-featured-news-1 {padding-left: 15px;}
	.text-featured-news-1 a {font-size: 25px; line-height: 31px;}
	.tag-featured-news-2-middle {line-height: 0px; padding-bottom: 15px;}
	.tag-featured-news-2-middle a {font-size: 12px; line-height: 0px;}
	.text-featured-news-2-middle a {font-size: 16px;}
	ul.spotlight-info > li {padding-top: 15px; padding-bottom: 15px; margin-top: -60px;}
	.tag-spotlight {font-size: 9px;}
	.text-content-spotlight {line-height: 13px;}
	.text-content-spotlight a {font-size: 12px; line-height: 12px;}
	#featured-news-1 {height: 180px;}
	#featured-news-2 {height: 180px;}
	.featured-news-1-left {width: 50%;}
	.featured-news-1-right {width: 50%;}
	.featured-news-2-left {display: none;}
	.featured-news-2-middle {width: 50%;}
	.featured-news-2-right {width: 50%;}
	ul#last-newspaper > li {float: none; width: 100%; position: relative; background-color: #fff;}
	ul#last-newspaper > li:nth-child(4n +3) .last-newspaper-img-ct, ul#last-newspaper > li:nth-child(4n) .last-newspaper-img-ct {float: left;}
	ul#last-newspaper > li:nth-child(4n +3) .last-newspaper-title-ct, ul#last-newspaper > li:nth-child(4n) .last-newspaper-title-ct {left: 50%;}
	ul#last-newspaper > li:nth-child(2n) .last-newspaper-img-ct {float: right;}
	ul#last-newspaper > li:nth-child(2n) .last-newspaper-title-ct {left: 0;}

	.tag-last-newspaper {padding-left: 20px; padding-top: 20px;}
	.tag-last-newspaper a {font-size: 10px;}
	.text-last-newspaper {padding-left: 20px; padding-right: 17px; line-height: 15px;}
	.text-last-newspaper a {font-size: 15px; line-height: 19px;}
	.read-more-last-newspaper {padding-left: 20px; padding-bottom: 20px;}
	.read-more-last-newspaper button {font-size: 12px; padding: auto; padding-left: 5px; padding-right: 5px; padding-top: 0 ;padding-bottom: 0; height: 30px;}

	ul#featured-news-3 > li {float: none; width: 100%; margin: 0; margin-bottom: 0px; padding-bottom: 0; height: 180px;}
	ul#featured-news-3 > li .img-featured-news-3  {height: 180px; float: left; width: 50%;}
	ul#featured-news-3 > li .title-news-3 {float: left; width: 50%; height: 100%; position: relative; box-sizing: border-box;}
	.text-featured-news-3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}

	ul#trending-news {margin-bottom: 30px;}
	ul#trending-news > li {float: none; width: 100%; margin-right: 0%;  margin-bottom: 0; position: relative;}
	ul#trending-news > li:nth-child(5n) {margin-right: 0;}
	ul#trending-news > li:nth-child(5n + 1) {clear: none;}
	ul#trending-news > li .img-trending-news {float: left; width: 50%;}
	ul#trending-news > li .text-trending-news {float: left; width: 50%; height: 100%; position:absolute; box-sizing: border-box; left: 50%;}
	.text-trending-news {padding-top: 0;}
	.text-trending-news a {padding-left: 10px; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; line-height: 20px; }
	img.subs-img-banner {height: 200px; object-fit: cover; }
	.text-newslatter {font-size: 16px;}
	.text-sub-newslatter {font-size: 12px; line-height: 14px;}
	form.newsletter input[type=email] { padding-left: 10px; padding-right: 10px; font-size: 14px; border: none; float: left; width: 70%; background-color: white; border: 1px solid #ff4d4a;}
	form.newsletter button[type=submit] {float: left; width: 30%; color: #fff; font-size: 15px; border: none; cursor: pointer; background-color: #ff4d4a; font-family: 'SemiBoldFont'; display: inline-block; height: 40px; padding-top: 10px;}
}

@media only screen and (max-width: 360px) {
	#heading-news-paper {font-size: 18px}
	#featured-news-1 {height: 150px;}
	.text-featured-news-1 {line-height: 18px; padding-left: 5px;}
	.text-featured-news-1 a {font-size: 20px; line-height: 25px;}
	#featured-news-2 {height: 150px;}
	.text-featured-news-2-middle {line-height: 14px; padding-left: 15px;}
	.text-featured-news-2-middle a {font-size: 14px; line-height: 18px;}
	.tag-featured-news-2-middle {padding-left: 15px;}
	.tag-featured-news-2-middle a {font-size: 10px;}
	ul#featured-news-3 > li {float: none; width: 100%; margin: 0; margin-bottom: 0px; padding-bottom: 0; height: 150px;}
	ul#featured-news-3 > li .img-featured-news-3  {height: 150px; float: left; width: 50%;}
	ul#featured-news-3 > li .title-news-3 {float: left; width: 50%; height: 100%; position: relative; box-sizing: border-box;}
	img.subs-img-banner {height: 160px;}
	.text-newslatter {font-size: 14px;}
	.text-sub-newslatter {font-size: 11px; line-height: 11px;}
	form.newsletter input[type=email] { padding-left: 10px; padding-right: 10px; font-size: 12px; border: none; float: left; width: 65%; background-color: white; border: 1px solid #ff4d4a; height: 35px;}
	form.newsletter button[type=submit] {float: left; width: 35%; color: #fff; font-size: 13px; border: none; cursor: pointer; background-color: #ff4d4a; font-family: 'SemiBoldFont'; display: inline-block; height: 35px; padding-top: 10px;}
	#last-info {padding-top: 15px; padding-bottom: 15px;}
	#heading-last-info {font-size: 18px; line-height: unset; margin-bottom: 15px;}
	.tag-last-newspaper {padding-top: 5px; line-height: unset; padding-left: 13px;}
	.tag-last-newspaper a {font-size: 9px;}
	.text-last-newspaper {padding-left: 13px;}
	.text-last-newspaper a {font-size: 14px; line-height: 13px;}
	.read-more-last-newspaper {padding-bottom: 10px; padding-left: 13px;}
	.read-more-last-newspaper button {font-size: 11px;padding-left: 7px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px; height: 26px;}
	ul#pagination {margin-top: 15px;}
	ul#pagination > li { width: 23px; height: 23px; margin-right: 5px;}
	ul#pagination > li div a {font-size: 11px;}
}

/* /INDEX */

/* FOOTER */

#footer-info {background-color: #333333; padding-top: 20px;}
#footer-category-1 {width: 25%; float: left; position: relative;}
#footer-category-2 {width: 25%; float: left; position: relative;}
#footer-category-3 {width: 25%; float: left; position: relative;}
#footer-category-4 {width: 25%; float: right; position: relative;}


ul#footer-category {}
ul#footer-category > li {width: 100%; position: relative; margin-bottom: 20px;}
ul#footer-category > li:hover a {color: #ff4d4a;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#footer-category > li .footer-category-left {float: left; width: 25%; background-size: cover !important;}
ul#footer-category > li .footer-category-left img {display: none;}
ul#footer-category > li .footer-category-right {position: absolute; left: 25%; width: 75%; height: 100%;}
ul#footer-category > li .footer-category-right .footer-category-inner {width: 90%; position: relative;}

.text-footer-info { padding-left: 10px; }
.text-footer-info a{font-family: 'BoldFont'; font-size: 15px; color: #fff; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-footer-info a:hover{text-decoration: none;}

#heading-footer {font-family: 'BoldFont'; font-size: 26px; margin-bottom: 20px; color: #fff; text-transform: uppercase;	}
#footer-copyright{ background-color: #ff4d4a; padding: 15px 0;}
#copyright-ct {float: left;}
#socmed-ct {float: right; box-sizing: border-box; padding-right: 30px;}
ul#socmed-list {}
ul#socmed-list > li {float: left; margin-right: 20px;}
ul#socmed-list > li:last-child {margin-right: 0;}
ul#socmed-list > li img {display: block; height: 14px;
transition : all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#socmed-list > li img:hover {opacity: 0.8;}
.text-copyright {font-size: 15px; line-height: 14px; font-family: 'SemiBoldFont'; color: #fff; text-align: center;}

.scrollToTop {width: 25px; height:auto; padding: 15px; background-color: #ff4d4a; position: fixed; right: 0; bottom: 5px;z-index: 1; transform: translate(80px,0); -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; cursor:pointer;}
.img-scroll-to-top {height: 15px;}

@media only screen and (max-width: 1024px) {
	ul#footer-category > li {width: 100%; position: relative; margin-bottom: 25px;}
	.text-footer-info a {font-size: 13px;}
}

@media only screen and (max-width: 768px) {
	#footer-category-1 {width: 48%;}
	#footer-category-2 {width: 48%; float: right;}
	#footer-category-3 {width: 48%;}
	#footer-category-4 {width: 48%; float: right;}
	ul#footer-category > li {width: 100%; position: relative; margin-bottom: 5px;}
	.text-footer-info a {font-size: 15px;}
	ul#footer-category > li .footer-category-right .footer-category-inner {width: 100%; position: relative;}
	.text-copyright {font-size: 13px;}
	.scrollToTop { width: 20px; padding: 13px;}
	.img-scroll-to-top {height: 10px;}
}

@media only screen and (max-width: 500px) {
	#footer-category-1 {width: 100%;}
	#footer-category-2 {width: 100%;}
	#footer-category-3 {width: 100%;}
	#footer-category-4 {width: 100%;}
	.text-footer-info a {font-size: 18px;}
	ul#footer-category > li .footer-category-left {width: 30%; height: 50px; background-size: cover !important;}
	ul#footer-category > li .footer-category-right {left: 31%; width: 70%; height: 70%;}
	ul#footer-category > li {margin-bottom: 20px;}
	.scrollToTop { width: 20px; padding: 13px;}
	.img-scroll-to-top {height: 10px;}
	
	#footer-copyright {padding: 15px 0;}
	#copyright-ct, #socmed-ct {float: none; width: 100%; margin: 0; text-align: center; padding: 0;}
	#copyright-ct {margin-bottom: 7px;}
	ul#socmed-list {display: inline-block;}
}

@media only screen and (max-width: 360px) {
	#heading-footer {font-size: 18px;margin-bottom: 0}
	.text-footer-info a {font-size: 15px;}
	ul#footer-category > li .footer-category-left {width: 30%; height: 25px; background-size: cover !important;}
}
/* /FOOTER */

/* CATEGORY */
.category-article { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 50%;}
#heading-category {font-family: 'SemiBoldFont'; font-size: 60px; margin-bottom: 50px; color: #fff; line-height: unset;}
ul#tag-category{display: inline-block;}
ul#tag-category > li {float: left; margin-left: 5px; margin-right: 5px; text-align: center;}
ul#tag-category > li a {color: #fff; background-color: rgba(0,0,0,0.6); padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 13px; font-family: 'MediumFont'; text-transform: uppercase; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#tag-category > li a:hover {text-decoration: none; color: #ff4d4a;}

#spotlight-width {}
ul#spotlight-category {}
ul#spotlight-category > li {float: left; width: 25%; margin-top: 30px; margin-bottom: 30px; position: relative;}
ul#spotlight-category > li a {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 50%; color: #fff; font-family: 'BoldFont'; font-size: 30px;line-height: 1}
ul#spotlight-category > li a:hover {text-decoration: none; color: #ff4d4a ;}
ul#spotlight-category > li:nth-child(4n) {margin-right: 0;}
ul#spotlight-category > li .img-spotlight-category {background-size: cover !important;}
ul#spotlight-category > li img {display:none;}
ul#spotlight-category > li .spotlight-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
#last-newspaper-category {background-color: #eaeaea; padding-top: 40px; padding-bottom: 30px;}
.bg-category {position: absolute; background-color: rgba(0,0,0,02); width: 100%; height: 100%;}

#last-newspaper-list-ct {min-height: 300px;}

@media only screen and (max-width: 1024px) {
	#heading-category {font-size: 50px; margin-bottom: 40px;}
	ul#spotlight-category > li a {font-size: 24px;}
}

@media only screen and (max-width: 768px) {
	#heading-category {font-size: 40px; margin-bottom: 30px;}
	ul#spotlight-category > li a {font-size: 20px;}
	ul#tag-category > li {margin-bottom: 20px;}
	.category-article {width: 80%;}
}

@media only screen and (max-width: 500px) {
	#heading-category {font-size: 35px; margin-bottom: 20px;}
	ul#spotlight-category > li a {font-size: 25px;}
	ul#tag-category > li a {font-size: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
	ul#tag-category > li:nth-child(4), ul#tag-category > li:nth-child(5) {display: none;}
	.category-article {width: 90%;}
	ul#spotlight-category  { margin-bottom: 20px; }
	ul#spotlight-category > li {float: left; width: 100%; margin-top: 0px; margin-bottom: 0px; position: relative;}
	ul#spotlight-category > li .img-spotlight-category { height: 150px;}
	ul#spotlight-category > li img {display:block; width: 100%; object-fit:cover !important; object-position: 0px 20%;}
	#spotlight-category-post > .wrap {width: 100%;}
	#spotlight-category-post {margin-top: 20px; margin-bottom: 20px;}
}

@media only screen and (max-width: 360px) {
	ul#spotlight-category > li a {font-size: 20px;}
}

/* /CATEGORY */

/* READ DETAIL */
/* .img-read-detail-lg {background: url(../images/banner/4.jpg); background-size: cover; padding-bottom: 460px; background-position: center 60%; background-repeat: no-repeat; position: relative; }
.img-read-detail-lg:after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(198,45,86,0.6),rgba(14,1,58,0.7)); content: '';}
.img-read-detail {background: url(../images/banner/4.jpg); background-size: cover; padding-bottom: 600px; background-position: center 40%; background-repeat: no-repeat; position: relative; text-align: center; margin-top: -300px;}
.img-read-detail:after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.4) 60%,rgba(0,0,0,0)); content: '';} */
.img-read-detail-lg {height: 460px; position: relative;}
.img-read-detail-lg img {width: 100%; height: 100%; object-fit: cover;}
.img-read-detail-lg .cover {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(198,45,86,0.6),rgba(14,1,58,0.7));}
.img-read-detail {height: 600px; position: relative; margin-top: -300px;}
.img-read-detail img {width: 100%; height: 100%; object-fit: cover;}
.img-read-detail .cover {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.4) 60%,rgba(0,0,0,0));}

.content-read-detail{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 50%; display: inline-block;}
.tag-img-read-detail{margin-bottom: 20px;}
.tag-img-read-detail a {color: #fff; background-color: rgba(0,0,0,0.6); padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 13px; font-family: 'SemiBoldFont'; text-transform: uppercase; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tag-img-read-detail a:hover {text-decoration: none; color: #ff4d4a;}

.headline-img-read-detail {font-family: 'SemiBoldFont'; font-size: 50px; line-height: 55px; margin-bottom: 50px; color: #fff; line-height: 1;}
ul#spotlight-read-detail {position: absolute; bottom: 20px;}
ul#spotlight-read-detail > li {float: left; width: 23.5%; margin-right: 2%; text-align: center;}
ul#spotlight-read-detail > li:nth-child(4n) {margin-right: 0;}
ul#spotlight-read-detail > li > a {color: #fff; font-family: 'BoldFont'; font-size: 17px; line-height: 21px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; text-align: center; display: inline-block; padding-left: 10px; padding-right: 10px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#spotlight-read-detail > li > a:hover {text-decoration: none; color: #ff4d4a;}
.tag-spotlight-read-detail {padding-top: 25px;}
.tag-spotlight-read-detail a {color: #fff; background-color: rgba(255,255,255,0.2); padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: 'SemiBoldFont'; text-transform: uppercase; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tag-spotlight-read-detail a:hover {text-decoration: none; color: #fff;background-color: #ff4d4a; transition: 0.3s;}
.writer-read-detail {margin-top: 20px; margin-bottom: 20px;}

#post-content {float: left; width: 74%; position: relative;}
#trending-content {float: right; width: 24%; position: relative;}

ul#trending-list {margin-top: 20px; }
ul#trending-list > li {width: 100%; position: relative; background-color: #fff; margin-bottom: 20px;}
ul#trending-list > li:hover a {color: #ff4d4a;}
ul#trending-list > li .trending-list-left {float: left; width: 30%; background-color: #fff; background-size: cover !important;}
ul#trending-list > li .trending-list-left img {display: none;}
ul#trending-list > li .trending-list-right {position: absolute; left: 30%; width: 70%; height: 100%; }
ul#trending-list > li .trending-list-right .trending-list-inner {width: 100%; position: relative; }

.text-trending-list{padding-left: 10px;}
.text-trending-list a {font-family: 'BoldFont'; font-size: 14px;}
.text-trending-list a:hover {text-decoration: none;}
.tag-trending-list {padding-left: 10px;}
.tag-trending-list a {font-family: 'BoldFont'; font-size: 11px; color: #ff4d4a; text-transform: uppercase;}
.tag-trending-list a:hover {text-decoration: none;}

#next-article {float: right; width: 40%; position: relative;}
#previous-article {float: left;width: 40%; position: relative;}
.text-next-post {font-family: 'SemiBoldFont'; font-size: 17px; color: #999999; text-align: right; margin-bottom: 10px;}
.text-prev-post {font-family: 'SemiBoldFont'; font-size: 17px; color: #999999; text-align: left; margin-bottom: 10px;}
.heading-next-post {text-align: right;}
.heading-next-post a {font-family: 'BoldFont'; font-size: 20px; text-transform: uppercase; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.heading-next-post a:hover {text-decoration: none;}
.heading-prev-post {text-align: left;}
.heading-prev-post a {font-family: 'BoldFont'; font-size: 20px; text-transform: uppercase; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.heading-prev-post a:hover {text-decoration: none;}

#related {background-color: #eaeaea; margin-top: 40px; padding-bottom: 50px;}
.heading-related-post {font-family: 'BoldFont'; font-size: 30px; margin-bottom: 20px; margin-top: 30px; text-align: center;}

ul#related-post {}
ul#related-post > li {float: left; width: 23.5%; margin-right: 2%; background: #eaeaea;}
ul#related-post > li:nth-child(4n) {margin-right: 0;}
ul#related-post > li:nth-child(4n + 1) {clear: both;}
ul#related-post > li .img-related-post {height: 340px; background-size: cover !important; position: relative;}
ul#related-post > li img {display:none;}
ul#related-post > li .inner-related-post {position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.4) 60%,rgba(0,0,0,0)); }

.headline-related-article {position: absolute; bottom: 15px; padding-left: 10px; padding-right: 10px;}
.text-related-article {text-align: center;}
.text-related-article a {font-family: 'BoldFont'; font-size: 20px; color: #fff;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.text-related-article a:hover {text-decoration: none;}

.tag-related-article {text-align: center; margin-bottom: 10px;}
.tag-related-article a { font-family: 'SemiBoldFont'; font-size: 13px; color: #fff; text-transform: uppercase;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tag-related-article a:hover {text-decoration: none;}

.gen-hor-line {height: 2px; background: #efefef; margin-top: 40px; margin-bottom: 40px;}

@media only screen and (max-width: 1024px) {
	.headline-img-read-detail { font-size: 40px; line-height: 45px;}
	/* .img-read-detail-lg {padding-bottom: 420px;}
	.img-read-detail {padding-bottom: 500px; } */
	.img-read-detail-lg {height: 420px;}
	.img-read-detail {height: 500px;}
	
	ul#spotlight-read-detail > li > a {color: #fff; font-family: 'BoldFont'; font-size: 16px; line-height: 20px;}
	ul#trending-list > li {width: 100%; position: relative; background-color: #fff; margin-bottom: 45px;}
	ul#related-post > li .img-related-post {height: 260px;}
	.text-related-article a { font-size: 18px;}
}

@media only screen and (max-width: 768px) {
	.headline-img-read-detail { font-size: 30px; line-height: 35px;}
	/* .img-read-detail-lg {padding-bottom: 340px;}
	.img-read-detail {padding-bottom: 380px; margin-top: -210px;} */
	
	.img-read-detail-lg {height: 340px;}
	.img-read-detail {height: 380px; margin-top: -210px;}
	
	ul#spotlight-read-detail > li > a {color: #fff; font-family: 'BoldFont'; font-size: 12px; line-height: 16px;}
	.tag-spotlight-read-detail {padding-top: 15px;}
	.tag-spotlight-read-detail a {font-size: 10px;}
	ul#trending-list > li { margin-bottom: 40px;}
	.text-trending-list {line-height: 13px;}
	.text-trending-list a {font-size: 12px;}
	.tag-trending-list {line-height: unset;}
	.tag-trending-list a {font-size: 8px;}
	ul#related-post > li .img-related-post {height: 210px;}
	.text-related-article a { font-size: 14px;}
	.tag-related-article a {font-size: 10px;}
	.heading-next-post a {font-size: 16px;}
	.heading-prev-post a {font-size: 16px;}
}

@media only screen and (max-width: 500px) {
	ul#spotlight-read-detail {display: none;}
	/* .img-read-detail-lg {padding-bottom: 220px;}
	.img-read-detail {padding-bottom: 230px; margin-top: -110px;} */
	.img-read-detail-lg {height: 220px;}
	.img-read-detail {height: 230px; margin-top: -110px;}
	.headline-img-read-detail {font-size: 22px; line-height: 27px; margin-bottom: 0;}
	.tag-img-read-detail {margin-bottom: 15px;}
	.tag-img-read-detail a {font-size: 9px;}
	.content-read-detail {width: 70%;}
	#post-content {width: 100%;}
	#trending-content {width: 100%;}
	.text-trending-list {line-height: 22px;}
	.text-trending-list a {font-size: 20px;}
	.tag-trending-list a {font-size: 12px;}
	ul#related-post > li {width: 47%; margin-right: 6%; margin-bottom: 25px;}
	ul#related-post > li:nth-child(4n) {margin-right: 6%;}
	ul#related-post > li:nth-child(4n + 1) {clear: none;}
	ul#related-post > li:nth-child(2n) {margin-right: 0;}
	ul#related-post > li:nth-child(2n + 1) {clear: both;}
	.tag-related-article {line-height: unset;}
	.tag-related-article a {line-height: 0.1;}
	.text-related-article {line-height: 13px;}
	.text-related-article a {font-size: 17px; line-height: 18px;}
}

@media only screen and (max-width: 360px) {
	#next-article {float: none; width: 100%; position: relative;}
	#previous-article {float: none;width: 100%; position: relative;}
	.text-prev-post {margin-bottom: 5px;}
	.text-next-post {text-align: left; margin-top: 20px; margin-bottom: 5px;}
	.heading-next-post {text-align: left;}
	ul#related-post > li .img-related-post {height: 190px; background-size: cover !important; position: relative;}
	ul#trending-list {margin-top: 60px;}
	.text-trending-list a {font-size: 18px;}
}
/* /READ DETAIL */

/* CONTACT */
#contact {background-color: #eaeaea; position: relative;}
/* .img-contact {background: url(../images/banner/5.jpeg); background-size: cover; padding-bottom: 400px; background-position: center 50%; background-repeat: no-repeat; position: relative; text-align: center;}
.img-contact:after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.3) 100%,rgba(0,0,0,0)); content: '';} */
.img-contact {height: 400px;}
.img-contact img {width: 100%; height: 100%; object-fit: cover;}
.img-contact .cover {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.3) 100%,rgba(0,0,0,0));}

#img-relative {position: relative; width: 100%;}
.text-contact-us {font-family: 'BoldFont'; font-size: 45px; color: #fff; text-align: center; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%);}
#contact-info {float: left;  background-color: #fff; margin-top: -150px; position: relative;}
.wrap-contact {width: 85%; margin: 0 auto; position: relative;}
.contact-info-left {float: left; width: 60%; position: relative;}
.contact-info-right {float: right; width: 40%; position: relative; background-color: #333333; height: 760px; padding-top: 70px; padding-left: 35px;padding-right: 20px; box-sizing: border-box;}
.contact-input {margin-top: 70px;}
.contact-form-right {float: right; width: 47%; position: relative;}
.contact-form-left {float: left; width: 47%; position: relative;}
.contact-form {font-size: 18px; font-family: 'MediumFont'; color: #666666;}
.heading-contact-form {font-family: 'BoldFont'; font-size: 45px; margin-bottom: 20px;}
form.contact-form label {line-height: 0;}
form.contact-form input[type=text], form.contact-form input[type=email], textarea { width: 100%; margin-bottom: 60px; box-sizing: border-box; border: none; border-bottom: 1.5px solid #666666; resize: none; padding:0;padding-top: 5px; height: auto;}
form.contact-form input[type=text]:hover, form.contact-form input[type=text]:focus, form.contact-form input[type=email]:hover, form.contact-form input[type=email]:focus, textarea:hover, textarea:focus {border: none; border-bottom: 1.5px solid #666666; }
form.contact-form input[type=submit] {background-color: #999999;color: white;padding: 12px 25px;border: none;cursor: pointer; text-transform: uppercase; font-family: 'SemiBoldFont';
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
form.contact-form input[type=submit]:hover {background-color: #ff4d4a}
form.contact-form textarea {margin-bottom: 30px;}

.contact-info-ct {color: #fff;}
.heading-contact {font-family: 'BoldFont'; font-size: 20px; color: #fff; margin-bottom: 5px; text-transform: uppercase;}
.text-contact-info, .text-contact-info a {font-family: 'GeneralFont'; font-size: 20px; color: #fff; margin-bottom: 40px; line-height: 1;}
.text-contact-info a:hover {color: #fff;}
.text-phone {font-family: 'BoldFont'; font-size: 30px; color: #fff; margin-bottom: 40px; line-height: 1;}

#map iframe {width: 100% !important; position: relative; height: 500px !important; margin-bottom: -5px;}

@media only screen and (max-width: 1024px) {
	.heading-contact {font-size: 18px;}
	.text-contact-info, .text-contact-info a { font-size: 18px; }
}

@media only screen and (max-width: 768px) {
	.img-contact { height: 250px;}
	.text-contact-us {font-size: 35px; top: 42%;}
	.heading-contact-form {font-size: 30px;}
	.contact-form {font-size: 16px;}
	#contact-info {margin-top: -90px;}
	.heading-contact {font-size: 15px;}
	.text-contact-info, .text-contact-info a { font-size: 15px; line-height: 20px;}
	.text-phone {font-size: 25px;}
	.contact-info-right {height: 630px;}
	#map iframe {height: 350px !important;}
}

@media only screen and (max-width: 500px) {
	.contact-info-left {width: 100%;}
	.contact-info-right {width: 100%; padding-top: 50px; height: auto;}
	.contact-form {margin-bottom: 50px;}
	.contact-form-right {float: none; width: 100%;}
	.contact-form-left {float: none; width: 100%;}
	form.contact-form input[type=text], form.contact-form input[type=email], textarea { width: 100%; margin-bottom: 30px;}

	#example1 {transform:scale(0.9);transform-origin:0 0}
}

@media only screen and (max-width: 360px) {
	.text-contact-us {font-size: 40px; width: 90%;}
	#example1 {transform:scale(0.85);transform-origin:0 0}
}
/* /CONTACT */

/* ABOUT */

#about {background-color: #fff;}
.img-about {height: 250px; width: 100%; background: blue;}
/* .img-about:after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.3) 100%,rgba(0,0,0,0)); content: '';} */
.img-about img {width: 100%; height: 100%; object-fit: cover;}
.img-about .cover {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.3) 100%,rgba(0,0,0,0));}

.text-about-us {font-family: 'BoldFont'; font-size: 45px; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.about-1 {margin-top: 50px; margin-bottom: 50px;}
.about-1-left {float: left;width: 50%; position: relative;}
.about-1-left.full-width {float: none; width: 100%;}
.about-1-right {float: right;width: 50%; position: relative;}
.about-content-1 {padding-right: 60px;}
.about-2 {background: #eaeaea;  width: 100%; padding-top: 50px; padding-bottom: 50px;}
.about-2-left {float: left; width: 30%; position: relative;}
.about-2-right {float: right;width: 70%; position: relative;}
.about-3 {margin-top: 50px; margin-bottom: 50px;}

.heading-about {font-family: 'BoldFont'; font-size: 27px; padding-bottom: 1px; border-bottom: 2px solid #333333; display: inline-block; margin-bottom: 10px; margin-top: 140px;}
.heading-about-1 {font-family: 'BoldFont'; font-size: 30px; margin-bottom: 10px;}

.our-team {background-color: #474747;}
.heading-our-team {font-family: 'BoldFont'; font-size: 45px; color: #fff; text-align: center; margin-top: 50px; margin-bottom: 50px;}
ul#team-list {}
ul#team-list > li {float: left; width: 25%; margin-bottom: 100px; margin-right: 12.5%; position: relative; color: #fff;}
ul#team-list > li:nth-child(3n) {margin-right: 0;}
ul#team-list > li:nth-child(3n + 1) {clear: both;}
ul#team-list > li .inner {box-sizing: border-box; background: #eaeaea; height: 120px; position: relative;}
ul#team-list > li .inner .img-ct {position: absolute; width: auto; height: 140px; top: -10px; left: -30px;}
ul#team-list > li .inner .img-ct img {}
ul#team-list > li .inner .title { padding-left: 130px; height: 100%; color: #333333; padding-right: 20px; padding-top: 25px;}

.wrap-our-team {width: 83%; margin: 0 auto; position: relative;}
.name-our-team {color: #333333; font-family: 'BoldFont'; font-size: 22px; margin-bottom: 5px;}
.department {color: #999999; font-family: 'MediumFont'; font-size: 16px;}

@media only screen and (max-width: 1024px) {
	.heading-about {margin-top: 80px;}
	ul#team-list > li {width: 28%; margin-right: 8%;}
	ul#team-list > li .inner {height: 110px; }
	ul#team-list > li .inner .img-ct {height: 130px;}
	.name-our-team {font-size: 18px;}
	.department {font-size: 14px;}
	ul#team-list > li .inner .title {padding-top: 20px;}

}

@media only screen and (max-width: 768px) {
	.heading-about {margin-top: 35px;}
	ul#team-list > li {float: left; width: 28%; margin-bottom: 100px; margin-right: 8%; position: relative; color: #fff;}
	ul#team-list > li .inner {height: 80px; }
	ul#team-list > li .inner .img-ct {height: 100px; left: -20px;}
	.name-our-team {font-size: 15px; margin-bottom: 4px; line-height: 15px;}
	.department {font-size: 10px; line-height: 10px;}
	ul#team-list > li .inner .title {padding-top: 12px; padding-left: 90px;}
}

@media only screen and (max-width: 500px) {
	.wrap {width: 85%;}
	.about-1-left {float: left;width: 100%; position: relative;}
	.about-1-right {float: right;width: 100%; position: relative;}
	.about-2-left {float: left; width: 100%; position: relative;}
	.about-2-right {float: right;width: 100%; position: relative;}
	.heading-about-1 {margin-bottom: 16px;}
	ul#team-list > li {float: left; width: 40%; margin-bottom: 100px; margin-right: 20%; position: relative; color: #fff;}
	ul#team-list > li:nth-child(3n) {margin-right: 20%;}
	ul#team-list > li:nth-child(3n + 1) {clear: none;}
	ul#team-list > li:nth-child(2n) {margin-right: 0;}
	ul#team-list > li:nth-child(2n + 1) {clear: both;}
}

@media only screen and (max-width: 360px) {
	.img-about {height: 150px;}
	.text-about-us {font-size: 40px; width: 80%;}
	.about-1 {margin-top: 30px; margin-bottom: 30px;}
	.about-2 {padding-top: 30px; padding-bottom: 30px;}
	.about-3 {margin-top: 30px; margin-bottom: 30px;}
	.heading-our-team {margin-top: 30px; margin-bottom: 30px; font-size: 35px;}
	.heading-about {margin-top: 20px;}
	.wrap-our-team {width: 65%;}
	ul#team-list > li {float: left; width: 100%; margin-bottom: 50px; margin-right: 0%; position: relative; color: #fff;}
}

/* /ABOUT */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 9000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 40%; box-sizing: border-box; padding: 40px; background: #ffffff; z-index: 10000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 30px; line-height: 36px; font-family: 'BoldFont', Arial, Verdana; color: #333333; margin-bottom: 20px;}
.notification-content p, .notification-content2 p {font-size: 18px; line-height: 26px; margin-bottom: 0px; font-family: 'GeneralFont', Arial, Verdana; color: #333333;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'GeneralFont', Arial, Verdana;}

.notif-success h3, .notif-success2 h3 {padding-top: 100px; background: url(../images/icon/success-notif.png) no-repeat top center; background-size: auto 72px;}
a.notification-close-btn {margin-top: 15px; cursor: pointer; display: inline-block;}
a.notification-close-btn.gen-btn {font-size: 14px; line-height: 14px; padding: 12px 25px; background: #ff4d4a; color: #fff;}
a.notification-close-btn.gen-btn:hover {background: #333; text-decoration: none;}

.overlay-bg2, .notification-content2 {display: none;}
.form-control.type2 {display: inline; width: 60%;}

@media only screen and (max-width: 1024px) {
	.notification-content, .notification-content2 {width: 450px;}
	.notification-content h3, .notification-content2 h3 {font-size: 28px;}
	.notification-content p, .notification-content2 p {font-size: 16px; line-height: 22px;}
}

@media only screen and (max-width: 500px) {
	.notification-content, .notification-content2 {width: 280px; padding: 30px;}
	.notification-content h3, .notification-content2 h3 {font-size: 24px; line-height: 32px;}
}
/* /OVERLAY NOTIFICATION */

/* ADDITIONAL */
#fp-waiting {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 9000; display: none;}
#fp-waiting img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#not-found-sfw {min-height: 300px; padding-top: 120px; padding-bottom: 60px;}

@media only screen and (max-width: 500px) {
	#not-found-sfw {min-height: 250px; padding: 60px 0;}
}
/* /ADDITIONAL */


/* FLOATING WA */
.sticky-wa {position: fixed; right: 5px; bottom: 60px; z-index: 2000; height: 60px; width: 100px;}
.sticky-wa img {width: 60px; height: 60px; position: absolute; right: 0; z-index: 2001;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.sticky-wa img.opened {right: 100px;}
.ste-text {position: absolute; right: 0; margin-top: 10px; z-index: 1000;}
.ste-text a {font-family: 'BoldFont'; display: inline-block; color: #fff; width: 0; font-size: 15px; line-height: 42px; background: #1bd741; text-align: center; padding-left: 0; padding-right: 0;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.ste-text a:hover {text-decoration: underline;}
.ste-text a.opened {padding-left: 40px; padding-right: 30px; width: 60px;}

@media only screen and (max-width: 500px) {
	.sticky-wa {bottom: 40px;}
	.sticky-wa img {width: 50px; height: 50px;}
	.sticky-wa img.opened {right: 75px;}
	.ste-text {margin-top: 8px;}
	.ste-text a {font-size: 12px; line-height: 35px;}
	.ste-text a.opened  {width: 50px; padding-left: 20px; padding-right: 20px;}
}
/* /FLOATING WA */