html {font-family:'Roboto', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:16px; -webkit-font-smoothing: antialiased; font-weight:400; color:#000000;margin:0 auto;}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
article,aside,details,time,caption,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size:60%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;left:1px;}
sub {bottom: -0.25em;}
img {border: 0; display:block;}
/*svg:not(:root) {overflow: hidden;}*/
figure {margin:0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
/*table {border-collapse: collapse;border-spacing: 0;}*/
td,th {padding: 0;}

ul{
	word-wrap: break-word;
}
.marbox-l20 > article > ol > li{
	width: 80%;
}
.marbox-l20 > article > ol.list-custom > li{
	width: 80%;
	padding-bottom: 15px;
}
/*base*/
.videoframe{position:relative;padding-bottom:56.25%;padding-top:25px;height:0; margin:30px 0;}.videoframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.fade{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
@-webkit-keyframes come { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes come { from { opacity:0; } to { opacity:1; } }
@keyframes come { from { opacity:0; } to { opacity:1; } }
.fadeIn {	opacity:0;	-webkit-animation:come ease-in 1;	-moz-animation:come ease-in 1;	animation:come ease-in 1;	-webkit-animation-fill-mode:forwards;	-moz-animation-fill-mode:forwards;	animation-fill-mode:forwards;-webkit-animation-duration:0.3s;	-moz-animation-duration:0.3s;	animation-duration:0.3s;}
a {color: #e3061d;text-decoration: none;}
a:hover, a:focus {color: #999;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

body::-webkit-scrollbar {width:6px; background:rgba(255,255,255,0.1);}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {background-color:#666666;}
body::-webkit-scrollbar:horizontal {height:6px;}
body::-webkit-scrollbar:vertical {width:6px;}

@media screen and (min-width:801px){
.li-whoweare{
	width: 80% !important;
}
.p-box{
	width: 100% !important;
}
.box-border{
	width: 80% !important;
}
.center-whoweare{
display: block;

margin-left: auto;

margin-right: auto;

width: 60%;
}
#cd-lateral-nav::-webkit-scrollbar {width:6px; background:rgba(255,255,255,0.1);}
#cd-lateral-nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#cd-lateral-nav::-webkit-scrollbar-thumb {background-color:#666666;}
#cd-lateral-nav::-webkit-scrollbar:horizontal {height:6px;}
#cd-lateral-nav::-webkit-scrollbar:vertical {width:6px;}
}
.padding-no {padding:0 !important;}.padding-xs{padding:5px 15px;}.padding-sm{padding:10px 30px;}.padding-top-no {padding-top:0 !important;}.padding-top-ss {padding-top:5px !important;}.padding-top-xs {padding-top:10px !important;}.padding-top-sm {padding-top:15px !important;}.padding-top-lg {padding-top:45px !important;}.padding-top{padding-top:30px !important;}.padding-bottom-no {padding-bottom:0 !important;}.padding-bottom-ss {padding-bottom:5px !important;}.padding-bottom-xs {padding-bottom:10px !important;}.padding-bottom-sm {padding-bottom: 15px !important;}.padding-bottom-lg {padding-bottom:45px !important;}.padding-bottom {padding-bottom:30px !important;}.padding-left-no {padding-left:0 !important;}.padding-left-ss {padding-left:5px !important;}.padding-left-xs{padding-left:10px !important;}.padding-left-sm {padding-left:15px !important;}.padding-left-lg {padding-left:45px !important;}.padding-left {padding-left:30px !important;}.padding-right-no {padding-right: 0 !important;}.padding-right-ss {padding-right:5px !important;}.padding-right-xs {padding-right:10px !important;}.padding-right-sm {padding-right:15px !important;}.padding-right-lg {padding-right:45px !important;}.padding-right {padding-right:30px !important;}
.margin-no {margin:0 !important;}.margin-xs{margin:5px 15px;}.margin-sm{margin:10px 30px;}.margin-top-no {margin-top:0 !important;}.margin-top-xs {margin-ss:5px !important;}.margin-top-xs {margin-top:10px !important;}.margin-top-sm {margin-top:15px !important;}.margin-top-lg {margin-top:45px !important;}.margin-top {margin-top:30px !important;}.margin-bottom-no {margin-bottom:0 !important;}.margin-bottom-ss {margin-bottom:5px !important;}.margin-bottom-xs {margin-bottom:10px !important;}.margin-bottom-sm {margin-bottom:15px !important;}.margin-bottom-lg {margin-bottom:0px !important;}.margin-bottom {margin-bottom:30px !important;}.margin-left-no {margin-left:0 !important;}.margin-left-ss {margin-left:5px !important;}.margin-left-xs {margin-left:10px !important;}.margin-left-sm {margin-left:15px !important;}.margin-left-lg {margin-left:45px !important;}.margin-left {margin-left:30px !important;}.margin-right-no {margin-right:0 !important;}.margin-right-ss {margin-right:5px !important;}.margin-right-xs {margin-right:10px !important;}.margin-right-sm {margin-right:15px !important;}.margin-right-lg {margin-right:45px !important;}.margin-right {margin-right:30px !important;}.bg-twitter{background:#77cbef !important;}.bg-facebook{background:#537abd !important;}.bg-google{background:#ea5d4b !important;}.bg-linkedin{background:#1384c8 !important;}.bg-daily{background:#0064dc !important;}.bg-youtube{background:#c8302a !important;}.bg-instagram{background:#444 !important;}.bg-whatsapp{background:#2ab200 !important;}.bg-line{background:#4ecd00 !important;}.bg-tumblr{background:#395976 !important;}.cl-twitter{color:#77cbef !important;}.cl-facebook{color:#537abd !important;}.cl-google{color:#ea5d4b !important;}.cl-linkedin{color:#1384c8 !important;}.cl-daily{color:#0064dc !important;}.cl-youtube{color:#c8302a !important;}.cl-instagram{color:#444 !important;}.cl-whatsapp{color:#2ab200 !important;}.bg-line{color:#4ecd00 !important;}.cl-tumblr{color:#395976 !important;}
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.t-center{text-align:center !important;}.t-right{text-align:right !important;}.t-left{text-align:left !important;}
.hidden{opacity: 0;}.visible{opacity: 1;}.left{float:left !important;}.right{float:right !important;}
.glower {-webkit-animation: glow .5s infinite alternate;}
@-webkit-keyframes glow {to {text-shadow: 1px 1px 20px rgba(0,255,255,0.5);}}
/*body*/
body{margin:0 auto; padding:0; display:block;}
.container{margin:0 auto; max-width:1200px; padding:0 15px; display:block; min-height:20px; position:relative;}
.container.full{max-width:100%;}
.container.small{max-width:1020px;}
.container-col{margin-left:-15px; margin-right:-15px;}
.mainbody{position:relative; width:100%; padding:0 15px; margin:0 auto; max-width: 1200px; overflow:hidden;}
.box-100{width:100%; padding:0 15px; margin:0; min-height:22px; dispay:block; clear:both;}
/*scroll up*/
.scrollup {display:none; border:3px solid #000; position: fixed; width:50px; height:50px; z-index:5; bottom:10px; right:10px; cursor: pointer;opacity:1;filter: alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; cursor:pointer;color:#000; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.4);}
.scrollup:hover{opacity:0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; border-color:#999; color:#999;}
/*mainmenu*/
.box-menu{width:100%; margin:0 auto; height:36px; padding:0; background:#f6f6f6;}
ul.mainmenu{list-style:none; list-style-position:inside; padding:0 15px; margin:0 auto; max-width:1200px; height:36px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
ul.mainmenu li{float:left;font-size:14px; line-height:16px;}
ul.mainmenu li a{padding:10px;}
.menuicon{float:left; padding-left:15px; margin:0 auto;}
ul.icons{list-style:none; list-style-position:inside; padding:8px 0; margin:0; overflow:hidden;}
ul.icons li{float:left; width:52px; height:32px; display:flex; align-items:center; justify-content:center; font-size:18px;}
/*color*/
.cl-white{color:#fff !important;}
.cl-grayc{color:#ccc !important;}
.cl-graye5{color:#e5e5e5 !important;}
.cl-black28{color:#282828 !important;}
.cl-gray9{color:#999 !important;}
.cl-black{color:#000 !important;}
.cl-red{color:#e3061d  !important;}
.cl-green1{color:#154d08 !important;}
.cl-green2{color:#092304 !important;}
/*bg*/
.bg-white{background:#fff !important;}
.bg-grayc{background:#ccc !important;}
.bg-graye5{background:#e5e5e5 !important;}
.bg-black28{background:#282828 !important;}
.bg-gray9{background:#999 !important;}
.bg-black{background:#000 !important;}
.bg-red{background:#e3061d !important;}
.bg-green1{background:#154d08 !important;}
.bg-green2{background:#092304 !important;}
/*cmd*/
.hide_desktop{display:none; visibility:hidden;}
.nopad{padding:0;}
.dblock{display:block;}
.centering{display: flex !important;align-items: center !important;justify-content: center !important;}
.centering.column{flex-direction:column;}
.centering.row{flex-direction:row;}
.clear{clear:both;}
.overflow{overflow:hidden;}
/*header*/
header {
position:fixed;
top: 0;
left: 0;
height:77px;
width: 100%;
background:#092003;
border-bottom:5px solid #e3061d;
z-index:100;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
header.bg-opac{background: rgba(9,35,4,0.9) !important;}
header.br-white{border-color:rgba(120,0,12,0.85) !important;}
header.lateral-menu-is-open {-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);}
header.is-fixed {position: fixed;}
.header-in{padding:0 15px;margin:0 auto; max-width: 1200px; height:77px;}
.header-in h1.logos{padding:20px 0;float:left;}
.header-in h1.logos img{height:32px; width:auto; display: block;}
.cd-main-content {
min-height: 100%;
position: relative;
background:#fff;
z-index:5;
padding-top:76px;
/*
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
*/
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px);}
#cd-top-nav {position: absolute;top: 0;left: 120px;height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block;padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #111;}
.no-touch #cd-top-nav a:hover {color: rgba(255, 255, 255, 0.7);}
#cd-menu-trigger {float:left;	width:32px;height:72px;position: relative;display: flex;align-items: center;justify-content: center;	left:0;	margin-right:15px;}
#cd-menu-trigger .cd-menu-text {height: 100%;text-transform: uppercase;color: #fff;font-weight: 600;display: none;}
#cd-menu-trigger .cd-menu-icon {
display: inline-block;
position: absolute;
left:16px;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width:24px;
height:2px;
background-color: #fff;
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left:0;}
#cd-menu-trigger .cd-menu-icon::before {bottom:7px;}
#cd-menu-trigger .cd-menu-icon::after {top:7px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: #fff;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#cd-lateral-nav {
position: fixed;
height: 100%;
left: 0;
top: 0;
visibility: hidden;
/* the secondary navigation is covered by the main element */
z-index:5;
width: 260px;
background-color:#000;
overflow-y: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
transition: transform .4s 0s, visibility 0s .4s;
/* this creates the subtle slide in animation of the navigation */
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
#cd-lateral-nav .cd-navigation {margin:0;list-style:none; list-style-position:inside; padding:0; font-weight:700; font-family:'Roboto Condensed',Arial; text-transform:uppercase;width:100%;}
#cd-lateral-nav .sub-menu {padding: 0;display: none;list-style:none; list-style-position:inside;border:none !important;}
#cd-lateral-nav a {display: block;padding:16px;color: #e3061d;position:relative; border-top:1px solid #222;}
#cd-lateral-nav ul li:last-child a{border-bottom:1px solid #222;}
#cd-lateral-nav a:hover{background:#e3061d; color:#fff;}
#cd-lateral-nav a.current {background-color:#ddd;color: #3463af;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
#cd-lateral-nav .sub-menu a, .sub-menu li:first-child{border:none !important;}
#cd-lateral-nav .sub-menu a, .sub-menu li{padding:2px 16px;}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
transition: transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling: touch;

}
#cd-lateral-nav .item-has-children > a {position: relative;}
#cd-lateral-nav .item-has-children > a::after {content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 1em;background: url("../images/cd-arrow.svg") no-repeat center center;background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
#cd-lateral-nav .cd-navigation li.search{margin:0; height:52px; position:relative; padding:10px 8px; background:#e3061d;}
#cd-lateral-nav .cd-navigation li.search .search-mobile{padding:5px 36px 5px 10px; width:100%; height:32px; border:1px solid #eee; font-size:16px;}
#cd-lateral-nav .cd-navigation li.search .btn-search{width:42px; height:42px; position:absolute; padding:0; top:4px; right:4px; text-align:center;background:transparent; border:none;}
/*bghomepage*/
.box-homepage{width:100%; height:100vh; overflow:hidden; display:block; background:#000; position:relative;}
.box-homepage.kanalpage{height:70vh;}
.box-homepage.showvideo{height:70vh; display:flex; align-items:center; justify-content:center;}
.box-homepage #myvideo{position:absolute; width:100%; height:auto; z-index:1;}
.box-homepage.showvideo #myBtn {width: 50px; height:50px; border:none; background:rgba(0,0,0,0.8); color:#fff; cursor:pointer; position:relative; z-index:2;border-radius:25px; display:block;}
.box-homepage.showvideo #myBtn:hover {background: #ddd;color:#000;width: 50px; height:50px; display:block;}
.box-homepage .darkside{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;z-index:2; opacity:0.4;overflow:hidden;}
.box-homepage .darkside img{width:100%; height:auto;}
.box-homepage .red-menu{position:absolute; height:50px; width:100%; bottom:0; left:0; right:0; z-index:3; background:rgba(120,0,12,0.85); margin:0 auto;}
.top-box{position:absolute; height:50px; width:100%; top:95px; left:0; right:0; z-index:3; margin:0 auto;}
.top-box.other{top:19px;}
.top-box-in{padding:0 15px; margin:0 auto; max-width:1200px; height:50px; position:relative;}
.top-search, .top-email{width:50px; height:50px; display:flex; align-items:center; justify-content:center; float:left; position:relative;}
.top-search a, .top-email a{color:#fff;}
.top-search a:hover, .top-email a:hover{color:#999;}
.top-search i, .top-email i{font-size:25px;}
.top-box-in .box-search{position:absolute; left:65px; width:320px; height:50px; background:#e3061d; z-index:2; padding:10px;}
.top-box-in .box-search .btn-search{border:none; background:transparent; color:#000; width:30px; height:30px; position:absolute; z-index:2; top:10px; right:10px;}
.top-box-in .box-search .btn-search:hover{color:#999;}
.box-search input.searching{height:30px; padding:5px 45px 5px 5px; border:none; width:300px; background:#f8f8f8;}
.follow-text{height:50px; width:auto; margin:0 10px 0 30px; font-weight:bold;display:flex; align-items:center; justify-content:center; float:left;color:#fff;}
.top-share{width:auto; height:30px;  display:flex; align-items:center; justify-content:center; float:left; margin:10px 10px 10px 0;}
.top-share a{color:#fff;border:1px solid #fff; border-radius:15px;width:30px; height:30px;display:flex; align-items:center; justify-content:center;}
.top-share a:hover, .top-share.colred a:hover, .top-search.colred a:hover, .top-email.colred a:hover{color:#999; border-color:#999;}
.top-share.colred a{color:#e3061d;border:1px solid #e3061d;}
.top-search.colred a, .top-email.colred a{color:#e3061d;}

.box-homepage .main-text{position:absolute; bottom:120px; left:0; right:0; margin:0 auto; max-width:1200px; padding:0 15px; z-index:3;}
.main-text .box-main-text{max-width:480px;}
.main-text .box-main-text h1.main{font-family:'Roboto Condensed',Arial; font-size:30px; line-height:34px; text-transform:uppercase; color:#fff;}
ul.top-menu{padding:0 15px; margin:0 auto; max-width:1200px; height:50px; list-style:none; list-style-position:inside;}
/*ul.top-menu li{width:16.667%; float:left; text-align:center; margin:0 auto;  text-transform:uppercase;}*/
ul.top-menu li{width:20%; float:left; text-align:center; margin:0 auto;  text-transform:uppercase;}
ul.top-menu li a{font-family:'Roboto Condensed',Arial;font-weight:700; color:#fff;height:50px; display:flex; align-items:center; justify-content:center;}
ul.top-menu li a:hover{text-shadow:0 0 1px rgba(0,0,0,0.9); background:#e3061d;}
/*blockbox*/
.blockbox{margin:0 auto; padding:100px 15px 50px 15px; max-width:1200px; overflow:hidden;}
.blockbox.full{max-width:100%; padding:100px 0 50px 0; clear:both;}
.blockbox h1.title-box{font-size:30px; line-height:34px; letter-spacing:20px; margin:0 0 80px 0; text-align:center; text-transform:uppercase;font-family:'Roboto Condensed',Arial;}
.blockbox .block-45{float:left; width:45%; padding:0 15px;}
.blockbox .block-55{float:left; width:55%; padding:0 15px;}
.block-45 .date{font-size:18px; line-height:24px; letter-spacing:5px; padding:0 10px 5px 10px; margin:0 0 30px 0; font-weight:400; border-bottom:1px solid #000;}
.block-45 h2.title, .block-45 h2.title a{font-family:'Roboto Condensed',Arial; color:#000; font-size:28px; line-height:32px; margin-bottom:30px;}
.block-45 h2.title a:hover{color:#999;}
.block-45 p{font-size:18px; line-height:24px; color:#999;}
.block-45 a.read-more{border:1px solid #000; padding:12px 60px; text-align:center; display:inline-block; height:54px; font-size:24px; line-height:28px; color:#e3061d;font-family:'Roboto Condensed',Arial; font-weight:700; margin-top:30px;}
.block-45 a.read-more:hover{color:#999; border-color:#999;}
.block-seeall{width:100%; padding-left:50%;  overflow:hidden;}
.block-seeall a.see-more {font-size:24px; line-height:28px;border:1px solid #000; padding:12px 60px; text-align:center;color:#e3061d;font-family:'Roboto Condensed',Arial; font-weight:700; height:54px;width:100%;display:inline-block;margin-top:30px;}
.block-seeall a.see-more:hover{color:#999; border-color:#999;}
ul.latest{list-style:none; list-style-position:inside; padding:0; /*margin:0 -15px;*/font-family:'Roboto Condensed',Arial;}
ul.latest li{width:33.33%; padding:0 15px; float:left; min-height:200px;}
ul.latest1{list-style:none; list-style-position:inside; padding:0; margin:0 -15px;font-family:'Roboto Condensed',Arial;}
ul.latest1 li{width:100%; padding:15px 15px; float:left;}
ul.latest1 li .box-foto1{width:100%; height:auto; overflow:hidden; margin:0 auto; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;}
@media screen and (min-width:801px){
    ul.latest1 li{width:25%; padding:15px 15px; float:left;}
    ul.latest1 li .box-foto1{width:270px; height:382px; overflow:hidden; margin:0 auto; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;}
}
ul.latest li .date{font-size:18px; line-height:24px; letter-spacing:5px; margin:0 0 10px 0; font-weight:400;}
ul.latest li .box-foto{width:100%; height:auto; overflow:hidden; margin:0 auto;}
ul.latest li .box-foto img{width:100%; height:auto; display:block; margin:0 auto; opacity:1;transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out;}
ul.latest li .box-foto:hover img{opacity:0.7;}
/* ul.latest li .box-title{width:100%; height:232px; padding:15px; overflow:hidden;} */
ul.latest li .box-title{width:100%; padding:15px; overflow:hidden; height: 470px}
ul.latest li .box-title h2.title a{color:#fff; font-size:24px; line-height:28px;}
ul.latest li .box-title h2.title a:hover{color:#999;}
.blockbox .left-wecover{width:35%; /*height:300px;*/ float:left; background:#e3061d; padding:30px;}
/* .blockbox .left-wecover{width:35%; height:auto; float:left; padding:30px;} */
.blockbox .right-wecover{width:65%; height:auto; float:right; /*padding-top:100px;*/}
/* .left-wecover .img-cover{width:100%; height:auto; overflow:hidden; position:relative;}
.left-wecover .img-cover img{width:100%; height:auto;}
.left-wecover .img-cover .text-cover{font-family: 'Roboto Condensed',Arial; font-weight:400;position:absolute; z-index:2; left:60px; top:60px; font-size:80px; line-height:110px; color:#fff; letter-spacing:20px;} */
.right-wecover .img-cover{width:100%; height:auto; overflow:hidden; position:relative;}
.right-wecover .img-cover img{width:100%; height:auto;}
.right-wecover .img-cover .text-cover{font-family: 'Roboto Condensed',Arial; font-weight:400;position:absolute; z-index:2; left:25px; top:25px; font-size:20px; line-height:40px; color:#fff; letter-spacing:5px;}
@media screen and (min-width:801px){
    .right-wecover .img-cover .text-cover{font-family: 'Roboto Condensed',Arial; font-weight:400;position:absolute; z-index:2; left:60px; top:60px; font-size:80px; line-height:110px; color:#fff; letter-spacing:20px;}
}
/* .img-cover .text-cover span{padding:10px 80px;background: rgba(120,0,12,0.85); clear:both; text-align:center;}
.right-wecover h2.title, .left-wecover h2.title a {font-family: 'Roboto Condensed',Arial;color: #fff;font-size: 28px;line-height: 32px;margin-bottom: 30px;}
.right-wecover h2.title a:hover{color:#999;}
.right-wecover p{font-size:18px; line-height:24px; color:#fff;} */
.left-wecover h2.title, .left-wecover h2.title a {font-family: 'Roboto Condensed',Arial;color: #fff;font-size: 28px;line-height: 32px;margin-bottom: 30px;}
.left-wecover h2.title a:hover{color:#999;}
.left-wecover p{font-size:18px; line-height:24px; color:#fff;}
.img-peta{width:100%; height:auto; overflow:hidden; position:relative;}
.img-peta img{width:100%; height:auto;}
h4.title{font-size:18px; line-height:20px; font-weight:700;font-family: 'Roboto Condensed',Arial; margin-bottom:15px;}

ul.work-list{list-style:none; list-style-position:inside; padding:0; margin:30px -2px 100px -2px; overflow:hidden;}
ul.work-list-me{list-style:none; list-style-position:inside; padding:0; margin:30px -2px 100px -2px; overflow:hidden;}

ul.work-list li{width:14.28571428571429%; float:left; padding:0 2px; margin:0px; overflow:hidden;}
ul.work-list-me li{width:12.28571428571429%; float:left; padding:0 2px; margin:0px; overflow:hidden;}

ul.work-list li .box-work{width:100%;  min-height:170px; padding:5px;background:#ccc;}
ul.work-list-me li .box-work{width:100%;  min-height:170px; padding:5px;background:#ccc;}

p.small{font-size:12px; line-height:14px; width: 100%}
/*footer*/
footer{width:100%; background:#000; overflow:hidden;}
footer .footer-in{margin:0 auto; padding:15px; max-width:1200px; color:#fff; overflow:hidden;}
.footer-in .left-footer{width:50%; padding:0; float:left;}
p.copy{color:#fff; font-size:14px; line-height:30px;font-family: 'Roboto Condensed',Arial;}
.footer-in .right-footer{width:50%; padding:0; float:left;}
ul.footer-sosmed{list-style:none; list-style-position:inside; float:right; margin:0; padding:0;font-size:14px; line-height:16px;font-family: 'Roboto Condensed',Arial; color:#fff;}
ul.footer-sosmed li{width:auto; height:30px;  display:flex; align-items:center; justify-content:center; float:left; margin:0 5px;}
ul.footer-sosmed li a{color:#fff;border:1px solid #fff; border-radius:15px;width:30px; height:30px;display:flex; align-items:center; justify-content:center;}
ul.footer-sosmed li a:hover{color:#999; border-color:#999;}
.wedobox-80{width:100%;padding:0 15px; float:left;}
.wedobox-20{width:100%;padding:0 15px; float:left;}
@media screen and (min-width:801px){
    .wedobox-80{width:80%;padding:0 15px; float:left;}
    .wedobox-20{width:20%;padding:0 15px; float:left;}
}
.wedobox-60{width:60%;padding:0 15px; float:left;}
ul.kanal-menu{list-style:none; list-style-position:inside; margin:30px auto 10px auto; padding:0; overflow:hidden;display:flex; justify-content:space-between; height:30px;}
ul.kanal-menu li{display:inline-block; text-transform:uppercase; font-weight:bold;font-family: 'Roboto Condensed',Arial; }
ul.kanal-menu li a{color:#e3061d;position:relative;}
ul.kanal-menu li a:hover{color:#999;}
ul.kanal-menu li.select a:before, ul.kanal-menu li a:before {content:''; position:absolute; bottom:-3px; width:auto; left:0; right:0; height:1px; background:#000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
ul.kanal-menu li a:before {background:rgba(255,255,255,0);}
ul.kanal-menu li.select a:hover:before, ul.kanal-menu li a:hover:before{content:''; position:absolute; bottom:-3px; width:auto; left:0; right:0; height:1px;background:#999;}
.wedomap{position:relative; max-width:1200px; margin:0; padding:0 15px; width:100%;}
.wedomap .left-20{width:200px;padding:0 15px; position:absolute; top:0; right:80%; height:100vh;}
.wedomap .left-20 .container2{position:relative;}
.wedomap .right-60{width:80%;padding:0 15px; padding-left:230px; position:relative;}
.wedomap .right-60.pl20{padding-left:20%;}
.wedo-cover{width:100%; height:auto; position:relative; overflow:hidden;border-bottom:6px solid #e3061d; margin-bottom:35px;}
.wedo-cover img{width:100%; height:auto; display:block;}
.wedo-cover1{width:100%; height:auto; position:relative; overflow:hidden;border-bottom:6px solid #e3061d; margin-bottom:35px;}
.wedo-cover1 img{width:100%; height:auto; display:block;}
.wedo-text{position: absolute;height:auto;width: 100%;bottom: 0;left: 0;right: 0;z-index: 3;/*background: rgba(120,0,12,0.85);*/margin: 0 auto;padding:0px 30px 8px 30px !important;}
.wedo-text h2.title-cover{font-size:12px;  color:#fff; font-weight:400;}
.wedo-text h2.title-cover a{color:#fff;} .wedo-text h2.title-cover a:hover {color:#999;}
/*berita lainnya*/
.berita-lain{overflow:hidden; margin-top:70px;}
.berita-lain .head-berita-lain{ background:#e3061d; color:#fff; font-size:22px; line-height:24px; padding:40px 15px; overflow:hidden; font-weight:bold;font-family: 'Roboto Condensed',Arial; text-transform:uppercase;}
ul.list-lain{list-style:none; list-style-position:inside; padding:0; margin:0 0 50px 0;}
ul.list-lain li{padding:15px 0; border-bottom:6px solid #154d08;font-size:20px; line-height:24px;font-weight:bold;font-family: 'Roboto Condensed',Arial; text-transform:uppercase;}
ul.list-lain li a{color:#000;} ul.list-lain li a:hover {color:#999;}
ul.list-lain li:last-child{border-bottom:none;}
.box-big-text{border-top:1px solid #000; border-bottom:1px solid #000; padding:30px 60px; margin:0 auto;}
.box-big-text h2.title-big{font-size:36px; line-height:40px; text-align:center;font-family: 'Roboto Condensed',Arial;}
/*path map*/
.container2 {position:relative;}
.text {position: relative;padding:0;}
.text section {font-size: 1.25em;line-height: 1.7;}
h1.title-up{font-size:30px;font-weight::;display: block; margin:0 0 30px 0;text-transform: uppercase;font-family: 'Roboto Condensed',Arial; width: 80%;}
h3.title-up{font-size:24px;font-weight:400;display: block;letter-spacing:5px; margin:0 0 5px 0;text-transform: uppercase;font-family: 'Roboto Condensed',Arial;}
.text figure {	margin:0 auto;}
.text figure img {max-width: 100%;}
.text figcaption {font-size:12px;padding:5px 10px;color: #999;background:#f8f8f8;}
article p {font-size:16px;line-height:24px;margin:0 0 15px 0; color:#38363b;}
article p.intro {font-size:22px;line-height:26px;margin:0 0 5px 0;text-transform:uppercase;font-family: 'Roboto Condensed',Arial; color:#38363b;}
.js-section {width:100%;max-width: 700px;}
.blockbox60{width:60%; float:left; padding:0 15px; overflow:hidden;}
.blockbox50{width:50%; float:left; overflow:hidden; padding-right:5px;}
.blockbox50r{width:50%; float:right; overflow:hidden; padding-left:5px;}
@media screen and (max-width:801px){
    .blockbox50{width:50%; float:left; overflow:hidden; padding-right:5px;}
    .blockbox50r{width:50%; float:right; overflow:hidden; padding-left:5px;}
}
.blockbox60.marbox-l20{margin-left:20%;}
.blockbox20{width:100%; float:left; padding:0 15px; overflow:hidden;}
.blockbox80{width:100%; float:left; padding:0 15px; overflow:hidden;}
@media screen and (min-width:801px){
    .blockbox20{width:20%; float:left; padding:0 15px; overflow:hidden;}
    .blockbox80{width:80%; float:left; padding:0 15px; overflow:hidden;}
}
/*ul.round-menu{margin:0; list-style:none; list-style-position:inside; padding:0; margin-top:92px;}*/
ul.round-menu{margin:0; list-style:none; list-style-position:inside; padding:0; margin-top:35px;}
ul.round-menu li{padding-left:30px;margin:10px 0; position:relative;}
ul.round-menu li a{ font-size:16px; line-height:22px; position:relative;font-family: 'Roboto Condensed',Arial; color:#999;}
ul.round-menu li a:before {content:'\f111'; font-size:10px; font-family: 'FontAwesome'; color:#e3061d; position:absolute; top:-1px; left:-18px;}
ul.round-menu li a:hover{color:#e3061d;}
ul.round-menu li a:hover:before{color:#999;}
ul.list-thumbnails{list-style:none; list-style-position:inside; padding:0; margin:30px 0;}
ul.list-thumbnails li {display:block; padding-bottom:15px; border-bottom:1px solid #000; overflow:hidden; margin-bottom:15px;}
ul.list-thumbnails li .cover-thumbnails{float:left; width:120px; height:150px; margin-right:45px; overflow:hidden;opacity:1;transition: all 0.3s ease-in-out;}
ul.list-thumbnails li .cover-thumbnails img{height:150px; width:auto; margin:0 auto;}
ul.list-thumbnails li .cover-thumbnails:hover{opacity:0.7;transition: all 0.3s ease-in-out;}
ul.list-thumbnails li .text-thumbnails{display:block; overflow:hidden;}
/* ul.list-thumbnails li .text-thumbnails h2.title{font-family: 'Roboto Condensed',Arial; font-size:22px; line-height:32px; font-weight:400; margin-bottom:30px;} */
ul.list-thumbnails li .text-thumbnails h2.title{font-family: 'Roboto Condensed',Arial; font-size:22px; line-height:32px; margin-bottom:30px;}
ul.list-thumbnails li .text-thumbnails h2.title a{color:#000;}
ul.list-thumbnails li .text-thumbnails h2.title a:hover{color:#999;}
ul.list-thumbnails li .text-thumbnails p{margin:0;}
ul.list-thumbnails li:last-child{padding-bottom:0; border-bottom:none;}

.overide{
	background: none !important;
}
li{
	line-height: 24px;
    color: #38363b;
}

.wedo-image{
	width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.wedo-image img {
    width: 80% !important;
    height: auto;
    display: block;
}

.wedo-caption{
	height: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.wedo-caption h2.title-cover {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}

ul, ol{
	margin-top: -18px;
	width: 80%;
}

.content-custom{
	width: 80% !important;
}

.ul-custom {
	width: 120% !important;
}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	p{
		width: 100%;
	}
	ul, ol {
    	width: 100%;
	}
	.li-whoweare{
		width: 100% !important;
	}
	
	.center-whoweare{
		display: block;
		
		margin-left: auto;
		
		margin-right: auto;
		
		width: 100%;
	}

	h1.title-up{
		font-size: 19px;
		width: 100%;
		margin: 10px 0 30px 0;
	}
	.content-custom{
		width: 100% !important;
	}
	.wedo-image img {
		width: 100%;
		height: auto;
		display: block;
	}
	.ul-custom {
		width: 100% !important;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	p{
		width: 100%;
	}
	ul, ol {
    	width: 100%;
	}
	h1.title-up{
		font-size: 19px;
		width: 100%;
		margin: 10px 0 30px 0;
	}
	.content-custom{
		width: 100% !important;
	}
	.wedo-image img {
		width: 100%;
		height: auto;
		display: block;
	}

	.ul-custom {
		width: 100% !important;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	p{
		width: 80%;
	}
	h1.title-up{
		font-size: 19px;
		width: 80%;
		margin: 10px 0 30px 0;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	p{
		width: 80%;
	}
	h1.title-up{
		font-size: 19px;
		width: 80%;
		margin: 10px 0 30px 0;
	}
	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	p{
		width: 80%;
	}
	h1.title-up{
		font-size: 26px;
		width: 80%;
		margin: 10px 0 30px 0;
	}
}